@sanity/ui 2.16.21 → 2.16.23

package/dist/theme.d.mts

@@ -1,209 +1,227 @@
-import {ColorHueKey} from '@sanity/color'
-import {ColorTint} from '@sanity/color'
-import {ColorTintKey} from '@sanity/color'
-import type {StyledObject} from 'styled-components'
+import { ColorHueKey } from "@sanity/color";
+import { ColorTint } from "@sanity/color";
+import { ColorTintKey } from "@sanity/color";
+import type { StyledObject } from "styled-components";
 
 /**
  * @public
  */
 export declare interface BaseTheme {
-  _version?: 0
+  _version?: 0;
   /**
    * @deprecated Use `v2.avatar` instead
    */
-  avatar: ThemeAvatar
+  avatar: ThemeAvatar;
   /**
    * @deprecated Use `v2.button` instead
    */
   button: {
-    textWeight: ThemeFontWeightKey
-  }
+    textWeight: ThemeFontWeightKey;
+  };
   /**
    * @deprecated Use `v2.color` instead
    */
-  color: ThemeColorSchemes
+  color: ThemeColorSchemes;
   /**
    * @deprecated Use `v2.container` instead
    */
-  container: number[]
+  container: number[];
   /**
    * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
    */
   focusRing: {
-    offset: number
-    width: number
-  }
+    offset: number;
+    width: number;
+  };
   /**
    * @deprecated Use `v2.font` instead
    */
-  fonts: ThemeFonts
+  fonts: ThemeFonts;
   /**
    * @deprecated Use `v2.input` instead
    */
-  input: ThemeInput
+  input: ThemeInput;
   /**
    * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
    * @beta
    * @deprecated Use `v2.layer` instead
    */
-  layer?: ThemeLayer
+  layer?: ThemeLayer;
   /**
    * @deprecated Use `v2.media` instead
    */
-  media: number[]
+  media: number[];
   /**
    * @deprecated Use `v2.radius` instead
    */
-  radius: number[]
+  radius: number[];
   /**
    * @deprecated Use `v2.shadow` instead
    */
-  shadows: Array<ThemeShadow | null>
+  shadows: Array<ThemeShadow | null>;
   /**
    * @deprecated Use `v2.space` instead
    */
-  space: number[]
+  space: number[];
   /**
    * @internal
    * @deprecated Use `v2.style` instead
    */
-  styles?: ThemeStyles
-  v2?: RootTheme_v2
+  styles?: ThemeStyles;
+  v2?: RootTheme_v2;
 }
 
 /** @internal */
-export declare function buildTheme(config?: ThemeConfig): RootTheme
+export declare function buildTheme(config?: ThemeConfig): RootTheme;
 
 /** @public */
-export declare const COLOR_CONFIG_AVATAR_COLORS: readonly ['*', ...ColorHueKey[]]
+export declare const COLOR_CONFIG_AVATAR_COLORS: readonly [
+  "*",
+  ...ColorHueKey[],
+];
 
 /** @public */
-export declare const COLOR_CONFIG_BLEND_KEYS: readonly ['_blend']
+export declare const COLOR_CONFIG_BLEND_KEYS: readonly ["_blend"];
 
 /** @public */
 export 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',
-]
+  "_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_CONFIG_CARD_TONES: readonly [
-  '*',
-  'transparent',
-  'default',
-  'neutral',
-  'primary',
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-]
+  "*",
+  "transparent",
+  "default",
+  "neutral",
+  "primary",
+  "suggest",
+  "positive",
+  "caution",
+  "critical",
+];
 
 /** @public */
-export declare const COLOR_CONFIG_INPUT_MODES: readonly ['*', 'default', 'invalid']
+export declare const COLOR_CONFIG_INPUT_MODES: readonly [
+  "*",
+  "default",
+  "invalid",
+];
 
 /** @public */
 export declare const COLOR_CONFIG_INPUT_STATES: readonly [
-  '*',
-  'enabled',
-  'hovered',
-  'readOnly',
-  'disabled',
-]
+  "*",
+  "enabled",
+  "hovered",
+  "readOnly",
+  "disabled",
+];
 
 /** @public */
 export 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',
-]
+  "_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 const COLOR_CONFIG_STATE_TONES: readonly [
-  '*',
-  'default',
-  'neutral',
-  'primary',
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-]
+  "*",
+  "default",
+  "neutral",
+  "primary",
+  "suggest",
+  "positive",
+  "caution",
+  "critical",
+];
 
 /** @public */
 export declare const COLOR_CONFIG_STATES: readonly [
-  '*',
-  'enabled',
-  'hovered',
-  'pressed',
-  'selected',
-  'disabled',
-]
+  "*",
+  "enabled",
+  "hovered",
+  "pressed",
+  "selected",
+  "disabled",
+];
 
 /** @public */
-export declare type ColorBlendModeTokenValue = [ThemeColorBlendModeKey, ThemeColorBlendModeKey]
+export declare type ColorBlendModeTokenValue = [
+  ThemeColorBlendModeKey,
+  ThemeColorBlendModeKey,
+];
 
 /** @public */
-export declare type ColorConfigAvatarColor = (typeof COLOR_CONFIG_AVATAR_COLORS)[number]
+export declare type ColorConfigAvatarColor =
+  (typeof COLOR_CONFIG_AVATAR_COLORS)[number];
 
 /** @public */
-export declare type ColorConfigBlendKey = (typeof COLOR_CONFIG_BLEND_KEYS)[number]
+export declare type ColorConfigBlendKey =
+  (typeof COLOR_CONFIG_BLEND_KEYS)[number];
 
 /** @public */
-export declare type ColorConfigCardKey = (typeof COLOR_CONFIG_CARD_KEYS)[number]
+export declare type ColorConfigCardKey =
+  (typeof COLOR_CONFIG_CARD_KEYS)[number];
 
 /** @public */
-export declare type ColorConfigCardTone = (typeof COLOR_CONFIG_CARD_TONES)[number]
+export declare type ColorConfigCardTone =
+  (typeof COLOR_CONFIG_CARD_TONES)[number];
 
 /** @public */
-export declare type ColorConfigInputMode = (typeof COLOR_CONFIG_INPUT_MODES)[number]
+export declare type ColorConfigInputMode =
+  (typeof COLOR_CONFIG_INPUT_MODES)[number];
 
 /** @public */
-export declare type ColorConfigInputState = (typeof COLOR_CONFIG_INPUT_STATES)[number]
+export declare type ColorConfigInputState =
+  (typeof COLOR_CONFIG_INPUT_STATES)[number];
 
 /** @public */
-export declare type ColorConfigOpacityValue = `0` | `0.${number}` | `1`
+export declare type ColorConfigOpacityValue = `0` | `0.${number}` | `1`;
 
 /** @public */
-export declare type ColorConfigState = (typeof COLOR_CONFIG_STATES)[number]
+export declare type ColorConfigState = (typeof COLOR_CONFIG_STATES)[number];
 
 /** @public */
-export declare type ColorConfigStateKey = (typeof COLOR_CONFIG_STATE_KEYS)[number]
+export declare type ColorConfigStateKey =
+  (typeof COLOR_CONFIG_STATE_KEYS)[number];
 
 /** @public */
-export declare type ColorConfigStateTone = (typeof COLOR_CONFIG_STATE_TONES)[number]
+export declare type ColorConfigStateTone =
+  (typeof COLOR_CONFIG_STATE_TONES)[number];
 
 /** @public */
 export declare type ColorConfigValue =
