@sanity/ui 3.0.0-static.34 → 3.0.0-static.35

package/dist/css/index.d.ts

@@ -1,1010 +1,1351 @@
-import { AvatarColor, AvatarSize, BoxShadow, ButtonMode, CardTone, ColorScheme, ColorVariant, ContainerScale, ContainerWidth, ElementTone, FontCodeSize, FontHeadingSize, FontLabelSize, FontTextSize, FontWeight, Hue, Radius, Shadow, Space, Tint } from "@sanity/ui/theme";
-import { createThemeContract } from "@vanilla-extract/css";
-/** @public */
-declare const BREAKPOINTS: {
-  0: number;
-  1: number;
-  2: number;
-  3: number;
-  4: number;
-  5: number;
-  6: number;
-};
+import type {AvatarColor} from '@sanity/ui/theme'
+import type {AvatarSize} from '@sanity/ui/theme'
+import type {BoxShadow} from '@sanity/ui/theme'
+import type {ButtonMode} from '@sanity/ui/theme'
+import type {CardTone} from '@sanity/ui/theme'
+import type {ColorScheme} from '@sanity/ui/theme'
+import type {ColorVariant} from '@sanity/ui/theme'
+import type {ContainerScale} from '@sanity/ui/theme'
+import type {ContainerWidth} from '@sanity/ui/theme'
+import type {createThemeContract} from '@vanilla-extract/css'
+import type {ElementTone} from '@sanity/ui/theme'
+import type {FontCodeSize} from '@sanity/ui/theme'
+import type {FontHeadingSize} from '@sanity/ui/theme'
+import type {FontLabelSize} from '@sanity/ui/theme'
+import type {FontTextSize} from '@sanity/ui/theme'
+import type {FontWeight} from '@sanity/ui/theme'
+import type {Hue} from '@sanity/ui/theme'
+import type {Radius} from '@sanity/ui/theme'
+import type {Shadow} from '@sanity/ui/theme'
+import type {Space} from '@sanity/ui/theme'
+import type {Tint} from '@sanity/ui/theme'
+
+/** @public */
+export declare type AlignItems = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'
+
+/** @public */
+export declare function alignItems(props: AlignItemsStyleProps): string | undefined
+
+/** @public */
+export declare interface AlignItemsStyleProps {
+  alignItems?: ResponsiveProp<AlignItems>
+}
+
 /** @public */
-type Breakpoint = keyof typeof BREAKPOINTS;
+export declare function animatedSpinnerIcon(): string
+
+/** @internal */
+export declare function _arrow(): string | undefined
+
+/** @internal */
+export declare function _arrowShape(): string | undefined
+
+/** @internal */
+export declare function _arrowStroke(): string | undefined
+
+/** @internal */
+export declare function _arrowStrokeMask(): string | undefined
+
+/** @internal */
+export declare function _arrowSvg(): string | undefined
+
 /** @public */
-type ResponsiveProp<T> = T | Partial<Record<Breakpoint, T>>;
+export declare function avatar(props: AvatarStyleProps): string | undefined
+
 /** @public */
-type ResponsiveRules = Record<Breakpoint, string>;
+export declare function avatarArrow(): string | undefined
+
 /** @public */
-type ResponsiveRuleOptions<K extends string | number> = Record<K, ResponsiveRules>;
+export declare function avatarArrowSvg(): string | undefined
+
 /** @public */
-type CSSVarFunction = `var(--${string})`;
+export declare function avatarCounter(props: {
+  className?: string
+  size?: AvatarStyleProps['size']
+}): string | undefined
+
 /** @public */
-type ElementColorTokens = {
-  bg: {
-    0: string;
-    4: string;
-  };
-  border: {
-    0: string;
-    4: string;
-  };
-  fg: {
-    0: string;
-    4: string;
-  };
-};
-/** @public */
-type VariantColorTokens = Record<ElementTone, ElementColorTokens>;
-/** @public */
-type CSSCardColorTokens = {
-  avatar: Record<AvatarColor, {
-    bg: string;
-    fg: string;
-  }>;
-  backdrop: string;
-  code: {
-    bg: string;
-    fg: string;
-    token: {
-      atrule: string;
-      attrName: string;
-      attrValue: string;
-      attribute: string;
-      boolean: string;
-      builtin: string;
-      cdata: string;
-      char: string;
-      class: string;
-      className: string;
-      comment: string;
-      constant: string;
-      deleted: string;
-      doctype: string;
-      entity: string;
-      function: string;
-      hexcode: string;
-      id: string;
-      important: string;
-      inserted: string;
-      keyword: string;
-      number: string;
-      operator: string;
-      prolog: string;
-      property: string;
-      pseudoClass: string;
-      pseudoElement: string;
-      punctuation: string;
-      regex: string;
-      selector: string;
-      string: string;
-      symbol: string;
-      tag: string;
-      unit: string;
-      url: string;
-      variable: string;
-    };
-  };
-  focusRing: string;
-  link: {
-    fg: string;
-  };
-  shadow: {
-    outline: string;
-    umbra: string;
-    penumbra: string;
-    ambient: string;
-  };
-  skeleton: {
-    from: string;
-    to: string;
-  };
-} & Record<ColorVariant, VariantColorTokens>;
+export declare function avatarImage(): string | undefined
+
 /** @public */
-type SchemeColorTokens = Record<CardTone, CSSCardColorTokens>;
+export declare function avatarImageOutline(): string | undefined
+
 /** @public */
-type ColorPaletteTokens = {
-  black: string;
-  white: string;
-} & Record<Hue, Record<Tint, string>>;
+export declare function avatarInitials(): string | undefined
+
 /** @public */
-type ColorTokens = Record<ColorScheme, SchemeColorTokens>;
+export declare function avatarStack(props: {
+  className?: string
+  size?: AvatarStyleProps['size']
+}): string | undefined
+
 /** @public */
-type FontTokens<FontScaleIndex extends number> = {
-  family: string;
-  featureSettings: string;
-  weight: {
-    regular: string;
-    medium: string;
-    semibold: string;
-    bold: string;
-  };
-  scale: Record<FontScaleIndex, {
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-    ascenderHeight: string;
-    descenderHeight: string;
-    iconSize: string;
-    customIconSize: string;
-  }>;
-};
-/** @public */
-type ThemeTokens = {
-  avatar: {
-    focusRing: {
-      offset: string;
-      width: string;
-    };
-    scale: Record<AvatarSize, {
-      distance: string;
-      size: string;
-    }>;
-  };
-  button: {
-    border: {
-      width: string;
-    };
-    focusRing: {
-      offset: string;
-      width: string;
-    };
-  };
-  card: {
-    shadow: {
-      outline: string;
-    };
-  };
-  color: ColorTokens;
-  container: Record<ContainerScale, string>;
-  font: {
-    code: FontTokens<FontCodeSize>;
-    heading: FontTokens<FontHeadingSize>;
-    label: FontTokens<FontLabelSize>;
-    text: FontTokens<FontTextSize>;
-  };
-  input: {
-    border: {
-      width: string;
-    };
-    checkbox: {
-      size: string;
-      focusRing: {
-        offset: string;
-        width: string;
-      };
-    };
-    radio: {
-      size: string;
-      markSize: string;
-      focusRing: {
-        offset: string;
-        width: string;
-      };
-    };
-    select: {
-      focusRing: {
-        offset: string;
-        width: string;
-      };
-    };
-    switch: {
-      focusRing: {
-        width: string;
-        offset: string;
-      };
-      height: string;
-      width: string;
-      padding: string;
-      transitionDurationMs: string;
-      transitionTimingFunction: string;
-    };
-    text: {
-      focusRing: {
-        offset: string;
-        width: string;
-      };
-    };
-  };
-  radius: Record<Radius, string>;
-  shadow: Record<Shadow, {
-    umbra: string;
-    penumbra: string;
-    ambient: string;
-  }>;
-  space: Record<Space, string>;
-};
-/** @public */
-type RootThemeTokens = ThemeTokens & {
-  color: {
-    palette: ColorPaletteTokens;
-  };
-};
-/** @public */
-type ScopedTokens = {
-  arrow: {
-    size: string;
-  };
-  avatar: {
-    distance: string;
-    size: string;
-  };
-  button: {
-    boxShadow: string;
-  };
-  card: {
-    test: string;
-  };
-  color: {
-    avatar: {
-      bg: string;
-      fg: string;
-    };
-    bg: string;
-    border: string;
-    fg: string;
-    muted: {
-      bg: string;
-      border: string;
-      fg: string;
-    };
-    input: {
-      checkbox: {
-        bg: string;
-        border: string;
-        fg: string;
-      };
-      text: {
-        bg: string;
-        border: string;
-        fg: string;
-        placeholder: string;
-      };
-      radio: {
-        bg: string;
-        border: string;
-        fg: string;
-      };
-      switch: {
-        bg: string;
-        fg: string;
-      };
-    };
-  } & CSSCardColorTokens & Record<ColorVariant, Record<ElementTone, {
-    bg: {
-      0: string;
-      1: string;
-      2: string;
-      3: string;
-      4: string;
-    };
-    border: {
-      0: string;
-      1: string;
-      2: string;
-      3: string;
-      4: string;
-    };
-    fg: {
-      0: string;
-      1: string;
-      2: string;
-      3: string;
-      4: string;
-    };
-  }>> & Record<CardTone, CSSCardColorTokens & Record<ColorVariant, Record<ElementTone, {
-    bg: {
-      0: string;
-      4: string;
-    };
-    border: {
-      0: string;
-      4: string;
-    };
-    fg: {
-      0: string;
-      4: string;
-    };
-  }>>>;
-  font: {
-    family: string;
-    featureSettings: string;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-    fontWeight: string;
-    ascenderHeight: string;
-    descenderHeight: string;
-    iconSize: string;
-    customIconSize: string;
-    capHeight: string;
-    iconOffset: string;
-    customIconOffset: string;
-    skeleton: {
-      ascenderHeight: string;
-      descenderHeight: string;
-      lineHeight: string;
-    };
-    weight: {
-      regular: string;
-      medium: string;
-      semibold: string;
-      bold: string;
-    };
-  };
-  input: {
-    switch: {
-      thumb: {
-        offset: string;
-        size: string;
-      };
-    };
-    text: {
-      fontSize: string;
-      lineHeight: string;
-      letterSpacing: string;
-      ascenderHeight: string;
-      descenderHeight: string;
-      padding: string;
-      gap: string;
-    };
-  };
-};
-/** @public */
-type NullableTokens = {
-  [key: string]: string | NullableTokens;
-};
+export declare interface AvatarStyleProps {
+  className?: string
+  color: AvatarColor
+  size: ResponsiveProp<AvatarSize>
+}
+
 /** @public */
