@sanity/ui 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/index.d.ts

@@ -2,26 +2,10 @@
 
 import {AnimationEventHandler} from 'react'
 import {AriaRole} from 'react'
-import {BaseTheme} from '@sanity/ui/theme'
-import {BoxShadow} from '@sanity/ui/theme'
-import {buildTheme} from '@sanity/ui/theme'
+import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
 import {ClipboardEventHandler} from 'react'
-import {COLOR_CONFIG_BLEND_KEYS} from '@sanity/ui/theme'
-import {COLOR_CONFIG_CARD_KEYS} from '@sanity/ui/theme'
-import {COLOR_CONFIG_CARD_TONES} from '@sanity/ui/theme'
-import {COLOR_CONFIG_STATE_KEYS} from '@sanity/ui/theme'
-import {COLOR_CONFIG_STATE_TONES} from '@sanity/ui/theme'
-import {ColorBlendModeTokenValue} from '@sanity/ui/theme'
-import {ColorConfigBlendKey} from '@sanity/ui/theme'
-import {ColorConfigCardKey} from '@sanity/ui/theme'
-import {ColorConfigCardTone} from '@sanity/ui/theme'
-import {ColorConfigOpacityValue} from '@sanity/ui/theme'
-import {ColorConfigStateKey} from '@sanity/ui/theme'
-import {ColorConfigStateTone} from '@sanity/ui/theme'
-import {ColorConfigValue} from '@sanity/ui/theme'
 import {Component} from 'react'
 import {CompositionEventHandler} from 'react'
-import {createColorTheme} from '@sanity/ui/theme'
 import {CSSObject} from '@sanity/ui/theme'
 import {CSSProperties} from 'react'
 import {DragEventHandler} from 'react'
@@ -29,34 +13,16 @@ import {ElementType} from 'react'
 import {FocusEventHandler} from 'react'
 import {FormEventHandler} from 'react'
 import {ForwardRefExoticComponent} from 'react'
-import {hexToRgb} from '@sanity/ui/theme'
-import {HSL} from '@sanity/ui/theme'
-import {hslToRgb} from '@sanity/ui/theme'
+import {HSL as HSL_2} from '@sanity/ui/theme'
 import {HTMLProps} from 'react'
-import {isColorBlendModeValue} from '@sanity/ui/theme'
-import {isColorButtonMode} from '@sanity/ui/theme'
-import {isColorConfigBaseKey} from '@sanity/ui/theme'
-import {isColorConfigBaseTone} from '@sanity/ui/theme'
-import {isColorConfigBlendKey} from '@sanity/ui/theme'
-import {isColorConfigStateKey} from '@sanity/ui/theme'
-import {isColorConfigStateTone} from '@sanity/ui/theme'
-import {isColorHueKey} from '@sanity/ui/theme'
-import {isColorOpacityValue} from '@sanity/ui/theme'
-import {isColorTintKey} from '@sanity/ui/theme'
-import {isColorTokenValue} from '@sanity/ui/theme'
-import {isColorValue} from '@sanity/ui/theme'
 import {IStyledComponent} from 'styled-components'
 import {Key} from 'react'
 import {KeyboardEventHandler} from 'react'
 import {LegacyRef} from 'react'
 import {MemoExoticComponent} from 'react'
 import {MouseEventHandler} from 'react'
-import {multiply} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
-import {parseColor} from '@sanity/ui/theme'
-import {parseTokenKey} from '@sanity/ui/theme'
-import {parseTokenValue} from '@sanity/ui/theme'
 import {PartialThemeColorBuilderOpts} from '@sanity/ui/theme'
 import {PointerEventHandler} from 'react'
 import {PropsWithChildren} from 'react'
@@ -66,34 +32,20 @@ import {ReactNode} from 'react'
 import {Ref} from 'react'
 import {RefAttributes} from 'react'
 import {RefCallback} from 'react'
