@sanity/ui 4.0.0-static.9 → 4.0.0

package/dist/theme.d.ts

@@ -1,499 +1,280 @@
-import type {ColorHues} from '@sanity/color'
-import type {ColorTint} from '@sanity/color'
-
-/** @public */
-export declare const AVATAR_COLORS: readonly [
-  'gray',
-  'blue',
-  'purple',
-  'magenta',
-  'red',
-  'orange',
-  'yellow',
-  'green',
-  'cyan',
-]
-
-/** @public */
-export declare const AVATAR_SIZE: readonly [0, 1, 2, 3]
-
-/** @public */
-export declare type AvatarColor = (typeof AVATAR_COLORS)[number]
-
-/** @public */
-export declare interface AvatarColorProperties {
-  _hue: Hue
-  bg: ColorValue
-  fg: ColorValue
-}
-
-/** @public */
-export declare type AvatarsColor = Record<AvatarColor, AvatarColorProperties>
-
-/** @public */
-export declare type AvatarSize = (typeof AVATAR_SIZE)[number]
-
-/** @public */
-export declare type BoxShadow = [number, number, number, number]
-
-/** @public */
-export declare function buildTheme(options?: ThemeOptions): Theme
-
-/** @public */
-export declare const BUTTON_MODES: readonly ['default', 'ghost', 'bleed']
-
-/** @public */
-export declare type ButtonMode = (typeof BUTTON_MODES)[number]
-
-/** @public */
-export declare const CARD_TONES: readonly [
-  'transparent',
-  'default',
-  'neutral',
-  'primary',
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-]
-
-/** @public */
-export declare interface CardColorTokens {
-  _hue: Hue
-  avatar: AvatarsColor
-  backdrop: ColorValue
-  code: {
-    bg: ColorValue
-    fg: ColorValue
-    token: {
-      atrule: ColorValue
-      attrName: ColorValue
-      attrValue: ColorValue
-      attribute: ColorValue
-      boolean: ColorValue
-      builtin: ColorValue
-      cdata: ColorValue
-      char: ColorValue
-      class: ColorValue
-      className: ColorValue
-      comment: ColorValue
-      constant: ColorValue
-      deleted: ColorValue
-      doctype: ColorValue
-      entity: ColorValue
-      function: ColorValue
-      hexcode: ColorValue
-      id: ColorValue
-      important: ColorValue
-      inserted: ColorValue
-      keyword: ColorValue
-      number: ColorValue
-      operator: ColorValue
-      prolog: ColorValue
-      property: ColorValue
-      pseudoClass: ColorValue
-      pseudoElement: ColorValue
-      punctuation: ColorValue
-      regex: ColorValue
-      selector: ColorValue
-      string: ColorValue
-      symbol: ColorValue
-      tag: ColorValue
-      unit: ColorValue
-      url: ColorValue
-      variable: ColorValue
-    }
-  }
-  focusRing: ColorValue
-  link: {
-    fg: ColorValue
-  }
-  shadow: {
-    outline: ColorValue
-    umbra: ColorValue
-    penumbra: ColorValue
-    ambient: ColorValue
-  }
-  skeleton: {
-    from: ColorValue
-    to: ColorValue
-  }
-  variant: Record<ColorVariant, ElementsColorTokens>
-}
-
+import { _ as THEME_COLOR_STATES, a as ThemeColorInputModeKey, c as ThemeColorStateKey, d as THEME_COLOR_BLEND_MODES, f as THEME_COLOR_BUTTON_MODES, g as THEME_COLOR_SCHEMES, h as THEME_COLOR_INPUT_STATES, i as ThemeColorCardToneKey, l as ThemeColorStateToneKey, m as THEME_COLOR_INPUT_MODES, n as ThemeColorBlendModeKey, o as ThemeColorInputStateKey, p as THEME_COLOR_CARD_TONES, r as ThemeColorButtonModeKey, s as ThemeColorSchemeKey, t as ThemeColorAvatarColorKey, u as THEME_COLOR_AVATAR_COLORS, v as THEME_COLOR_STATE_TONES } from "./_system-CTe2lb5l.js";
+import { a as ThemeFontWeightKey, i as ThemeFontWeight, n as ThemeFontKey, o as ThemeFonts, r as ThemeFontSize, t as ThemeFont } from "./font-EtfxKPUz.js";
+import { $ as ThemeColorInputState_v2, A as ThemeColorMutedTone, B as ThemeColorBase, C as ThemeColorSpotKey, D as ThemeColorSelectableState, E as ThemeColorSelectable, F as ThemeColorCardState, G as ThemeInput_v2, H as ThemeColorToneKey, I as ThemeColorButton, J as ThemeColorSchemes_v2, K as ThemeColorCard_v2, L as ThemeColorButtonState, M as ThemeColorInputState, N as ThemeColorInputStates, O as ThemeColorSelectableStates, P as ThemeColorCard, Q as ThemeColorInputMode_v2, R as ThemeColorButtonStates, S as ThemeColorSpot, T as ThemeColorSolidTone, U as ThemeColorGenericState, V as ThemeColorName, W as ThemeAvatar, X as ThemeColorSelectableTone_v2, Y as ThemeColorShadow, Z as ThemeColorSelectable_v2, _ as Theme_v2, _t as ThemeColorSyntax, a as rgbToHex, at as ThemeColorKBD, b as ThemeColorScheme, bt as RGBA, c as screen, ct as ThemeColorAvatarHue_v2, d as ThemeColorBuilderOpts, dt as ThemeFocusRing, et as ThemeColorInput_v2, f as createColorTheme, ft as ThemeStyles, g as Theme, gt as ThemeLayer, h as RootTheme_v2, ht as ThemeShadow, i as hslToRgb, it as ThemeColorState_v2, j as ThemeColorInput, k as ThemeColorMuted, l as multiply, lt as ThemeColorAvatar_v2, m as RootTheme, mt as ThemeBoxShadow, n as parseColor, nt as ThemeColorButtonTone_v2, o as rgbToHsl, ot as ThemeColorBadgeTone_v2, p as BaseTheme, pt as CSSObject, q as ThemeColorScheme_v2, r as hexToRgb, rt as ThemeColorButton_v2, s as rgbaToRGBA, st as ThemeColorBadge_v2, t as rgba, tt as ThemeColorButtonMode_v2, u as PartialThemeColorBuilderOpts, ut as ThemeAvatar_v2, v as ThemeInput, vt as HSL, w as ThemeColorSolid, x as ThemeColorSchemes, y as ThemeColor, yt as RGB, z as ThemeColorButtonTones } from "./rgba-BSYaEUW6.js";
+import { ColorHueKey, ColorTint, ColorTintKey } from "@sanity/color";
 /** @public */
