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

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'
@@ -178,24 +116,24 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
   props: AutocompleteProps<Option> &
     Omit<
       HTMLProps<HTMLInputElement>,
-      | 'value'
-      | 'ref'
       | 'id'
-      | 'spellCheck'
+      | 'type'
       | 'role'
-      | 'prefix'
-      | 'autoCapitalize'
-      | 'autoCorrect'
-      | 'inputMode'
       | 'aria-activedescendant'
       | 'aria-autocomplete'
       | 'aria-expanded'
       | 'aria-owns'
       | 'onChange'
       | 'onSelect'
+      | 'value'
+      | 'ref'
+      | 'spellCheck'
+      | 'prefix'
+      | 'autoCapitalize'
+      | 'autoCorrect'
+      | 'inputMode'
       | 'as'
       | 'autoComplete'
-      | 'type'
     > & {
       ref?: Ref<HTMLInputElement> | undefined
     },
@@ -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
@@ -551,7 +497,7 @@ export declare type BoxSizing = 'content' | 'border'
  */
 export declare const Breadcrumbs: ForwardRefExoticComponent<
   BreadcrumbsProps &
-    Omit<HTMLProps<HTMLOListElement>, 'ref' | 'as' | 'type'> &
+    Omit<HTMLProps<HTMLOListElement>, 'type' | 'ref' | 'as'> &
     RefAttributes<HTMLOListElement>
 >
 
@@ -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
 }
 
@@ -672,7 +616,7 @@ export declare type CardTone = ThemeColorCardToneKey | 'inherit'
  * @public
  */
 export declare const Checkbox: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'as' | 'type'> & CheckboxProps, 'ref'> &
+  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & CheckboxProps, 'ref'> &
     RefAttributes<HTMLInputElement>
 >
 
