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

package/dist/css/index.d.ts

@@ -1,1010 +1,1345 @@
-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";
+import type {AvatarColor} from '@sanity/ui/theme'
+import type {AvatarSize} 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 {ThemeOptions} 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 */
-declare const BREAKPOINTS: {
-  0: number;
-  1: number;
-  2: number;
-  3: number;
-  4: number;
-  5: number;
-  6: number;
-};
+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 Breakpoint = keyof typeof BREAKPOINTS;
+export declare function avatar(props: AvatarStyleProps): string | undefined
+
 /** @public */
-type ResponsiveProp<T> = T | Partial<Record<Breakpoint, T>>;
+export declare function avatarArrow(): string | undefined
+
 /** @public */
-type ResponsiveRules = Record<Breakpoint, string>;
+export declare function avatarArrowSvg(): string | undefined
+
 /** @public */
-type ResponsiveRuleOptions<K extends string | number> = Record<K, ResponsiveRules>;
+export declare function avatarCounter(props: {
+  className?: string
+  size?: AvatarStyleProps['size']
+}): string | undefined
+
 /** @public */
-type CSSVarFunction = `var(--${string})`;
+export declare function avatarImage(): 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 avatarImageOutline(): string | undefined
+
 /** @public */
-type SchemeColorTokens = Record<CardTone, CSSCardColorTokens>;
+export declare function avatarInitials(): string | undefined
+
 /** @public */
-type ColorPaletteTokens = {
-  black: string;
-  white: string;
-} & Record<Hue, Record<Tint, string>>;
+export declare function avatarStack(props: {
+  className?: string
+  size?: AvatarStyleProps['size']
+}): string | undefined
+
 /** @public */
-type ColorTokens = Record<ColorScheme, SchemeColorTokens>;
+export declare interface AvatarStyleProps {
+  className?: string
+  color: AvatarColor
+  size: ResponsiveProp<AvatarSize>
+}
+
 /** @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 = {
+export declare function badge(props: BadgeStyleProps): string | undefined
+
+/** @public */
+export declare interface BadgeStyleProps {
+  className?: string
+  fontSize?: ResponsiveProp<FontTextSize>
+  tone?: BadgeTone
+}
+
+/** @public */
+export declare type BadgeTone = ElementTone
+
+/** @public */
+export declare function border(props: BorderStyleProps): string | undefined
+
+/** @public */
+export declare type BorderStyle = 'solid' | 'muted' | 'none'
+
+/** @public */
+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 */
+export declare function box(props: BoxStyleProps): string | undefined
+
+/** @public */
+export declare type BoxSizing = 'content' | 'border'
+
+/** @internal */
+export declare function boxSizing(props: BoxSizingStyleProps): string | undefined
+
+/** @public */
+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 */
+export declare function buildCSSThemeTokens(options?: ThemeOptions): ThemeTokens
+
+/** @public */
+export declare function button(props: ButtonStyleProps): string | undefined
+
+/** @public */
+export declare function buttonLoadingBox(): string
+
+/** @public */
+export declare interface ButtonStyleProps
+  extends FlexStyleProps,
+    RadiusStyleProps,
+    WidthStyleProps {
+  className?: string
+  mode?: ButtonMode
+  tone?: ElementTone
+}
+
+/** @public */
+export declare function card(props: CardStyleProps): string | undefined
+
+/** @public */
+export declare interface CardStyleProps {
+  className?: string
+  checkered?: boolean
+  scheme?: ColorScheme
+  tone?: CardTone | 'inherit'
+}
+
+/** @public */
+export declare function checkbox(props: {className?: string}): string | undefined
+
+/** @public */
+export declare function checkboxInput(): string
+
+/** @public */
+export declare function checkboxPresentation(): string
+
+/** @public */
+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 */
+export declare interface CodeStyleProps extends FlexStyleProps, Omit<FontStyleProps, 'align'> {
+  className?: string
+  size?: ResponsiveProp<FontCodeSize>
+}
+
+/** @public */
+export declare type ColorPaletteTokens = {
+  black: string
+  white: string
+} & Record<Hue, Record<Tint, string>>
+
+/** @public */
+export declare type ColorPaletteVars = ThemeContract<ColorPaletteTokens>
+
+/** @public */
+export declare type ColorTokens = Record<ColorScheme, SchemeColorTokens>
+
+/** @public */
+export declare function container(props: ContainerStyleProps): string | undefined
+
+/** @public */
+export declare interface ContainerStyleProps {
+  className?: string
+  width?: ResponsiveProp<ContainerWidth>
+}
+
+/** @public */
+export declare type CoreThemeTokens = {
   avatar: {
     focusRing: {
-      offset: string;
-      width: string;
-    };
-    scale: Record<AvatarSize, {
-      distance: string;
-      size: string;
-    }>;
-  };
+      offset: string
+      width: string
+    }
+    scale: Record<
+      AvatarSize,
+      {
+        distance: string
+        size: string
+      }
+    >
+  }
   button: {
     border: {
-      width: string;
-    };
+      width: string
+    }
     focusRing: {
-      offset: string;
-      width: string;
-    };
-  };
+      offset: string
+      width: string
+    }
+  }
   card: {
     shadow: {
-      outline: string;
-    };
-  };
-  color: ColorTokens;
-  container: Record<ContainerScale, string>;
+      outline: string
+    }
+  }
+  color: ColorTokens
+  container: Record<ContainerScale, string>
   font: {
-    code: FontTokens<FontCodeSize>;
-    heading: FontTokens<FontHeadingSize>;
-    label: FontTokens<FontLabelSize>;
-    text: FontTokens<FontTextSize>;
-  };
+    code: FontTokens<FontCodeSize>
+    heading: FontTokens<FontHeadingSize>
+    label: FontTokens<FontLabelSize>
+    text: FontTokens<FontTextSize>
+  }
   input: {
     border: {
-      width: string;
-    };
+      width: string
+    }
     checkbox: {
-      size: string;
+      size: string
       focusRing: {
-        offset: string;
-        width: string;
-      };
-    };
+        offset: string
+        width: string
+      }
+    }
     radio: {
-      size: string;
-      markSize: string;
+      size: string
+      markSize: string
       focusRing: {
-        offset: string;
-        width: string;
-      };
-    };
+        offset: string
+        width: string
+      }
+    }
     select: {
       focusRing: {
-        offset: string;
-        width: string;
-      };
-    };
+        offset: string
+        width: string
+      }
+    }
     switch: {
       focusRing: {
-        width: string;
-        offset: string;
-      };
-      height: string;
-      width: string;
-      padding: string;
-      transitionDurationMs: string;
-      transitionTimingFunction: string;
-    };
+        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;
-  };
-};
+        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 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 */
-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;
-    };
-  };
-};
+export declare type CSSLayer = 'theme' | 'props' | 'primitives' | 'components'
+
 /** @public */