-export declare type CardTone = (typeof CARD_TONES)[number]
-
+declare const COLOR_CONFIG_STATE_KEYS: readonly ['_hue', 'bg', 'fg', 'border', 'focusRing', 'muted/fg', 'accent/fg', 'link/fg', 'code/bg', 'code/fg', 'skeleton/from', 'skeleton/to', 'status/dot', 'status/icon'];
 /** @public */
-export declare type Color = Record<CardTone, CardColorTokens>
-
+type ColorConfigStateKey = (typeof COLOR_CONFIG_STATE_KEYS)[number];
 /** @public */
-export declare const COLOR_SCHEMES: readonly ['light', 'dark']
-
+declare const COLOR_CONFIG_CARD_KEYS: readonly ["_hue", "bg", "fg", "border", "focusRing", "muted/fg", "accent/fg", "link/fg", "code/bg", "code/fg", "skeleton/from", "skeleton/to", "status/dot", "status/icon", "_hue", "bg", "fg", "border", "focusRing", "shadow/outline", "shadow/umbra", "shadow/penumbra", "shadow/ambient"];
 /** @public */
-export declare const COLOR_VARIANTS: readonly ['tinted', 'solid']
-
-/** @internal */
-export declare interface ColorInheritNode {
-  type: 'inherit'
-}
-
-/** @internal */
-export declare interface ColorNode {
-  type: 'color'
-  name: 'black' | 'white'
-  /** Between 0 and 1 */
-  opacity: number
-  /** Between 0 and 1 */
-  mix: number
-}
-
+type ColorConfigCardKey = (typeof COLOR_CONFIG_CARD_KEYS)[number];
 /** @public */
