@sanity/ui 3.1.12-canary.0 → 3.1.12

package/dist/theme.d.ts

@@ -1,1203 +1,1500 @@
-import { StyledObject } from "styled-components";
-import * as _sanity_color0 from "@sanity/color";
-import { ColorHueKey, ColorTint, ColorTintKey } from "@sanity/color";
+import {ColorHueKey} from '@sanity/color'
+import {ColorTint} from '@sanity/color'
+import {ColorTintKey} from '@sanity/color'
+import type {StyledObject} from 'styled-components'
+
 /**
  * @public
  */
-interface ThemeFocusRing {
-  offset: number;
-  width: number;
-}
-/**
- * @public
- */
-interface ThemeAvatar_v2 {
-  sizes: {
-    /** Spacing between avatars in an <AvatarStack> component (px) */
-    distance: number;
-    /** Diameter of the avatar (px) */
-    size: number;
-  }[];
-  focusRing: ThemeFocusRing;
+export declare interface BaseTheme {
+  _version?: 0
+  /**
+   * @deprecated Use `v2.avatar` instead
+   */
+  avatar: ThemeAvatar
+  /**
+   * @deprecated Use `v2.button` instead
+   */
+  button: {
+    textWeight: ThemeFontWeightKey
+  }
+  /**
+   * @deprecated Use `v2.color` instead
+   */
+  color: ThemeColorSchemes
+  /**
+   * @deprecated Use `v2.container` instead
+   */
+  container: number[]
+  /**
+   * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
+   */
+  focusRing: {
+    offset: number
+    width: number
+  }
+  /**
+   * @deprecated Use `v2.font` instead
+   */
+  fonts: ThemeFonts
+  /**
+   * @deprecated Use `v2.input` instead
+   */
+  input: ThemeInput
+  /**
+   * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
+   * @beta
+   * @deprecated Use `v2.layer` instead
+   */
+  layer?: ThemeLayer
+  /**
+   * @deprecated Use `v2.media` instead
+   */
+  media: number[]
+  /**
+   * @deprecated Use `v2.radius` instead
+   */
+  radius: number[]
+  /**
+   * @deprecated Use `v2.shadow` instead
+   */
+  shadows: Array<ThemeShadow | null>
+  /**
+   * @deprecated Use `v2.space` instead
+   */
+  space: number[]
+  /**
+   * @internal
+   * @deprecated Use `v2.style` instead
+   */
+  styles?: ThemeStyles
+  v2?: RootTheme_v2
 }
+
+/** @internal */
+export declare function buildTheme(config?: ThemeConfig): RootTheme
+
 /** @public */
-declare const THEME_COLOR_SCHEMES: readonly ["light", "dark"];
+export declare const COLOR_CONFIG_AVATAR_COLORS: readonly ['*', ...ColorHueKey[]]
+
 /** @public */
-declare const THEME_COLOR_BLEND_MODES: readonly ["multiply", "screen"];
+export declare const COLOR_CONFIG_BLEND_KEYS: readonly ['_blend']
+
 /** @public */
-declare const THEME_COLOR_CARD_TONES: readonly ["transparent", "default", "neutral", "primary", "suggest", "positive", "caution", "critical"];
+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',
+]
+
 /** @public */
-declare const THEME_COLOR_STATE_TONES: readonly ["default", "neutral", "primary", "suggest", "positive", "caution", "critical"];
+export declare const COLOR_CONFIG_CARD_TONES: readonly [
+  '*',
+  'transparent',
+  'default',
+  'neutral',
+  'primary',
+  'suggest',
+  'positive',
+  'caution',
+  'critical',
+]
+
 /** @public */
-declare const THEME_COLOR_STATES: readonly ["enabled", "hovered", "pressed", "selected", "disabled"];
+export declare const COLOR_CONFIG_INPUT_MODES: readonly ['*', 'default', 'invalid']
+
 /** @public */
-declare const THEME_COLOR_BUTTON_MODES: readonly ["default", "ghost", "bleed"];
+export declare const COLOR_CONFIG_INPUT_STATES: readonly [
+  '*',
+  'enabled',
+  'hovered',
+  'readOnly',
+  'disabled',
+]
+
 /** @public */
-declare const THEME_COLOR_INPUT_MODES: readonly ["default", "invalid"];
+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',
+]
+
 /** @public */
-declare const THEME_COLOR_INPUT_STATES: readonly ["enabled", "hovered", "readOnly", "disabled"];
+export declare const COLOR_CONFIG_STATE_TONES: readonly [
+  '*',
+  'default',
+  'neutral',
+  'primary',
+  'suggest',
+  'positive',
+  'caution',
+  'critical',
+]
+
 /** @public */
-declare const THEME_COLOR_AVATAR_COLORS: _sanity_color0.ColorHueKey[];
-/**
- * @public
- */
-type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number];
+export declare const COLOR_CONFIG_STATES: readonly [
+  '*',
+  'enabled',
+  'hovered',
+  'pressed',
+  'selected',
+  'disabled',
+]
+
+/** @public */
+export declare type ColorBlendModeTokenValue = [ThemeColorBlendModeKey, ThemeColorBlendModeKey]
+
 /** @public */
-type ThemeColorBlendModeKey = (typeof THEME_COLOR_BLEND_MODES)[number];
+export declare type ColorConfigAvatarColor = (typeof COLOR_CONFIG_AVATAR_COLORS)[number]
+
 /** @public */
-type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number];
+export declare type ColorConfigBlendKey = (typeof COLOR_CONFIG_BLEND_KEYS)[number]
+
 /** @public */
-type ThemeColorButtonModeKey = (typeof THEME_COLOR_BUTTON_MODES)[number];
+export declare type ColorConfigCardKey = (typeof COLOR_CONFIG_CARD_KEYS)[number]
+
 /** @public */
-type ThemeColorStateKey = (typeof THEME_COLOR_STATES)[number];
+export declare type ColorConfigCardTone = (typeof COLOR_CONFIG_CARD_TONES)[number]
+
 /** @public */
-type ThemeColorStateToneKey = (typeof THEME_COLOR_STATE_TONES)[number];
+export declare type ColorConfigInputMode = (typeof COLOR_CONFIG_INPUT_MODES)[number]
+
 /** @public */
-type ThemeColorInputModeKey = (typeof THEME_COLOR_INPUT_MODES)[number];
+export declare type ColorConfigInputState = (typeof COLOR_CONFIG_INPUT_STATES)[number]
+
 /** @public */