-import {RGB} from '@sanity/ui/theme'
-import {RGBA} from '@sanity/ui/theme'
-import {rgba} from '@sanity/ui/theme'
-import {rgbaToRGBA} from '@sanity/ui/theme'
-import {rgbToHex} from '@sanity/ui/theme'
-import {rgbToHsl} from '@sanity/ui/theme'
-import {RootTheme} from '@sanity/ui/theme'
-import {screen as screen_2} from '@sanity/ui/theme'
-import {defaultTheme as studioTheme} from '@sanity/ui/theme'
-import {Theme} from '@sanity/ui/theme'
-import {THEME_COLOR_BLEND_MODES} from '@sanity/ui/theme'
-import {THEME_COLOR_BUTTON_MODES} from '@sanity/ui/theme'
-import {THEME_COLOR_CARD_TONES} from '@sanity/ui/theme'
-import {THEME_COLOR_STATE_TONES} from '@sanity/ui/theme'
-import {THEME_COLOR_STATES} from '@sanity/ui/theme'
+import {RGB as RGB_2} from '@sanity/ui/theme'
+import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
+import {Theme as Theme_2} from '@sanity/ui/theme'
 import {Theme_v2} from '@sanity/ui/theme'
 import {ThemeAvatar} from '@sanity/ui/theme'
+import {ThemeBoxShadow} from '@sanity/ui/theme'
 import {ThemeColor} from '@sanity/ui/theme'
 import {ThemeColorAvatarColorKey} from '@sanity/ui/theme'
 import {ThemeColorBase} from '@sanity/ui/theme'
-import {ThemeColorBaseTokens} from '@sanity/ui/theme'
-import {ThemeColorBlendModeKey} from '@sanity/ui/theme'
 import {ThemeColorBuilderOpts} from '@sanity/ui/theme'
 import {ThemeColorButton} from '@sanity/ui/theme'
-import {ThemeColorButtonModeKey} from '@sanity/ui/theme'
+import {ThemeColorButtonModeKey as ThemeColorButtonModeKey_2} from '@sanity/ui/theme'
 import {ThemeColorButtonState} from '@sanity/ui/theme'
 import {ThemeColorButtonStates} from '@sanity/ui/theme'
-import {ThemeColorButtonTokens} from '@sanity/ui/theme'
 import {ThemeColorButtonTones} from '@sanity/ui/theme'
 import {ThemeColorCard} from '@sanity/ui/theme'
 import {ThemeColorCardState} from '@sanity/ui/theme'
@@ -106,7 +58,7 @@ import {ThemeColorMuted} from '@sanity/ui/theme'
 import {ThemeColorMutedTone} from '@sanity/ui/theme'
 import {ThemeColorName} from '@sanity/ui/theme'
 import {ThemeColorScheme} from '@sanity/ui/theme'
-import {ThemeColorSchemeKey} from '@sanity/ui/theme'
+import {ThemeColorSchemeKey as ThemeColorSchemeKey_2} from '@sanity/ui/theme'
 import {ThemeColorSchemes} from '@sanity/ui/theme'
 import {ThemeColorSelectable} from '@sanity/ui/theme'
 import {ThemeColorSelectableState} from '@sanity/ui/theme'
@@ -115,33 +67,19 @@ import {ThemeColorSolid} from '@sanity/ui/theme'
 import {ThemeColorSolidTone} from '@sanity/ui/theme'
 import {ThemeColorSpot} from '@sanity/ui/theme'
 import {ThemeColorSpotKey} from '@sanity/ui/theme'
-import {ThemeColorStateKey} from '@sanity/ui/theme'
-import {ThemeColorStatesTokens} from '@sanity/ui/theme'
-import {ThemeColorStateTokens} from '@sanity/ui/theme'
 import {ThemeColorStateToneKey} from '@sanity/ui/theme'
-import {ThemeColorSyntax} from '@sanity/ui/theme'
-import {ThemeColorTokens} from '@sanity/ui/theme'
-import {ThemeColorTokenValue} from '@sanity/ui/theme'
+import {ThemeColorSyntax as ThemeColorSyntax_2} from '@sanity/ui/theme'
 import {ThemeColorToneKey} from '@sanity/ui/theme'