@@ -218,7 +236,7 @@ export declare type ColorConfigValue =
   | `${ColorHueKey}/${ColorTintKey}/${ColorConfigOpacityValue}`
   | `${ColorTintKey}`
   | `${ColorTintKey} ${number}%`
-  | `${ColorTintKey}/${ColorConfigOpacityValue}`
+  | `${ColorTintKey}/${ColorConfigOpacityValue}`;
 
 /**
  * @public
@@ -226,198 +244,221 @@ export declare type ColorConfigValue =
  */
 export declare function createColorTheme(
   partialOpts?: PartialThemeColorBuilderOpts,
-): ThemeColorSchemes
+): ThemeColorSchemes;
 
 /**
  * Work around types that are missing in `styled-components@6`
  * https://github.com/styled-components/styled-components/issues/4062
  * @internal
  */
-export declare type CSSObject = StyledObject<any>
+export declare type CSSObject = StyledObject<any>;
 
 /** @internal */
-export declare function getContrastRatio(bg: string, fg: string): number
+export declare function getContrastRatio(bg: string, fg: string): number;
 
 /** @internal */
 export declare function getScopedTheme(
   themeProp: RootTheme | RootTheme_v2,
   scheme: ThemeColorSchemeKey,
   tone: ThemeColorCardToneKey,
-): Theme
+): Theme;
 
 /** @public */
-export declare function getTheme_v2(theme: Theme): Theme_v2
+export declare function getTheme_v2(theme: Theme): Theme_v2;
 
 /**
  * @internal
  */
-export declare function hexToRgb(hex: string): RGB
+export declare function hexToRgb(hex: string): RGB;
 
 /**
  * @internal
  */
 export declare interface HSL {
-  h: number
-  s: number
-  l: number
+  h: number;
+  s: number;
+  l: number;
 }
 
 /**
  * @internal
  */
-export declare function hslToRgb(hsl: HSL): RGB
+export declare function hslToRgb(hsl: HSL): RGB;
 
 /** @internal */
-export declare function is_v0(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme
+export declare function is_v0(
+  themeProp: RootTheme | RootTheme_v2,
+): themeProp is RootTheme;
 
 /** @internal */
-export declare function is_v2(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme_v2
+export declare function is_v2(
+  themeProp: RootTheme | RootTheme_v2,
+): themeProp is RootTheme_v2;
 
 /** @internal */
-export declare function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey
+export declare function isColorBlendModeValue(
+  str: string,
+): str is ThemeColorBlendModeKey;
 
 /** @internal */
-export declare function isColorButtonMode(str: string): str is ThemeColorButtonModeKey
+export declare function isColorButtonMode(
+  str: string,
+): str is ThemeColorButtonModeKey;
 
 /** @internal */
-export declare function isColorConfigBaseKey(str: string): str is ColorConfigCardKey
+export declare function isColorConfigBaseKey(
+  str: string,
+): str is ColorConfigCardKey;
 
 /** @internal */
-export declare function isColorConfigBaseTone(str: string): str is ColorConfigCardTone
+export declare function isColorConfigBaseTone(
+  str: string,
+): str is ColorConfigCardTone;
 
 /** @internal */
-export declare function isColorConfigBlendKey(str: string): str is ColorConfigBlendKey
+export declare function isColorConfigBlendKey(
+  str: string,
+): str is ColorConfigBlendKey;
 
 /** @internal */
-export declare function isColorConfigStateKey(str: string): str is ColorConfigStateKey
+export declare function isColorConfigStateKey(
+  str: string,
+): str is ColorConfigStateKey;
 
 /** @internal */
-export declare function isColorConfigStateTone(str: string): str is ColorConfigStateTone
+export declare function isColorConfigStateTone(
+  str: string,
+): str is ColorConfigStateTone;
 
 /** @internal */
-export declare function isColorHueKey(str: string): str is ColorHueKey
+export declare function isColorHueKey(str: string): str is ColorHueKey;
 
 /** @internal */
-export declare function isColorOpacityValue(str: string): str is ColorConfigOpacityValue
+export declare function isColorOpacityValue(
+  str: string,
+): str is ColorConfigOpacityValue;
 
 /** @internal */
-export declare function isColorTintKey(str: string): str is ColorTintKey
+export declare function isColorTintKey(str: string): str is ColorTintKey;
 
 /** @internal */
-export declare function isColorTokenValue(str: string): str is ColorConfigValue
+export declare function isColorTokenValue(str: string): str is ColorConfigValue;
 
 /** @internal */
-export declare function isColorValue(str: string): str is 'black' | 'white'
+export declare function isColorValue(str: string): str is "black" | "white";
 
 /**
  * Apply the \`mix\` blend mode
  * @internal
  */
-export declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB
+export declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB;
 
 /**
  * Apply the \`multiply\` blend mode
  * Source: https://www.w3.org/TR/compositing-1/#blendingmultiply
  * @internal
  */
-export declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB
+export declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB;
 
 /**
  * @internal
  */
-export declare function parseColor(color: unknown): RGB | RGBA
+export declare function parseColor(color: unknown): RGB | RGBA;
 
 /** @internal */
-export declare function parseTokenKey(str: string): TokenKeyNode | undefined
+export declare function parseTokenKey(str: string): TokenKeyNode | undefined;
 
 /** @internal */
-export declare function parseTokenValue(str: string): TokenValueNode | undefined
+export declare function parseTokenValue(
+  str: string,
+): TokenValueNode | undefined;
 
 /**
  * @public
  * @deprecated Use `ThemeConfig` instead.
  */
-export declare type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>
+export declare type PartialThemeColorBuilderOpts =
+  Partial<ThemeColorBuilderOpts>;
 
 /**
  * @internal
  */
 export declare interface RGB {
-  r: number
-  g: number
-  b: number
-  a?: undefined
+  r: number;
+  g: number;
+  b: number;
+  a?: undefined;
 }
 
 /**
  * @internal
  */
 export declare interface RGBA {
-  r: number
-  g: number
-  b: number
-  a: number
+  r: number;
+  g: number;
+  b: number;
+  a: number;
 }
 
 /**
  * @internal
  */
-export declare function rgba(color: unknown, a: number): string
+export declare function rgba(color: unknown, a: number): string;
 
 /**
  * @internal
  */
-export declare function rgbaToRGBA(rgba: string): RGBA
+export declare function rgbaToRGBA(rgba: string): RGBA;
 
 /**
  * @internal
  */
-export declare function rgbToHex(color: RGB | RGBA): string
+export declare function rgbToHex(color: RGB | RGBA): string;
 
 /**
  * @internal
  * @see https://css-tricks.com/converting-color-spaces-in-javascript/
  */
-export declare function rgbToHsl({r, g, b}: RGB): HSL
+export declare function rgbToHsl({ r, g, b }: RGB): HSL;
 
 /**
  * @public
  */
-export declare type RootTheme = BaseTheme
+export declare type RootTheme = BaseTheme;
 
 /**
  * @public
  */
 export declare interface RootTheme_v2 {
-  _version: 2
-  avatar: ThemeAvatar_v2
+  _version: 2;
+  avatar: ThemeAvatar_v2;
   button: {
     border: {
-      width: number
-    }
-    focusRing: ThemeFocusRing
-    textWeight: ThemeFontWeightKey
-  }
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
+    textWeight: ThemeFontWeightKey;
+  };
   card: {
     border: {
-      width: number
-    }
-    focusRing: ThemeFocusRing
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
     shadow: {
-      outline: number
-    }
-  }
-  color: ThemeColorSchemes_v2
-  container: number[]
-  font: ThemeFonts
-  input: ThemeInput_v2
-  layer: ThemeLayer
-  media: number[]
-  radius: number[]
-  shadow: Array<ThemeShadow | null>
-  space: number[]
+      outline: number;
+    };
+  };
+  color: ThemeColorSchemes_v2;
+  container: number[];
+  font: ThemeFonts;
+  input: ThemeInput_v2;
+  layer: ThemeLayer;
+  media: number[];
+  radius: number[];
+  shadow: Array<ThemeShadow | null>;
+  space: number[];
   /** @internal */