-type ThemeColorInputStateKey = (typeof THEME_COLOR_INPUT_STATES)[number];
+export declare type ColorConfigOpacityValue = `0` | `0.${number}` | `1`
+
+/** @public */
+export declare type ColorConfigState = (typeof COLOR_CONFIG_STATES)[number]
+
+/** @public */
+export declare type ColorConfigStateKey = (typeof COLOR_CONFIG_STATE_KEYS)[number]
+
+/** @public */
+export declare type ColorConfigStateTone = (typeof COLOR_CONFIG_STATE_TONES)[number]
+
+/** @public */
+export declare 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
+ * @deprecated Use `buildColorTheme` instead.
+ */
+export declare function createColorTheme(
+  partialOpts?: PartialThemeColorBuilderOpts,
+): 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>
+
+/** @internal */
+export declare function getContrastRatio(bg: string, fg: string): number
+
+/** @internal */
+export declare function getScopedTheme(
+  themeProp: RootTheme | RootTheme_v2,
+  scheme: ThemeColorSchemeKey,
+  tone: ThemeColorCardToneKey,
+): Theme
+
 /** @public */
-type ThemeColorAvatarColorKey = (typeof THEME_COLOR_AVATAR_COLORS)[number];
+export declare function getTheme_v2(theme: Theme): Theme_v2
+
+/**
+ * @internal
+ */
+export declare function hexToRgb(hex: string): RGB
+
+/**
+ * @internal
+ */
+export declare interface HSL {
+  h: number
+  s: number
+  l: number
+}
+
+/**
+ * @internal
+ */
+export declare function hslToRgb(hsl: HSL): RGB
+
+/** @internal */
+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
+
+/** @internal */
+export declare function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey
+
+/** @internal */
+export declare function isColorButtonMode(str: string): str is ThemeColorButtonModeKey
+
+/** @internal */
+export declare function isColorConfigBaseKey(str: string): str is ColorConfigCardKey
+
+/** @internal */
+export declare function isColorConfigBaseTone(str: string): str is ColorConfigCardTone
+
+/** @internal */
+export declare function isColorConfigBlendKey(str: string): str is ColorConfigBlendKey
+
 /** @internal */
-declare function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey;
+export declare function isColorConfigStateKey(str: string): str is ColorConfigStateKey
+
 /** @internal */
-declare function isColorHueKey(str: string): str is ColorHueKey;
+export declare function isColorConfigStateTone(str: string): str is ColorConfigStateTone
+
 /** @internal */
-declare function isColorTintKey(str: string): str is ColorTintKey;
+export declare function isColorHueKey(str: string): str is ColorHueKey
+
 /** @internal */
-declare function isColorButtonMode(str: string): str is ThemeColorButtonModeKey;
+export declare function isColorOpacityValue(str: string): str is ColorConfigOpacityValue
+
+/** @internal */
+export declare function isColorTintKey(str: string): str is ColorTintKey
+
+/** @internal */
+export declare function isColorTokenValue(str: string): str is ColorConfigValue
+
+/** @internal */
+export declare function isColorValue(str: string): str is 'black' | 'white'
+
 /**
- * @public
+ * Apply the \`mix\` blend mode
+ * @internal
  */
-interface ThemeColorAvatarHue_v2 {
-  _blend?: ThemeColorBlendModeKey;
-  bg: string;
-  fg: string;
-}
+export declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB
+
 /**
- * @public
+ * Apply the \`multiply\` blend mode
+ * Source: https://www.w3.org/TR/compositing-1/#blendingmultiply
+ * @internal
  */
-type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>;
+export declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB
+
 /**
- * @public
+ * @internal
  */
-interface ThemeColorBadgeTone_v2 {
-  bg: string;
-  fg: string;
-  dot: string;
-  icon: string;
-}
+export declare function parseColor(color: unknown): RGB | RGBA
+
+/** @internal */
+export declare function parseTokenKey(str: string): TokenKeyNode | undefined
+
+/** @internal */
+export declare function parseTokenValue(str: string): TokenValueNode | undefined
+
 /**
  * @public
+ * @deprecated Use `ThemeConfig` instead.
  */
-type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>;
+export declare type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>
+
 /**
- * @public
+ * @internal
  */
