import type * as React from 'react';
import type { HtmlEncodedAttributeValue } from '../../html/encode';
import type { Space } from '../../metrics/metrics';
import type { ResponsiveValue } from '../../responsive/responsive';
export declare function resetAtom(reset?: boolean): HtmlEncodedAttributeValue | null;
export declare const displays: readonly ["block", "none", "flex", "inline-flex"];
export type Display = (typeof displays)[number];
export declare const getDisplayClassNames: (display?: ResponsiveValue<Display>) => (HtmlEncodedAttributeValue | undefined)[];
export declare const getDisplayStyles: (display?: ResponsiveValue<Display>) => React.CSSProperties;
export declare const backgroundTones: readonly ["checkered", "neutral", "neutralSubtle", "elevationSurfaceSunken", "elevationSurface", "elevationSurfaceRaised", "elevationSurfaceFloating", "feedbackOverlay", "feedbackHint", "feedbackHintSubtle", "feedbackPositive", "feedbackPositiveSubtle", "feedbackInfo", "feedbackInfoSubtle", "feedbackWarn", "feedbackWarnSubtle", "feedbackCritical", "feedbackCriticalSubtle"];
export type Background = (typeof backgroundTones)[number];
export declare function backgroundAtom(background?: Background): HtmlEncodedAttributeValue | null;
type InternalColor = 'content' | 'contentSubtle' | 'contentSubtlest' | 'contentPlaceholder' | 'actionSecondary' | 'feedbackCritical' | 'feedbackCriticalSubtle' | 'feedbackHint' | 'feedbackHintSubtle' | 'feedbackInfo' | 'feedbackInfoSubtle' | 'feedbackOverlay' | 'feedbackPositive' | 'feedbackPositiveSubtle' | 'feedbackWarn' | 'feedbackWarnSubtle' | 'none';
export type Color = Extract<InternalColor, 'content' | 'contentSubtle' | 'contentSubtlest' | 'contentPlaceholder' | 'none'>;
export declare function colorAtom(color?: Color, background?: Background): HtmlEncodedAttributeValue | null;
export declare const borders: readonly ["none", "control", "controlCritical", "ui"];
export declare const borderRadiuses: readonly ["none", "legacyStandard", "legacyLarge", "elementSmall", "element", "elementRelaxed", "container", "containerLarge", "tag", "baseUnit", "elementSharp", "elementStandard", "elementRound", "elementSoft", "elementSoftest", "containerStandard", "containerSoft", "containerSoftest"];
export type Border = (typeof borders)[number];
export type BorderRadius = (typeof borderRadiuses)[number];
export declare function borderAtom(border?: Border): HtmlEncodedAttributeValue | null;
export declare function borderPositionAtom({ top, bottom, start, end, }: {
    top?: Border;
    bottom?: Border;
    start?: Border;
    end?: Border;
}): (HtmlEncodedAttributeValue | undefined)[];
export declare function borderRadiusAtom(borderRadius?: BorderRadius): HtmlEncodedAttributeValue | null;
export declare const shadows: readonly ["none", "surface", "surfaceHigh", "handle", "elevationSurfaceFloating", "elevationHandleRaised", "elevationSurfaceRaised"];
export type Shadow = (typeof shadows)[number];
export declare function shadowAtom(shadow?: Shadow): HtmlEncodedAttributeValue | null;
export declare const sizes: readonly ["unset", "full"];
export type Size = (typeof sizes)[number];
export declare function widthAtom(width?: Size): HtmlEncodedAttributeValue | null;
export declare function heightAtom(height?: Size): HtmlEncodedAttributeValue | null;
export declare const minSizes: readonly ["0", "minTouchableArea"];
export type MinSize = (typeof minSizes)[number];
export declare function minWidthAtom(minWidth?: MinSize): HtmlEncodedAttributeValue | null;
export declare function minHeightAtom(minHeight?: MinSize): HtmlEncodedAttributeValue | null;
export declare const getPaddingClassNames: (padding?: ResponsiveValue<Space>, paddingX?: ResponsiveValue<Space>, paddingY?: ResponsiveValue<Space>, paddingTop?: ResponsiveValue<Space>, paddingBottom?: ResponsiveValue<Space>, paddingStart?: ResponsiveValue<Space>, paddingEnd?: ResponsiveValue<Space>) => (HtmlEncodedAttributeValue | undefined)[];
export declare const getPaddingStyles: (padding?: ResponsiveValue<Space>, paddingX?: ResponsiveValue<Space>, paddingY?: ResponsiveValue<Space>, paddingTop?: ResponsiveValue<Space>, paddingBottom?: ResponsiveValue<Space>, paddingStart?: ResponsiveValue<Space>, paddingEnd?: ResponsiveValue<Space>) => React.CSSProperties;
export declare const getFlexDirectionClassNames: (direction?: ResponsiveValue<FlexDirection>) => (HtmlEncodedAttributeValue | undefined)[];
export declare const flexDirections: readonly ["row", "column", "row-reverse"];
export type FlexDirection = (typeof flexDirections)[number];
export declare const getFlexDirectionStyles: (flexDirection?: ResponsiveValue<FlexDirection>) => React.CSSProperties;
export declare const flexWraps: readonly ["noWrap", "wrap"];
export type FlexWrap = (typeof flexWraps)[number];
export declare function flexWrapAtom(flexWrap?: FlexWrap): HtmlEncodedAttributeValue | undefined;
export declare const flexItemBehaviors: readonly ["initial", "auto", "none"];
export type FlexItemBehavior = (typeof flexItemBehaviors)[number];
export declare function getFlexItemBehaviorClassNames(flex?: FlexItemBehavior): HtmlEncodedAttributeValue | undefined;
export declare const justifyContents: readonly ["normal", "center", "start", "end", "spaceBetween"];
export type JustifyContent = (typeof justifyContents)[number];
export declare function justifyContentAtom(justifyContent?: JustifyContent, display?: ResponsiveValue<Display>): HtmlEncodedAttributeValue | null;
export declare const alignItems: readonly ["stretch", "center", "start", "end"];
export type AlignItems = (typeof alignItems)[number];
export declare function alignItemsAtom(alignItems?: AlignItems, display?: ResponsiveValue<Display>): HtmlEncodedAttributeValue | null;
export declare const alignSelves: readonly ["stretch", "center", "start", "end"];
export type AlignSelf = (typeof alignSelves)[number];
export declare function alignSelfAtom(parentType: 'flex' | 'grid', alignSelf?: AlignSelf): HtmlEncodedAttributeValue | null;
export type Gap = ResponsiveValue<Space>;
export declare function getGapClassName(gap?: Gap, rowGap?: Gap, columnGap?: Gap): HtmlEncodedAttributeValue | undefined;
export declare const getGapStyles: (gap?: Gap, rowGap?: Gap, columnGap?: Gap) => React.CSSProperties;
export declare const positions: readonly ["static", "relative", "absolute", "sticky"];
export type Position = (typeof positions)[number];
export declare function positionAtom(position?: Position): HtmlEncodedAttributeValue | null;
export declare const positionInsets: readonly ["0"];
export type PositionInset = (typeof positionInsets)[number];
export declare function positionInsetAtom(inset?: PositionInset): HtmlEncodedAttributeValue | null;
export declare function positionStartAtom(inset?: PositionInset): HtmlEncodedAttributeValue | null;
export declare function positionEndAtom(inset?: PositionInset): HtmlEncodedAttributeValue | null;
export declare function positionTopAtom(inset?: PositionInset): HtmlEncodedAttributeValue | null;
export declare function positionBottomAtom(inset?: PositionInset): HtmlEncodedAttributeValue | null;
export declare function hideOutlineAtom(hideOutline?: boolean): HtmlEncodedAttributeValue | null;
export {};