-  style?: ThemeStyles
+  style?: ThemeStyles;
 }
 
 /**
@@ -425,89 +466,93 @@ export declare interface RootTheme_v2 {
  * Source: https://www.w3.org/TR/compositing-1/#blendingscreen
  * @internal
  */
-declare function screen_2(b: RGB | RGBA, s: RGB | RGBA): RGB
-export {screen_2 as screen}
+declare function screen_2(b: RGB | RGBA, s: RGB | RGBA): RGB;
+export { screen_2 as screen };
 
 /**
  * @public
  */
 export declare interface Theme {
-  sanity: Omit<RootTheme, 'color' | 'v2'> & {
+  sanity: Omit<RootTheme, "color" | "v2"> & {
     /**
      * @deprecated Use `v2.color` instead
      */
-    color: ThemeColor
-    v2?: Theme_v2
-  }
+    color: ThemeColor;
+    v2?: Theme_v2;
+  };
 }
 
 /** @public */
-export declare const THEME_COLOR_AVATAR_COLORS: ColorHueKey[]
+export declare const THEME_COLOR_AVATAR_COLORS: ColorHueKey[];
 
 /** @public */
-export declare const THEME_COLOR_BLEND_MODES: readonly ['multiply', 'screen']
+export declare const THEME_COLOR_BLEND_MODES: readonly ["multiply", "screen"];
 
 /** @public */
-export declare const THEME_COLOR_BUTTON_MODES: readonly ['default', 'ghost', 'bleed']
+export declare const THEME_COLOR_BUTTON_MODES: readonly [
+  "default",
+  "ghost",
+  "bleed",
+];
 
 /** @public */
 export declare const THEME_COLOR_CARD_TONES: readonly [
-  'transparent',
-  'default',
-  'neutral',
-  'primary',
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-]
+  "transparent",
+  "default",
+  "neutral",
+  "primary",
+  "suggest",
+  "positive",
+  "caution",
+  "critical",
+];
 
 /** @public */
-export declare const THEME_COLOR_INPUT_MODES: readonly ['default', 'invalid']
+export declare const THEME_COLOR_INPUT_MODES: readonly ["default", "invalid"];
 
 /** @public */
 export declare const THEME_COLOR_INPUT_STATES: readonly [
-  'enabled',
-  'hovered',
-  'readOnly',
-  'disabled',
-]
+  "enabled",
+  "hovered",
+  "readOnly",
+  "disabled",
+];
 
 /** @public */
-export declare const THEME_COLOR_SCHEMES: readonly ['light', 'dark']
+export declare const THEME_COLOR_SCHEMES: readonly ["light", "dark"];
 
 /** @public */
 export declare const THEME_COLOR_STATE_TONES: readonly [
-  'default',
-  'neutral',
-  'primary',
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-]
+  "default",
+  "neutral",
+  "primary",
+  "suggest",
+  "positive",
+  "caution",
+  "critical",
+];
 
 /** @public */
 export declare const THEME_COLOR_STATES: readonly [
-  'enabled',
-  'hovered',
-  'pressed',
-  'selected',
-  'disabled',
-]
+  "enabled",
+  "hovered",
+  "pressed",
+  "selected",
+  "disabled",
+];
 
 /**
  * @public
  */
-export declare type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
-  color: ThemeColorCard_v2
+export declare type Theme_v2 = Omit<RootTheme_v2, "color"> & {
+  color: ThemeColorCard_v2;
   /**
    * Indicates whether the theme is resolved or raw, it's necessary to avoid issues
    * with sanity V2 components accessing a v1 <ThemeProvider>.
    * See https://github.com/sanity-io/ui/pull/1203 for more info.
    */
-  _resolved: boolean
-}
+  _resolved: boolean;
+};
 
 /**
  * @public
@@ -515,9 +560,9 @@ export declare type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
  */
 export declare interface ThemeAvatar {
   sizes: {
-    distance: number
-    size: number
-  }[]
+    distance: number;
+    size: number;
+  }[];
 }
 
 /**
@@ -526,102 +571,110 @@ export declare interface ThemeAvatar {
 export declare interface ThemeAvatar_v2 {
   sizes: {
     /** Spacing between avatars in an <AvatarStack> component (px) */
-    distance: number
+    distance: number;
     /** Diameter of the avatar (px) */
-    size: number
-  }[]
-  focusRing: ThemeFocusRing
+    size: number;
+  }[];
+  focusRing: ThemeFocusRing;
 }
 
 /**
  * @public
  */
-export declare type ThemeBoxShadow = [number, number, number, number]
+export declare type ThemeBoxShadow = [number, number, number, number];
 
 /**
  * @public
  * @deprecated Use `ThemeColor_v2` instead.
  */
-export declare interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
-  base: ThemeColorBase
-  button: ThemeColorButton
-  card: ThemeColorCard
-  dark: boolean
-  input: ThemeColorInput
-  muted: ThemeColorMuted
-  selectable?: ThemeColorSelectable
-  solid: ThemeColorSolid
-  spot: ThemeColorSpot
-  syntax: ThemeColorSyntax
+export declare interface ThemeColor
+  extends Partial<Omit<ThemeColorGenericState, "muted">> {
+  base: ThemeColorBase;
+  button: ThemeColorButton;
+  card: ThemeColorCard;
+  dark: boolean;
+  input: ThemeColorInput;
+  muted: ThemeColorMuted;
+  selectable?: ThemeColorSelectable;
+  solid: ThemeColorSolid;
+  spot: ThemeColorSpot;
+  syntax: ThemeColorSyntax;
 }
 
 /**
  * @public
  */
-export declare type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>
+export declare type ThemeColorAvatar_v2 = Record<
+  ThemeColorAvatarColorKey,
+  ThemeColorAvatarHue_v2
+>;
 
 /** @public */