-import {ThemeConfig} from '@sanity/ui/theme'
-import {ThemeFocusRing} from '@sanity/ui/theme'
-import {ThemeFont} from '@sanity/ui/theme'
-import {ThemeFontKey} from '@sanity/ui/theme'
-import {ThemeFonts} from '@sanity/ui/theme'
-import {ThemeFontSize} from '@sanity/ui/theme'
-import {ThemeFontWeight} from '@sanity/ui/theme'
-import {ThemeFontWeightKey} from '@sanity/ui/theme'
+import {ThemeFont as ThemeFont_2} from '@sanity/ui/theme'
+import {ThemeFontKey as ThemeFontKey_2} from '@sanity/ui/theme'
+import {ThemeFonts as ThemeFonts_2} from '@sanity/ui/theme'
+import {ThemeFontSize as ThemeFontSize_2} from '@sanity/ui/theme'
+import {ThemeFontWeight as ThemeFontWeight_2} from '@sanity/ui/theme'
+import {ThemeFontWeightKey as ThemeFontWeightKey_2} from '@sanity/ui/theme'
 import {ThemeInput} from '@sanity/ui/theme'
-import {ThemeLayer} from '@sanity/ui/theme'
-import {ThemeShadow} from '@sanity/ui/theme'
+import {ThemeLayer as ThemeLayer_2} from '@sanity/ui/theme'
+import {ThemeShadow as ThemeShadow_2} from '@sanity/ui/theme'
 import {ThemeStyles} from '@sanity/ui/theme'
-import {TokenBaseKeyNode} from '@sanity/ui/theme'
-import {TokenBlendModeValueNode} from '@sanity/ui/theme'
-import {TokenButtonKeyNode} from '@sanity/ui/theme'
-import {TokenColorValueNode} from '@sanity/ui/theme'
-import {TokenHueValueNode} from '@sanity/ui/theme'
-import {TokenKeyNode} from '@sanity/ui/theme'
-import {TokenValueNode} from '@sanity/ui/theme'
 import {TouchEventHandler} from 'react'
 import {TransitionEventHandler} from 'react'
 import {UIEventHandler} from 'react'
@@ -475,7 +413,11 @@ export declare interface BaseAutocompleteOption {
   value: string
 }
 
-export {BaseTheme}
+/**
+ * @public
+ * @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
+ */
+export declare type BaseTheme = BaseTheme_2
 
 /**
  * @public
@@ -539,7 +481,11 @@ export declare interface BoxProps
   forwardedAs?: React.ElementType | keyof JSX.IntrinsicElements
 }
 
-export {BoxShadow}
+/**
+ * @public
+ * @deprecated Use `ThemeBoxShadow` from `@sanity/ui/theme` instead.
+ */
+export declare type BoxShadow = ThemeBoxShadow
 
 /**
  * @public
@@ -564,8 +510,6 @@ export declare interface BreadcrumbsProps {
   space?: number | number[]
 }
 
-export {buildTheme}
-
 /**
  * @public
  */
@@ -577,7 +521,7 @@ export declare const Button: ForwardRefExoticComponent<
 /**
  * @public
  */
-export declare type ButtonMode = ThemeColorButtonModeKey
+export declare type ButtonMode = ThemeColorButtonModeKey_2
 
 /**
  * @public
@@ -648,7 +592,7 @@ export declare interface CardProps
    */
   __unstable_focusRing?: boolean
   pressed?: boolean
-  scheme?: ThemeColorSchemeKey
+  scheme?: ThemeColorSchemeKey_2
   tone?: CardTone
 }
 
@@ -727,32 +671,6 @@ export declare interface CodeSkeletonProps extends SkeletonProps {
   size?: number | number[]
 }
 
-export {COLOR_CONFIG_BLEND_KEYS}
-
-export {COLOR_CONFIG_CARD_KEYS}
-
-export {COLOR_CONFIG_CARD_TONES}
-
-export {COLOR_CONFIG_STATE_KEYS}
-
-export {COLOR_CONFIG_STATE_TONES}
-
-export {ColorBlendModeTokenValue}
-
-export {ColorConfigBlendKey}
-
-export {ColorConfigCardKey}
-
-export {ColorConfigCardTone}
-
-export {ColorConfigOpacityValue}
-
-export {ColorConfigStateKey}
-
-export {ColorConfigStateTone}
-
-export {ColorConfigValue}
-
 /**
  * The `Container` component wraps content layout in a defined set of widths.
  *
@@ -773,9 +691,11 @@ export declare interface ContainerProps extends BoxProps, ResponsiveWidthProps {
  */
 export declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean
 