-export declare type ColorScheme = (typeof COLOR_SCHEMES)[number]
-
-/** @internal */
-export declare interface ColorTintNode {
-  type: 'tint'
-  hue: Hue
-  tint: Tint
-  /** Between 0 and 1 */
-  opacity: number
-  /** Between 0 and 1 */
-  mix: number
-}
-
-/** @public */
-export declare type ColorToken =
-  | `inherit`
-  | `black`
-  | `black/${ColorTokenOpacityValue}`
-  | `white`
-  | `white/${ColorTokenOpacityValue}`
-  | `${Hue}-${Tint}`
-  | `${Hue}-${Tint}/${ColorTokenOpacityValue}`
-  | `${Hue}-${Tint} ${number}%`
-  | `${Tint}`
-  | `${Tint}/${ColorTokenOpacityValue}`
-  | `${Tint} ${number}%`
-
-/** @public */
-export declare type ColorTokenOpacityValue = `0` | `0.${number}` | `1`
-
-/** @public */
-export declare type ColorTokens = Record<'*' | CardTone, CardColorTokens>
-
-/**
- * Theme color values are tuples of [light, dark] color tokens.
- *
- * @public
- */
-export declare type ColorValue = [ColorToken, ColorToken]
-
-/** @public */
-export declare type ColorVariant = (typeof COLOR_VARIANTS)[number]
-
-/** @public */
-export declare const CONTAINER: [...typeof CONTAINER_SCALE, 'auto']
-
-/** @public */
-export declare const CONTAINER_SCALE: readonly [0, 1, 2, 3, 4, 5]
-
-/** @public */
-export declare type ContainerScale = (typeof CONTAINER_SCALE)[number]
-
-/** @public */
-export declare type ContainerWidth = (typeof CONTAINER)[number]
-
-/** @public */
-export declare const ELEMENT_TONES: readonly [
-  'default',
-  'neutral',
-  'primary',
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-]
-
-/** @public */
-export declare interface ElementColorTokens {
-  _hue: Hue
-  bg: {
-    0: ColorValue
-    4: ColorValue
-  }
-  border: {
-    0: ColorValue
-    4: ColorValue
-  }
-  fg: {
-    0: ColorValue
-    4: ColorValue
-  }
-}
-
+declare const COLOR_CONFIG_BLEND_KEYS: readonly ['_blend'];
 /** @public */
-export declare type ElementsColorTokens = Record<'*' | ElementTone, ElementColorTokens>
-
+type ColorConfigBlendKey = (typeof COLOR_CONFIG_BLEND_KEYS)[number];
 /** @public */
-export declare type ElementTone = (typeof ELEMENT_TONES)[number]
-
+type ColorConfigOpacityValue = `0` | `0.${number}` | `1`;
 /** @public */
-export declare interface FocusRing {
-  offset: number
-  width: number
-}
-
+type ColorConfigValue = `black` | `white` | `black/${ColorConfigOpacityValue}` | `white/${ColorConfigOpacityValue}` | `${ColorHueKey}` | `${ColorHueKey} ${number}%` | `${ColorHueKey}/${ColorTintKey}` | `${ColorHueKey}/${ColorTintKey} ${number}%` | `${ColorHueKey}/${ColorTintKey}/${ColorConfigOpacityValue}` | `${ColorTintKey}` | `${ColorTintKey} ${number}%` | `${ColorTintKey}/${ColorConfigOpacityValue}`;
 /** @public */
-export declare interface Font {
-  family: string
-  featureSettings?: string
-  weight: FontWeights
-  scale: FontSize[]
-}
-
+type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue];
 /** @public */
-export declare const FONT_CODE_SIZE: readonly [0, 1, 2, 3, 4]
-
+type ColorBlendModeTokenValue = [ThemeColorBlendModeKey, ThemeColorBlendModeKey];
 /** @public */