-export declare type ThemeColorAvatarColorKey = (typeof THEME_COLOR_AVATAR_COLORS)[number]
+export declare type ThemeColorAvatarColorKey =
+  (typeof THEME_COLOR_AVATAR_COLORS)[number];
 
 /**
  * @public
  */
 export declare interface ThemeColorAvatarHue_v2 {
-  _blend?: ThemeColorBlendModeKey
-  bg: string
-  fg: string
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
+  fg: string;
 }
 
 /** @public */
 export declare interface ThemeColorAvatarHueTokens {
-  _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
-  bg?: ThemeColorTokenValue
-  fg?: ThemeColorTokenValue
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
+  bg?: ThemeColorTokenValue;
+  fg?: ThemeColorTokenValue;
 }
 
 /** @public */
 export declare interface ThemeColorAvatarTokens {
-  '*'?: ThemeColorAvatarHueTokens
-  'gray'?: ThemeColorAvatarHueTokens
-  'blue'?: ThemeColorAvatarHueTokens
-  'purple'?: ThemeColorAvatarHueTokens
-  'magenta'?: ThemeColorAvatarHueTokens
-  'red'?: ThemeColorAvatarHueTokens
-  'orange'?: ThemeColorAvatarHueTokens
-  'yellow'?: ThemeColorAvatarHueTokens
-  'green'?: ThemeColorAvatarHueTokens
-  'cyan'?: ThemeColorAvatarHueTokens
+  "*"?: ThemeColorAvatarHueTokens;
+  gray?: ThemeColorAvatarHueTokens;
+  blue?: ThemeColorAvatarHueTokens;
+  purple?: ThemeColorAvatarHueTokens;
+  magenta?: ThemeColorAvatarHueTokens;
+  red?: ThemeColorAvatarHueTokens;
+  orange?: ThemeColorAvatarHueTokens;
+  yellow?: ThemeColorAvatarHueTokens;
+  green?: ThemeColorAvatarHueTokens;
+  cyan?: ThemeColorAvatarHueTokens;
 }
 
 /**
  * @public
  */
-export declare type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>
+export declare type ThemeColorBadge_v2 = Record<
+  ThemeColorStateToneKey,
+  ThemeColorBadgeTone_v2
+>;
 
 /** @public */
 export declare type ThemeColorBadgeTokens = Partial<
-  Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>
->
+  Record<"*" | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>
+>;
 
 /**
  * @public
  */
 export declare interface ThemeColorBadgeTone_v2 {
-  bg: string
-  fg: string
-  dot: string
-  icon: string
+  bg: string;
+  fg: string;
+  dot: string;
+  icon: string;
 }
 
 /** @public */
 export declare interface ThemeColorBadgeToneTokens {
-  _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
-  bg?: ThemeColorTokenValue
-  dot?: ThemeColorTokenValue
-  fg?: ThemeColorTokenValue
-  icon?: ThemeColorTokenValue
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
+  bg?: ThemeColorTokenValue;
+  dot?: ThemeColorTokenValue;
+  fg?: ThemeColorTokenValue;
+  icon?: ThemeColorTokenValue;
 }
 
 /**
@@ -629,91 +682,96 @@ export declare interface ThemeColorBadgeToneTokens {
  * @deprecated Use `ThemeColorCard_v2` instead.
  */
 export declare interface ThemeColorBase {
-  bg: string
-  fg: string
-  border: string
-  focusRing: string
-  backdrop?: string
+  bg: string;
+  fg: string;
+  border: string;
+  focusRing: string;
+  backdrop?: string;
   shadow: {
-    outline: string
-    umbra: string
-    penumbra: string
-    ambient: string
-  }
+    outline: string;
+    umbra: string;
+    penumbra: string;
+    ambient: string;
+  };
   skeleton?: {
-    from: string
-    to: string
-  }
+    from: string;
+    to: string;
+  };
 }
 
 /** @public */
 export declare interface ThemeColorBaseTokens extends ThemeColorStateTokens {
-  focusRing?: ThemeColorTokenValue
-  backdrop?: ThemeColorTokenValue
+  focusRing?: ThemeColorTokenValue;
+  backdrop?: ThemeColorTokenValue;
   shadow?: {
-    outline?: ThemeColorTokenValue
-    umbra?: ThemeColorTokenValue
-    penumbra?: ThemeColorTokenValue
-    ambient?: ThemeColorTokenValue
-  }
+    outline?: ThemeColorTokenValue;
+    umbra?: ThemeColorTokenValue;
+    penumbra?: ThemeColorTokenValue;
+    ambient?: ThemeColorTokenValue;
+  };
 }
 
 /** @public */
-export declare type ThemeColorBlendModeKey = (typeof THEME_COLOR_BLEND_MODES)[number]
+export declare type ThemeColorBlendModeKey =
+  (typeof THEME_COLOR_BLEND_MODES)[number];
 
 /**
  * @public
  * @deprecated Use `buildColorTheme` instead.
  */
 export declare interface ThemeColorBuilderOpts {
-  base: (opts: {dark: boolean; name: ThemeColorName}) => ThemeColorBase
+  base: (opts: { dark: boolean; name: ThemeColorName }) => ThemeColorBase;
   solid: (opts: {
-    base: ThemeColorBase
-    dark: boolean
-    tone: ThemeColorName
-    name: ThemeColorName
-    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
-  }) => ThemeColorGenericState
+    base: ThemeColorBase;
+    dark: boolean;
+    tone: ThemeColorName;
+    name: ThemeColorName;
+    state: "enabled" | "disabled" | "hovered" | "pressed" | "selected";
+  }) => ThemeColorGenericState;
   muted: (opts: {
-    base: ThemeColorBase
-    dark: boolean
-    tone: ThemeColorToneKey
-    name: ThemeColorName
-    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
-  }) => ThemeColorGenericState
+    base: ThemeColorBase;
+    dark: boolean;
+    tone: ThemeColorToneKey;
+    name: ThemeColorName;
+    state: "enabled" | "disabled" | "hovered" | "pressed" | "selected";
+  }) => ThemeColorGenericState;
   card: (opts: {
-    base: ThemeColorBase
-    dark: boolean
-    muted: ThemeColorMuted
-    name: ThemeColorName
-    solid: ThemeColorSolid
-    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
-  }) => ThemeColorGenericState
+    base: ThemeColorBase;
+    dark: boolean;
+    muted: ThemeColorMuted;
+    name: ThemeColorName;
+    solid: ThemeColorSolid;
+    state: "enabled" | "disabled" | "hovered" | "pressed" | "selected";
+  }) => ThemeColorGenericState;
   button: (opts: {
-    dark: boolean
-    mode: ThemeColorButtonModeKey
-    base: ThemeColorBase
-    solid: ThemeColorSolidTone
-    muted: ThemeColorMutedTone
-  }) => ThemeColorButtonStates
+    dark: boolean;
+    mode: ThemeColorButtonModeKey;
+    base: ThemeColorBase;
+    solid: ThemeColorSolidTone;
+    muted: ThemeColorMutedTone;
+  }) => ThemeColorButtonStates;
   input: (opts: {
-    base: ThemeColorBase
-    solid: ThemeColorSolidTone
-    muted: ThemeColorMutedTone
-    dark: boolean
-    mode: 'default' | 'invalid'
-    state: 'enabled' | 'disabled' | 'hovered' | 'readOnly'
-  }) => ThemeColorInputState
+    base: ThemeColorBase;
+    solid: ThemeColorSolidTone;
+    muted: ThemeColorMutedTone;
+    dark: boolean;
+    mode: "default" | "invalid";
+    state: "enabled" | "disabled" | "hovered" | "readOnly";
+  }) => ThemeColorInputState;
   selectable: (opts: {
-    dark: boolean
-    base: ThemeColorBase
-    solid: ThemeColorSolid
-    muted: ThemeColorMuted
-    state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
-    tone: 'default' | 'primary' | 'positive' | 'caution' | 'critical'
-  }) => ThemeColorGenericState
-  syntax: (opts: {base: ThemeColorBase; dark: boolean}) => ThemeColorSyntax
-  spot: (opts: {base: ThemeColorBase; dark: boolean; key: ThemeColorSpotKey}) => string
+    dark: boolean;
+    base: ThemeColorBase;
+    solid: ThemeColorSolid;
+    muted: ThemeColorMuted;
+    state: "enabled" | "disabled" | "hovered" | "pressed" | "selected";
+    tone: "default" | "primary" | "positive" | "caution" | "critical";
+  }) => ThemeColorGenericState;
+  syntax: (opts: { base: ThemeColorBase; dark: boolean }) => ThemeColorSyntax;
+  spot: (opts: {
+    base: ThemeColorBase;
+    dark: boolean;
+    key: ThemeColorSpotKey;
+  }) => string;
 }
 
 /**
@@ -721,15 +779,18 @@ export declare interface ThemeColorBuilderOpts {
  * @deprecated Use `ThemeColorButton_v2` instead.
  */
 export declare interface ThemeColorButton {
-  default: ThemeColorButtonTones
-  ghost: ThemeColorButtonTones
-  bleed: ThemeColorButtonTones
+  default: ThemeColorButtonTones;
+  ghost: ThemeColorButtonTones;
+  bleed: ThemeColorButtonTones;
 }
 
 /**
  * @public
  */