-export {createColorTheme}
-
-export {CSSObject}
+/**
+ * @public
+ * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
+ */
+export declare const createColorTheme: any
 
 /**
  * @public
@@ -841,7 +761,7 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
   onClose?: () => void
   portal?: string
   position?: DialogPosition | DialogPosition[]
-  scheme?: ThemeColorSchemeKey
+  scheme?: ThemeColorSchemeKey_2
   zOffset?: number | number[]
   /**
    * Whether the dialog should animate in on mount.
@@ -1019,7 +939,7 @@ export declare function focusLastDescendant(element: HTMLElement): boolean
  * @internal
  */
 export declare interface FontWeightStyleProps {
-  $weight?: ThemeFontWeightKey
+  $weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -1031,7 +951,7 @@ export declare function _getArrayProp<T = number>(val: T | T[] | undefined, defa
  * @internal
  */
 export declare function _getResponsiveSpace(
-  theme: Theme,
+  theme: Theme_2,
   props: string[],
   spaceIndexes?: number[],
 ): CSSObject[] | null
@@ -1126,7 +1046,7 @@ export declare interface HeadingProps {
    * @beta
    */
   textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -1149,7 +1069,11 @@ export declare interface HeadingSkeletonProps extends SkeletonProps {
   size?: number | number[]
 }
 
-export {hexToRgb}
+/**
+ * @public
+ * @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
+ */
+export declare const hexToRgb: any
 
 /**
  * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
@@ -1171,9 +1095,17 @@ export declare interface HotkeysProps {
   keys?: string[]
 }
 
-export {HSL}
+/**
+ * @public
+ * @deprecated Use `HSL` from `@sanity/ui/theme` instead.
+ */
+export declare type HSL = HSL_2
 
-export {hslToRgb}
+/**
+ * @public
+ * @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
+ */
+export declare const hslToRgb: any
 
 /**
  * The `Inline` component is a layout utility for aligning and spacing items horizontally.
@@ -1192,30 +1124,6 @@ export declare interface InlineProps extends Omit<BoxProps, 'display'> {
   space?: number | number[]
 }
 
-export {isColorBlendModeValue}
-
-export {isColorButtonMode}
-
-export {isColorConfigBaseKey}
-
-export {isColorConfigBaseTone}
-
-export {isColorConfigBlendKey}
-
-export {isColorConfigStateKey}
-
-export {isColorConfigStateTone}
-
-export {isColorHueKey}
-
-export {isColorOpacityValue}
-
-export {isColorTintKey}
-
-export {isColorTokenValue}
-
-export {isColorValue}
-
 /**
  * @internal
  */
@@ -1305,7 +1213,7 @@ export declare interface LabelProps {
    * @beta
    */
   textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -1429,7 +1337,7 @@ export declare interface MenuButtonProps {
   /**
    * @deprecated Use `popover={{scheme: 'dark'}}` instead.
    */
-  popoverScheme?: ThemeColorSchemeKey
+  popoverScheme?: ThemeColorSchemeKey_2
   /**
    * @deprecated Use `popover={{radius: 2}}` instead.
    */
@@ -1834,13 +1742,17 @@ export declare interface MenuProps extends ResponsivePaddingProps {
   space?: number | number[]
 }
 
-export {multiply}
-
-export {parseColor}
-
-export {parseTokenKey}
+/**
+ * @public
+ * @deprecated Use `multiply` from `@sanity/ui/theme` instead.
+ */
+export declare const multiply: any
 
-export {parseTokenValue}
+/**
+ * @public
+ * @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
+ */
+export declare const parseColor: any
 
 export {PartialThemeColorBuilderOpts}
 
@@ -1909,7 +1821,7 @@ export declare interface PopoverProps
   preventOverflow?: boolean
   referenceBoundary?: HTMLElement | null
   referenceElement?: HTMLElement | null
-  scheme?: ThemeColorSchemeKey
+  scheme?: ThemeColorSchemeKey_2
   tone?: CardTone
   /** @beta */
   updateRef?:
@@ -2216,20 +2128,41 @@ export declare interface ResponsiveWidthStyleProps {
   $width: (number | 'auto')[]
 }
 
-export {RGB}
-
-export {RGBA}
-
-export {rgba}
+/**
+ * @public
+ * @deprecated Use `RGB` from `@sanity/ui/theme` instead.
+ */
+export declare type RGB = RGB_2
 
-export {rgbaToRGBA}
+/**
+ * @public
+ * @deprecated Use `rgba` from `@sanity/ui/theme` instead.
+ */
+export declare const rgba: any
 
-export {rgbToHex}
+/**
+ * @public
+ * @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
+ */
+export declare const rgbToHex: any
 
-export {rgbToHsl}
+/**
+ * @public
+ * @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
+ */
+export declare const rgbToHsl: any
 
-export {RootTheme}
+/**
+ * @public
+ * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.
+ */
+export declare type RootTheme = RootTheme_2
 
+/**
+ * @public
+ * @deprecated Use `screen` from `@sanity/ui/theme` instead.
+ */
+declare const screen_2: any
 export {screen_2 as screen}
 
 /**
@@ -2326,7 +2259,17 @@ export declare interface StackProps extends BoxProps {
   space?: number | number[]
 }
 
-export {studioTheme}
+/**
+ * @public
+ * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
+ */
+export declare const studioTheme: any
+
+/**
+ * @public
+ * @deprecated Use `ThemeStyles` from `@sanity/ui/theme` instead.
+ */
+export declare type Styles = ThemeStyles
 
 /**
  * The `Switch` component allows the user to toggle a setting on and off.
@@ -2452,7 +2395,7 @@ export declare interface TextAreaProps extends ResponsiveRadiusProps {
   customValidity?: string
   fontSize?: number | number[]
   padding?: number | number[]
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -2498,7 +2441,7 @@ export declare interface TextInputProps {
   space?: number | number[]
   suffix?: React.ReactNode
   type?: TextInputType
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -2534,7 +2477,7 @@ export declare interface TextProps {
    * @beta
    */
   textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -2557,17 +2500,11 @@ export declare interface TextSkeletonProps extends SkeletonProps {
   size?: number | number[]
 }
 
-export {Theme}
-
-export {THEME_COLOR_BLEND_MODES}
-
-export {THEME_COLOR_BUTTON_MODES}
-
-export {THEME_COLOR_CARD_TONES}
-
-export {THEME_COLOR_STATE_TONES}
-
-export {THEME_COLOR_STATES}
+/**
+ * @public
+ * @deprecated Use `Theme` from `@sanity/ui/theme` instead.
+ */
+export declare type Theme = Theme_2
 
 export {ThemeAvatar}
 
@@ -2575,30 +2512,26 @@ export {ThemeColor}
 
 export {ThemeColorBase}
 
-export {ThemeColorBaseTokens}
-
-export {ThemeColorBlendModeKey}
-
 export {ThemeColorBuilderOpts}
 
 export {ThemeColorButton}
 
-export {ThemeColorButtonModeKey}
+/**
+ * @public
+ * @deprecated Use `ThemeColorButtonModeKey` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeColorButtonModeKey = ThemeColorButtonModeKey_2
 
 export {ThemeColorButtonState}
 
 export {ThemeColorButtonStates}
 
-export {ThemeColorButtonTokens}
-
 export {ThemeColorButtonTones}
 
 export {ThemeColorCard}
 
 export {ThemeColorCardState}
 
-export {ThemeColorCardToneKey}
-
 export {ThemeColorGenericState}
 
 export {ThemeColorInput}
@@ -2623,13 +2556,17 @@ export declare function ThemeColorProvider(props: ThemeColorProviderProps): Reac
  */
 export declare interface ThemeColorProviderProps {
   children?: React.ReactNode
-  scheme?: ThemeColorSchemeKey
+  scheme?: ThemeColorSchemeKey_2
   tone?: ThemeColorCardToneKey
 }
 
 export {ThemeColorScheme}
 
-export {ThemeColorSchemeKey}
+/**
+ * @public
+ * @deprecated Use `ThemeColorSchemeKey` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeColorSchemeKey = ThemeColorSchemeKey_2
 
 export {ThemeColorSchemes}
 
@@ -2647,58 +2584,74 @@ export {ThemeColorSpot}
 
 export {ThemeColorSpotKey}
 
-export {ThemeColorStateKey}
-
-export {ThemeColorStatesTokens}
-
-export {ThemeColorStateTokens}
-
-export {ThemeColorStateToneKey}
-
-export {ThemeColorSyntax}
-
-export {ThemeColorTokens}
-
-export {ThemeColorTokenValue}
+/**
+ * @public
+ * @deprecated Use `ThemeColorSyntax` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeColorSyntax = ThemeColorSyntax_2
 
 export {ThemeColorToneKey}
 
-export {ThemeConfig}
-
 /**
  * @public
  */
 export declare interface ThemeContextValue {
   /** @deprecated No longer used */
   version: 0.0
-  scheme: ThemeColorSchemeKey
-  theme: RootTheme
+  scheme: ThemeColorSchemeKey_2
+  theme: RootTheme_2
   tone: ThemeColorCardToneKey
 }
 
-export {ThemeFocusRing}
-
-export {ThemeFont}
+/**
+ * @public
+ * @deprecated Use `ThemeFont` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeFont = ThemeFont_2
 
-export {ThemeFontKey}
+/**
+ * @public
+ * @deprecated Use `ThemeFontKey` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeFontKey = ThemeFontKey_2
 
-export {ThemeFonts}
+/**
+ * @public
+ * @deprecated Use `ThemeFonts` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeFonts = ThemeFonts_2
 
-export {ThemeFontSize}
+/**
+ * @public
+ * @deprecated Use `ThemeFontSize` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeFontSize = ThemeFontSize_2
 
-export {ThemeFontWeight}
+/**
+ * @public
+ * @deprecated Use `ThemeFontWeight` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeFontWeight = ThemeFontWeight_2
 
-export {ThemeFontWeightKey}
+/**
+ * @public
+ * @deprecated Use `ThemeFontWeightKey` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeFontWeightKey = ThemeFontWeightKey_2
 
 export {ThemeInput}
 
-export {ThemeLayer}
+/**
+ * @public
+ * @deprecated Use `ThemeLayer` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeLayer = ThemeLayer_2
 
 /**
  * @internal
  */
 export declare interface ThemeProps {
-  theme: Theme
+  theme: Theme_2
 }
 
 /**
@@ -2711,14 +2664,16 @@ export declare function ThemeProvider(props: ThemeProviderProps): React.ReactEle
  */
 export declare interface ThemeProviderProps {
   children?: React.ReactNode
-  scheme?: ThemeColorSchemeKey
-  theme?: RootTheme
+  scheme?: ThemeColorSchemeKey_2
+  theme?: RootTheme_2
   tone?: ThemeColorCardToneKey
 }
 
-export {ThemeShadow}
-
-export {ThemeStyles}
+/**
+ * @public
+ * @deprecated Use `ThemeShadow` from `@sanity/ui/theme` instead.
+ */
+export declare type ThemeShadow = ThemeShadow_2
 
 /**
  * The `Toast` component gives feedback to users when an action has taken place.
@@ -2780,20 +2735,6 @@ export declare interface ToastProviderProps {
   zOffset?: number | number[]
 }
 
-export {TokenBaseKeyNode}
-
-export {TokenBlendModeValueNode}
-
-export {TokenButtonKeyNode}
-
-export {TokenColorValueNode}
-
-export {TokenHueValueNode}
-
-export {TokenKeyNode}
-
-export {TokenValueNode}
-
 /**
  * Tooltips display information when hovering, focusing or tapping.
  *
@@ -2864,7 +2805,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   /** Whether or not to render the tooltip in a portal element. */
   portal?: boolean | string
   radius?: number | number[]
-  scheme?: ThemeColorSchemeKey
+  scheme?: ThemeColorSchemeKey_2
   shadow?: number | number[]
   /**
    * Adds a delay to open or close the tooltip.
@@ -2935,7 +2876,7 @@ export declare interface TreeItemProps {
   padding?: number | number[]
   space?: number | number[]
   text?: React.ReactNode
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -3060,7 +3001,7 @@ export declare function useRootTheme(): ThemeContextValue
 /**
  * @public
  */
-export declare function useTheme(): Theme
+export declare function useTheme(): Theme_2
 
 /**
  * @public