-export declare const FONT_HEADING_SIZE: readonly [0, 1, 2, 3, 4, 5]
-
+declare const COLOR_CONFIG_AVATAR_COLORS: readonly ["*", ...ColorHueKey[]];
 /** @public */
-export declare const FONT_LABEL_SIZE: readonly [0, 1, 2, 3, 4, 5]
-
+type ColorConfigAvatarColor = (typeof COLOR_CONFIG_AVATAR_COLORS)[number];
 /** @public */
-export declare const FONT_TEXT_SIZE: readonly [0, 1, 2, 3, 4]
-
+declare const COLOR_CONFIG_CARD_TONES: readonly ["*", "transparent", "default", "neutral", "primary", "suggest", "positive", "caution", "critical"];
 /** @public */
-export declare type FontCodeSize = (typeof FONT_CODE_SIZE)[number]
-
+type ColorConfigCardTone = (typeof COLOR_CONFIG_CARD_TONES)[number];
 /** @public */
-export declare type FontHeadingSize = (typeof FONT_HEADING_SIZE)[number]
-
+declare const COLOR_CONFIG_STATE_TONES: readonly ["*", "default", "neutral", "primary", "suggest", "positive", "caution", "critical"];
 /** @public */
-export declare type FontLabelSize = (typeof FONT_LABEL_SIZE)[number]
-
+type ColorConfigStateTone = (typeof COLOR_CONFIG_STATE_TONES)[number];
 /** @public */
-export declare interface Fonts {
-  code: Font
-  heading: Font
-  label: Font
-  text: Font
-}
-
-/** @public */
-export declare interface FontSize {
-  ascenderHeight: number
-  descenderHeight: number
-  fontSize: number
-  iconSize: number
-  letterSpacing: number
-  lineHeight: number
-  customIconSize: number
-}
-
+declare const COLOR_CONFIG_STATES: readonly ["*", "enabled", "hovered", "pressed", "selected", "disabled"];
+/** @public */
+type ColorConfigState = (typeof COLOR_CONFIG_STATES)[number];
 /** @public */
-export declare type FontTextSize = (typeof FONT_TEXT_SIZE)[number]
-
+declare const COLOR_CONFIG_INPUT_MODES: readonly ["*", "default", "invalid"];
 /** @public */
-export declare type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold'
-
+type ColorConfigInputMode = (typeof COLOR_CONFIG_INPUT_MODES)[number];
 /** @public */