@@ -713,7 +657,7 @@ export declare interface CodeProps {
  */
 export declare const CodeSkeleton: ForwardRefExoticComponent<
   Omit<
-    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'children' | 'height' | 'as'>,
+    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'children' | 'size' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -727,31 +671,18 @@ 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}
+/**
+ * @internal
+ */
+export declare function ConditionalWrapper({
+  children,
+  condition,
+  wrapper,
+}: {
+  children: React.ReactNode
+  condition: boolean
+  wrapper: (children: React.ReactNode) => React.ReactNode
+}): React.ReactNode
 
 /**
  * The `Container` component wraps content layout in a defined set of widths.
@@ -773,9 +704,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 +774,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 +952,7 @@ export declare function focusLastDescendant(element: HTMLElement): boolean
  * @internal
  */
 export declare interface FontWeightStyleProps {
-  $weight?: ThemeFontWeightKey
+  $weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -1031,7 +964,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 +1059,7 @@ export declare interface HeadingProps {
    * @beta
    */
   textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -1135,7 +1068,7 @@ export declare interface HeadingProps {
  */
 export declare const HeadingSkeleton: ForwardRefExoticComponent<
   Omit<
-    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'children' | 'height' | 'as'>,
+    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'children' | 'size' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1149,7 +1082,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 +1108,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 +1137,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 +1226,7 @@ export declare interface LabelProps {
    * @beta
    */
   textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -1314,7 +1235,7 @@ export declare interface LabelProps {
  */
 export declare const LabelSkeleton: ForwardRefExoticComponent<
   Omit<
-    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'children' | 'height' | 'as'>,
+    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'children' | 'size' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1391,7 +1312,7 @@ export declare interface _MediaStore {
  * @public
  */
 export declare const Menu: ForwardRefExoticComponent<
-  Omit<MenuProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'role' | 'as'>, 'ref'> &
+  Omit<MenuProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'tabIndex' | 'as'>, 'ref'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -1429,7 +1350,7 @@ export declare interface MenuButtonProps {
   /**
    * @deprecated Use `popover={{scheme: 'dark'}}` instead.
    */
-  popoverScheme?: ThemeColorSchemeKey
+  popoverScheme?: ThemeColorSchemeKey_2
   /**
    * @deprecated Use `popover={{radius: 2}}` instead.
    */
@@ -1474,7 +1395,7 @@ export declare const MenuDivider: IStyledComponent<
     style?: CSSProperties | undefined
     tabIndex?: number | undefined
     title?: string | undefined
-    translate?: 'yes' | 'no' | undefined
+    translate?: 'no' | 'yes' | undefined
     radioGroup?: string | undefined
     role?: AriaRole | undefined
     about?: string | undefined
@@ -1499,7 +1420,7 @@ export declare const MenuDivider: IStyledComponent<
     itemRef?: string | undefined
     results?: number | undefined
     security?: string | undefined
-    unselectable?: 'on' | 'off' | undefined
+    unselectable?: 'off' | 'on' | undefined
     inputMode?:
       | 'none'
       | 'text'
@@ -1513,7 +1434,7 @@ export declare const MenuDivider: IStyledComponent<
     is?: string | undefined
     'aria-activedescendant'?: string | undefined
     'aria-atomic'?: (boolean | 'false' | 'true') | undefined
-    'aria-autocomplete'?: 'none' | 'both' | 'inline' | 'list' | undefined
+    'aria-autocomplete'?: 'none' | 'inline' | 'both' | 'list' | undefined
     'aria-braillelabel'?: string | undefined
     'aria-brailleroledescription'?: string | undefined
     'aria-busy'?: (boolean | 'false' | 'true') | undefined
@@ -1528,16 +1449,16 @@ export declare const MenuDivider: IStyledComponent<
       | 'page'
       | 'false'
       | 'true'
-      | 'time'
       | 'step'
       | 'location'
       | 'date'
+      | 'time'
       | undefined
     'aria-describedby'?: string | undefined
     'aria-description'?: string | undefined
     'aria-details'?: string | undefined
     'aria-disabled'?: (boolean | 'false' | 'true') | undefined
-    'aria-dropeffect'?: 'none' | 'link' | 'copy' | 'move' | 'execute' | 'popup' | undefined
+    'aria-dropeffect'?: 'none' | 'copy' | 'move' | 'link' | 'execute' | 'popup' | undefined
     'aria-errormessage'?: string | undefined
     'aria-expanded'?: (boolean | 'false' | 'true') | undefined
     'aria-flowto'?: string | undefined
@@ -1569,8 +1490,8 @@ export declare const MenuDivider: IStyledComponent<
     'aria-pressed'?: boolean | 'mixed' | 'false' | 'true' | undefined
     'aria-readonly'?: (boolean | 'false' | 'true') | undefined
     'aria-relevant'?:
-      | 'text'
       | 'all'
+      | 'text'
       | 'additions'
       | 'additions removals'
       | 'additions text'
@@ -1792,7 +1713,7 @@ export declare interface MenuGroupProps {
  */
 export declare const MenuItem: ForwardRefExoticComponent<
   MenuItemProps &
-    Omit<HTMLProps<HTMLDivElement>, 'ref' | 'height' | 'tabIndex' | 'as' | 'selected'> &
+    Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'ref' | 'as' | 'selected'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -1834,13 +1755,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}
 
@@ -1871,7 +1796,7 @@ export declare type Placement =
 export declare const Popover: MemoExoticComponent<
   ForwardRefExoticComponent<
     Omit<
-      PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'children' | 'width' | 'as'>,
+      PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
       'ref'
     > &
       RefAttributes<HTMLDivElement>
@@ -1890,15 +1815,41 @@ export declare interface PopoverProps
     ResponsiveShadowProps {
   /** @beta */
   __unstable_margins?: PopoverMargins
+  /**
+   * Whether the popover should animate in and out.
+   *
+   * @beta
+   * @defaultValue false
+   */
+  animate?: boolean
   arrow?: boolean
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
   boundaryElement?: HTMLElement | null
   children?: React.ReactElement
+  /**
+     * When `true`, prevent overflow within the current boundary:
+     * - by flipping on its side axis
+     * - by resizing
+     /*
+     * Note that:
+     * - setting `preventOverflow` to `true` also prevents overflow on its side axis
+     * - setting `matchReferenceWidth` to `true` also causes the popover to resize
+     *
+     * @defaultValue false
+     */
   constrainSize?: boolean
   content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]
   floatingBoundary?: HTMLElement | null
+  /**
+   * When `true`, set the maximum width to match the reference element, and also prevent overflow within
+   * the current boundary by resizing.
+   *
+   * Note that setting `constrainSize` to `true` also causes the popover to resize
+   *
+   * @defaultValue false
+   */
   matchReferenceWidth?: boolean
   open?: boolean
   overflow?: BoxOverflow
@@ -1909,7 +1860,7 @@ export declare interface PopoverProps
   preventOverflow?: boolean
   referenceBoundary?: HTMLElement | null
   referenceElement?: HTMLElement | null
-  scheme?: ThemeColorSchemeKey
+  scheme?: ThemeColorSchemeKey_2
   tone?: CardTone
   /** @beta */
   updateRef?:
@@ -1977,7 +1928,7 @@ export declare interface PortalProviderProps {
  * @public
  */
 export declare const Radio: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'as' | 'type'> & RadioProps, 'ref'> &
+  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & RadioProps, 'ref'> &
     RefAttributes<HTMLInputElement>
 >
 
@@ -2216,20 +2167,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 +2298,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.
@@ -2336,7 +2318,7 @@ export {studioTheme}
  * @public
  */
 export declare const Switch: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'as' | 'type'> & SwitchProps, 'ref'> &
+  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & SwitchProps, 'ref'> &
     RefAttributes<HTMLInputElement>
 >
 
@@ -2355,7 +2337,7 @@ export declare const Tab: ForwardRefExoticComponent<
     TabProps &
       Omit<
         HTMLProps<HTMLButtonElement>,
-        'label' | 'width' | 'id' | 'aria-controls' | 'as' | 'type'
+        'width' | 'id' | 'type' | 'aria-controls' | 'label' | 'as'
       >,
     'ref'
   > &
@@ -2452,7 +2434,7 @@ export declare interface TextAreaProps extends ResponsiveRadiusProps {
   customValidity?: string
   fontSize?: number | number[]
   padding?: number | number[]
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -2461,7 +2443,7 @@ export declare interface TextAreaProps extends ResponsiveRadiusProps {
  * @public
  */
 export declare const TextInput: ForwardRefExoticComponent<
-  Omit<TextInputProps & Omit<HTMLProps<HTMLInputElement>, 'prefix' | 'as' | 'type'>, 'ref'> &
+  Omit<TextInputProps & Omit<HTMLProps<HTMLInputElement>, 'type' | 'prefix' | 'as'>, 'ref'> &
     RefAttributes<HTMLInputElement>
 >
 
@@ -2498,7 +2480,7 @@ export declare interface TextInputProps {
   space?: number | number[]
   suffix?: React.ReactNode
   type?: TextInputType
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -2534,7 +2516,7 @@ export declare interface TextProps {
    * @beta
    */
   textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -2543,7 +2525,7 @@ export declare interface TextProps {
  */
 export declare const TextSkeleton: ForwardRefExoticComponent<
   Omit<
-    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'children' | 'height' | 'as'>,
+    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'children' | 'size' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -2557,17 +2539,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 +2551,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 +2595,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 +2623,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 +2703,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 +2774,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 +2844,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.
@@ -2893,7 +2873,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
 export declare const Tree: MemoExoticComponent<
   ForwardRefExoticComponent<
     TreeProps &
-      Omit<HTMLProps<HTMLDivElement>, 'wrap' | 'ref' | 'height' | 'role' | 'as' | 'align'> &
+      Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
       RefAttributes<HTMLDivElement>
   >
 >
@@ -2918,7 +2898,7 @@ export declare interface TreeContextValue {
  * @beta
  */
 export declare const TreeItem: NamedExoticComponent<
-  TreeItemProps & Omit<HTMLProps<HTMLLIElement>, 'ref' | 'role' | 'as'>
+  TreeItemProps & Omit<HTMLProps<HTMLLIElement>, 'role' | 'ref' | 'as'>
 >
 
 /**
@@ -2935,7 +2915,7 @@ export declare interface TreeItemProps {
   padding?: number | number[]
   space?: number | number[]
   text?: React.ReactNode
-  weight?: ThemeFontWeightKey
+  weight?: ThemeFontWeightKey_2
 }
 
 /**
@@ -3060,7 +3040,7 @@ export declare function useRootTheme(): ThemeContextValue
 /**
  * @public
  */
-export declare function useTheme(): Theme
+export declare function useTheme(): Theme_2
 
 /**
  * @public
@@ -3088,7 +3068,7 @@ export declare function useTree(): TreeContextValue
 export declare const VirtualList: ForwardRefExoticComponent<
   VirtualListProps<any> &
     StackProps &
-    Omit<HTMLProps<HTMLDivElement>, 'children' | 'ref' | 'onChange' | 'as'> &
+    Omit<HTMLProps<HTMLDivElement>, 'children' | 'onChange' | 'ref' | 'as'> &
     RefAttributes<HTMLDivElement>
 >