-export declare type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>
+export declare type ThemeColorButton_v2 = Record<
+  ThemeColorButtonModeKey,
+  ThemeColorButtonMode_v2
+>;
 
 /**
  * @public
@@ -737,39 +798,43 @@ export declare type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeC
 export declare type ThemeColorButtonMode_v2 = Record<
   ThemeColorStateToneKey,
   ThemeColorButtonTone_v2
->
+>;
 
 /** @public */
-export declare type ThemeColorButtonModeKey = (typeof THEME_COLOR_BUTTON_MODES)[number]
+export declare type ThemeColorButtonModeKey =
+  (typeof THEME_COLOR_BUTTON_MODES)[number];
 
 /**
  * @public
  * @deprecated Use `ThemeColorState_v2` instead.
  */
-export declare type ThemeColorButtonState = ThemeColorGenericState
+export declare type ThemeColorButtonState = ThemeColorGenericState;
 
 /**
  * @public
  * @deprecated Use `ThemeColorButtonStates_v2` instead.
  */
 export declare interface ThemeColorButtonStates {
-  enabled: ThemeColorGenericState
-  hovered: ThemeColorGenericState
-  pressed: ThemeColorGenericState
-  selected: ThemeColorGenericState
-  disabled: ThemeColorGenericState
+  enabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
 }
 
 /** @public */
 export declare interface ThemeColorButtonTokens
   extends Partial<Record<ColorConfigStateTone, ThemeColorStatesTokens>> {
-  _hue?: ColorHueKey
+  _hue?: ColorHueKey;
 }
 
 /**
  * @public
  */
-export declare type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
+export declare type ThemeColorButtonTone_v2 = Record<
+  ThemeColorStateKey,
+  ThemeColorState_v2
+>;
 
 /**
  * TODO: Rename to `ThemeColorButtonMode`.
@@ -777,11 +842,11 @@ export declare type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeCo
  * @deprecated Use `ThemeColorButtonTones_v2` instead.
  */
 export declare interface ThemeColorButtonTones {
-  default: ThemeColorButtonStates
-  primary: ThemeColorButtonStates
-  positive: ThemeColorButtonStates
-  caution: ThemeColorButtonStates
-  critical: ThemeColorButtonStates
+  default: ThemeColorButtonStates;
+  primary: ThemeColorButtonStates;
+  positive: ThemeColorButtonStates;
+  caution: ThemeColorButtonStates;
+  critical: ThemeColorButtonStates;
 }
 
 /**
@@ -789,11 +854,11 @@ export declare interface ThemeColorButtonTones {
  * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
 export declare interface ThemeColorCard {
-  enabled: ThemeColorGenericState
-  hovered: ThemeColorGenericState
-  pressed: ThemeColorGenericState
-  selected: ThemeColorGenericState
-  disabled: ThemeColorGenericState
+  enabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
 }
 
 /**
@@ -801,25 +866,26 @@ export declare interface ThemeColorCard {
  */
 export declare interface ThemeColorCard_v2 extends ThemeColorState_v2 {
   /** @internal */
-  _blend: ThemeColorBlendModeKey
-  _dark: boolean
-  backdrop: string
-  button: ThemeColorButton_v2
-  focusRing: string
-  input: ThemeColorInput_v2
-  selectable: ThemeColorSelectable_v2
-  shadow: ThemeColorShadow
-  syntax: ThemeColorSyntax
+  _blend: ThemeColorBlendModeKey;
+  _dark: boolean;
+  backdrop: string;
+  button: ThemeColorButton_v2;
+  focusRing: string;
+  input: ThemeColorInput_v2;
+  selectable: ThemeColorSelectable_v2;
+  shadow: ThemeColorShadow;
+  syntax: ThemeColorSyntax;
 }
 
 /**
  * @public
  * @deprecated Use `ThemeColorState_v2` instead.
  */
-export declare type ThemeColorCardState = ThemeColorGenericState
+export declare type ThemeColorCardState = ThemeColorGenericState;
 
 /** @public */
-export declare type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number]
+export declare type ThemeColorCardToneKey =
+  (typeof THEME_COLOR_CARD_TONES)[number];
 
 /**
  * @public
@@ -827,32 +893,32 @@ export declare type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[numb
  */
 export declare interface ThemeColorGenericState {
   /** @internal */
-  _blend?: ThemeColorBlendModeKey
-  bg: string
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
   /**
    * @beta
    */
-  bg2?: string
-  border: string
-  fg: string
-  icon: string
+  bg2?: string;
+  border: string;
+  fg: string;
+  icon: string;
   muted: {
-    fg: string
-  }
+    fg: string;
+  };
   accent: {
-    fg: string
-  }
+    fg: string;
+  };
   link: {
-    fg: string
-  }
+    fg: string;
+  };
   code: {
-    bg: string
-    fg: string
-  }
+    bg: string;
+    fg: string;
+  };
   skeleton?: {
-    from: string
-    to: string
-  }
+    from: string;
+    to: string;
+  };
 }
 
 /**
@@ -860,14 +926,17 @@ export declare interface ThemeColorGenericState {
  * @deprecated Use `ThemeColorInput_v2` instead.
  */
 export declare interface ThemeColorInput {
-  default: ThemeColorInputStates
-  invalid: ThemeColorInputStates
+  default: ThemeColorInputStates;
+  invalid: ThemeColorInputStates;
 }
 
 /**
  * @public
  */
-export declare type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>
+export declare type ThemeColorInput_v2 = Record<
+  ThemeColorInputModeKey,
+  ThemeColorInputMode_v2
+>;
 
 /**
  * @public
@@ -875,78 +944,80 @@ export declare type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeCol
 export declare type ThemeColorInputMode_v2 = Record<
   ThemeColorInputStateKey,
   ThemeColorInputState_v2
->
+>;
 
 /** @public */
-export declare type ThemeColorInputModeKey = (typeof THEME_COLOR_INPUT_MODES)[number]
+export declare type ThemeColorInputModeKey =
+  (typeof THEME_COLOR_INPUT_MODES)[number];
 
 /**
  * @public
  * @deprecated Use `ThemeColorInputState_v2` instead.
  */
 export declare interface ThemeColorInputState {
-  _blend?: ThemeColorBlendModeKey
-  bg: string
-  bg2: string
-  border: string
-  fg: string
-  placeholder: string
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
+  bg2: string;
+  border: string;
+  fg: string;
+  placeholder: string;
 }
 
 /**
  * @public
  */
 export declare interface ThemeColorInputState_v2 {
-  _blend?: ThemeColorBlendModeKey
-  bg: string
-  border: string
-  fg: string
+  _blend?: ThemeColorBlendModeKey;
+  bg: string;
+  border: string;
+  fg: string;
   muted: {
-    bg: string
-  }
-  placeholder: string
+    bg: string;
+  };
+  placeholder: string;
 }
 
 /** @public */