-type NullableTokens = {
-  [key: string]: string | NullableTokens;
-};
+export declare type CSSVarFunction = `var(--${string})`
+
 /** @public */
-type ThemeContract<T extends NullableTokens> = ReturnType<typeof createThemeContract<T>>;
+export declare function dialog(props: {className?: string}): string | undefined
+
 /** @public */
-type ColorPaletteVars = ThemeContract<ColorPaletteTokens>;
+export declare function dialogCard(): string | undefined
+
 /** @public */
-type ScopedVars = ThemeContract<ScopedTokens>;
+export declare function dialogContainer(): string | undefined
+
 /** @public */
-type ThemeVars = ThemeContract<RootThemeTokens & ScopedTokens>;
+export declare function dialogContent(): string | undefined
+
 /** @public */
-type AlignItems = "baseline" | "center" | "flex-end" | "flex-start" | "stretch";
+export declare function dialogFooter(): string | undefined
+
 /** @public */
-interface AlignItemsStyleProps {
-  alignItems?: ResponsiveProp<AlignItems>;
-}
+export declare function dialogHeader(): string | undefined
+
 /** @public */
-declare function alignItems(props: AlignItemsStyleProps): string | undefined;
+export declare function dialogScroller(): string | undefined
+
 /** @public */
-type BorderStyle = "solid" | "muted" | "none";
+export declare function dialogScrollerShadowBottom(): 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 function dialogScrollerShadowTop(): string | undefined
+
 /** @public */
-declare function border(props: BorderStyleProps): string | undefined;
+export declare type Display =
+  | 'block'
+  | 'inline-block'
+  | 'flex'
+  | 'inline-flex'
+  | 'grid'
+  | 'inline-grid'
+  | 'none'
+
 /** @public */
-type BoxSizing = "content" | "border";
+export declare function display(props: DisplayStyleProps): string | undefined
+
 /** @public */