-interface ThemeColorKBD {
-  bg: string;
-  fg: string;
-  border: string;
+export declare interface RGB {
+  r: number
+  g: number
+  b: number
+  a?: undefined
 }
+
 /**
- * @public
+ * @internal
  */
-interface ThemeColorState_v2 {
-  /** @internal */
-  _blend?: ThemeColorBlendModeKey;
-  accent: {
-    fg: string;
-  };
-  /**
-   * @internal  This may be removed in a future release
-   * */
-  avatar: ThemeColorAvatar_v2;
-  /**
-   * @internal  This may be removed in a future release
-   * */
-  badge: ThemeColorBadge_v2;
-  bg: string;
-  border: string;
-  code: {
-    bg: string;
-    fg: string;
-  };
-  fg: string;
-  icon: string;
-  kbd: ThemeColorKBD;
-  link: {
-    fg: string;
-  };
-  muted: {
-    bg: string;
-    fg: string;
-  };
-  skeleton: {
-    from: string;
-    to: string;
-  };
+export declare interface RGBA {
+  r: number
+  g: number
+  b: number
+  a: number
 }
+
 /**
- * @public
+ * @internal
  */
-type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
+export declare function rgba(color: unknown, a: number): string
+
 /**
- * @public
+ * @internal
  */
-type ThemeColorButtonMode_v2 = Record<ThemeColorStateToneKey, ThemeColorButtonTone_v2>;
+export declare function rgbaToRGBA(rgba: string): RGBA
+
 /**
- * @public
+ * @internal
  */
-type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>;
+export declare function rgbToHex(color: RGB | RGBA): string
+
 /**
- * @public
+ * @internal
+ * @see https://css-tricks.com/converting-color-spaces-in-javascript/
  */
-interface ThemeColorInputState_v2 {
-  _blend?: ThemeColorBlendModeKey;
-  bg: string;
-  border: string;
-  fg: string;
-  muted: {
-    bg: string;
-  };
-  placeholder: string;
-}
+export declare function rgbToHsl({r, g, b}: RGB): HSL
+
 /**
  * @public
  */
-type ThemeColorInputMode_v2 = Record<ThemeColorInputStateKey, ThemeColorInputState_v2>;
+export declare type RootTheme = BaseTheme
+
 /**
  * @public
  */
-type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>;
+export declare interface RootTheme_v2 {
+  _version: 2
+  avatar: ThemeAvatar_v2
+  button: {
+    border: {
+      width: number
+    }
+    focusRing: ThemeFocusRing
+    textWeight: ThemeFontWeightKey
+  }
+  card: {
+    border: {
+      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[]
+  /** @internal */
+  style?: ThemeStyles
+}
+
 /**
- * @public
+ * Apply the \`screen\` blend mode
+ * Source: https://www.w3.org/TR/compositing-1/#blendingscreen
+ * @internal
  */
-type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>;
+declare function screen_2(b: RGB | RGBA, s: RGB | RGBA): RGB
+export {screen_2 as screen}
+
 /**
  * @public
  */
-type ThemeColorSelectable_v2 = Record<ThemeColorStateToneKey, ThemeColorSelectableTone_v2>;
+export declare interface Theme {
+  sanity: Omit<RootTheme, 'color' | 'v2'> & {
+    /**
+     * @deprecated Use `v2.color` instead
+     */
+    color: ThemeColor
+    v2?: Theme_v2
+  }
+}
+
+/** @public */
+export declare const THEME_COLOR_AVATAR_COLORS: ColorHueKey[]
+
+/** @public */
+export declare const THEME_COLOR_BLEND_MODES: readonly ['multiply', 'screen']
+
+/** @public */
+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',
+]
+
 /** @public */
-interface ThemeColorShadow {
-  outline: string;
-  umbra: string;
-  penumbra: string;
-  ambient: string;
+export declare const THEME_COLOR_INPUT_MODES: readonly ['default', 'invalid']
+
+/** @public */
+export declare const THEME_COLOR_INPUT_STATES: readonly [
+  'enabled',
+  'hovered',
+  'readOnly',
+  'disabled',
+]
+
+/** @public */
+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',
+]
+
+/** @public */
+export declare const THEME_COLOR_STATES: readonly [
+  'enabled',
+  'hovered',
+  'pressed',
+  'selected',
+  'disabled',
+]
+
+/**
+ * @public
+ */
+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
 }
+
 /**
  * @public
+ * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
  */
-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;
+export declare interface ThemeAvatar {
+  sizes: {
+    distance: number
+    size: number
+  }[]
 }
+
 /**
  * @public
  */
-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;
+export declare interface ThemeAvatar_v2 {
+  sizes: {
+    /** Spacing between avatars in an <AvatarStack> component (px) */
+    distance: number
+    /** Diameter of the avatar (px) */
+    size: number
+  }[]
+  focusRing: ThemeFocusRing
 }
+
 /**
  * @public
  */
-type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>;
+export declare type ThemeBoxShadow = [number, number, number, number]
+
 /**
  * @public
+ * @deprecated Use `ThemeColor_v2` instead.
  */
-type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>;
+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
+}
+
 /**
- * Work around types that are missing in `styled-components@6`
- * https://github.com/styled-components/styled-components/issues/4062
- * @internal
+ * @public
  */
-type CSSObject = StyledObject<any>;
+export declare type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>
+
+/** @public */
+export declare type ThemeColorAvatarColorKey = (typeof THEME_COLOR_AVATAR_COLORS)[number]
+
 /**
  * @public
  */
-type ThemeFontKey = 'code' | 'heading' | 'label' | 'text';
+export declare interface ThemeColorAvatarHue_v2 {
+  _blend?: ThemeColorBlendModeKey
+  bg: string
+  fg: string
+}
+
+/** @public */
+export declare interface ThemeColorAvatarHueTokens {
+  _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
+}
+
 /**
  * @public
  */
-type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold';
+export declare type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>
+
+/** @public */
+export declare type ThemeColorBadgeTokens = Partial<
+  Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>
+>
+
 /**
  * @public
  */
-interface ThemeFontSize {
-  ascenderHeight: number;
-  descenderHeight: number;
-  fontSize: number;
-  iconSize: number;
-  letterSpacing: number;
-  lineHeight: number;
+export declare interface ThemeColorBadgeTone_v2 {
+  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
 }
+
 /**
  * @public
+ * @deprecated Use `ThemeColorCard_v2` instead.
  */
-interface ThemeFontWeight {
-  regular: number;
-  medium: number;
-  semibold: number;
-  bold: number;
+export declare interface ThemeColorBase {
+  bg: string
+  fg: string
+  border: string
+  focusRing: string
+  backdrop?: string
+  shadow: {
+    outline: string
+    umbra: string
+    penumbra: string
+    ambient: string
+  }
+  skeleton?: {
+    from: string
+    to: string
+  }
 }
+
+/** @public */
+export declare interface ThemeColorBaseTokens extends ThemeColorStateTokens {
+  focusRing?: ThemeColorTokenValue
+  backdrop?: ThemeColorTokenValue
+  shadow?: {
+    outline?: ThemeColorTokenValue
+    umbra?: ThemeColorTokenValue
+    penumbra?: ThemeColorTokenValue
+    ambient?: ThemeColorTokenValue
+  }
+}
+
+/** @public */
+export declare type ThemeColorBlendModeKey = (typeof THEME_COLOR_BLEND_MODES)[number]
+
 /**
  * @public
+ * @deprecated Use `buildColorTheme` instead.
  */
-interface ThemeFont {
-  family: string;
-  weights: ThemeFontWeight;
-  sizes: ThemeFontSize[];
-  /** @deprecated No longer supported. */
-  horizontalOffset?: number;
+export declare interface ThemeColorBuilderOpts {
+  base: (opts: {dark: boolean; name: ThemeColorName}) => ThemeColorBase
+  solid: (opts: {
+    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
+  card: (opts: {
+    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
+  input: (opts: {
+    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
 }
+
 /**
  * @public
+ * @deprecated Use `ThemeColorButton_v2` instead.
  */
-interface ThemeFonts {
-  code: ThemeFont;
-  heading: ThemeFont;
-  label: ThemeFont;
-  text: ThemeFont;
+export declare interface ThemeColorButton {
+  default: ThemeColorButtonTones
+  ghost: ThemeColorButtonTones
+  bleed: ThemeColorButtonTones
 }
+
 /**
  * @public
  */
-interface ThemeInput_v2 {
-  checkbox: {
-    size: number;
-    focusRing: ThemeFocusRing;
-  };
-  radio: {
-    size: number;
-    markSize: number;
-    focusRing: ThemeFocusRing;
-  };
-  switch: {
-    width: number;
-    height: number;
-    padding: number;
-    transitionDurationMs: number;
-    transitionTimingFunction: string;
-    focusRing: ThemeFocusRing;
-  };
-  border: {
-    width: number;
-  };
-  select: {
-    focusRing: ThemeFocusRing;
-  };
-  text: {
-    focusRing: ThemeFocusRing;
-  };
-}
+export declare type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>
+
 /**
  * @public
  */
-interface ThemeLayer {
-  dialog: {
-    zOffset: number;
-  };
-  popover: {
-    zOffset: number;
-  };
-  tooltip: {
-    zOffset: number;
-  };
+export declare type ThemeColorButtonMode_v2 = Record<
+  ThemeColorStateToneKey,
+  ThemeColorButtonTone_v2
+>
+
+/** @public */
+export declare type ThemeColorButtonModeKey = (typeof THEME_COLOR_BUTTON_MODES)[number]
+
+/**
+ * @public
+ * @deprecated Use `ThemeColorState_v2` instead.
+ */
+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
 }
+
+/** @public */
+export declare interface ThemeColorButtonTokens
+  extends Partial<Record<ColorConfigStateTone, ThemeColorStatesTokens>> {
+  _hue?: ColorHueKey
+}
+
 /**
  * @public
  */
-type ThemeBoxShadow = [number, number, number, number];
+export declare type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
+
 /**
+ * TODO: Rename to `ThemeColorButtonMode`.
  * @public
+ * @deprecated Use `ThemeColorButtonTones_v2` instead.
  */
-interface ThemeShadow {
-  umbra: ThemeBoxShadow;
-  penumbra: ThemeBoxShadow;
-  ambient: ThemeBoxShadow;
+export declare interface ThemeColorButtonTones {
+  default: ThemeColorButtonStates
+  primary: ThemeColorButtonStates
+  positive: ThemeColorButtonStates
+  caution: ThemeColorButtonStates
+  critical: ThemeColorButtonStates
 }
+
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
-interface ThemeStyles {
-  button?: {
-    root?: CSSObject;
-  };
-  card?: {
-    root?: CSSObject;
-  };
+export declare interface ThemeColorCard {
+  enabled: ThemeColorGenericState
+  hovered: ThemeColorGenericState
+  pressed: ThemeColorGenericState
+  selected: ThemeColorGenericState
+  disabled: ThemeColorGenericState
 }
+
 /**
  * @public
- * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
  */
-interface ThemeAvatar {
-  sizes: {
-    distance: number;
-    size: number;
-  }[];
+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
 }
+
 /**
  * @public
  * @deprecated Use `ThemeColorState_v2` instead.
  */
-interface ThemeColorGenericState {
+export declare type ThemeColorCardState = ThemeColorGenericState
+
+/** @public */
+export declare type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number]
+
+/**
+ * @public
+ * @deprecated Use `ThemeColorState_v2` instead.
+ */
+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
+  }
 }
+
 /**
  * @public
- * @deprecated Use `ThemeColorCardToneKey` instead.
+ * @deprecated Use `ThemeColorInput_v2` instead.
  */
-type ThemeColorName = 'transparent' | 'default' | 'primary' | 'positive' | 'caution' | 'critical';
+export declare interface ThemeColorInput {
+  default: ThemeColorInputStates
+  invalid: ThemeColorInputStates
+}
+
 /**
  * @public
- * @deprecated Use `ThemeColorCardToneKey` instead.
  */
-type ThemeColorToneKey = ThemeColorName;
+export declare type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>
+
 /**
  * @public
- * @deprecated Use `ThemeColorCard_v2` instead.
  */
-interface ThemeColorBase {
-  bg: string;
-  fg: string;
-  border: string;
-  focusRing: string;
-  backdrop?: string;
-  shadow: {
-    outline: string;
-    umbra: string;
-    penumbra: string;
-    ambient: string;
-  };
-  skeleton?: {
-    from: string;
-    to: string;
-  };
-}
+export declare type ThemeColorInputMode_v2 = Record<
+  ThemeColorInputStateKey,
+  ThemeColorInputState_v2
+>
+
+/** @public */
+export declare type ThemeColorInputModeKey = (typeof THEME_COLOR_INPUT_MODES)[number]
+
 /**
  * @public
- * @deprecated Use `ThemeColorState_v2` instead.
+ * @deprecated Use `ThemeColorInputState_v2` instead.
  */
-type ThemeColorButtonState = ThemeColorGenericState;
+export declare interface ThemeColorInputState {
+  _blend?: ThemeColorBlendModeKey
+  bg: string
+  bg2: string
+  border: string
+  fg: string
+  placeholder: string
+}
+
 /**
  * @public
- * @deprecated Use `ThemeColorButtonStates_v2` instead.
  */
-interface ThemeColorButtonStates {
-  enabled: ThemeColorGenericState;
-  hovered: ThemeColorGenericState;
-  pressed: ThemeColorGenericState;
-  selected: ThemeColorGenericState;
-  disabled: ThemeColorGenericState;
+export declare interface ThemeColorInputState_v2 {
+  _blend?: ThemeColorBlendModeKey
+  bg: string
+  border: string
+  fg: string
+  muted: {
+    bg: string
+  }
+  placeholder: string
 }
+
+/** @public */
+export declare type ThemeColorInputStateKey = (typeof THEME_COLOR_INPUT_STATES)[number]
+
 /**
- * TODO: Rename to `ThemeColorButtonMode`.
  * @public
- * @deprecated Use `ThemeColorButtonTones_v2` instead.
+ * @deprecated Use `ThemeColorInputMode_v2` instead.
  */
-interface ThemeColorButtonTones {
-  default: ThemeColorButtonStates;
-  primary: ThemeColorButtonStates;
-  positive: ThemeColorButtonStates;
-  caution: ThemeColorButtonStates;
-  critical: ThemeColorButtonStates;
+export declare interface ThemeColorInputStates {
+  enabled: ThemeColorInputState
+  disabled: ThemeColorInputState
+  hovered: ThemeColorInputState
+  readOnly: ThemeColorInputState
 }
-/**
- * @public
- * @deprecated Use `ThemeColorButton_v2` instead.
- */
-interface ThemeColorButton {
-  default: ThemeColorButtonTones;
-  ghost: ThemeColorButtonTones;
-  bleed: ThemeColorButtonTones;
+
+/** @public */
+export declare interface ThemeColorInputStateTokens {
+  _blend?: ColorBlendModeTokenValue
+  _hue?: ColorHueKey
+  bg?: ThemeColorTokenValue
+  border?: ThemeColorTokenValue
+  fg?: ThemeColorTokenValue
+  muted?: {
+    bg?: ThemeColorTokenValue
+  }
+  placeholder?: ThemeColorTokenValue
 }
-/**
- * @public
- * @deprecated Use `ThemeColorState_v2` instead.
- */
-type ThemeColorCardState = ThemeColorGenericState;
-/**
- * @public
- * @deprecated Use `ThemeColorSelectable_v2` instead.
- */
-interface ThemeColorCard {
-  enabled: ThemeColorGenericState;
-  hovered: ThemeColorGenericState;
-  pressed: ThemeColorGenericState;
-  selected: ThemeColorGenericState;
-  disabled: ThemeColorGenericState;
+
+/** @public */
+export declare interface ThemeColorInputTokens
+  extends Partial<Record<ColorConfigInputState, ThemeColorInputStateTokens>> {
+  _hue?: ColorHueKey
 }
+
 /**
  * @public
- * @deprecated Use `ThemeColorInputState_v2` instead.
  */
-interface ThemeColorInputState {
-  _blend?: ThemeColorBlendModeKey;
-  bg: string;
-  bg2: string;
-  border: string;
-  fg: string;
-  placeholder: string;
+export declare interface ThemeColorKBD {
+  bg: string
+  fg: string
+  border: string
 }
+
 /**
  * @public
- * @deprecated Use `ThemeColorInputMode_v2` instead.
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
-interface ThemeColorInputStates {
-  enabled: ThemeColorInputState;
-  disabled: ThemeColorInputState;
-  hovered: ThemeColorInputState;
-  readOnly: ThemeColorInputState;
+export declare interface ThemeColorMuted {
+  default: ThemeColorMutedTone
+  transparent: ThemeColorMutedTone
+  primary: ThemeColorMutedTone
+  positive: ThemeColorMutedTone
+  caution: ThemeColorMutedTone
+  critical: ThemeColorMutedTone
 }
+
 /**
  * @public
- * @deprecated Use `ThemeColorInput_v2` instead.
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
  */
-interface ThemeColorInput {
-  default: ThemeColorInputStates;
-  invalid: ThemeColorInputStates;
+export declare interface ThemeColorMutedTone {
+  enabled: ThemeColorGenericState
+  disabled: ThemeColorGenericState
+  hovered: ThemeColorGenericState
+  pressed: ThemeColorGenericState
+  selected: ThemeColorGenericState
 }
+
 /**
  * @public
- * @deprecated Use `ThemeColorSelectableTone_v2` instead.
+ * @deprecated Use `ThemeColorCardToneKey` instead.
  */
-interface ThemeColorMutedTone {
-  enabled: ThemeColorGenericState;
-  disabled: ThemeColorGenericState;
-  hovered: ThemeColorGenericState;
-  pressed: ThemeColorGenericState;
-  selected: ThemeColorGenericState;
-}
+export declare type ThemeColorName =
+  | 'transparent'
+  | 'default'
+  | 'primary'
+  | 'positive'
+  | 'caution'
+  | 'critical'
+
+/** @public */
+export declare type ThemeColorPalette = {
+  black: string | ColorTint
+  white: string | ColorTint
+} & Record<ColorHueKey, Record<ColorTintKey, string | ColorTint>>
+
 /**
  * @public
- * @deprecated Use `ThemeColorSelectable_v2` instead.
+ * @deprecated Use `ThemeColorScheme_v2` instead.
  */
-interface ThemeColorMuted {
-  default: ThemeColorMutedTone;
-  transparent: ThemeColorMutedTone;
-  primary: ThemeColorMutedTone;
-  positive: ThemeColorMutedTone;
-  caution: ThemeColorMutedTone;
-  critical: ThemeColorMutedTone;
-}
+export declare type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
+
 /**
  * @public
- * @deprecated Use `ThemeColorState_v2` instead.
  */
-type ThemeColorSelectableState = ThemeColorGenericState;
+export declare type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>
+
 /**
  * @public
- * @deprecated Use `ThemeColorSelectableStates_v2` instead.
  */
-interface ThemeColorSelectableStates {
-  enabled: ThemeColorSelectableState;
-  hovered: ThemeColorSelectableState;
-  pressed: ThemeColorSelectableState;
-  selected: ThemeColorSelectableState;
-  disabled: ThemeColorSelectableState;
-}
+export declare type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number]
+
 /**
  * @public
- * @deprecated Use `ThemeColorSelectable_v2` instead.
+ * @deprecated Use `ThemeColorSchemes_v2` instead.
  */
-interface ThemeColorSelectable {
-  default: ThemeColorSelectableStates;
-  primary: ThemeColorSelectableStates;
-  positive: ThemeColorSelectableStates;
-  caution: ThemeColorSelectableStates;
-  critical: ThemeColorSelectableStates;
-}
+export declare type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>
+
 /**
  * @public
- * @deprecated Use `ThemeColorSelectableTone_v2` instead.
  */
-interface ThemeColorSolidTone {
-  enabled: ThemeColorGenericState;
-  disabled: ThemeColorGenericState;
-  hovered: ThemeColorGenericState;
-  pressed: ThemeColorGenericState;
-  selected: ThemeColorGenericState;
-}
+export declare type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>
+
 /**
  * @public
  * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
-interface ThemeColorSolid {
-  default: ThemeColorSolidTone;
-  transparent: ThemeColorSolidTone;
-  primary: ThemeColorSolidTone;
-  positive: ThemeColorSolidTone;
-  caution: ThemeColorSolidTone;
-  critical: ThemeColorSolidTone;
+export declare interface ThemeColorSelectable {
+  default: ThemeColorSelectableStates
+  primary: ThemeColorSelectableStates
+  positive: ThemeColorSelectableStates
+  caution: ThemeColorSelectableStates
+  critical: ThemeColorSelectableStates
 }
+
 /**
  * @public
- * @deprecated Use `ThemeColorAvatarColorKey` instead
  */
-type ThemeColorSpotKey = ThemeColorAvatarColorKey;
+export declare type ThemeColorSelectable_v2 = Record<
+  ThemeColorStateToneKey,
+  ThemeColorSelectableTone_v2
+>
+
 /**
  * @public
- * @deprecated Use `ThemeColorAvatar_v2` instead
+ * @deprecated Use `ThemeColorState_v2` instead.
  */
-type ThemeColorSpot = Record<ThemeColorSpotKey, string>;
+export declare type ThemeColorSelectableState = ThemeColorGenericState
+
 /**
  * @public
- * @deprecated Use `ThemeColor_v2` instead.
+ * @deprecated Use `ThemeColorSelectableStates_v2` instead.
  */
-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 ThemeColorSelectableStates {
+  enabled: ThemeColorSelectableState
+  hovered: ThemeColorSelectableState
+  pressed: ThemeColorSelectableState
+  selected: ThemeColorSelectableState
+  disabled: ThemeColorSelectableState
 }
+
 /**
  * @public
- * @deprecated Use `ThemeColorScheme_v2` instead.
- */
-type ThemeColorScheme = Record<ThemeColorName, ThemeColor>;
-/**
- * @public
- * @deprecated Use `ThemeColorSchemes_v2` instead.
- */
-type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>;
-/**
- * @public
- * @deprecated Use `ThemeInput_v2` instead
  */
-interface ThemeInput {
-  checkbox: {
-    size: number;
-  };
-  radio: {
-    size: number;
-    markSize: number;
-  };
-  switch: {
-    width: number;
-    height: number;
-    padding: number;
-    transitionDurationMs: number;
-    transitionTimingFunction: string;
-  };
-  border: {
-    width: number;
-  };
+export declare type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
+
+/** @public */
+export declare interface ThemeColorShadow {
+  outline: string
+  umbra: string
+  penumbra: string
+  ambient: string
 }
+
 /**
  * @public
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
-interface RootTheme_v2 {
-  _version: 2;
-  avatar: ThemeAvatar_v2;
-  button: {
-    border: {
-      width: number;
-    };
-    focusRing: ThemeFocusRing;
-    textWeight: ThemeFontWeightKey;
-  };
-  card: {
-    border: {
-      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[];
-  /** @internal */
-  style?: ThemeStyles;
+export declare interface ThemeColorSolid {
+  default: ThemeColorSolidTone
+  transparent: ThemeColorSolidTone
+  primary: ThemeColorSolidTone
+  positive: ThemeColorSolidTone
+  caution: ThemeColorSolidTone
+  critical: ThemeColorSolidTone
 }
+
 /**
  * @public
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
  */
-interface BaseTheme {
-  _version?: 0;
-  /**
-   * @deprecated Use `v2.avatar` instead
-   */
-  avatar: ThemeAvatar;
-  /**
-   * @deprecated Use `v2.button` instead
-   */
-  button: {
-    textWeight: ThemeFontWeightKey;
-  };
-  /**
-   * @deprecated Use `v2.color` instead
-   */
-  color: ThemeColorSchemes;
-  /**
-   * @deprecated Use `v2.container` instead
-   */
-  container: number[];
-  /**
-   * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
-   */
-  focusRing: {
-    offset: number;
-    width: number;
-  };
-  /**
-   * @deprecated Use `v2.font` instead
-   */
-  fonts: ThemeFonts;
-  /**
-   * @deprecated Use `v2.input` instead
-   */
-  input: ThemeInput;
-  /**
-   * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
-   * @beta
-   * @deprecated Use `v2.layer` instead
-   */
-  layer?: ThemeLayer;
-  /**
-   * @deprecated Use `v2.media` instead
-   */
-  media: number[];
-  /**
-   * @deprecated Use `v2.radius` instead
-   */
-  radius: number[];
-  /**
-   * @deprecated Use `v2.shadow` instead
-   */
-  shadows: Array<ThemeShadow | null>;
-  /**
-   * @deprecated Use `v2.space` instead
-   */
-  space: number[];
-  /**
-   * @internal
-   * @deprecated Use `v2.style` instead
-   */
-  styles?: ThemeStyles;
-  v2?: RootTheme_v2;
-}
-/**
- * @public
- */
-type RootTheme = BaseTheme;
-/**
- * @public
- */
-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;
-};
-/**
- * @public
- */
-interface Theme {
-  sanity: Omit<RootTheme, 'color' | 'v2'> & {
-    /**
-     * @deprecated Use `v2.color` instead
-     */
-    color: ThemeColor;
-    v2?: Theme_v2;
-  };
+export declare interface ThemeColorSolidTone {
+  enabled: ThemeColorGenericState
+  disabled: ThemeColorGenericState
+  hovered: ThemeColorGenericState
+  pressed: ThemeColorGenericState
+  selected: ThemeColorGenericState
 }
+
 /**
  * @public
- * @deprecated Use `buildColorTheme` instead.
+ * @deprecated Use `ThemeColorAvatar_v2` instead
  */
-interface ThemeColorBuilderOpts {
-  base: (opts: {
-    dark: boolean;
-    name: ThemeColorName;
-  }) => ThemeColorBase;
-  solid: (opts: {
-    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;
-  card: (opts: {
-    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;
-  input: (opts: {
-    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;
-}
+export declare type ThemeColorSpot = Record<ThemeColorSpotKey, string>
+
 /**
  * @public
- * @deprecated Use `ThemeConfig` instead.
+ * @deprecated Use `ThemeColorAvatarColorKey` instead
  */
-type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>;
+export declare type ThemeColorSpotKey = ThemeColorAvatarColorKey
+
 /**
  * @public
- * @deprecated Use `buildColorTheme` instead.
  */
-declare function createColorTheme(partialOpts?: PartialThemeColorBuilderOpts): ThemeColorSchemes;
-/** @public */
-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 */
-type ColorConfigStateKey = (typeof COLOR_CONFIG_STATE_KEYS)[number];
-/** @public */
-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 */
-type ColorConfigCardKey = (typeof COLOR_CONFIG_CARD_KEYS)[number];
-/** @public */
-declare const COLOR_CONFIG_BLEND_KEYS: readonly ["_blend"];
-/** @public */
-type ColorConfigBlendKey = (typeof COLOR_CONFIG_BLEND_KEYS)[number];
-/** @public */
-type ColorConfigOpacityValue = `0` | `0.${number}` | `1`;
-/** @public */
-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 */
-type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue];
-/** @public */
-type ColorBlendModeTokenValue = [ThemeColorBlendModeKey, ThemeColorBlendModeKey];
-/** @public */
-declare const COLOR_CONFIG_AVATAR_COLORS: readonly ["*", ...ColorHueKey[]];
-/** @public */
-type ColorConfigAvatarColor = (typeof COLOR_CONFIG_AVATAR_COLORS)[number];
-/** @public */
-declare const COLOR_CONFIG_CARD_TONES: readonly ["*", "transparent", "default", "neutral", "primary", "suggest", "positive", "caution", "critical"];
-/** @public */
-type ColorConfigCardTone = (typeof COLOR_CONFIG_CARD_TONES)[number];
-/** @public */
-declare const COLOR_CONFIG_STATE_TONES: readonly ["*", "default", "neutral", "primary", "suggest", "positive", "caution", "critical"];
-/** @public */
-type ColorConfigStateTone = (typeof COLOR_CONFIG_STATE_TONES)[number];
-/** @public */
-declare const COLOR_CONFIG_STATES: readonly ["*", "enabled", "hovered", "pressed", "selected", "disabled"];
-/** @public */
-type ColorConfigState = (typeof COLOR_CONFIG_STATES)[number];
-/** @public */
-declare const COLOR_CONFIG_INPUT_MODES: readonly ["*", "default", "invalid"];
-/** @public */
-type ColorConfigInputMode = (typeof COLOR_CONFIG_INPUT_MODES)[number];
-/** @public */
-declare const COLOR_CONFIG_INPUT_STATES: readonly ["*", "enabled", "hovered", "readOnly", "disabled"];
-/** @public */
-type ColorConfigInputState = (typeof COLOR_CONFIG_INPUT_STATES)[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;
-/** @public */
-interface ThemeColorAvatarHueTokens {
-  _blend?: ColorBlendModeTokenValue;
-  _hue?: ColorHueKey;
-  bg?: ThemeColorTokenValue;
-  fg?: ThemeColorTokenValue;
-}
-/** @public */
-interface ThemeColorAvatarTokens {
-  '*'?: ThemeColorAvatarHueTokens;
-  'gray'?: ThemeColorAvatarHueTokens;
-  'blue'?: ThemeColorAvatarHueTokens;
-  'purple'?: ThemeColorAvatarHueTokens;
-  'magenta'?: ThemeColorAvatarHueTokens;
-  'red'?: ThemeColorAvatarHueTokens;
-  'orange'?: ThemeColorAvatarHueTokens;
-  'yellow'?: ThemeColorAvatarHueTokens;
-  'green'?: ThemeColorAvatarHueTokens;
-  'cyan'?: ThemeColorAvatarHueTokens;
-}
-/** @public */
-interface ThemeColorBaseTokens extends ThemeColorStateTokens {
-  focusRing?: ThemeColorTokenValue;
-  backdrop?: ThemeColorTokenValue;
-  shadow?: {
-    outline?: ThemeColorTokenValue;
-    umbra?: ThemeColorTokenValue;
-    penumbra?: ThemeColorTokenValue;
-    ambient?: ThemeColorTokenValue;
-  };
+export declare interface ThemeColorState_v2 {
+  /** @internal */
+  _blend?: ThemeColorBlendModeKey
+  accent: {
+    fg: string
+  }
+  /**
+   * @internal  This may be removed in a future release
+   * */
+  avatar: ThemeColorAvatar_v2
+  /**
+   * @internal  This may be removed in a future release
+   * */
+  badge: ThemeColorBadge_v2
+  bg: string
+  border: string
+  code: {
+    bg: string
+    fg: string
+  }
+  fg: string
+  icon: string
+  kbd: ThemeColorKBD
+  link: {
+    fg: string
+  }
+  muted: {
+    bg: string
+    fg: string
+  }
+  skeleton: {
+    from: string
+    to: string
+  }
 }
+
 /** @public */
-interface ThemeColorBadgeToneTokens {
-  _blend?: ColorBlendModeTokenValue;
-  _hue?: ColorHueKey;
-  bg?: ThemeColorTokenValue;
-  dot?: ThemeColorTokenValue;
-  fg?: ThemeColorTokenValue;
-  icon?: ThemeColorTokenValue;
-}
+export declare type ThemeColorStateKey = (typeof THEME_COLOR_STATES)[number]
+
 /** @public */
-type ThemeColorBadgeTokens = Partial<Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>>;
+export declare type ThemeColorStatesTokens = Partial<
+  Record<ColorConfigState, ThemeColorStateTokens>
+>
+
 /** @public */
-interface ThemeColorStateTokens {
-  _blend?: ColorBlendModeTokenValue;
-  _hue?: ColorHueKey;
+export declare interface ThemeColorStateTokens {
+  _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 */
-type ThemeColorStatesTokens = Partial<Record<ColorConfigState, ThemeColorStateTokens>>;
-/** @public */
-interface ThemeColorButtonTokens extends Partial<Record<ColorConfigStateTone, ThemeColorStatesTokens>> {
-  _hue?: ColorHueKey;
+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
 }
+
 /** @public */
-interface ThemeColorInputStateTokens {
-  _blend?: ColorBlendModeTokenValue;
-  _hue?: ColorHueKey;
-  bg?: ThemeColorTokenValue;
-  border?: ThemeColorTokenValue;
-  fg?: ThemeColorTokenValue;
-  muted?: {
-    bg?: ThemeColorTokenValue;
-  };
-  placeholder?: ThemeColorTokenValue;
+export declare 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 */
-interface ThemeColorInputTokens extends Partial<Record<ColorConfigInputState, ThemeColorInputStateTokens>> {
-  _hue?: ColorHueKey;
-}
-/** @public */
-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>>;
-}
-/** @internal */
-interface TokenBaseKeyNode {
-  type: 'base';
-  tone: ColorConfigCardTone;
-  key: ColorConfigCardKey | ColorConfigBlendKey;
-}
-/** @internal */
-interface TokenButtonKeyNode {
-  type: 'button';
-  tone: ColorConfigStateTone;
-  mode: ThemeColorButtonModeKey;
-  key: ColorConfigStateKey | ColorConfigBlendKey;
-}
-/** @internal */
-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;
-}
-/** @internal */
-type TokenValueNode = TokenColorValueNode | TokenHueValueNode | TokenBlendModeValueNode;
-/** @internal */
-declare function parseTokenKey(str: string): TokenKeyNode | undefined;
-/** @internal */
-declare function parseTokenValue(str: string): TokenValueNode | undefined;
-/** @public */
-type ThemeColorPalette = {
-  black: string | ColorTint;
-  white: string | ColorTint;
-} & Record<ColorHueKey, Record<ColorTintKey, string | ColorTint>>;
+export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
+
+/**
+ * @public
+ * @deprecated Use `ThemeColorCardToneKey` instead.
+ */
+export declare type ThemeColorToneKey = ThemeColorName
+
 /** @public */
-interface ThemeConfig {
-  avatar?: ThemeAvatar_v2;
+export declare interface ThemeConfig {
+  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;
-}
-/** @internal */
-declare function buildTheme(config?: ThemeConfig): RootTheme;
-/**
- * @internal
- */
-interface RGB {
-  r: number;
-  g: number;
-  b: number;
-  a?: undefined;
+  style?: ThemeStyles
 }
+
 /**
- * @internal
+ * @public
  */
-interface RGBA {
-  r: number;
-  g: number;
-  b: number;
-  a: number;
+export declare interface ThemeFocusRing {
+  offset: number
+  width: number
 }
+
 /**
- * @internal
+ * @public
  */
-interface HSL {
-  h: number;
-  s: number;
-  l: number;
+export declare interface ThemeFont {
+  family: string
+  weights: ThemeFontWeight
+  sizes: ThemeFontSize[]
+  /** @deprecated No longer supported. */
+  horizontalOffset?: number
 }
+
 /**
- * Apply the \`mix\` blend mode
- * @internal
+ * @public
  */
-declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB;
+export declare type ThemeFontKey = 'code' | 'heading' | 'label' | 'text'
+
 /**
- * Apply the \`multiply\` blend mode
- * Source: https://www.w3.org/TR/compositing-1/#blendingmultiply
- * @internal
+ * @public
  */
-declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB;
+export declare interface ThemeFonts {
+  code: ThemeFont
+  heading: ThemeFont
+  label: ThemeFont
+  text: ThemeFont
+}
+
 /**
- * Apply the \`screen\` blend mode
- * Source: https://www.w3.org/TR/compositing-1/#blendingscreen
- * @internal
+ * @public
  */
-declare function screen(b: RGB | RGBA, s: RGB | RGBA): RGB;
-/** @internal */
-declare function getContrastRatio(bg: string, fg: string): number;
+export declare interface ThemeFontSize {
+  ascenderHeight: number
+  descenderHeight: number
+  fontSize: number
+  iconSize: number
+  letterSpacing: number
+  lineHeight: number
+}
+
 /**
- * @internal
+ * @public
  */
-declare function hexToRgb(hex: string): RGB;
+export declare interface ThemeFontWeight {
+  regular: number
+  medium: number
+  semibold: number
+  bold: number
+}
+
 /**
- * @internal
+ * @public
  */
-declare function rgbaToRGBA(rgba: string): RGBA;
+export declare type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold'
+
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeInput_v2` instead
  */
-declare function rgbToHex(color: RGB | RGBA): string;
+export declare interface ThemeInput {
+  checkbox: {
+    size: number
+  }
+  radio: {
+    size: number
+    markSize: number
+  }
+  switch: {
+    width: number
+    height: number
+    padding: number
+    transitionDurationMs: number
+    transitionTimingFunction: string
+  }
+  border: {
+    width: number
+  }
+}
+
 /**
- * @internal
- * @see https://css-tricks.com/converting-color-spaces-in-javascript/
+ * @public
  */
-declare function rgbToHsl({
-  r,
-  g,
-  b
-}: RGB): HSL;
+export declare interface ThemeInput_v2 {
+  checkbox: {
+    size: number
+    focusRing: ThemeFocusRing
+  }
+  radio: {
+    size: number
+    markSize: number
+    focusRing: ThemeFocusRing
+  }
+  switch: {
+    width: number
+    height: number
+    padding: number
+    transitionDurationMs: number
+    transitionTimingFunction: string
+    focusRing: ThemeFocusRing
+  }
+  border: {
+    width: number
+  }
+  select: {
+    focusRing: ThemeFocusRing
+  }
+  text: {
+    focusRing: ThemeFocusRing
+  }
+}
+
 /**
- * @internal
+ * @public
  */
-declare function hslToRgb(hsl: HSL): RGB;
+export declare interface ThemeLayer {
+  dialog: {
+    zOffset: number
+  }
+  popover: {
+    zOffset: number
+  }
+  tooltip: {
+    zOffset: number
+  }
+}
+
 /**
- * @internal
+ * @public
  */
-declare function parseColor(color: unknown): RGB | RGBA;
+export declare interface ThemeShadow {
+  umbra: ThemeBoxShadow
+  penumbra: ThemeBoxShadow
+  ambient: ThemeBoxShadow
+}
+
 /**
  * @internal
  */
-declare function rgba(color: unknown, a: number): string;
+export declare interface ThemeStyles {
+  button?: {
+    root?: CSSObject
+  }
+  card?: {
+    root?: CSSObject
+  }
+}
+
 /** @internal */
-declare function getScopedTheme(themeProp: RootTheme | RootTheme_v2, scheme: ThemeColorSchemeKey, tone: ThemeColorCardToneKey): Theme;
-/** @public */
-declare function getTheme_v2(theme: Theme): Theme_v2;
+export declare interface TokenBaseKeyNode {
+  type: 'base'
+  tone: ColorConfigCardTone
+  key: ColorConfigCardKey | ColorConfigBlendKey
+}
+
+/** @internal */
+export declare interface TokenBlendModeValueNode {
+  type: 'blendMode'
+  value?: ThemeColorBlendModeKey
+}
+
+/** @internal */
+export declare interface TokenButtonKeyNode {
+  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
+}
+
+/** @internal */
+export declare interface TokenHueValueNode {
+  type: 'hue'
+  value?: ColorHueKey
+}
+
 /** @internal */
-declare function is_v0(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme;
+export declare type TokenKeyNode = TokenBaseKeyNode | TokenButtonKeyNode
+
 /** @internal */
-declare function is_v2(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme_v2;
+export declare type TokenValueNode =
+  | TokenColorValueNode
+  | TokenHueValueNode
+  | TokenBlendModeValueNode
+
 /** @internal */
-declare function v0_v2(v0: RootTheme): RootTheme_v2;
+export declare function v0_v2(v0: RootTheme): RootTheme_v2
+
 /** @internal */
-declare function v2_v0(v2: RootTheme_v2): RootTheme;
-export { 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, CSSObject, ColorBlendModeTokenValue, ColorConfigAvatarColor, ColorConfigBlendKey, ColorConfigCardKey, ColorConfigCardTone, ColorConfigInputMode, ColorConfigInputState, ColorConfigOpacityValue, ColorConfigState, ColorConfigStateKey, ColorConfigStateTone, ColorConfigValue, HSL, PartialThemeColorBuilderOpts, RGB, RGBA, RootTheme, 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, Theme, ThemeAvatar, ThemeAvatar_v2, ThemeBoxShadow, ThemeColor, ThemeColorAvatarColorKey, ThemeColorAvatarHueTokens, ThemeColorAvatarHue_v2, ThemeColorAvatarTokens, ThemeColorAvatar_v2, ThemeColorBadgeTokens, ThemeColorBadgeToneTokens, ThemeColorBadgeTone_v2, ThemeColorBadge_v2, ThemeColorBase, ThemeColorBaseTokens, ThemeColorBlendModeKey, ThemeColorBuilderOpts, ThemeColorButton, ThemeColorButtonModeKey, ThemeColorButtonMode_v2, ThemeColorButtonState, ThemeColorButtonStates, ThemeColorButtonTokens, ThemeColorButtonTone_v2, ThemeColorButtonTones, ThemeColorButton_v2, ThemeColorCard, ThemeColorCardState, ThemeColorCardToneKey, ThemeColorCard_v2, ThemeColorGenericState, ThemeColorInput, ThemeColorInputModeKey, ThemeColorInputMode_v2, ThemeColorInputState, ThemeColorInputStateKey, ThemeColorInputStateTokens, ThemeColorInputState_v2, ThemeColorInputStates, ThemeColorInputTokens, ThemeColorInput_v2, ThemeColorKBD, ThemeColorMuted, ThemeColorMutedTone, ThemeColorName, ThemeColorPalette, ThemeColorScheme, ThemeColorSchemeKey, ThemeColorScheme_v2, ThemeColorSchemes, ThemeColorSchemes_v2, ThemeColorSelectable, ThemeColorSelectableState, ThemeColorSelectableStates, ThemeColorSelectableTone_v2, ThemeColorSelectable_v2, ThemeColorShadow, ThemeColorSolid, ThemeColorSolidTone, ThemeColorSpot, ThemeColorSpotKey, ThemeColorStateKey, ThemeColorStateTokens, ThemeColorStateToneKey, ThemeColorState_v2, ThemeColorStatesTokens, ThemeColorSyntax, ThemeColorTokenValue, ThemeColorTokens, ThemeColorToneKey, ThemeConfig, ThemeFocusRing, ThemeFont, ThemeFontKey, ThemeFontSize, ThemeFontWeight, ThemeFontWeightKey, ThemeFonts, ThemeInput, ThemeInput_v2, ThemeLayer, ThemeShadow, ThemeStyles, Theme_v2, TokenBaseKeyNode, TokenBlendModeValueNode, TokenButtonKeyNode, TokenColorValueNode, TokenHueValueNode, TokenKeyNode, 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
+export declare function v2_v0(v2: RootTheme_v2): RootTheme
+
+export {}