-export declare type ThemeColorInputStateKey = (typeof THEME_COLOR_INPUT_STATES)[number]
+export declare type ThemeColorInputStateKey =
+  (typeof THEME_COLOR_INPUT_STATES)[number];
 
 /**
  * @public
  * @deprecated Use `ThemeColorInputMode_v2` instead.
  */
 export declare interface ThemeColorInputStates {
-  enabled: ThemeColorInputState
-  disabled: ThemeColorInputState
-  hovered: ThemeColorInputState
-  readOnly: ThemeColorInputState
+  enabled: ThemeColorInputState;
+  disabled: ThemeColorInputState;
+  hovered: ThemeColorInputState;
+  readOnly: ThemeColorInputState;
 }
 
 /** @public */
 export declare interface ThemeColorInputStateTokens {
-  _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
-  bg?: ThemeColorTokenValue
-  border?: ThemeColorTokenValue
-  fg?: ThemeColorTokenValue
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
+  bg?: ThemeColorTokenValue;
+  border?: ThemeColorTokenValue;
+  fg?: ThemeColorTokenValue;
   muted?: {
-    bg?: ThemeColorTokenValue
-  }
-  placeholder?: ThemeColorTokenValue
+    bg?: ThemeColorTokenValue;
+  };
+  placeholder?: ThemeColorTokenValue;
 }
 
 /** @public */
 export declare interface ThemeColorInputTokens
   extends Partial<Record<ColorConfigInputState, ThemeColorInputStateTokens>> {
-  _hue?: ColorHueKey
+  _hue?: ColorHueKey;
 }
 
 /**
  * @public
  */
 export declare interface ThemeColorKBD {
-  bg: string
-  fg: string
-  border: string
+  bg: string;
+  fg: string;
+  border: string;
 }
 
 /**
@@ -954,12 +1025,12 @@ export declare interface ThemeColorKBD {
  * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
 export declare interface ThemeColorMuted {
-  default: ThemeColorMutedTone
-  transparent: ThemeColorMutedTone
-  primary: ThemeColorMutedTone
-  positive: ThemeColorMutedTone
-  caution: ThemeColorMutedTone
-  critical: ThemeColorMutedTone
+  default: ThemeColorMutedTone;
+  transparent: ThemeColorMutedTone;
+  primary: ThemeColorMutedTone;
+  positive: ThemeColorMutedTone;
+  caution: ThemeColorMutedTone;
+  critical: ThemeColorMutedTone;
 }
 
 /**
@@ -967,11 +1038,11 @@ export declare interface ThemeColorMuted {
  * @deprecated Use `ThemeColorSelectableTone_v2` instead.
  */
 export declare interface ThemeColorMutedTone {
-  enabled: ThemeColorGenericState
-  disabled: ThemeColorGenericState
-  hovered: ThemeColorGenericState
-  pressed: ThemeColorGenericState
-  selected: ThemeColorGenericState
+  enabled: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
 }
 
 /**
@@ -979,56 +1050,65 @@ export declare interface ThemeColorMutedTone {
  * @deprecated Use `ThemeColorCardToneKey` instead.
  */
 export declare type ThemeColorName =
-  | 'transparent'
-  | 'default'
-  | 'primary'
-  | 'positive'
-  | 'caution'
-  | 'critical'
+  | "transparent"
+  | "default"
+  | "primary"
+  | "positive"
+  | "caution"
+  | "critical";
 
 /** @public */
 export declare type ThemeColorPalette = {
-  black: string | ColorTint
-  white: string | ColorTint
-} & Record<ColorHueKey, Record<ColorTintKey, string | ColorTint>>
+  black: string | ColorTint;
+  white: string | ColorTint;
+} & Record<ColorHueKey, Record<ColorTintKey, string | ColorTint>>;
 
 /**
  * @public
  * @deprecated Use `ThemeColorScheme_v2` instead.
  */
-export declare type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
+export declare type ThemeColorScheme = Record<ThemeColorName, ThemeColor>;
 
 /**
  * @public
  */
-export declare type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>
+export declare type ThemeColorScheme_v2 = Record<
+  ThemeColorCardToneKey,
+  ThemeColorCard_v2
+>;
 
 /**
  * @public
  */
-export declare type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number]
+export declare type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number];
 
 /**
  * @public
  * @deprecated Use `ThemeColorSchemes_v2` instead.
  */
-export declare type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>
+export declare type ThemeColorSchemes = Record<
+  ThemeColorSchemeKey,
+  ThemeColorScheme
+>;
 
 /**
  * @public
  */
-export declare type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>
+export declare type ThemeColorSchemes_v2 = Record<
+  ThemeColorSchemeKey,
+  ThemeColorScheme_v2
+>;
 
 /**
  * @public
  * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
 export declare interface ThemeColorSelectable {
-  default: ThemeColorSelectableStates
-  primary: ThemeColorSelectableStates
-  positive: ThemeColorSelectableStates
-  caution: ThemeColorSelectableStates
-  critical: ThemeColorSelectableStates
+  default: ThemeColorSelectableStates;
+  primary: ThemeColorSelectableStates;
+  positive: ThemeColorSelectableStates;
+  caution: ThemeColorSelectableStates;
+  critical: ThemeColorSelectableStates;
 }
 
 /**
@@ -1037,37 +1117,40 @@ export declare interface ThemeColorSelectable {
 export declare type ThemeColorSelectable_v2 = Record<
   ThemeColorStateToneKey,
   ThemeColorSelectableTone_v2
->
+>;
 
 /**
  * @public
  * @deprecated Use `ThemeColorState_v2` instead.
  */
-export declare type ThemeColorSelectableState = ThemeColorGenericState
+export declare type ThemeColorSelectableState = ThemeColorGenericState;
 
 /**
  * @public
  * @deprecated Use `ThemeColorSelectableStates_v2` instead.
  */
 export declare interface ThemeColorSelectableStates {
-  enabled: ThemeColorSelectableState
-  hovered: ThemeColorSelectableState
-  pressed: ThemeColorSelectableState
-  selected: ThemeColorSelectableState
-  disabled: ThemeColorSelectableState
+  enabled: ThemeColorSelectableState;
+  hovered: ThemeColorSelectableState;
+  pressed: ThemeColorSelectableState;
+  selected: ThemeColorSelectableState;
+  disabled: ThemeColorSelectableState;
 }
 
 /**
  * @public
  */