-export declare interface FontWeights {
-  regular: number
-  medium: number
-  semibold: number
-  bold: number
+declare const COLOR_CONFIG_INPUT_STATES: readonly ["*", "enabled", "hovered", "readOnly", "disabled"];
+/** @public */
+type ColorConfigInputState = (typeof COLOR_CONFIG_INPUT_STATES)[number];
+/** @public */
+interface ThemeColorAvatarHueTokens {
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
+  bg?: ThemeColorTokenValue;
+  fg?: ThemeColorTokenValue;
 }
-
-/** @public */
-export declare type Hue = (typeof HUES)[number]
-
-/** @public */
-export declare const HUES: readonly [
-  'gray',
-  'blue',
-  'purple',
-  'magenta',
-  'red',
-  'orange',
-  'yellow',
-  'green',
-  'cyan',
-]
-
-/** @public */
-export declare interface Input {
-  checkbox: {
-    size: number
-    focusRing: FocusRing
-  }
-  radio: {
-    size: number
-    markSize: number
-    focusRing: FocusRing
-  }
-  switch: {
-    width: number
-    height: number
-    padding: number
-    transitionDurationMs: number
-    transitionTimingFunction: string
-    focusRing: FocusRing
-  }
-  border: {
-    width: number
-  }
-  select: {
-    focusRing: FocusRing
-  }
-  text: {
-    focusRing: FocusRing
-  }
+/** @public */
+interface ThemeColorAvatarTokens {
+  '*'?: ThemeColorAvatarHueTokens;
+  'gray'?: ThemeColorAvatarHueTokens;
+  'blue'?: ThemeColorAvatarHueTokens;
+  'purple'?: ThemeColorAvatarHueTokens;
+  'magenta'?: ThemeColorAvatarHueTokens;
+  'red'?: ThemeColorAvatarHueTokens;
+  'orange'?: ThemeColorAvatarHueTokens;
+  'yellow'?: ThemeColorAvatarHueTokens;
+  'green'?: ThemeColorAvatarHueTokens;
+  'cyan'?: ThemeColorAvatarHueTokens;
 }
-
-/** @public */
-export declare interface Layer {
-  dialog: {
-    zOffset: number
-  }
-  popover: {
-    zOffset: number
-  }
-  tooltip: {
-    zOffset: number
-  }
+/** @public */
+interface ThemeColorBaseTokens extends ThemeColorStateTokens {
+  focusRing?: ThemeColorTokenValue;
+  backdrop?: ThemeColorTokenValue;
+  shadow?: {
+    outline?: ThemeColorTokenValue;
+    umbra?: ThemeColorTokenValue;
+    penumbra?: ThemeColorTokenValue;
+    ambient?: ThemeColorTokenValue;
+  };
 }
-
 /** @public */
-export declare interface Palette {
-  black: ColorTint
-  white: ColorTint
-  hues: ColorHues
+interface ThemeColorBadgeToneTokens {
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
+  bg?: ThemeColorTokenValue;
+  dot?: ThemeColorTokenValue;
+  fg?: ThemeColorTokenValue;
+  icon?: ThemeColorTokenValue;
 }
-
-/** @internal */
-export declare function _parseColorToken(
-  str: ColorToken,
-  options: {
-    defaultHue: Hue
-  },
-): TokenizeColorResult
-
-/** @public */
-export declare type PartialTokens<T> = T extends [ColorToken, ColorToken]
-  ? T
-  : T extends {}
-    ? {
-        [P in keyof T]?: PartialTokens<T[P]>
-      }
-    : T
-
-/** @public */
-export declare const RADIUS: readonly [0, 1, 2, 3, 4, 5, 6]
-
-/** @public */
-export declare type Radius = (typeof RADIUS)[number]
-
-/** @public */
-export declare interface ResolvedColorToken {
-  color:
-    | {
-        type: 'inherit'
-      }
-    | {
-        type: 'black' | 'white'
-      }
-    | {
-        type: 'hue'
-        hue: Hue
-        tint: Tint
-      }
-  opacity: number
-  mix: number
+/** @public */
+type ThemeColorBadgeTokens = Partial<Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>>;
+/** @public */
+interface ThemeColorStateTokens {
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
+  accent?: {
+    fg?: ThemeColorTokenValue;
+  };
+  avatar?: ThemeColorAvatarTokens;
+  badge?: ThemeColorBadgeTokens;
+  bg?: ThemeColorTokenValue;
+  border?: ThemeColorTokenValue;
+  code?: {
+    bg?: ThemeColorTokenValue;
+    fg?: ThemeColorTokenValue;
+  };
+  fg?: ThemeColorTokenValue;
+  icon?: ThemeColorTokenValue;
+  kbd?: {
+    bg?: ThemeColorTokenValue;
+    fg?: ThemeColorTokenValue;
+    border?: ThemeColorTokenValue;
+  };
+  link?: {
+    fg?: ThemeColorTokenValue;
+  };
+  muted?: {
+    bg?: ThemeColorTokenValue;
+    fg?: ThemeColorTokenValue;
+  };
+  skeleton?: {
+    from?: ThemeColorTokenValue;
+    to?: ThemeColorTokenValue;
+  };
 }
-
-/** @internal */
-export declare function resolveTokens(tokens?: PartialTokens<Tokens>): Tokens
-
 /** @public */
-export declare const SHADOW: readonly [0, 1, 2, 3, 4, 5]
-
+type ThemeColorStatesTokens = Partial<Record<ColorConfigState, ThemeColorStateTokens>>;
+/** @public */
+interface ThemeColorButtonTokens extends Partial<Record<ColorConfigStateTone, ThemeColorStatesTokens>> {
+  _hue?: ColorHueKey;
+}
 /** @public */
-export declare type Shadow = (typeof SHADOW)[number]
-
+interface ThemeColorInputStateTokens {
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
+  bg?: ThemeColorTokenValue;
+  border?: ThemeColorTokenValue;
+  fg?: ThemeColorTokenValue;
+  muted?: {
+    bg?: ThemeColorTokenValue;
+  };
+  placeholder?: ThemeColorTokenValue;
+}
 /** @public */
-export declare interface ShadowProperties {
-  umbra: BoxShadow
-  penumbra: BoxShadow
-  ambient: BoxShadow
+interface ThemeColorInputTokens extends Partial<Record<ColorConfigInputState, ThemeColorInputStateTokens>> {
+  _hue?: ColorHueKey;
 }
-
 /** @public */
-export declare const SPACE: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
-
+interface ThemeColorTokens {
+  base?: Partial<Record<ColorConfigCardTone, ThemeColorBaseTokens>>;
+  button?: Partial<Record<ThemeColorButtonModeKey, ThemeColorButtonTokens>>;
+  input?: Partial<Record<ColorConfigInputMode, ThemeColorInputTokens>>;
+  selectable?: Partial<Record<ColorConfigStateTone, {
+    _hue?: ColorHueKey;
+  } & ThemeColorStatesTokens>>;
+  syntax?: Partial<Record<keyof ThemeColorSyntax, ThemeColorTokenValue>>;
+}
 /** @public */
-export declare type Space = (typeof SPACE)[number]
-
+type ThemeColorPalette = {
+  black: string | ColorTint;
+  white: string | ColorTint;
+} & Record<ColorHueKey, Record<ColorTintKey, string | ColorTint>>;
 /** @public */
-export declare interface Theme {
-  _version: 3
-  _tokens: Tokens
-  avatar: ThemeAvatar
-  button: {
+interface ThemeConfig {
+  avatar?: ThemeAvatar_v2;
+  button?: {
     border: {
-      width: number
-    }
-    focusRing: FocusRing
-    textWeight: FontWeight
-  }
-  card: {
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
+    textWeight: ThemeFontWeightKey;
+  };
+  card?: {
     border: {
-      width: number
-    }
-    focusRing: FocusRing
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
     shadow: {
-      outline: number
-    }
-  }
-  color: Color
-  container: number[]
-  font: Fonts
-  input: Input
-  layer: Layer
-  media: number[]
-  palette: Palette
-  radius: Record<Radius, number>
-  shadow: Record<Shadow, ShadowProperties | undefined>
-  space: Record<Space, number>
+      outline: number;
+    };
+  };
+  color?: ThemeColorTokens;
+  container?: number[];
+  font?: ThemeFonts;
+  input?: ThemeInput_v2;
+  layer?: ThemeLayer;
+  media?: number[];
+  palette?: ThemeColorPalette;
+  radius?: number[];
+  shadow?: Array<ThemeShadow | null>;
+  space?: number[];
+  /** @internal */
+  style?: ThemeStyles;
+}
+/** @internal */
+declare function buildTheme(config?: ThemeConfig): RootTheme;
+/**
+ * Apply the \`mix\` blend mode
+ * @internal
+ */
+declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB;
+/** @internal */
+declare function getContrastRatio(bg: string, fg: string): number;
+/** @internal */
+declare function isColorConfigBaseTone(str: string): str is ColorConfigCardTone;
+/** @internal */
+declare function isColorConfigBaseKey(str: string): str is ColorConfigCardKey;
+/** @internal */
+declare function isColorConfigStateKey(str: string): str is ColorConfigStateKey;
+/** @internal */
+declare function isColorConfigStateTone(str: string): str is ColorConfigStateTone;
+/** @internal */
+declare function isColorConfigBlendKey(str: string): str is ColorConfigBlendKey;
+/** @internal */
+declare function isColorTokenValue(str: string): str is ColorConfigValue;
+/** @internal */
+declare function isColorValue(str: string): str is 'black' | 'white';
+/** @internal */
+declare function isColorOpacityValue(str: string): str is ColorConfigOpacityValue;
+/** @internal */
+interface TokenBaseKeyNode {
+  type: 'base';
+  tone: ColorConfigCardTone;
+  key: ColorConfigCardKey | ColorConfigBlendKey;
 }
-
-/** @public */
-export declare interface ThemeAvatar {
-  sizes: {
-    /** Spacing between avatars in an <AvatarStack> component (px) */
-    distance: number
-    /** Diameter of the avatar (px) */
-    size: number
-  }[]
-  focusRing: FocusRing
+/** @internal */
+interface TokenButtonKeyNode {
+  type: 'button';
+  tone: ColorConfigStateTone;
+  mode: ThemeColorButtonModeKey;
+  key: ColorConfigStateKey | ColorConfigBlendKey;
 }
-
-/** @public */
-export declare type ThemeOptions = PartialTokens<Tokens>
-
-/** @public */
-export declare type Tint = (typeof TINTS)[number]
-
-/** @public */
-export declare const TINTS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
-
 /** @internal */
-export declare type TokenizeColorResult = ColorNode | ColorTintNode | ColorInheritNode
-
-/** @public */
-export declare interface Tokens {
-  color: ColorTokens
+type TokenKeyNode = TokenBaseKeyNode | TokenButtonKeyNode;
+/** @internal */
+interface TokenColorValueNode {
+  type: 'color';
+  key?: 'black' | 'white';
+  hue?: ColorHueKey;
+  mix?: number;
+  opacity?: number;
+  tint?: ColorTintKey;
+}
+/** @internal */
+interface TokenHueValueNode {
+  type: 'hue';
+  value?: ColorHueKey;
+}
+/** @internal */
+interface TokenBlendModeValueNode {
+  type: 'blendMode';
+  value?: ThemeColorBlendModeKey;
 }
-
-export {}
+/** @internal */
+type TokenValueNode = TokenColorValueNode | TokenHueValueNode | TokenBlendModeValueNode;
+/** @internal */
+declare function parseTokenKey(str: string): TokenKeyNode | undefined;
+/** @internal */
+declare function parseTokenValue(str: string): TokenValueNode | undefined;
+/** @internal */
+declare function getScopedTheme(themeProp: RootTheme | RootTheme_v2, scheme: ThemeColorSchemeKey, tone: ThemeColorCardToneKey): Theme;
+/** @internal */
+declare function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey;
+/** @internal */
+declare function isColorHueKey(str: string): str is ColorHueKey;
+/** @internal */
+declare function isColorTintKey(str: string): str is ColorTintKey;
+/** @internal */
+declare function isColorButtonMode(str: string): str is ThemeColorButtonModeKey;
+/** @public */
+declare function getTheme_v2(theme: Theme): Theme_v2;
+/** @internal */
+declare function is_v0(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme;
+/** @internal */
+declare function is_v2(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme_v2;
+/** @internal */
+declare function v0_v2(v0: RootTheme): RootTheme_v2;
+/** @internal */
+declare function v2_v0(v2: RootTheme_v2): RootTheme;
+export { type BaseTheme, COLOR_CONFIG_AVATAR_COLORS, COLOR_CONFIG_BLEND_KEYS, COLOR_CONFIG_CARD_KEYS, COLOR_CONFIG_CARD_TONES, COLOR_CONFIG_INPUT_MODES, COLOR_CONFIG_INPUT_STATES, COLOR_CONFIG_STATES, COLOR_CONFIG_STATE_KEYS, COLOR_CONFIG_STATE_TONES, type CSSObject, type ColorBlendModeTokenValue, type ColorConfigAvatarColor, type ColorConfigBlendKey, type ColorConfigCardKey, type ColorConfigCardTone, type ColorConfigInputMode, type ColorConfigInputState, type ColorConfigOpacityValue, type ColorConfigState, type ColorConfigStateKey, type ColorConfigStateTone, type ColorConfigValue, type HSL, type PartialThemeColorBuilderOpts, type RGB, type RGBA, type RootTheme, type RootTheme_v2, THEME_COLOR_AVATAR_COLORS, THEME_COLOR_BLEND_MODES, THEME_COLOR_BUTTON_MODES, THEME_COLOR_CARD_TONES, THEME_COLOR_INPUT_MODES, THEME_COLOR_INPUT_STATES, THEME_COLOR_SCHEMES, THEME_COLOR_STATES, THEME_COLOR_STATE_TONES, type Theme, type ThemeAvatar, type ThemeAvatar_v2, type ThemeBoxShadow, type ThemeColor, type ThemeColorAvatarColorKey, type ThemeColorAvatarHueTokens, type ThemeColorAvatarHue_v2, type ThemeColorAvatarTokens, type ThemeColorAvatar_v2, type ThemeColorBadgeTokens, type ThemeColorBadgeToneTokens, type ThemeColorBadgeTone_v2, type ThemeColorBadge_v2, type ThemeColorBase, type ThemeColorBaseTokens, type ThemeColorBlendModeKey, type ThemeColorBuilderOpts, type ThemeColorButton, type ThemeColorButtonModeKey, type ThemeColorButtonMode_v2, type ThemeColorButtonState, type ThemeColorButtonStates, type ThemeColorButtonTokens, type ThemeColorButtonTone_v2, type ThemeColorButtonTones, type ThemeColorButton_v2, type ThemeColorCard, type ThemeColorCardState, type ThemeColorCardToneKey, type ThemeColorCard_v2, type ThemeColorGenericState, type ThemeColorInput, type ThemeColorInputModeKey, type ThemeColorInputMode_v2, type ThemeColorInputState, type ThemeColorInputStateKey, type ThemeColorInputStateTokens, type ThemeColorInputState_v2, type ThemeColorInputStates, type ThemeColorInputTokens, type ThemeColorInput_v2, type ThemeColorKBD, type ThemeColorMuted, type ThemeColorMutedTone, type ThemeColorName, type ThemeColorPalette, type ThemeColorScheme, type ThemeColorSchemeKey, type ThemeColorScheme_v2, type ThemeColorSchemes, type ThemeColorSchemes_v2, type ThemeColorSelectable, type ThemeColorSelectableState, type ThemeColorSelectableStates, type ThemeColorSelectableTone_v2, type ThemeColorSelectable_v2, type ThemeColorShadow, type ThemeColorSolid, type ThemeColorSolidTone, type ThemeColorSpot, type ThemeColorSpotKey, type ThemeColorStateKey, type ThemeColorStateTokens, type ThemeColorStateToneKey, type ThemeColorState_v2, type ThemeColorStatesTokens, type ThemeColorSyntax, type ThemeColorTokenValue, type ThemeColorTokens, type ThemeColorToneKey, type ThemeConfig, type ThemeFocusRing, type ThemeFont, type ThemeFontKey, type ThemeFontSize, type ThemeFontWeight, type ThemeFontWeightKey, type ThemeFonts, type ThemeInput, type ThemeInput_v2, type ThemeLayer, type ThemeShadow, type ThemeStyles, type Theme_v2, type TokenBaseKeyNode, type TokenBlendModeValueNode, type TokenButtonKeyNode, type TokenColorValueNode, type TokenHueValueNode, type TokenKeyNode, type TokenValueNode, buildTheme, createColorTheme, getContrastRatio, getScopedTheme, getTheme_v2, hexToRgb, hslToRgb, isColorBlendModeValue, isColorButtonMode, isColorConfigBaseKey, isColorConfigBaseTone, isColorConfigBlendKey, isColorConfigStateKey, isColorConfigStateTone, isColorHueKey, isColorOpacityValue, isColorTintKey, isColorTokenValue, isColorValue, is_v0, is_v2, mix, multiply, parseColor, parseTokenKey, parseTokenValue, rgbToHex, rgbToHsl, rgba, rgbaToRGBA, screen, v0_v2, v2_v0 };
+//# sourceMappingURL=theme.d.ts.map