-interface BoxSizingStyleProps {
-  boxSizing?: BoxSizing;
+export declare interface DisplayStyleProps {
+  display?: ResponsiveProp<Display>
 }
-/** @internal */
-declare function boxSizing(props: BoxSizingStyleProps): string | undefined;
-/** @public */
-type Display = "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "none";
+
 /** @public */
-interface DisplayStyleProps {
-  display?: ResponsiveProp<Display>;
+export declare type ElementColorTokens = {
+  bg: {
+    0: string
+    4: string
+  }
+  border: {
+    0: string
+    4: string
+  }
+  fg: {
+    0: string
+    4: string
+  }
 }
-/** @public */
-declare function display(props: DisplayStyleProps): string | undefined;
-/** @public */
-type Flex = "none" | "auto" | "initial" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-/** @public */
-interface FlexStyleProps {
-  flex?: ResponsiveProp<Flex>;
+
+/** @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 */
-declare function flex(props: FlexStyleProps): string | undefined;
-/** @public */
-type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
-/** @public */
-interface FlexDirectionStyleProps {
-  flexDirection?: ResponsiveProp<FlexDirection>;
+export declare interface FlexStyleProps {
+  flex?: ResponsiveProp<Flex>
 }
+
 /** @public */
-declare function flexDirection(props: FlexDirectionStyleProps): string | undefined;
+export declare type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap'
+
 /** @public */
-type FlexWrap = "wrap" | "wrap-reverse" | "nowrap";
+export declare function flexWrap(props: FlexWrapStyleProps): string | undefined
+
 /** @public */
-interface FlexWrapStyleProps {
-  flexWrap?: ResponsiveProp<FlexWrap>;
+export declare interface FlexWrapStyleProps {
+  flexWrap?: ResponsiveProp<FlexWrap>
 }
+
 /** @public */
-declare function flexWrap(props: FlexWrapStyleProps): string | undefined;
+export declare function font(props: FontStyleProps): string | undefined
+
 /** @public */
-interface FontStyleProps {
-  weight?: FontWeight;
+export declare interface FontStyleProps {
+  weight?: FontWeight
 }
+
 /** @public */
-declare function font(props: FontStyleProps): string | undefined;
-/** @public */
-interface GapStyleProps {
-  gap?: ResponsiveProp<Space>;
-  gapX?: ResponsiveProp<Space>;
-  gapY?: ResponsiveProp<Space>;
+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 */
-declare function gap(props: GapStyleProps): string | undefined;
-/** @public */
-type GridAutoColumns = "auto" | "min" | "max" | "fr";
+export declare function gap(props: GapStyleProps): string | undefined
+
 /** @public */
-interface GridAutoColumnsStyleProps {
-  gridAutoColumns?: ResponsiveProp<GridAutoColumns>;
+export declare interface GapStyleProps {
+  gap?: ResponsiveProp<Space>
+  gapX?: ResponsiveProp<Space>
+  gapY?: ResponsiveProp<Space>
 }
+
 /** @public */
-declare function gridAutoColumns(props: GridAutoColumnsStyleProps): string | undefined;
+export declare type GridAutoColumns = 'auto' | 'min' | 'max' | 'fr'
+
 /** @public */
-type GridAutoFlow = "row" | "column" | "row dense" | "column dense";
+export declare function gridAutoColumns(props: GridAutoColumnsStyleProps): string | undefined
+
 /** @public */
-interface GridAutoFlowStyleProps {
-  gridAutoFlow?: ResponsiveProp<GridAutoFlow>;
+export declare interface GridAutoColumnsStyleProps {
+  gridAutoColumns?: ResponsiveProp<GridAutoColumns>
 }
+
 /** @public */
-declare function gridAutoFlow(props: GridAutoFlowStyleProps): string | undefined;
+export declare type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense'
+
 /** @public */
-type GridAutoRows = "auto" | "min" | "max" | "fr";
+export declare function gridAutoFlow(props: GridAutoFlowStyleProps): string | undefined
+
 /** @public */
-interface GridAutoRowsStyleProps {
-  gridAutoRows?: ResponsiveProp<GridAutoRows>;
+export declare interface GridAutoFlowStyleProps {
+  gridAutoFlow?: ResponsiveProp<GridAutoFlow>
 }
+
 /** @public */
-declare function gridAutoRows(props: GridAutoRowsStyleProps): string | undefined;
+export declare type GridAutoRows = 'auto' | 'min' | 'max' | 'fr'
+
 /** @public */
-type GridColumn = "auto" | "full" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridAutoRows(props: GridAutoRowsStyleProps): string | undefined
+
 /** @public */
-interface GridColumnStyleProps {
-  gridColumn?: ResponsiveProp<GridColumn>;
+export declare interface GridAutoRowsStyleProps {
+  gridAutoRows?: ResponsiveProp<GridAutoRows>
 }
+
 /** @public */
-declare function gridColumn(props: GridColumnStyleProps): string | undefined;
+export declare type GridColumn = 'auto' | 'full' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type GridColumnEnd = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridColumn(props: GridColumnStyleProps): string | undefined
+
 /** @public */
-interface GridColumnEndStyleProps {
-  gridColumnEnd?: ResponsiveProp<GridColumnEnd>;
-}
-/** @public */
-declare function gridColumnEnd(props: GridColumnEndStyleProps): string | undefined;
+export declare type GridColumnEnd = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type GridColumnStart = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridColumnEnd(props: GridColumnEndStyleProps): string | undefined
+
 /** @public */
-interface GridColumnStartStyleProps {
-  gridColumnStart?: ResponsiveProp<GridColumnStart>;
+export declare interface GridColumnEndStyleProps {
+  gridColumnEnd?: ResponsiveProp<GridColumnEnd>
 }
+
 /** @public */
-declare function gridColumnStart(props: GridColumnStartStyleProps): string | undefined;
+export declare type GridColumnStart = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type GridRow = "auto" | "full" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridColumnStart(props: GridColumnStartStyleProps): string | undefined
+
 /** @public */
-interface GridRowStyleProps {
-  gridRow?: ResponsiveProp<GridRow>;
+export declare interface GridColumnStartStyleProps {
+  gridColumnStart?: ResponsiveProp<GridColumnStart>
 }
+
 /** @public */
-declare function gridRow(props: GridRowStyleProps): string | undefined;
-/** @public */
-type GridRowEnd = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-/** @public */
-interface GridRowEndStyleProps {
-  gridRowEnd?: ResponsiveProp<GridRowEnd>;
+export declare interface GridColumnStyleProps {
+  gridColumn?: ResponsiveProp<GridColumn>
 }
+
 /** @public */
-declare function gridRowEnd(props: GridRowEndStyleProps): string | undefined;
-/** @public */
-type GridRowStart = "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare type GridRow = 'auto' | 'full' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-interface GridRowStartStyleProps {
-  gridRowStart?: ResponsiveProp<GridRowStart>;
-}
+export declare function gridRow(props: GridRowStyleProps): string | undefined
+
 /** @public */
-declare function gridRowStart(props: GridRowStartStyleProps): string | undefined;
+export declare type GridRowEnd = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type GridTemplateColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridRowEnd(props: GridRowEndStyleProps): string | undefined
+
 /** @public */
-interface GridTemplateColumnsStyleProps {
-  gridTemplateColumns?: ResponsiveProp<GridTemplateColumns>;
+export declare interface GridRowEndStyleProps {
+  gridRowEnd?: ResponsiveProp<GridRowEnd>
 }
+
 /** @public */
-declare function gridTemplateColumns(props: GridTemplateColumnsStyleProps): string | undefined;
+export declare type GridRowStart = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type GridTemplateRows = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare function gridRowStart(props: GridRowStartStyleProps): string | undefined
+
 /** @public */
-interface GridTemplateRowsStyleProps {
-  gridTemplateRows?: ResponsiveProp<GridTemplateRows>;
+export declare interface GridRowStartStyleProps {
+  gridRowStart?: ResponsiveProp<GridRowStart>
 }
+
 /** @public */
-declare function gridTemplateRows(props: GridTemplateRowsStyleProps): string | undefined;
-/** @public */
-type Height = "fill" | "auto" | "min" | "max" | "fit" | "stretch";
-/** @public */
-interface HeightStyleProps {
-  height?: ResponsiveProp<Height>;
+export declare interface GridRowStyleProps {
+  gridRow?: ResponsiveProp<GridRow>
 }
+
 /** @public */
-declare function height(props: HeightStyleProps): string | undefined;
+export declare type GridTemplateColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
+
 /** @public */
-type Inset = 0;
+export declare function gridTemplateColumns(
+  props: GridTemplateColumnsStyleProps,
+): string | undefined
+
 /** @public */
-interface InsetStyleProps {
-  inset?: ResponsiveProp<Inset>;
-  insetTop?: ResponsiveProp<Inset>;
-  insetRight?: ResponsiveProp<Inset>;
-  insetBottom?: ResponsiveProp<Inset>;
-  insetLeft?: ResponsiveProp<Inset>;
+export declare interface GridTemplateColumnsStyleProps {
+  gridTemplateColumns?: ResponsiveProp<GridTemplateColumns>
 }
+
 /** @public */
-declare function inset(props: InsetStyleProps): string | undefined;
+export declare type GridTemplateRows = 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 gridTemplateRows(props: GridTemplateRowsStyleProps): string | undefined
+
 /** @public */
-interface JustifyContentStyleProps {
-  justifyContent?: ResponsiveProp<JustifyContent>;
+export declare interface GridTemplateRowsStyleProps {
+  gridTemplateRows?: ResponsiveProp<GridTemplateRows>
 }
+
 /** @public */
-declare function justifyContent(props: JustifyContentStyleProps): string | undefined;
-/** @public */
-type Margin = Space | "auto";
-/** @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 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 */
-declare function margin(props: MarginStyleProps): string | undefined;
-/** @public */
-type MaxWidth = ContainerWidth | "auto" | "fill";
-/** @public */
-interface MaxWidthStyleProps {
-  maxWidth?: ResponsiveProp<MaxWidth>;
+export declare interface HeadingStyleProps extends FontStyleProps, FlexStyleProps {
+  align?: TextAlignStyleProps['textAlign']
+  className?: string
+  muted?: boolean
+  size?: ResponsiveProp<FontHeadingSize>
 }
+
 /** @public */
-declare function maxWidth(props: MaxWidthStyleProps): string | undefined;
+export declare type Height = 'fill' | 'auto' | 'min' | 'max' | 'fit' | 'stretch'
+
 /** @public */
-type MinHeight = 0 | "full";
+export declare function height(props: HeightStyleProps): string | undefined
+
 /** @public */
-interface MinHeightStyleProps {
-  minHeight?: ResponsiveProp<MinHeight>;
+export declare interface HeightStyleProps {
+  height?: ResponsiveProp<Height>
 }
-/** @public */
-declare function minHeight(props: MinHeightStyleProps): string | undefined;
-/** @public */
-type MinWidth = 0 | "auto" | "full" | "min" | "max" | "fit";
-/** @public */
-interface MinWidthStyleProps {
-  minWidth?: ResponsiveProp<MinWidth>;
+
+/** @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 minWidth(props: MinWidthStyleProps): string | undefined;
+export declare type Inset = 0
+
 /** @public */
-type Outline = "none";
+export declare function inset(props: InsetStyleProps): string | undefined
+
 /** @public */
-interface OutlineStyleProps {
-  outline?: Outline;
+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 outline(props: OutlineStyleProps): string | undefined;
-/** @public */
-type Overflow = "visible" | "hidden" | "auto";
+export declare function kbd(props: KBDStyleProps): string | undefined
+
 /** @public */
-interface OverflowStyleProps {
-  overflow?: ResponsiveProp<Overflow>;
-  overflowX?: ResponsiveProp<Overflow>;
-  overflowY?: ResponsiveProp<Overflow>;
+export declare interface KBDStyleProps extends RadiusStyleProps {
+  className?: string
 }
+
 /** @public */
-declare function overflow(props: OverflowStyleProps): string | undefined;
-/** @public */
-type Padding = Space;
+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 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 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 padding(props: PaddingStyleProps): string | undefined;
+export declare type Margin = Space | 'auto'
+
 /** @public */
-type PointerEvents = "auto" | "none";
+export declare function margin(props: MarginStyleProps): string | undefined
+
 /** @public */
-interface PointerEventsStyleProps {
-  pointerEvents?: PointerEvents;
+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 pointerEvents(props: PointerEventsStyleProps): string | undefined;
+export declare type MaxWidth = ContainerWidth | 'auto' | 'fill'
+
 /** @public */
-type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
+export declare function maxWidth(props: MaxWidthStyleProps): string | undefined
+
 /** @public */
-interface PositionStyleProps {
-  position?: ResponsiveProp<Position>;
+export declare interface MaxWidthStyleProps {
+  maxWidth?: ResponsiveProp<MaxWidth>
 }
+
 /** @public */
-declare function position(props: PositionStyleProps): string | undefined;
+export declare function menu(props: {className?: string}): string | undefined
+
 /** @public */
-interface RadiusStyleProps {
-  radius?: ResponsiveProp<Radius | "full">;
-}
+export declare function menuDivider(props: {className?: string}): string | undefined
+
+/** @public */
+export declare type MinHeight = 0 | 'full'
+
 /** @public */
-declare function radius(props: RadiusStyleProps): string | undefined;
+export declare function minHeight(props: MinHeightStyleProps): string | undefined
+
 /** @public */
-interface ShadowStyleProps {
-  shadow?: ResponsiveProp<Shadow>;
+export declare interface MinHeightStyleProps {
+  minHeight?: ResponsiveProp<MinHeight>
 }
+
 /** @public */
-declare function shadow(props: ShadowStyleProps): string | undefined;
+export declare type MinWidth = 0 | 'auto' | 'full' | 'min' | 'max' | 'fit'
+
 /** @public */
-type TextAlign = "left" | "right" | "center" | "justify" | "initial";
+export declare function minWidth(props: MinWidthStyleProps): string | undefined
+
 /** @public */
-interface TextAlignStyleProps {
-  textAlign?: TextAlign;
+export declare interface MinWidthStyleProps {
+  minWidth?: ResponsiveProp<MinWidth>
 }
+
 /** @public */
-declare function textAlign(props: TextAlignStyleProps): string | undefined;
-/** @public */
-type TextOverflow = "ellipsis" | "clip";
-/** @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 type NullableTokens = {
+  [key: string]: string | NullableTokens
 }
+
 /** @public */
-declare function textOverflow(props: TextOverflowStyleProps): string | undefined;
+export declare type Outline = 'none'
+
 /** @public */
-type Width = ContainerWidth | "auto" | "fill" | "stretch" | "min";
+export declare function outline(props: OutlineStyleProps): string | undefined
+
 /** @public */
-interface WidthStyleProps {
-  width?: ResponsiveProp<Width>;
+export declare interface OutlineStyleProps {
+  outline?: Outline
 }
+
 /** @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 Overflow = 'visible' | 'hidden' | 'auto'
+
+/** @public */
+export declare function overflow(props: OverflowStyleProps): string | undefined
+
 /** @public */
-interface InputStyleProps extends RadiusStyleProps, WidthStyleProps {
-  border?: boolean;
-  fontSize?: ResponsiveProp<FontTextSize>;
-  gap?: ResponsiveProp<Space>;
-  padding?: ResponsiveProp<Space>;
+export declare interface OverflowStyleProps {
+  overflow?: ResponsiveProp<Overflow>
+  overflowX?: ResponsiveProp<Overflow>
+  overflowY?: ResponsiveProp<Overflow>
 }
-/** @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;
+
+/** @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>
 }
+
 /** @internal */
-declare function _selectable(props: SelectableStyleProps): string | undefined;
+export declare const paletteVars: ColorPaletteVars
+
 /** @public */
-interface AvatarStyleProps {
-  className?: string;
-  color: AvatarColor;
-  size: ResponsiveProp<AvatarSize>;
-}
+export declare type PointerEvents = 'auto' | 'none'
+
 /** @public */
-declare function avatar(props: AvatarStyleProps): string | undefined;
+export declare function pointerEvents(props: PointerEventsStyleProps): string | undefined
+
 /** @public */
-declare function avatarArrow(): string | undefined;
+export declare interface PointerEventsStyleProps {
+  pointerEvents?: PointerEvents
+}
+
 /** @public */
-declare function avatarArrowSvg(): string | undefined;
+export declare function popover(props: {className?: string}): string | undefined
+
 /** @public */
-declare function avatarInitials(): string | undefined;
+export declare function popoverCard(): string | undefined
+
 /** @public */
-declare function avatarImage(): string | undefined;
+export declare type Position = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'
+
 /** @public */
-declare function avatarImageOutline(): string | undefined;
+export declare function position(props: PositionStyleProps): string | undefined
+
 /** @public */
-declare function avatarCounter(props: {
-  className?: string;
-  size?: AvatarStyleProps["size"];
-}): string | undefined;
+export declare interface PositionStyleProps {
+  position?: ResponsiveProp<Position>
+}
+
 /** @public */
-declare function avatarStack(props: {
-  className?: string;
-  size?: AvatarStyleProps["size"];
-}): string | undefined;
+export declare function radio(props: {className?: string}): string | undefined
+
 /** @public */
-type BadgeTone = ElementTone;
+export declare function radioInput(): string | undefined
+
 /** @public */
-interface BadgeStyleProps {
-  className?: string;
-  fontSize?: ResponsiveProp<FontTextSize>;
-  tone?: BadgeTone;
-}
+export declare function radioPresentation(): string | undefined
+
 /** @public */
-declare function badge(props: BadgeStyleProps): string | undefined;
+export declare function radius(props: RadiusStyleProps): 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"];
+export declare interface RadiusStyleProps {
+  radius?: ResponsiveProp<Radius | 'full'>
 }
+
 /** @public */
-declare function box(props: BoxStyleProps): string | undefined;
+export declare type ResponsiveProp<T> = T | Partial<Record<Breakpoint, T>>
+
 /** @public */
-interface ButtonStyleProps extends FlexStyleProps, RadiusStyleProps, WidthStyleProps {
-  className?: string;
-  mode?: ButtonMode;
-  tone?: ElementTone;
-}
+export declare type ResponsiveRuleOptions<K extends string | number> = Record<K, ResponsiveRules>
+
 /** @public */
-declare function button(props: ButtonStyleProps): string | undefined;
+export declare type ResponsiveRules = Record<Breakpoint, string>
+
 /** @public */
-declare function buttonLoadingBox(): string;
+export declare function root(props: RootStyleProps): string | undefined
+
 /** @public */
-interface CardStyleProps {
-  className?: string;
-  checkered?: boolean;
-  scheme?: ColorScheme;
-  tone?: CardTone | "inherit";
+export declare interface RootStyleProps extends HeightStyleProps {
+  className?: string
+  scheme?: ColorScheme
+  tone?: CardTone
 }
+
 /** @public */
-declare function card(props: CardStyleProps): string | undefined;
-/** @public */
-declare function checkbox(props: {
-  className?: string;
-}): string | undefined;
-/** @public */
-declare function checkboxInput(): string;
+export declare type SchemeColorTokens = Record<CardTone, CSSCardColorTokens>
+
 /** @public */
-declare function checkboxPresentation(): string;
-/** @public */
-interface CodeStyleProps extends FlexStyleProps, Omit<FontStyleProps, "align"> {
-  className?: string;
-  size?: ResponsiveProp<FontCodeSize>;
+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 */
-declare function code(props: CodeStyleProps): string | undefined;
+export declare type ScopedVars = ThemeContract<ScopedTokens>
+
 /** @public */
-interface ContainerStyleProps {
-  className?: string;
-  width?: ResponsiveProp<ContainerWidth>;
+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 */
-declare function container(props: ContainerStyleProps): string | undefined;
+export declare function selectPresentation(): string | undefined
+
 /** @public */
-interface HeadingStyleProps extends FontStyleProps, FlexStyleProps {
-  align?: TextAlignStyleProps["textAlign"];
-  className?: string;
-  muted?: boolean;
-  size?: ResponsiveProp<FontHeadingSize>;
-}
+export declare interface SelectStyleProps extends InputStyleProps {}
+
 /** @public */
-declare function heading(props: HeadingStyleProps): string | undefined;
+export declare function shadow(props: ShadowStyleProps): string | undefined
+
 /** @public */
-interface KBDStyleProps extends RadiusStyleProps {
-  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 kbd(props: KBDStyleProps): string | undefined;
+export declare function spinner(props: SpinnerStyleProps): string | undefined
+
 /** @public */
-interface LabelStyleProps extends FlexStyleProps, FontStyleProps {
-  align?: TextAlignStyleProps["textAlign"];
-  className?: string;
-  muted?: boolean;
-  size?: ResponsiveProp<FontLabelSize>;
+export declare interface SpinnerStyleProps {
+  className?: string
 }
+
 /** @public */
-declare function label(props: LabelStyleProps): string | undefined;
+export declare function srOnly(props: {className?: string}): string | undefined
+
 /** @public */
-declare function popover(props: {
-  className?: string;
-}): string | undefined;
+export declare function stack(props: {className?: string}): string | undefined
+
 /** @public */
-declare function popoverCard(): string | undefined;
+export declare function _switch(props: {className?: string}): string | undefined
+
 /** @public */
-declare function radio(props: {
-  className?: string;
-}): string | undefined;
+export declare function _switchElement(): string | undefined
+
 /** @public */
-declare function radioInput(): string | undefined;
+export declare function _switchPresentation(): string | undefined
+
 /** @public */
-declare function radioPresentation(): string | undefined;
+export declare function _switchThumb(): string | undefined
+
 /** @public */
-interface RootStyleProps extends HeightStyleProps {
-  className?: string;
-  scheme?: ColorScheme;
-  tone?: CardTone;
-}
-/** @public */
-declare function root(props: RootStyleProps): string | undefined;
+export declare function _switchTrack(): string | undefined
+
 /** @public */
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-interface SelectStyleProps extends InputStyleProps {}
+export declare function text(props: TextStyleProps): string | undefined
+
 /** @public */
-declare function select(props: SelectStyleProps): string | undefined;
+export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial'
+
 /** @public */
-declare function selectPresentation(): string | undefined;
+export declare function textAlign(props: TextAlignStyleProps): string | undefined
+
 /** @public */
-interface SpinnerStyleProps {
-  className?: string;
+export declare interface TextAlignStyleProps {
+  textAlign?: TextAlign
 }
+
 /** @public */
-declare function spinner(props: SpinnerStyleProps): string | undefined;
+export declare function textArea(props: TextAreaStyleProps): string | undefined
+
 /** @public */
-declare function animatedSpinnerIcon(): string;
-/** @public */
-declare function srOnly(props: {
-  className?: string;
-}): string | undefined;
+export declare interface TextAreaStyleProps extends InputStyleProps {
+  className?: string
+}
+
 /** @public */
-declare function stack(props: {
-  className?: string;
-}): string | undefined;
+export declare function textInput(props: TextInputStyleProps): string | undefined
+
 /** @public */
-declare function _switch(props: {
-  className?: string;
-}): string | undefined;
+export declare function textInputElement(): string | undefined
+
 /** @public */
-declare function _switchElement(): string | undefined;
+export declare function textInputPrefix(): string | undefined
+
 /** @public */
-declare function _switchPresentation(): string | undefined;
+export declare interface TextInputStyleProps extends InputStyleProps {
+  className?: string
+}
+
 /** @public */
-declare function _switchThumb(): string | undefined;
+export declare function textInputSuffix(): string | undefined
+
 /** @public */
-declare function _switchTrack(): string | undefined;
+export declare type TextOverflow = 'ellipsis' | 'clip'
+
 /** @public */
-type TextSize = number;
+export declare function textOverflow(props: TextOverflowStyleProps): string | undefined
+
 /** @public */
-interface TextStyleProps extends FlexStyleProps, FontStyleProps, MaxWidthStyleProps {
-  align?: TextAlignStyleProps["textAlign"];
-  className?: string;
-  muted?: boolean;
-  size?: ResponsiveProp<FontTextSize>;
+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 text(props: TextStyleProps): string | undefined;
-/** @public */
-interface TextAreaStyleProps extends InputStyleProps {
-  className?: string;
+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 textArea(props: TextAreaStyleProps): string | undefined;
-/** @public */
-interface TextInputStyleProps extends InputStyleProps {
-  className?: string;
+export declare interface TextStyleProps extends FlexStyleProps, FontStyleProps, MaxWidthStyleProps {
+  align?: TextAlignStyleProps['textAlign']
+  className?: string
+  muted?: boolean
+  size?: ResponsiveProp<FontTextSize>
 }
+
 /** @public */
-declare function textInput(props: TextInputStyleProps): string | undefined;
+export declare const themeClassName: string
+
 /** @public */
-declare function textInputPrefix(): string | undefined;
+export declare type ThemeContract<T extends NullableTokens> = ReturnType<
+  typeof createThemeContract<T>
+>
+
 /** @public */
-declare function textInputElement(): string | undefined;
-/** @public */
-declare function textInputSuffix(): string | undefined;
-/** @public */
-interface TooltipStyleProps {
-  className?: string;
+export declare type ThemeTokens = CoreThemeTokens & {
+  color: {
+    palette: ColorPaletteTokens
+  }
 }
+
 /** @public */
-declare function tooltip(props: TooltipStyleProps): string | undefined;
+export declare type ThemeVars = ThemeContract<ThemeTokens & ScopedTokens>
+
+/**
+ * Variables to be defined in a theme.
+ *
+ * @internal */
+export declare const themeVars: ThemeContract<ThemeTokens>
+
 /** @public */
-declare function breadcrumbs(props: {
-  className?: string;
-}): string | undefined;
+export declare function toast(): string
+
 /** @public */
-declare function dialog(props: {
-  className?: string;
-}): string | undefined;
+export declare function toastLayer(): string
+
 /** @public */
-declare function dialogCard(): string | undefined;
+export declare function tooltip(props: TooltipStyleProps): string | undefined
+
 /** @public */
-declare function dialogContainer(): string | undefined;
-/** @public */
-declare function dialogHeader(): string | undefined;
-/** @public */
-declare function dialogContent(): string | undefined;
-/** @public */
-declare function dialogScroller(): string | undefined;
-/** @public */
-declare function dialogScrollerShadowTop(): string | undefined;
-/** @public */
-declare function dialogScrollerShadowBottom(): string | undefined;
-/** @public */
-declare function dialogFooter(): string | undefined;
-/** @public */
-declare function menu(props: {
-  className?: string;
-}): 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 {}