-export declare type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
+export declare type ThemeColorSelectableTone_v2 = Record<
+  ThemeColorStateKey,
+  ThemeColorState_v2
+>;
 
 /** @public */
 export declare interface ThemeColorShadow {
-  outline: string
-  umbra: string
-  penumbra: string
-  ambient: string
+  outline: string;
+  umbra: string;
+  penumbra: string;
+  ambient: string;
 }
 
 /**
@@ -1075,12 +1158,12 @@ export declare interface ThemeColorShadow {
  * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
 export declare interface ThemeColorSolid {
-  default: ThemeColorSolidTone
-  transparent: ThemeColorSolidTone
-  primary: ThemeColorSolidTone
-  positive: ThemeColorSolidTone
-  caution: ThemeColorSolidTone
-  critical: ThemeColorSolidTone
+  default: ThemeColorSolidTone;
+  transparent: ThemeColorSolidTone;
+  primary: ThemeColorSolidTone;
+  positive: ThemeColorSolidTone;
+  caution: ThemeColorSolidTone;
+  critical: ThemeColorSolidTone;
 }
 
 /**
@@ -1088,270 +1171,275 @@ export declare interface ThemeColorSolid {
  * @deprecated Use `ThemeColorSelectableTone_v2` instead.
  */
 export declare interface ThemeColorSolidTone {
-  enabled: ThemeColorGenericState
-  disabled: ThemeColorGenericState
-  hovered: ThemeColorGenericState
-  pressed: ThemeColorGenericState
-  selected: ThemeColorGenericState
+  enabled: ThemeColorGenericState;
+  disabled: ThemeColorGenericState;
+  hovered: ThemeColorGenericState;
+  pressed: ThemeColorGenericState;
+  selected: ThemeColorGenericState;
 }
 
 /**
  * @public
  * @deprecated Use `ThemeColorAvatar_v2` instead
  */
-export declare type ThemeColorSpot = Record<ThemeColorSpotKey, string>
+export declare type ThemeColorSpot = Record<ThemeColorSpotKey, string>;
 
 /**
  * @public
  * @deprecated Use `ThemeColorAvatarColorKey` instead
  */
-export declare type ThemeColorSpotKey = ThemeColorAvatarColorKey
+export declare type ThemeColorSpotKey = ThemeColorAvatarColorKey;
 
 /**
  * @public
  */
 export declare interface ThemeColorState_v2 {
   /** @internal */
-  _blend?: ThemeColorBlendModeKey
+  _blend?: ThemeColorBlendModeKey;
   accent: {
-    fg: string
-  }
+    fg: string;
+  };
   /**
    * @internal  This may be removed in a future release
    * */
-  avatar: ThemeColorAvatar_v2
+  avatar: ThemeColorAvatar_v2;
   /**
    * @internal  This may be removed in a future release
    * */
-  badge: ThemeColorBadge_v2
-  bg: string
-  border: string
+  badge: ThemeColorBadge_v2;
+  bg: string;
+  border: string;
   code: {
-    bg: string
-    fg: string
-  }
-  fg: string
-  icon: string
-  kbd: ThemeColorKBD
+    bg: string;
+    fg: string;
+  };
+  fg: string;
+  icon: string;
+  kbd: ThemeColorKBD;
   link: {
-    fg: string
-  }
+    fg: string;
+  };
   muted: {
-    bg: string
-    fg: string
-  }
+    bg: string;
+    fg: string;
+  };
   skeleton: {
-    from: string
-    to: string
-  }
+    from: string;
+    to: string;
+  };
 }
 
 /** @public */
-export declare type ThemeColorStateKey = (typeof THEME_COLOR_STATES)[number]
+export declare type ThemeColorStateKey = (typeof THEME_COLOR_STATES)[number];
 
 /** @public */
 export declare type ThemeColorStatesTokens = Partial<
   Record<ColorConfigState, ThemeColorStateTokens>
->
+>;
 
 /** @public */
 export declare interface ThemeColorStateTokens {
-  _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
+  _blend?: ColorBlendModeTokenValue;
+  _hue?: ColorHueKey;
   accent?: {
-    fg?: ThemeColorTokenValue
-  }
-  avatar?: ThemeColorAvatarTokens
-  badge?: ThemeColorBadgeTokens
-  bg?: ThemeColorTokenValue
-  border?: ThemeColorTokenValue
+    fg?: ThemeColorTokenValue;
+  };
+  avatar?: ThemeColorAvatarTokens;
+  badge?: ThemeColorBadgeTokens;
+  bg?: ThemeColorTokenValue;
+  border?: ThemeColorTokenValue;
   code?: {
-    bg?: ThemeColorTokenValue
-    fg?: ThemeColorTokenValue
-  }
-  fg?: ThemeColorTokenValue
-  icon?: ThemeColorTokenValue
+    bg?: ThemeColorTokenValue;
+    fg?: ThemeColorTokenValue;
+  };
+  fg?: ThemeColorTokenValue;
+  icon?: ThemeColorTokenValue;
   kbd?: {
-    bg?: ThemeColorTokenValue
-    fg?: ThemeColorTokenValue
-    border?: ThemeColorTokenValue
-  }
+    bg?: ThemeColorTokenValue;
+    fg?: ThemeColorTokenValue;
+    border?: ThemeColorTokenValue;
+  };
   link?: {
-    fg?: ThemeColorTokenValue
-  }
+    fg?: ThemeColorTokenValue;
+  };
   muted?: {
-    bg?: ThemeColorTokenValue
-    fg?: ThemeColorTokenValue
-  }
+    bg?: ThemeColorTokenValue;
+    fg?: ThemeColorTokenValue;
+  };
   skeleton?: {
-    from?: ThemeColorTokenValue
-    to?: ThemeColorTokenValue
-  }
+    from?: ThemeColorTokenValue;
+    to?: ThemeColorTokenValue;
+  };
 }
 
 /** @public */
-export declare type ThemeColorStateToneKey = (typeof THEME_COLOR_STATE_TONES)[number]
+export declare type ThemeColorStateToneKey =
+  (typeof THEME_COLOR_STATE_TONES)[number];
 
 /**
  * @public
  */
 export declare interface ThemeColorSyntax {
-  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
+  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;
 }
 
 /** @public */
 export declare interface ThemeColorTokens {
-  base?: Partial<Record<ColorConfigCardTone, ThemeColorBaseTokens>>
-  button?: Partial<Record<ThemeColorButtonModeKey, ThemeColorButtonTokens>>
-  input?: Partial<Record<ColorConfigInputMode, ThemeColorInputTokens>>
+  base?: Partial<Record<ColorConfigCardTone, ThemeColorBaseTokens>>;
+  button?: Partial<Record<ThemeColorButtonModeKey, ThemeColorButtonTokens>>;
+  input?: Partial<Record<ColorConfigInputMode, ThemeColorInputTokens>>;
   selectable?: Partial<
     Record<
       ColorConfigStateTone,
       {
-        _hue?: ColorHueKey
+        _hue?: ColorHueKey;
       } & ThemeColorStatesTokens
     >
-  >
-  syntax?: Partial<Record<keyof ThemeColorSyntax, ThemeColorTokenValue>>
+  >;
+  syntax?: Partial<Record<keyof ThemeColorSyntax, ThemeColorTokenValue>>;
 }
 
 /** @public */
-export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
+export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue];
 
 /**
  * @public
  * @deprecated Use `ThemeColorCardToneKey` instead.
  */