-type ThemeContract<T extends NullableTokens> = ReturnType<typeof createThemeContract<T>>;
+export declare function badge(props: BadgeStyleProps): string | undefined
+
 /** @public */
-type ColorPaletteVars = ThemeContract<ColorPaletteTokens>;
+export declare interface BadgeStyleProps {
+  className?: string
+  fontSize?: ResponsiveProp<FontTextSize>
+  tone?: BadgeTone
+}
+
 /** @public */
-type ScopedVars = ThemeContract<ScopedTokens>;
+export declare type BadgeTone = ElementTone
+
 /** @public */
-type ThemeVars = ThemeContract<RootThemeTokens & ScopedTokens>;
+export declare function border(props: BorderStyleProps): string | undefined
+
 /** @public */
-type AlignItems = "baseline" | "center" | "flex-end" | "flex-start" | "stretch";
+export declare type BorderStyle = 'solid' | 'muted' | 'none'
+
 /** @public */
-interface AlignItemsStyleProps {
-  alignItems?: ResponsiveProp<AlignItems>;
+export declare interface BorderStyleProps {
+  border?: ResponsiveProp<BorderStyle | boolean>
+  borderTop?: ResponsiveProp<BorderStyle | boolean>
+  borderRight?: ResponsiveProp<BorderStyle | boolean>
+  borderBottom?: ResponsiveProp<BorderStyle | boolean>
+  borderLeft?: ResponsiveProp<BorderStyle | boolean>
 }
+
 /** @public */
-declare function alignItems(props: AlignItemsStyleProps): string | undefined;
+export declare function box(props: BoxStyleProps): string | undefined
+
 /** @public */
-type BorderStyle = "solid" | "muted" | "none";
+export declare type BoxSizing = 'content' | 'border'
+
+/** @internal */
+export declare function boxSizing(props: BoxSizingStyleProps): string | undefined
+
 /** @public */
-interface BorderStyleProps {
-  border?: ResponsiveProp<BorderStyle | boolean>;
-  borderTop?: ResponsiveProp<BorderStyle | boolean>;
-  borderRight?: ResponsiveProp<BorderStyle | boolean>;
-  borderBottom?: ResponsiveProp<BorderStyle | boolean>;
-  borderLeft?: ResponsiveProp<BorderStyle | boolean>;
+export declare interface BoxSizingStyleProps {
+  boxSizing?: BoxSizing
+}
+
+/** @public */
+export declare interface BoxStyleProps
+  extends AlignItemsStyleProps,
+    BorderStyleProps,
+    DisplayStyleProps,
+    FlexDirectionStyleProps,
+    FlexStyleProps,
+    FlexWrapStyleProps,
+    GapStyleProps,
+    GridAutoColumnsStyleProps,
+    GridAutoFlowStyleProps,
+    GridAutoRowsStyleProps,
+    GridColumnEndStyleProps,
+    GridColumnStartStyleProps,
+    GridColumnStyleProps,
+    GridRowEndStyleProps,
+    GridRowStartStyleProps,
+    GridRowStyleProps,
+    GridTemplateColumnsStyleProps,
+    GridTemplateRowsStyleProps,
+    HeightStyleProps,
+    InsetStyleProps,
+    JustifyContentStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps,
+    MinHeightStyleProps,
+    MinWidthStyleProps,
+    OverflowStyleProps,
+    PaddingStyleProps,
+    PointerEventsStyleProps,
+    PositionStyleProps,
+    RadiusStyleProps,
+    ShadowStyleProps,
+    TextAlignStyleProps,
+    WidthStyleProps {
+  className?: string
+  muted?: boolean
+  outline?: 'none'
+  sizing?: BoxSizingStyleProps['boxSizing']
 }
+
+/** @public */
+export declare function breadcrumbs(props: {className?: string}): string | undefined
+
+/** @public */
+export declare type Breakpoint = keyof typeof BREAKPOINTS
+
+/** @public */
+export declare const BREAKPOINTS: {
+  0: number
+  1: number
+  2: number
+  3: number
+  4: number
+  5: number
+  6: number
+}
+
 /** @public */
-declare function border(props: BorderStyleProps): string | undefined;
+export declare function button(props: ButtonStyleProps): string | undefined
+
 /** @public */
-type BoxSizing = "content" | "border";
+export declare function buttonLoadingBox(): string
+
 /** @public */
-interface BoxSizingStyleProps {
-  boxSizing?: BoxSizing;
+export declare interface ButtonStyleProps
+  extends FlexStyleProps,
+    RadiusStyleProps,
+    WidthStyleProps {
+  className?: string
+  mode?: ButtonMode
+  tone?: ElementTone
 }
-/** @internal */
-declare function boxSizing(props: BoxSizingStyleProps): string | undefined;
+
 /** @public */
-type Display = "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "none";
+export declare function card(props: CardStyleProps): string | undefined
+
 /** @public */
-interface DisplayStyleProps {
-  display?: ResponsiveProp<Display>;
+export declare interface CardStyleProps {
+  className?: string
+  checkered?: boolean
+  scheme?: ColorScheme
+  tone?: CardTone | 'inherit'
 }
+
 /** @public */
-declare function display(props: DisplayStyleProps): string | undefined;
+export declare function checkbox(props: {className?: string}): string | undefined
+
 /** @public */
-type Flex = "none" | "auto" | "initial" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function checkboxInput(): string
+
 /** @public */
-interface FlexStyleProps {
-  flex?: ResponsiveProp<Flex>;
-}
-/** @public */
-declare function flex(props: FlexStyleProps): string | undefined;
+export declare function checkboxPresentation(): string
+
 /** @public */
-type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
+export declare function code(props: CodeStyleProps): string | undefined
+
+/** @beta */
+export declare function codeSkeleton(props: CodeSkeletonStyleProps): string | undefined
+
+/** @beta */
+export declare interface CodeSkeletonStyleProps {
+  className?: string
+  size?: ResponsiveProp<FontCodeSize>
+}
+
 /** @public */
-interface FlexDirectionStyleProps {
-  flexDirection?: ResponsiveProp<FlexDirection>;
+export declare interface CodeStyleProps extends FlexStyleProps, Omit<FontStyleProps, 'align'> {
+  className?: string
+  size?: ResponsiveProp<FontCodeSize>
 }
+
 /** @public */
-declare function flexDirection(props: FlexDirectionStyleProps): string | undefined;
+export declare type ColorPaletteTokens = {
+  black: string
+  white: string
+} & Record<Hue, Record<Tint, string>>
+
 /** @public */
-type FlexWrap = "wrap" | "wrap-reverse" | "nowrap";
+export declare type ColorPaletteVars = ThemeContract<ColorPaletteTokens>
+
 /** @public */
-interface FlexWrapStyleProps {
-  flexWrap?: ResponsiveProp<FlexWrap>;
-}
+export declare type ColorTokens = Record<ColorScheme, SchemeColorTokens>
+
 /** @public */
-declare function flexWrap(props: FlexWrapStyleProps): string | undefined;
+export declare function container(props: ContainerStyleProps): string | undefined
+
 /** @public */
-interface FontStyleProps {
-  weight?: FontWeight;
+export declare interface ContainerStyleProps {
+  className?: string
+  width?: ResponsiveProp<ContainerWidth>
 }
+
+/** @public */
+export declare type CSSCardColorTokens = {
+  avatar: Record<
+    AvatarColor,
+    {
+      bg: string
+      fg: string
+    }
+  >
+  backdrop: string
+  code: {
+    bg: string
+    fg: string
+    token: {
+      atrule: string
+      attrName: string
+      attrValue: string
+      attribute: string
+      boolean: string
+      builtin: string
+      cdata: string
+      char: string
+      class: string
+      className: string
+      comment: string
+      constant: string
+      deleted: string
+      doctype: string
+      entity: string
+      function: string
+      hexcode: string
+      id: string
+      important: string
+      inserted: string
+      keyword: string
+      number: string
+      operator: string
+      prolog: string
+      property: string
+      pseudoClass: string
+      pseudoElement: string
+      punctuation: string
+      regex: string
+      selector: string
+      string: string
+      symbol: string
+      tag: string
+      unit: string
+      url: string
+      variable: string
+    }
+  }
+  focusRing: string
+  link: {
+    fg: string
+  }
+  shadow: {
+    outline: string
+    umbra: string
+    penumbra: string
+    ambient: string
+  }
+  skeleton: {
+    from: string
+    to: string
+  }
+} & Record<ColorVariant, VariantColorTokens>
+
 /** @public */
-declare function font(props: FontStyleProps): string | undefined;
+export declare type CSSLayer = 'theme' | 'props' | 'primitives' | 'components'
+
 /** @public */
-interface GapStyleProps {
-  gap?: ResponsiveProp<Space>;
-  gapX?: ResponsiveProp<Space>;
-  gapY?: ResponsiveProp<Space>;
-}
+export declare type CSSVarFunction = `var(--${string})`
+
 /** @public */
-declare function gap(props: GapStyleProps): string | undefined;
+export declare function dialog(props: {className?: string}): string | undefined
+
 /** @public */
-type GridAutoColumns = "auto" | "min" | "max" | "fr";
+export declare function dialogCard(): string | undefined
+
 /** @public */
-interface GridAutoColumnsStyleProps {
-  gridAutoColumns?: ResponsiveProp<GridAutoColumns>;
-}
+export declare function dialogContainer(): string | undefined
+
 /** @public */
-declare function gridAutoColumns(props: GridAutoColumnsStyleProps): string | undefined;
+export declare function dialogContent(): string | undefined
+
 /** @public */
-type GridAutoFlow = "row" | "column" | "row dense" | "column dense";
+export declare function dialogFooter(): string | undefined
+
 /** @public */
-interface GridAutoFlowStyleProps {
-  gridAutoFlow?: ResponsiveProp<GridAutoFlow>;
-}
+export declare function dialogHeader(): string | undefined
+
 /** @public */
-declare function gridAutoFlow(props: GridAutoFlowStyleProps): string | undefined;
+export declare function dialogScroller(): string | undefined
+
 /** @public */
-type GridAutoRows = "auto" | "min" | "max" | "fr";
+export declare function dialogScrollerShadowBottom(): string | undefined
+
 /** @public */
-interface GridAutoRowsStyleProps {
-  gridAutoRows?: ResponsiveProp<GridAutoRows>;
-}
+export declare function dialogScrollerShadowTop(): string | undefined
+
 /** @public */
-declare function gridAutoRows(props: GridAutoRowsStyleProps): string | undefined;
+export declare type Display =
+  | 'block'
+  | 'inline-block'
+  | 'flex'
+  | 'inline-flex'
+  | 'grid'
+  | 'inline-grid'
+  | 'none'
+
 /** @public */
-type GridColumn = "auto" | "full" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function display(props: DisplayStyleProps): string | undefined
+
 /** @public */
-interface GridColumnStyleProps {
-  gridColumn?: ResponsiveProp<GridColumn>;
+export declare interface DisplayStyleProps {
+  display?: ResponsiveProp<Display>
 }
+
 /** @public */
-declare function gridColumn(props: GridColumnStyleProps): string | undefined;
-/** @public */
-type GridColumnEnd = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare type ElementColorTokens = {
+  bg: {
+    0: string
+    4: string
+  }
+  border: {
+    0: string
+    4: string
+  }
+  fg: {
+    0: string
+    4: string
+  }
+}
+
+/** @public */
+export declare type Flex =
+  | 'none'
+  | 'auto'
+  | 'initial'
+  | 1
+  | 2
+  | 3
+  | 4
+  | 5
+  | 6
+  | 7
+  | 8
+  | 9
+  | 10
+  | 11
+  | 12
+
+/** @public */
+export declare function flex(props: FlexStyleProps): string | undefined
+
+/** @public */
+export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse'
+
+/** @public */
+export declare function flexDirection(props: FlexDirectionStyleProps): string | undefined
+
+/** @public */
+export declare interface FlexDirectionStyleProps {
+  flexDirection?: ResponsiveProp<FlexDirection>
+}
+
 /** @public */
-interface GridColumnEndStyleProps {
-  gridColumnEnd?: ResponsiveProp<GridColumnEnd>;
+export declare interface FlexStyleProps {
+  flex?: ResponsiveProp<Flex>
 }
+
 /** @public */
-declare function gridColumnEnd(props: GridColumnEndStyleProps): string | undefined;
+export declare type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap'
+
 /** @public */
-type GridColumnStart = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function flexWrap(props: FlexWrapStyleProps): string | undefined
+
 /** @public */
-interface GridColumnStartStyleProps {
-  gridColumnStart?: ResponsiveProp<GridColumnStart>;
+export declare interface FlexWrapStyleProps {
+  flexWrap?: ResponsiveProp<FlexWrap>
 }
+
 /** @public */
-declare function gridColumnStart(props: GridColumnStartStyleProps): string | undefined;
-/** @public */
-type GridRow = "auto" | "full" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function font(props: FontStyleProps): string | undefined
+
 /** @public */
-interface GridRowStyleProps {
-  gridRow?: ResponsiveProp<GridRow>;
+export declare interface FontStyleProps {
+  weight?: FontWeight
 }
+
 /** @public */
-declare function gridRow(props: GridRowStyleProps): string | undefined;
+export declare type FontTokens<FontScaleIndex extends number> = {
+  family: string
+  featureSettings: string
+  weight: {
+    regular: string
+    medium: string
+    semibold: string
+    bold: string
+  }
+  scale: Record<
+    FontScaleIndex,
+    {
+      fontSize: string
+      lineHeight: string
+      letterSpacing: string
+      ascenderHeight: string
+      descenderHeight: string
+      iconSize: string
+      customIconSize: string
+    }
+  >
+}
+
 /** @public */
-type GridRowEnd = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gap(props: GapStyleProps): string | undefined
+
 /** @public */
-interface GridRowEndStyleProps {
-  gridRowEnd?: ResponsiveProp<GridRowEnd>;
+export declare interface GapStyleProps {
+  gap?: ResponsiveProp<Space>
+  gapX?: ResponsiveProp<Space>
+  gapY?: ResponsiveProp<Space>
 }
+
 /** @public */
-declare function gridRowEnd(props: GridRowEndStyleProps): string | undefined;
+export declare type GridAutoColumns = 'auto' | 'min' | 'max' | 'fr'
+
 /** @public */
-type GridRowStart = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridAutoColumns(props: GridAutoColumnsStyleProps): string | undefined
+
 /** @public */
-interface GridRowStartStyleProps {
-  gridRowStart?: ResponsiveProp<GridRowStart>;
+export declare interface GridAutoColumnsStyleProps {
+  gridAutoColumns?: ResponsiveProp<GridAutoColumns>
 }
+
 /** @public */
-declare function gridRowStart(props: GridRowStartStyleProps): string | undefined;
+export declare type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense'
+
 /** @public */
-type GridTemplateColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridAutoFlow(props: GridAutoFlowStyleProps): string | undefined
+
 /** @public */
-interface GridTemplateColumnsStyleProps {
-  gridTemplateColumns?: ResponsiveProp<GridTemplateColumns>;
+export declare interface GridAutoFlowStyleProps {
+  gridAutoFlow?: ResponsiveProp<GridAutoFlow>
 }
+
 /** @public */
-declare function gridTemplateColumns(props: GridTemplateColumnsStyleProps): string | undefined;
+export declare type GridAutoRows = 'auto' | 'min' | 'max' | 'fr'
+
 /** @public */
-type GridTemplateRows = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridAutoRows(props: GridAutoRowsStyleProps): string | undefined
+
 /** @public */
-interface GridTemplateRowsStyleProps {
-  gridTemplateRows?: ResponsiveProp<GridTemplateRows>;
+export declare interface GridAutoRowsStyleProps {
+  gridAutoRows?: ResponsiveProp<GridAutoRows>
 }
+
 /** @public */
-declare function gridTemplateRows(props: GridTemplateRowsStyleProps): string | undefined;
-/** @public */
-type Height = "fill" | "auto" | "min" | "max" | "fit" | "stretch";
+export declare type GridColumn = 'auto' | 'full' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-interface HeightStyleProps {
-  height?: ResponsiveProp<Height>;
-}
+export declare function gridColumn(props: GridColumnStyleProps): string | undefined
+
 /** @public */
-declare function height(props: HeightStyleProps): string | undefined;
+export declare type GridColumnEnd = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type Inset = 0;
+export declare function gridColumnEnd(props: GridColumnEndStyleProps): string | undefined
+
 /** @public */
-interface InsetStyleProps {
-  inset?: ResponsiveProp<Inset>;
-  insetTop?: ResponsiveProp<Inset>;
-  insetRight?: ResponsiveProp<Inset>;
-  insetBottom?: ResponsiveProp<Inset>;
-  insetLeft?: ResponsiveProp<Inset>;
+export declare interface GridColumnEndStyleProps {
+  gridColumnEnd?: ResponsiveProp<GridColumnEnd>
 }
+
 /** @public */
-declare function inset(props: InsetStyleProps): string | undefined;
+export declare type GridColumnStart = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+export declare function gridColumnStart(props: GridColumnStartStyleProps): string | undefined
+
 /** @public */
-interface JustifyContentStyleProps {
-  justifyContent?: ResponsiveProp<JustifyContent>;
+export declare interface GridColumnStartStyleProps {
+  gridColumnStart?: ResponsiveProp<GridColumnStart>
 }
+
 /** @public */
-declare function justifyContent(props: JustifyContentStyleProps): string | undefined;
+export declare interface GridColumnStyleProps {
+  gridColumn?: ResponsiveProp<GridColumn>
+}
+
 /** @public */
-type Margin = Space | "auto";
+export declare type GridRow = 'auto' | 'full' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-interface MarginStyleProps {
-  margin?: ResponsiveProp<Margin>;
-  marginX?: ResponsiveProp<Margin>;
-  marginY?: ResponsiveProp<Margin>;
-  marginTop?: ResponsiveProp<Margin>;
-  marginRight?: ResponsiveProp<Margin>;
-  marginBottom?: ResponsiveProp<Margin>;
-  marginLeft?: ResponsiveProp<Margin>;
-}
+export declare function gridRow(props: GridRowStyleProps): string | undefined
+
 /** @public */
-declare function margin(props: MarginStyleProps): string | undefined;
+export declare type GridRowEnd = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type MaxWidth = ContainerWidth | "auto" | "fill";
+export declare function gridRowEnd(props: GridRowEndStyleProps): string | undefined
+
 /** @public */
-interface MaxWidthStyleProps {
-  maxWidth?: ResponsiveProp<MaxWidth>;
+export declare interface GridRowEndStyleProps {
+  gridRowEnd?: ResponsiveProp<GridRowEnd>
 }
+
 /** @public */
-declare function maxWidth(props: MaxWidthStyleProps): string | undefined;
+export declare type GridRowStart = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type MinHeight = 0 | "full";
+export declare function gridRowStart(props: GridRowStartStyleProps): string | undefined
+
 /** @public */
-interface MinHeightStyleProps {
-  minHeight?: ResponsiveProp<MinHeight>;
+export declare interface GridRowStartStyleProps {
+  gridRowStart?: ResponsiveProp<GridRowStart>
 }
+
 /** @public */
-declare function minHeight(props: MinHeightStyleProps): string | undefined;
-/** @public */
-type MinWidth = 0 | "auto" | "full" | "min" | "max" | "fit";
-/** @public */
-interface MinWidthStyleProps {
-  minWidth?: ResponsiveProp<MinWidth>;
+export declare interface GridRowStyleProps {
+  gridRow?: ResponsiveProp<GridRow>
 }
+
 /** @public */
-declare function minWidth(props: MinWidthStyleProps): string | undefined;
+export declare type GridTemplateColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type Outline = "none";
+export declare function gridTemplateColumns(
+  props: GridTemplateColumnsStyleProps,
+): string | undefined
+
 /** @public */
-interface OutlineStyleProps {
-  outline?: Outline;
+export declare interface GridTemplateColumnsStyleProps {
+  gridTemplateColumns?: ResponsiveProp<GridTemplateColumns>
 }
+
 /** @public */
-declare function outline(props: OutlineStyleProps): string | undefined;
+export declare type GridTemplateRows = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type Overflow = "visible" | "hidden" | "auto";
+export declare function gridTemplateRows(props: GridTemplateRowsStyleProps): string | undefined
+
 /** @public */
-interface OverflowStyleProps {
-  overflow?: ResponsiveProp<Overflow>;
-  overflowX?: ResponsiveProp<Overflow>;
-  overflowY?: ResponsiveProp<Overflow>;
+export declare interface GridTemplateRowsStyleProps {
+  gridTemplateRows?: ResponsiveProp<GridTemplateRows>
 }
+
 /** @public */
-declare function overflow(props: OverflowStyleProps): string | undefined;
-/** @public */
-type Padding = Space;
+export declare function heading(props: HeadingStyleProps): string | undefined
+
+/** @beta */
+export declare function headingSkeleton(props: HeadingSkeletonStyleProps): string | undefined
+
+/** @beta */
+export declare interface HeadingSkeletonStyleProps {
+  className?: string
+  size?: ResponsiveProp<FontHeadingSize>
+}
+
 /** @public */
-interface PaddingStyleProps {
-  padding?: ResponsiveProp<Padding>;
-  paddingTop?: ResponsiveProp<Padding>;
-  paddingRight?: ResponsiveProp<Padding>;
-  paddingBottom?: ResponsiveProp<Padding>;
-  paddingLeft?: ResponsiveProp<Padding>;
-  paddingX?: ResponsiveProp<Padding>;
-  paddingY?: ResponsiveProp<Padding>;
+export declare interface HeadingStyleProps extends FontStyleProps, FlexStyleProps {
+  align?: TextAlignStyleProps['textAlign']
+  className?: string
+  muted?: boolean
+  size?: ResponsiveProp<FontHeadingSize>
 }
+
 /** @public */
-declare function padding(props: PaddingStyleProps): string | undefined;
+export declare type Height = 'fill' | 'auto' | 'min' | 'max' | 'fit' | 'stretch'
+
 /** @public */
-type PointerEvents = "auto" | "none";
+export declare function height(props: HeightStyleProps): string | undefined
+
 /** @public */
-interface PointerEventsStyleProps {
-  pointerEvents?: PointerEvents;
+export declare interface HeightStyleProps {
+  height?: ResponsiveProp<Height>
 }
+
+/** @internal */
+export declare function _input(props: InputStyleProps): string | undefined
+
+/** @internal */
+export declare function _inputElement(): string | undefined
+
+/** @internal */
+export declare function _inputPresentation(): string | undefined
+
+/** @public */
+export declare interface InputStyleProps extends RadiusStyleProps, WidthStyleProps {
+  border?: boolean
+  fontSize?: ResponsiveProp<FontTextSize>
+  gap?: ResponsiveProp<Space>
+  padding?: ResponsiveProp<Space>
+}
+
 /** @public */
-declare function pointerEvents(props: PointerEventsStyleProps): string | undefined;
+export declare type Inset = 0
+
 /** @public */
-type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
+export declare function inset(props: InsetStyleProps): string | undefined
+
 /** @public */
-interface PositionStyleProps {
-  position?: ResponsiveProp<Position>;
+export declare interface InsetStyleProps {
+  inset?: ResponsiveProp<Inset>
+  insetTop?: ResponsiveProp<Inset>
+  insetRight?: ResponsiveProp<Inset>
+  insetBottom?: ResponsiveProp<Inset>
+  insetLeft?: ResponsiveProp<Inset>
+}
+
+/** @public */
+export declare type JustifyContent =
+  | 'flex-start'
+  | 'flex-end'
+  | 'center'
+  | 'space-between'
+  | 'space-around'
+  | 'space-evenly'
+
+/** @public */
+export declare function justifyContent(props: JustifyContentStyleProps): string | undefined
+
+/** @public */
+export declare interface JustifyContentStyleProps {
+  justifyContent?: ResponsiveProp<JustifyContent>
 }
+
 /** @public */
-declare function position(props: PositionStyleProps): string | undefined;
+export declare function kbd(props: KBDStyleProps): string | undefined
+
 /** @public */
-interface RadiusStyleProps {
-  radius?: ResponsiveProp<Radius | "full">;
+export declare interface KBDStyleProps extends RadiusStyleProps {
+  className?: string
 }
+
 /** @public */
-declare function radius(props: RadiusStyleProps): string | undefined;
+export declare function label(props: LabelStyleProps): string | undefined
+
+/** @beta */
+export declare function labelSkeleton(props: LabelSkeletonStyleProps): string | undefined
+
+/** @beta */
+export declare interface LabelSkeletonStyleProps {
+  className?: string
+  size?: ResponsiveProp<FontLabelSize>
+}
+
 /** @public */
-interface ShadowStyleProps {
-  shadow?: ResponsiveProp<Shadow>;
+export declare interface LabelStyleProps extends FlexStyleProps, FontStyleProps {
+  align?: TextAlignStyleProps['textAlign']
+  className?: string
+  muted?: boolean
+  size?: ResponsiveProp<FontLabelSize>
 }
+
+/** @public */
+export declare const layers: Record<CSSLayer, string>
+
 /** @public */
-declare function shadow(props: ShadowStyleProps): string | undefined;
+export declare type Margin = Space | 'auto'
+
 /** @public */
-type TextAlign = "left" | "right" | "center" | "justify" | "initial";
+export declare function margin(props: MarginStyleProps): string | undefined
+
 /** @public */
-interface TextAlignStyleProps {
-  textAlign?: TextAlign;
+export declare interface MarginStyleProps {
+  margin?: ResponsiveProp<Margin>
+  marginX?: ResponsiveProp<Margin>
+  marginY?: ResponsiveProp<Margin>
+  marginTop?: ResponsiveProp<Margin>
+  marginRight?: ResponsiveProp<Margin>
+  marginBottom?: ResponsiveProp<Margin>
+  marginLeft?: ResponsiveProp<Margin>
 }
+
 /** @public */
-declare function textAlign(props: TextAlignStyleProps): string | undefined;
+export declare type MaxWidth = ContainerWidth | 'auto' | 'fill'
+
 /** @public */
-type TextOverflow = "ellipsis" | "clip";
+export declare function maxWidth(props: MaxWidthStyleProps): string | undefined
+
 /** @public */
-interface TextOverflowStyleProps {
-  /**
-  * Controls how overflowing text is treated.
-  * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
-  * @beta
-  */
-  textOverflow?: TextOverflow;
+export declare interface MaxWidthStyleProps {
+  maxWidth?: ResponsiveProp<MaxWidth>
 }
+
 /** @public */
-declare function textOverflow(props: TextOverflowStyleProps): string | undefined;
-/** @public */
-type Width = ContainerWidth | "auto" | "fill" | "stretch" | "min";
+export declare function menu(props: {className?: string}): string | undefined
+
 /** @public */
-interface WidthStyleProps {
-  width?: ResponsiveProp<Width>;
-}
+export declare function menuDivider(props: {className?: string}): string | undefined
+
 /** @public */
-declare function width(props: WidthStyleProps): string | undefined;
-/** @internal */
-declare function _arrow(): string | undefined;
-/** @internal */
-declare function _arrowSvg(): string | undefined;
-/** @internal */
-declare function _arrowStroke(): string | undefined;
-/** @internal */
-declare function _arrowStrokeMask(): string | undefined;
-/** @internal */
-declare function _arrowShape(): string | undefined;
+export declare type MinHeight = 0 | 'full'
+
 /** @public */
-interface InputStyleProps extends RadiusStyleProps, WidthStyleProps {
-  border?: boolean;
-  fontSize?: ResponsiveProp<FontTextSize>;
-  gap?: ResponsiveProp<Space>;
-  padding?: ResponsiveProp<Space>;
-}
-/** @internal */
-declare function _input(props: InputStyleProps): string | undefined;
-/** @internal */
-declare function _inputElement(): string | undefined;
-/** @internal */
-declare function _inputPresentation(): string | undefined;
-/** @internal */
-interface SelectableStyleProps extends RadiusStyleProps {
-  className?: string;
-  tone?: ElementTone;
-}
-/** @internal */
-declare function _selectable(props: SelectableStyleProps): string | undefined;
+export declare function minHeight(props: MinHeightStyleProps): string | undefined
+
 /** @public */
-interface AvatarStyleProps {
-  className?: string;
-  color: AvatarColor;
-  size: ResponsiveProp<AvatarSize>;
+export declare interface MinHeightStyleProps {
+  minHeight?: ResponsiveProp<MinHeight>
 }
+
 /** @public */
-declare function avatar(props: AvatarStyleProps): string | undefined;
+export declare type MinWidth = 0 | 'auto' | 'full' | 'min' | 'max' | 'fit'
+
 /** @public */
-declare function avatarArrow(): string | undefined;
+export declare function minWidth(props: MinWidthStyleProps): string | undefined
+
 /** @public */
-declare function avatarArrowSvg(): string | undefined;
+export declare interface MinWidthStyleProps {
+  minWidth?: ResponsiveProp<MinWidth>
+}
+
 /** @public */
-declare function avatarInitials(): string | undefined;
+export declare type NullableTokens = {
+  [key: string]: string | NullableTokens
+}
+
 /** @public */
-declare function avatarImage(): string | undefined;
+export declare type Outline = 'none'
+
 /** @public */
-declare function avatarImageOutline(): string | undefined;
+export declare function outline(props: OutlineStyleProps): string | undefined
+
 /** @public */
-declare function avatarCounter(props: {
-  className?: string;
-  size?: AvatarStyleProps["size"];
-}): string | undefined;
+export declare interface OutlineStyleProps {
+  outline?: Outline
+}
+
 /** @public */
-declare function avatarStack(props: {
-  className?: string;
-  size?: AvatarStyleProps["size"];
-}): string | undefined;
+export declare type Overflow = 'visible' | 'hidden' | 'auto'
+
 /** @public */
-type BadgeTone = ElementTone;
+export declare function overflow(props: OverflowStyleProps): string | undefined
+
 /** @public */
-interface BadgeStyleProps {
-  className?: string;
-  fontSize?: ResponsiveProp<FontTextSize>;
-  tone?: BadgeTone;
+export declare interface OverflowStyleProps {
+  overflow?: ResponsiveProp<Overflow>
+  overflowX?: ResponsiveProp<Overflow>
+  overflowY?: ResponsiveProp<Overflow>
 }
-/** @public */
-declare function badge(props: BadgeStyleProps): string | undefined;
-/** @public */
-interface BoxStyleProps extends AlignItemsStyleProps, BorderStyleProps, DisplayStyleProps, FlexDirectionStyleProps, FlexStyleProps, FlexWrapStyleProps, GapStyleProps, GridAutoColumnsStyleProps, GridAutoFlowStyleProps, GridAutoRowsStyleProps, GridColumnEndStyleProps, GridColumnStartStyleProps, GridColumnStyleProps, GridRowEndStyleProps, GridRowStartStyleProps, GridRowStyleProps, GridTemplateColumnsStyleProps, GridTemplateRowsStyleProps, HeightStyleProps, InsetStyleProps, JustifyContentStyleProps, MarginStyleProps, MaxWidthStyleProps, MinHeightStyleProps, MinWidthStyleProps, OverflowStyleProps, PaddingStyleProps, PointerEventsStyleProps, PositionStyleProps, RadiusStyleProps, ShadowStyleProps, TextAlignStyleProps, WidthStyleProps {
-  className?: string;
-  muted?: boolean;
-  outline?: "none";
-  sizing?: BoxSizingStyleProps["boxSizing"];
+
+/** @public */
+export declare type Padding = Space
+
+/** @public */
+export declare function padding(props: PaddingStyleProps): string | undefined
+
+/** @public */
+export declare interface PaddingStyleProps {
+  padding?: ResponsiveProp<Padding>
+  paddingTop?: ResponsiveProp<Padding>
+  paddingRight?: ResponsiveProp<Padding>
+  paddingBottom?: ResponsiveProp<Padding>
+  paddingLeft?: ResponsiveProp<Padding>
+  paddingX?: ResponsiveProp<Padding>
+  paddingY?: ResponsiveProp<Padding>
 }
+
 /** @public */
-declare function box(props: BoxStyleProps): string | undefined;
-/** @public */
-interface ButtonStyleProps extends FlexStyleProps, RadiusStyleProps, WidthStyleProps {
-  className?: string;
-  mode?: ButtonMode;
-  tone?: ElementTone;
-}
+export declare const paletteVars: ColorPaletteVars
+
 /** @public */
-declare function button(props: ButtonStyleProps): string | undefined;
+export declare type PointerEvents = 'auto' | 'none'
+
 /** @public */
-declare function buttonLoadingBox(): string;
+export declare function pointerEvents(props: PointerEventsStyleProps): string | undefined
+
 /** @public */
-interface CardStyleProps {
-  className?: string;
-  checkered?: boolean;
-  scheme?: ColorScheme;
-  tone?: CardTone | "inherit";
+export declare interface PointerEventsStyleProps {
+  pointerEvents?: PointerEvents
 }
+
 /** @public */
-declare function card(props: CardStyleProps): string | undefined;
+export declare function popover(props: {className?: string}): string | undefined
+
 /** @public */
-declare function checkbox(props: {
-  className?: string;
-}): string | undefined;
+export declare function popoverCard(): string | undefined
+
 /** @public */
-declare function checkboxInput(): string;
+export declare type Position = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'
+
 /** @public */
-declare function checkboxPresentation(): string;
+export declare function position(props: PositionStyleProps): string | undefined
+
 /** @public */
-interface CodeStyleProps extends FlexStyleProps, Omit<FontStyleProps, "align"> {
-  className?: string;
-  size?: ResponsiveProp<FontCodeSize>;
+export declare interface PositionStyleProps {
+  position?: ResponsiveProp<Position>
 }
+
+/** @internal */
+export declare function px(value: number): string
+
 /** @public */
-declare function code(props: CodeStyleProps): string | undefined;
+export declare function radio(props: {className?: string}): string | undefined
+
 /** @public */
-interface ContainerStyleProps {
-  className?: string;
-  width?: ResponsiveProp<ContainerWidth>;
-}
+export declare function radioInput(): string | undefined
+
 /** @public */
-declare function container(props: ContainerStyleProps): string | undefined;
+export declare function radioPresentation(): string | undefined
+
 /** @public */
-interface HeadingStyleProps extends FontStyleProps, FlexStyleProps {
-  align?: TextAlignStyleProps["textAlign"];
-  className?: string;
-  muted?: boolean;
-  size?: ResponsiveProp<FontHeadingSize>;
-}
+export declare function radius(props: RadiusStyleProps): string | undefined
+
 /** @public */
-declare function heading(props: HeadingStyleProps): string | undefined;
-/** @public */
-interface KBDStyleProps extends RadiusStyleProps {
-  className?: string;
+export declare interface RadiusStyleProps {
+  radius?: ResponsiveProp<Radius | 'full'>
 }
+
+/** @internal */
+export declare function rem(value: number): string
+
 /** @public */
-declare function kbd(props: KBDStyleProps): string | undefined;
+export declare type ResponsiveProp<T> = T | Partial<Record<Breakpoint, T>>
+
 /** @public */
-interface LabelStyleProps extends FlexStyleProps, FontStyleProps {
-  align?: TextAlignStyleProps["textAlign"];
-  className?: string;
-  muted?: boolean;
-  size?: ResponsiveProp<FontLabelSize>;
-}
+export declare type ResponsiveRuleOptions<K extends string | number> = Record<K, ResponsiveRules>
+
 /** @public */
-declare function label(props: LabelStyleProps): string | undefined;
+export declare type ResponsiveRules = Record<Breakpoint, string>
+
 /** @public */
-declare function popover(props: {
-  className?: string;
-}): string | undefined;
+export declare function root(props: RootStyleProps): string | undefined
+
 /** @public */
-declare function popoverCard(): string | undefined;
-/** @public */
-declare function radio(props: {
-  className?: string;
-}): string | undefined;
+export declare interface RootStyleProps extends HeightStyleProps {
+  className?: string
+  scheme?: ColorScheme
+  tone?: CardTone
+}
+
 /** @public */
-declare function radioInput(): string | undefined;
+export declare type RootThemeTokens = ThemeTokens & {
+  color: {
+    palette: ColorPaletteTokens
+  }
+}
+
 /** @public */
-declare function radioPresentation(): string | undefined;
+export declare type SchemeColorTokens = Record<CardTone, CSSCardColorTokens>
+
 /** @public */
-interface RootStyleProps extends HeightStyleProps {
-  className?: string;
-  scheme?: ColorScheme;
-  tone?: CardTone;
+export declare type ScopedTokens = {
+  arrow: {
+    size: string
+  }
+  avatar: {
+    distance: string
+    size: string
+  }
+  button: {
+    boxShadow: string
+  }
+  card: {
+    test: string
+  }
+  color: {
+    avatar: {
+      bg: string
+      fg: string
+    }
+    bg: string
+    border: string
+    fg: string
+    muted: {
+      bg: string
+      border: string
+      fg: string
+    }
+    input: {
+      checkbox: {
+        bg: string
+        border: string
+        fg: string
+      }
+      text: {
+        bg: string
+        border: string
+        fg: string
+        placeholder: string
+      }
+      radio: {
+        bg: string
+        border: string
+        fg: string
+      }
+      switch: {
+        bg: string
+        fg: string
+      }
+    }
+  } & CSSCardColorTokens &
+    Record<
+      ColorVariant,
+      Record<
+        ElementTone,
+        {
+          bg: {
+            0: string
+            1: string
+            2: string
+            3: string
+            4: string
+          }
+          border: {
+            0: string
+            1: string
+            2: string
+            3: string
+            4: string
+          }
+          fg: {
+            0: string
+            1: string
+            2: string
+            3: string
+            4: string
+          }
+        }
+      >
+    > &
+    Record<
+      CardTone,
+      CSSCardColorTokens &
+        Record<
+          ColorVariant,
+          Record<
+            ElementTone,
+            {
+              bg: {
+                0: string
+                4: string
+              }
+              border: {
+                0: string
+                4: string
+              }
+              fg: {
+                0: string
+                4: string
+              }
+            }
+          >
+        >
+    >
+  font: {
+    family: string
+    featureSettings: string
+    fontSize: string
+    lineHeight: string
+    letterSpacing: string
+    fontWeight: string
+    ascenderHeight: string
+    descenderHeight: string
+    iconSize: string
+    customIconSize: string
+    capHeight: string
+    iconOffset: string
+    customIconOffset: string
+    skeleton: {
+      ascenderHeight: string
+      descenderHeight: string
+      lineHeight: string
+    }
+    weight: {
+      regular: string
+      medium: string
+      semibold: string
+      bold: string
+    }
+  }
+  input: {
+    switch: {
+      thumb: {
+        offset: string
+        size: string
+      }
+    }
+    text: {
+      fontSize: string
+      lineHeight: string
+      letterSpacing: string
+      ascenderHeight: string
+      descenderHeight: string
+      padding: string
+      gap: string
+    }
+  }
 }
+
+/** @public */
+export declare type ScopedVars = ThemeContract<ScopedTokens>
+
 /** @public */
-declare function root(props: RootStyleProps): string | undefined;
+export declare function select(props: SelectStyleProps): string | undefined
+
+/** @internal */
+export declare function _selectable(props: SelectableStyleProps): string | undefined
+
+/** @internal */
+export declare interface SelectableStyleProps extends RadiusStyleProps {
+  className?: string
+  tone?: ElementTone
+}
+
 /** @public */
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-interface SelectStyleProps extends InputStyleProps {}
+export declare function selectPresentation(): string | undefined
+
 /** @public */
-declare function select(props: SelectStyleProps): string | undefined;
+export declare interface SelectStyleProps extends InputStyleProps {}
+
 /** @public */
-declare function selectPresentation(): string | undefined;
+export declare function shadow(props: ShadowStyleProps): string | undefined
+
 /** @public */
-interface SpinnerStyleProps {
-  className?: string;
+export declare interface ShadowStyleProps {
+  shadow?: ResponsiveProp<Shadow>
 }
+
+/** @beta */
+export declare function skeleton(props: SkeletonStyleProps): string | undefined
+
+/** @beta */
+export declare interface SkeletonStyleProps
+  extends FlexStyleProps,
+    MarginStyleProps,
+    RadiusStyleProps {
+  className?: string
+}
+
 /** @public */
-declare function spinner(props: SpinnerStyleProps): string | undefined;
+export declare function spinner(props: SpinnerStyleProps): string | undefined
+
 /** @public */
-declare function animatedSpinnerIcon(): string;
+export declare interface SpinnerStyleProps {
+  className?: string
+}
+
 /** @public */
-declare function srOnly(props: {
-  className?: string;
-}): string | undefined;
+export declare function srOnly(props: {className?: string}): string | undefined
+
 /** @public */
-declare function stack(props: {
-  className?: string;
-}): string | undefined;
+export declare function stack(props: {className?: string}): string | undefined
+
 /** @public */
-declare function _switch(props: {
-  className?: string;
-}): string | undefined;
+export declare function _switch(props: {className?: string}): string | undefined
+
 /** @public */
-declare function _switchElement(): string | undefined;
+export declare function _switchElement(): string | undefined
+
 /** @public */
-declare function _switchPresentation(): string | undefined;
+export declare function _switchPresentation(): string | undefined
+
 /** @public */
-declare function _switchThumb(): string | undefined;
+export declare function _switchThumb(): string | undefined
+
 /** @public */
-declare function _switchTrack(): string | undefined;
+export declare function _switchTrack(): string | undefined
+
 /** @public */
-type TextSize = number;
+export declare function text(props: TextStyleProps): string | undefined
+
 /** @public */
-interface TextStyleProps extends FlexStyleProps, FontStyleProps, MaxWidthStyleProps {
-  align?: TextAlignStyleProps["textAlign"];
-  className?: string;
-  muted?: boolean;
-  size?: ResponsiveProp<FontTextSize>;
-}
+export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial'
+
 /** @public */
-declare function text(props: TextStyleProps): string | undefined;
+export declare function textAlign(props: TextAlignStyleProps): string | undefined
+
 /** @public */
-interface TextAreaStyleProps extends InputStyleProps {
-  className?: string;
+export declare interface TextAlignStyleProps {
+  textAlign?: TextAlign
 }
+
 /** @public */
-declare function textArea(props: TextAreaStyleProps): string | undefined;
+export declare function textArea(props: TextAreaStyleProps): string | undefined
+
 /** @public */
-interface TextInputStyleProps extends InputStyleProps {
-  className?: string;
+export declare interface TextAreaStyleProps extends InputStyleProps {
+  className?: string
 }
+
 /** @public */
-declare function textInput(props: TextInputStyleProps): string | undefined;
-/** @public */
-declare function textInputPrefix(): string | undefined;
+export declare function textInput(props: TextInputStyleProps): string | undefined
+
 /** @public */
-declare function textInputElement(): string | undefined;
+export declare function textInputElement(): string | undefined
+
 /** @public */
-declare function textInputSuffix(): string | undefined;
+export declare function textInputPrefix(): string | undefined
+
 /** @public */
-interface TooltipStyleProps {
-  className?: string;
+export declare interface TextInputStyleProps extends InputStyleProps {
+  className?: string
 }
+
 /** @public */
-declare function tooltip(props: TooltipStyleProps): string | undefined;
-/** @public */
-declare function breadcrumbs(props: {
-  className?: string;
-}): string | undefined;
+export declare function textInputSuffix(): string | undefined
+
 /** @public */
-declare function dialog(props: {
-  className?: string;
-}): string | undefined;
+export declare type TextOverflow = 'ellipsis' | 'clip'
+
 /** @public */
-declare function dialogCard(): string | undefined;
+export declare function textOverflow(props: TextOverflowStyleProps): string | undefined
+
 /** @public */
-declare function dialogContainer(): string | undefined;
-/** @public */
-declare function dialogHeader(): string | undefined;
+export declare interface TextOverflowStyleProps {
+  /**
+   * Controls how overflowing text is treated.
+   * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
+   * @beta
+   */
+  textOverflow?: TextOverflow
+}
+
 /** @public */
-declare function dialogContent(): string | undefined;
+export declare type TextSize = number
+
+/** @beta */
+export declare function textSkeleton(props: TextSkeletonStyleProps): string | undefined
+
+/** @beta */
+export declare interface TextSkeletonStyleProps {
+  className?: string
+  size?: ResponsiveProp<FontTextSize>
+}
+
 /** @public */
-declare function dialogScroller(): string | undefined;
+export declare interface TextStyleProps extends FlexStyleProps, FontStyleProps, MaxWidthStyleProps {
+  align?: TextAlignStyleProps['textAlign']
+  className?: string
+  muted?: boolean
+  size?: ResponsiveProp<FontTextSize>
+}
+
 /** @public */
-declare function dialogScrollerShadowTop(): string | undefined;
+export declare const themeClassName: string
+
 /** @public */
-declare function dialogScrollerShadowBottom(): string | undefined;
+export declare type ThemeContract<T extends NullableTokens> = ReturnType<
+  typeof createThemeContract<T>
+>
+
 /** @public */
-declare function dialogFooter(): string | undefined;
+export declare type ThemeTokens = {
+  avatar: {
+    focusRing: {
+      offset: string
+      width: string
+    }
+    scale: Record<
+      AvatarSize,
+      {
+        distance: string
+        size: string
+      }
+    >
+  }
+  button: {
+    border: {
+      width: string
+    }
+    focusRing: {
+      offset: string
+      width: string
+    }
+  }
+  card: {
+    shadow: {
+      outline: string
+    }
+  }
+  color: ColorTokens
+  container: Record<ContainerScale, string>
+  font: {
+    code: FontTokens<FontCodeSize>
+    heading: FontTokens<FontHeadingSize>
+    label: FontTokens<FontLabelSize>
+    text: FontTokens<FontTextSize>
+  }
+  input: {
+    border: {
+      width: string
+    }
+    checkbox: {
+      size: string
+      focusRing: {
+        offset: string
+        width: string
+      }
+    }
+    radio: {
+      size: string
+      markSize: string
+      focusRing: {
+        offset: string
+        width: string
+      }
+    }
+    select: {
+      focusRing: {
+        offset: string
+        width: string
+      }
+    }
+    switch: {
+      focusRing: {
+        width: string
+        offset: string
+      }
+      height: string
+      width: string
+      padding: string
+      transitionDurationMs: string
+      transitionTimingFunction: string
+    }
+    text: {
+      focusRing: {
+        offset: string
+        width: string
+      }
+    }
+  }
+  radius: Record<Radius, string>
+  shadow: Record<
+    Shadow,
+    {
+      umbra: string
+      penumbra: string
+      ambient: string
+    }
+  >
+  space: Record<Space, string>
+}
+
+/** @public */
+export declare type ThemeVars = ThemeContract<RootThemeTokens & ScopedTokens>
+
+/**
+ * Variables to be defined in a theme.
+ *
+ * @public */
+export declare const themeVars: ThemeContract<RootThemeTokens>
+
+/** @public */
+export declare function toast(): string
+
+/** @public */
+export declare function toastLayer(): string
+
+/** @internal */
+export declare function toBoxShadow(value: BoxShadow | undefined): string
+
 /** @public */
-declare function menu(props: {
-  className?: string;
-}): string | undefined;
+export declare function tooltip(props: TooltipStyleProps): string | undefined
+
 /** @public */
-declare function menuDivider(props: {
-  className?: string;
-}): string | undefined;
-/** @beta */
-interface SkeletonStyleProps extends FlexStyleProps, MarginStyleProps, RadiusStyleProps {
-  className?: string;
-}
-/** @beta */
-interface CodeSkeletonStyleProps {
-  className?: string;
-  size?: ResponsiveProp<FontCodeSize>;
-}
-/** @beta */
-interface HeadingSkeletonStyleProps {
-  className?: string;
-  size?: ResponsiveProp<FontHeadingSize>;
+export declare interface TooltipStyleProps {
+  className?: string
 }
+
 /** @beta */
-interface LabelSkeletonStyleProps {
-  className?: string;
-  size?: ResponsiveProp<FontLabelSize>;
+export declare function treeItem(props: {className?: string}): string | undefined
+
+/** @public */
+export declare type VariantColorTokens = Record<ElementTone, ElementColorTokens>
+
+/**
+ * Variables to be used.
+ *
+ * @public
+ */
+export declare const vars: ThemeVars
+
+/** @public */
+export declare type Width = ContainerWidth | 'auto' | 'fill' | 'stretch' | 'min'
+
+/** @public */
+export declare function width(props: WidthStyleProps): string | undefined
+
+/** @public */
+export declare interface WidthStyleProps {
+  width?: ResponsiveProp<Width>
 }
-/** @beta */
-interface TextSkeletonStyleProps {
-  className?: string;
-  size?: ResponsiveProp<FontTextSize>;
-}
-/** @beta */
-declare function skeleton(props: SkeletonStyleProps): string | undefined;
-/** @beta */
-declare function codeSkeleton(props: CodeSkeletonStyleProps): string | undefined;
-/** @beta */
-declare function headingSkeleton(props: HeadingSkeletonStyleProps): string | undefined;
-/** @beta */
-declare function labelSkeleton(props: LabelSkeletonStyleProps): string | undefined;
-/** @beta */
-declare function textSkeleton(props: TextSkeletonStyleProps): string | undefined;
-/** @public */
-declare function toastLayer(): string;
-/** @public */
-declare function toast(): string;
-/** @beta */
-declare function treeItem(props: {
-  className?: string;
-}): string | undefined;
-/** @internal */
-declare function rem(value: number): string;
-/** @internal */
-declare function px(value: number): string;
-/** @internal */
-declare function toBoxShadow(value: BoxShadow | undefined): string;
-declare namespace index_d_exports {
-  export { AlignItems, AlignItemsStyleProps, AvatarStyleProps, BREAKPOINTS, BadgeStyleProps, BadgeTone, BorderStyle, BorderStyleProps, BoxSizing, BoxSizingStyleProps, BoxStyleProps, Breakpoint, ButtonStyleProps, CSSCardColorTokens, CSSVarFunction, CardStyleProps, CodeSkeletonStyleProps, CodeStyleProps, ColorPaletteTokens, ColorPaletteVars, ColorTokens, ContainerStyleProps, Display, DisplayStyleProps, ElementColorTokens, Flex, FlexDirection, FlexDirectionStyleProps, FlexStyleProps, FlexWrap, FlexWrapStyleProps, FontStyleProps, FontTokens, GapStyleProps, GridAutoColumns, GridAutoColumnsStyleProps, GridAutoFlow, GridAutoFlowStyleProps, GridAutoRows, GridAutoRowsStyleProps, GridColumn, GridColumnEnd, GridColumnEndStyleProps, GridColumnStart, GridColumnStartStyleProps, GridColumnStyleProps, GridRow, GridRowEnd, GridRowEndStyleProps, GridRowStart, GridRowStartStyleProps, GridRowStyleProps, GridTemplateColumns, GridTemplateColumnsStyleProps, GridTemplateRows, GridTemplateRowsStyleProps, HeadingSkeletonStyleProps, HeadingStyleProps, Height, HeightStyleProps, InputStyleProps, Inset, InsetStyleProps, JustifyContent, JustifyContentStyleProps, KBDStyleProps, LabelSkeletonStyleProps, LabelStyleProps, Margin, MarginStyleProps, MaxWidth, MaxWidthStyleProps, MinHeight, MinHeightStyleProps, MinWidth, MinWidthStyleProps, NullableTokens, Outline, OutlineStyleProps, Overflow, OverflowStyleProps, Padding, PaddingStyleProps, PointerEvents, PointerEventsStyleProps, Position, PositionStyleProps, RadiusStyleProps, ResponsiveProp, ResponsiveRuleOptions, ResponsiveRules, RootStyleProps, RootThemeTokens, SchemeColorTokens, ScopedTokens, ScopedVars, SelectStyleProps, SelectableStyleProps, ShadowStyleProps, SkeletonStyleProps, SpinnerStyleProps, TextAlign, TextAlignStyleProps, TextAreaStyleProps, TextInputStyleProps, TextOverflow, TextOverflowStyleProps, TextSize, TextSkeletonStyleProps, TextStyleProps, ThemeContract, ThemeTokens, ThemeVars, TooltipStyleProps, VariantColorTokens, Width, WidthStyleProps, _arrow, _arrowShape, _arrowStroke, _arrowStrokeMask, _arrowSvg, _input, _inputElement, _inputPresentation, _selectable, _switch, _switchElement, _switchPresentation, _switchThumb, _switchTrack, alignItems, animatedSpinnerIcon, avatar, avatarArrow, avatarArrowSvg, avatarCounter, avatarImage, avatarImageOutline, avatarInitials, avatarStack, badge, border, box, boxSizing, breadcrumbs, button, buttonLoadingBox, card, checkbox, checkboxInput, checkboxPresentation, code, codeSkeleton, container, dialog, dialogCard, dialogContainer, dialogContent, dialogFooter, dialogHeader, dialogScroller, dialogScrollerShadowBottom, dialogScrollerShadowTop, display, flex, flexDirection, flexWrap, font, gap, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplateColumns, gridTemplateRows, heading, headingSkeleton, height, inset, justifyContent, kbd, label, labelSkeleton, margin, maxWidth, menu, menuDivider, minHeight, minWidth, outline, overflow, padding, pointerEvents, popover, popoverCard, position, px, radio, radioInput, radioPresentation, radius, rem, root, select, selectPresentation, shadow, skeleton, spinner, srOnly, stack, text, textAlign, textArea, textInput, textInputElement, textInputPrefix, textInputSuffix, textOverflow, textSkeleton, toBoxShadow, toast, toastLayer, tooltip, treeItem, width };
-}
-import * as import____layers_css from "./layers.css";
-__reExport(index_d_exports, import____layers_css);
-import * as import____vars_css from "./vars.css";
-__reExport(index_d_exports, import____vars_css);
-import * as import____defaultTheme_css from "./defaultTheme.css";
-__reExport(index_d_exports, import____defaultTheme_css);
-declare namespace css_d_exports {
-  export { AlignItems, AlignItemsStyleProps, AvatarStyleProps, BREAKPOINTS, BadgeStyleProps, BadgeTone, BorderStyle, BorderStyleProps, BoxSizing, BoxSizingStyleProps, BoxStyleProps, Breakpoint, ButtonStyleProps, CSSCardColorTokens, CSSVarFunction, CardStyleProps, CodeSkeletonStyleProps, CodeStyleProps, ColorPaletteTokens, ColorPaletteVars, ColorTokens, ContainerStyleProps, Display, DisplayStyleProps, ElementColorTokens, Flex, FlexDirection, FlexDirectionStyleProps, FlexStyleProps, FlexWrap, FlexWrapStyleProps, FontStyleProps, FontTokens, GapStyleProps, GridAutoColumns, GridAutoColumnsStyleProps, GridAutoFlow, GridAutoFlowStyleProps, GridAutoRows, GridAutoRowsStyleProps, GridColumn, GridColumnEnd, GridColumnEndStyleProps, GridColumnStart, GridColumnStartStyleProps, GridColumnStyleProps, GridRow, GridRowEnd, GridRowEndStyleProps, GridRowStart, GridRowStartStyleProps, GridRowStyleProps, GridTemplateColumns, GridTemplateColumnsStyleProps, GridTemplateRows, GridTemplateRowsStyleProps, HeadingSkeletonStyleProps, HeadingStyleProps, Height, HeightStyleProps, InputStyleProps, Inset, InsetStyleProps, JustifyContent, JustifyContentStyleProps, KBDStyleProps, LabelSkeletonStyleProps, LabelStyleProps, Margin, MarginStyleProps, MaxWidth, MaxWidthStyleProps, MinHeight, MinHeightStyleProps, MinWidth, MinWidthStyleProps, NullableTokens, Outline, OutlineStyleProps, Overflow, OverflowStyleProps, Padding, PaddingStyleProps, PointerEvents, PointerEventsStyleProps, Position, PositionStyleProps, RadiusStyleProps, ResponsiveProp, ResponsiveRuleOptions, ResponsiveRules, RootStyleProps, RootThemeTokens, SchemeColorTokens, ScopedTokens, ScopedVars, SelectStyleProps, SelectableStyleProps, ShadowStyleProps, SkeletonStyleProps, SpinnerStyleProps, TextAlign, TextAlignStyleProps, TextAreaStyleProps, TextInputStyleProps, TextOverflow, TextOverflowStyleProps, TextSize, TextSkeletonStyleProps, TextStyleProps, ThemeContract, ThemeTokens, ThemeVars, TooltipStyleProps, VariantColorTokens, Width, WidthStyleProps, _arrow, _arrowShape, _arrowStroke, _arrowStrokeMask, _arrowSvg, _input, _inputElement, _inputPresentation, _selectable, _switch, _switchElement, _switchPresentation, _switchThumb, _switchTrack, alignItems, animatedSpinnerIcon, avatar, avatarArrow, avatarArrowSvg, avatarCounter, avatarImage, avatarImageOutline, avatarInitials, avatarStack, badge, border, box, boxSizing, breadcrumbs, button, buttonLoadingBox, card, checkbox, checkboxInput, checkboxPresentation, code, codeSkeleton, container, dialog, dialogCard, dialogContainer, dialogContent, dialogFooter, dialogHeader, dialogScroller, dialogScrollerShadowBottom, dialogScrollerShadowTop, display, flex, flexDirection, flexWrap, font, gap, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplateColumns, gridTemplateRows, heading, headingSkeleton, height, inset, justifyContent, kbd, label, labelSkeleton, margin, maxWidth, menu, menuDivider, minHeight, minWidth, outline, overflow, padding, pointerEvents, popover, popoverCard, position, px, radio, radioInput, radioPresentation, radius, rem, root, select, selectPresentation, shadow, skeleton, spinner, srOnly, stack, text, textAlign, textArea, textInput, textInputElement, textInputPrefix, textInputSuffix, textOverflow, textSkeleton, toBoxShadow, toast, toastLayer, tooltip, treeItem, width };
-}
-__reExport(css_d_exports, index_d_exports);
-export { AlignItems, AlignItemsStyleProps, AvatarStyleProps, BREAKPOINTS, BadgeStyleProps, BadgeTone, BorderStyle, BorderStyleProps, BoxSizing, BoxSizingStyleProps, BoxStyleProps, Breakpoint, ButtonStyleProps, CSSCardColorTokens, CSSVarFunction, CardStyleProps, CodeSkeletonStyleProps, CodeStyleProps, ColorPaletteTokens, ColorPaletteVars, ColorTokens, ContainerStyleProps, Display, DisplayStyleProps, ElementColorTokens, Flex, FlexDirection, FlexDirectionStyleProps, FlexStyleProps, FlexWrap, FlexWrapStyleProps, FontStyleProps, FontTokens, GapStyleProps, GridAutoColumns, GridAutoColumnsStyleProps, GridAutoFlow, GridAutoFlowStyleProps, GridAutoRows, GridAutoRowsStyleProps, GridColumn, GridColumnEnd, GridColumnEndStyleProps, GridColumnStart, GridColumnStartStyleProps, GridColumnStyleProps, GridRow, GridRowEnd, GridRowEndStyleProps, GridRowStart, GridRowStartStyleProps, GridRowStyleProps, GridTemplateColumns, GridTemplateColumnsStyleProps, GridTemplateRows, GridTemplateRowsStyleProps, HeadingSkeletonStyleProps, HeadingStyleProps, Height, HeightStyleProps, InputStyleProps, Inset, InsetStyleProps, JustifyContent, JustifyContentStyleProps, KBDStyleProps, LabelSkeletonStyleProps, LabelStyleProps, Margin, MarginStyleProps, MaxWidth, MaxWidthStyleProps, MinHeight, MinHeightStyleProps, MinWidth, MinWidthStyleProps, NullableTokens, Outline, OutlineStyleProps, Overflow, OverflowStyleProps, Padding, PaddingStyleProps, PointerEvents, PointerEventsStyleProps, Position, PositionStyleProps, RadiusStyleProps, ResponsiveProp, ResponsiveRuleOptions, ResponsiveRules, RootStyleProps, RootThemeTokens, SchemeColorTokens, ScopedTokens, ScopedVars, SelectStyleProps, SelectableStyleProps, ShadowStyleProps, SkeletonStyleProps, SpinnerStyleProps, TextAlign, TextAlignStyleProps, TextAreaStyleProps, TextInputStyleProps, TextOverflow, TextOverflowStyleProps, TextSize, TextSkeletonStyleProps, TextStyleProps, ThemeContract, ThemeTokens, ThemeVars, TooltipStyleProps, VariantColorTokens, Width, WidthStyleProps, _arrow, _arrowShape, _arrowStroke, _arrowStrokeMask, _arrowSvg, _input, _inputElement, _inputPresentation, _selectable, _switch, _switchElement, _switchPresentation, _switchThumb, _switchTrack, alignItems, animatedSpinnerIcon, avatar, avatarArrow, avatarArrowSvg, avatarCounter, avatarImage, avatarImageOutline, avatarInitials, avatarStack, badge, border, box, boxSizing, breadcrumbs, button, buttonLoadingBox, card, checkbox, checkboxInput, checkboxPresentation, code, codeSkeleton, container, dialog, dialogCard, dialogContainer, dialogContent, dialogFooter, dialogHeader, dialogScroller, dialogScrollerShadowBottom, dialogScrollerShadowTop, display, flex, flexDirection, flexWrap, font, gap, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplateColumns, gridTemplateRows, heading, headingSkeleton, height, inset, justifyContent, kbd, label, labelSkeleton, margin, maxWidth, menu, menuDivider, minHeight, minWidth, outline, overflow, padding, pointerEvents, popover, popoverCard, position, px, radio, radioInput, radioPresentation, radius, rem, root, select, selectPresentation, shadow, skeleton, spinner, srOnly, stack, text, textAlign, textArea, textInput, textInputElement, textInputPrefix, textInputSuffix, textOverflow, textSkeleton, toBoxShadow, toast, toastLayer, tooltip, treeItem, width };
+
+export {}