-export declare type ThemeColorToneKey = ThemeColorName
+export declare type ThemeColorToneKey = ThemeColorName;
 
 /** @public */
 export declare interface ThemeConfig {
-  avatar?: ThemeAvatar_v2
+  avatar?: ThemeAvatar_v2;
   button?: {
     border: {
-      width: number
-    }
-    focusRing: ThemeFocusRing
-    textWeight: ThemeFontWeightKey
-  }
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
+    textWeight: ThemeFontWeightKey;
+  };
   card?: {
     border: {
-      width: number
-    }
-    focusRing: ThemeFocusRing
+      width: number;
+    };
+    focusRing: ThemeFocusRing;
     shadow: {
-      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[]
+      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
+  style?: ThemeStyles;
 }
 
 /**
  * @public
  */
 export declare interface ThemeFocusRing {
-  offset: number
-  width: number
+  offset: number;
+  width: number;
 }
 
 /**
  * @public
  */
 export declare interface ThemeFont {
-  family: string
-  weights: ThemeFontWeight
-  sizes: ThemeFontSize[]
+  family: string;
+  weights: ThemeFontWeight;
+  sizes: ThemeFontSize[];
   /** @deprecated No longer supported. */
-  horizontalOffset?: number
+  horizontalOffset?: number;
 }
 
 /**
  * @public
  */
-export declare type ThemeFontKey = 'code' | 'heading' | 'label' | 'text'
+export declare type ThemeFontKey = "code" | "heading" | "label" | "text";
 
 /**
  * @public
  */
 export declare interface ThemeFonts {
-  code: ThemeFont
-  heading: ThemeFont
-  label: ThemeFont
-  text: ThemeFont
+  code: ThemeFont;
+  heading: ThemeFont;
+  label: ThemeFont;
+  text: ThemeFont;
 }
 
 /**
  * @public
  */
 export declare interface ThemeFontSize {
-  ascenderHeight: number
-  descenderHeight: number
-  fontSize: number
-  iconSize: number
-  letterSpacing: number
-  lineHeight: number
+  ascenderHeight: number;
+  descenderHeight: number;
+  fontSize: number;
+  iconSize: number;
+  letterSpacing: number;
+  lineHeight: number;
 }
 
 /**
  * @public
  */
 export declare interface ThemeFontWeight {
-  regular: number
-  medium: number
-  semibold: number
-  bold: number
+  regular: number;
+  medium: number;
+  semibold: number;
+  bold: number;
 }
 
 /**
  * @public
  */
-export declare type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold'
+export declare type ThemeFontWeightKey =
+  | "regular"
+  | "medium"
+  | "semibold"
+  | "bold";
 
 /**
  * @public
@@ -1359,22 +1447,22 @@ export declare type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bo
  */
 export declare interface ThemeInput {
   checkbox: {
-    size: number
-  }
+    size: number;
+  };
   radio: {
-    size: number
-    markSize: number
-  }
+    size: number;
+    markSize: number;
+  };
   switch: {
-    width: number
-    height: number
-    padding: number
-    transitionDurationMs: number
-    transitionTimingFunction: string
-  }
+    width: number;
+    height: number;
+    padding: number;
+    transitionDurationMs: number;
+    transitionTimingFunction: string;
+  };
   border: {
-    width: number
-  }
+    width: number;
+  };
 }
 
 /**
@@ -1382,31 +1470,31 @@ export declare interface ThemeInput {
  */
 export declare interface ThemeInput_v2 {
   checkbox: {
-    size: number
-    focusRing: ThemeFocusRing
-  }
+    size: number;
+    focusRing: ThemeFocusRing;
+  };
   radio: {
-    size: number
-    markSize: number
-    focusRing: ThemeFocusRing
-  }
+    size: number;
+    markSize: number;
+    focusRing: ThemeFocusRing;
+  };
   switch: {
-    width: number
-    height: number
-    padding: number
-    transitionDurationMs: number
-    transitionTimingFunction: string
-    focusRing: ThemeFocusRing
-  }
+    width: number;
+    height: number;
+    padding: number;
+    transitionDurationMs: number;
+    transitionTimingFunction: string;
+    focusRing: ThemeFocusRing;
+  };
   border: {
-    width: number
-  }
+    width: number;
+  };
   select: {
-    focusRing: ThemeFocusRing
-  }
+    focusRing: ThemeFocusRing;
+  };
   text: {
-    focusRing: ThemeFocusRing
-  }
+    focusRing: ThemeFocusRing;
+  };
 }
 
 /**
@@ -1414,23 +1502,23 @@ export declare interface ThemeInput_v2 {
  */
 export declare interface ThemeLayer {
   dialog: {
-    zOffset: number
-  }
+    zOffset: number;
+  };
   popover: {
-    zOffset: number
-  }
+    zOffset: number;
+  };
   tooltip: {
-    zOffset: number
-  }
+    zOffset: number;
+  };
 }
 
 /**
  * @public
  */
 export declare interface ThemeShadow {
-  umbra: ThemeBoxShadow
-  penumbra: ThemeBoxShadow
-  ambient: ThemeBoxShadow
+  umbra: ThemeBoxShadow;
+  penumbra: ThemeBoxShadow;
+  ambient: ThemeBoxShadow;
 }
 
 /**
@@ -1438,63 +1526,63 @@ export declare interface ThemeShadow {
  */
 export declare interface ThemeStyles {
   button?: {
-    root?: CSSObject
-  }
+    root?: CSSObject;
+  };
   card?: {
-    root?: CSSObject
-  }
+    root?: CSSObject;
+  };
 }
 
 /** @internal */
 export declare interface TokenBaseKeyNode {
-  type: 'base'
-  tone: ColorConfigCardTone
-  key: ColorConfigCardKey | ColorConfigBlendKey
+  type: "base";
+  tone: ColorConfigCardTone;
+  key: ColorConfigCardKey | ColorConfigBlendKey;
 }
 
 /** @internal */
 export declare interface TokenBlendModeValueNode {
-  type: 'blendMode'
-  value?: ThemeColorBlendModeKey
+  type: "blendMode";
+  value?: ThemeColorBlendModeKey;
 }
 
 /** @internal */
 export declare interface TokenButtonKeyNode {
-  type: 'button'
-  tone: ColorConfigStateTone
-  mode: ThemeColorButtonModeKey
-  key: ColorConfigStateKey | ColorConfigBlendKey
+  type: "button";
+  tone: ColorConfigStateTone;
+  mode: ThemeColorButtonModeKey;
+  key: ColorConfigStateKey | ColorConfigBlendKey;
 }
 
 /** @internal */
 export declare interface TokenColorValueNode {
-  type: 'color'
-  key?: 'black' | 'white'
-  hue?: ColorHueKey
-  mix?: number
-  opacity?: number
-  tint?: ColorTintKey
+  type: "color";
+  key?: "black" | "white";
+  hue?: ColorHueKey;
+  mix?: number;
+  opacity?: number;
+  tint?: ColorTintKey;
 }
 
 /** @internal */
 export declare interface TokenHueValueNode {
-  type: 'hue'
-  value?: ColorHueKey
+  type: "hue";
+  value?: ColorHueKey;
 }
 
 /** @internal */
-export declare type TokenKeyNode = TokenBaseKeyNode | TokenButtonKeyNode
+export declare type TokenKeyNode = TokenBaseKeyNode | TokenButtonKeyNode;
 
 /** @internal */
 export declare type TokenValueNode =
   | TokenColorValueNode
   | TokenHueValueNode
-  | TokenBlendModeValueNode
+  | TokenBlendModeValueNode;
 
 /** @internal */
-export declare function v0_v2(v0: RootTheme): RootTheme_v2
+export declare function v0_v2(v0: RootTheme): RootTheme_v2;
 
 /** @internal */
-export declare function v2_v0(v2: RootTheme_v2): RootTheme
+export declare function v2_v0(v2: RootTheme_v2): RootTheme;
 
-export {}
+export {};