@sanity/ui 3.0.0-static.33 → 3.0.0-static.35

package/dist/index.d.ts

@@ -1,145 +1,70 @@
+import type {AlignItems} from '@sanity/ui/css'
 import type {AvatarColor} from '@sanity/ui/theme'
-import {AvatarSize} from '@sanity/ui/theme'
-import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
-import {Display as BoxDisplay} from '@sanity/ui/css'
-import {BoxHeight} from '@sanity/ui/css'
-import {BoxOverflow} from '@sanity/ui/css'
-import {BoxSizing} from '@sanity/ui/css'
-import type {BoxStyleProps} from '@sanity/ui/css'
+import type {AvatarSize} from '@sanity/ui/theme'
+import {BadgeStyleProps} from '@sanity/ui/css'
+import {BoxStyleProps} from '@sanity/ui/css'
 import {Breakpoint} from '@sanity/ui/css'
 import type {ButtonStyleProps} from '@sanity/ui/css'
-import {CardStyleProps as CardStyleProps_2} from '@sanity/ui/css'
+import {CardStyleProps} from '@sanity/ui/css'
+import type {CardTone} from '@sanity/ui/theme'
 import {CodeStyleProps} from '@sanity/ui/css'
+import type {ColorScheme} from '@sanity/ui/theme'
 import {Component} from 'react'
 import type {ComponentClass} from 'react'
 import type {ComponentProps} from 'react'
 import type {ComponentType as ComponentType_2} from 'react'
 import {ContainerStyleProps} from '@sanity/ui/css'
 import type {ContainerWidth} from '@sanity/ui/theme'
-import {Context} from 'react'
-import {createColorTheme as createColorTheme_2} from '@sanity/ui/theme'
-import type {CSSObject} from '@sanity/ui/theme'
+import type {Context} from 'react'
 import type {DisplayStyleProps} from '@sanity/ui/css'
+import type {ElementTone} from '@sanity/ui/theme'
 import {ElementType as ElementType_2} from 'react'
 import {ErrorInfo} from 'react'
 import type {ExoticComponent} from 'react'
-import {AlignItems as FlexAlign} from '@sanity/ui/css'
-import {FlexDirection} from '@sanity/ui/css'
-import {JustifyContent as FlexJustify} from '@sanity/ui/css'
-import {Flex as FlexValue} from '@sanity/ui/css'
-import {FlexWrap} from '@sanity/ui/css'
+import type {FlexDirection} from '@sanity/ui/css'
+import {FlexStyleProps} from '@sanity/ui/css'
+import type {FlexWrap} from '@sanity/ui/css'
 import type {FontCodeSize} from '@sanity/ui/theme'
 import type {FontHeadingSize} from '@sanity/ui/theme'
 import type {FontLabelSize} from '@sanity/ui/theme'
 import type {FontTextSize} from '@sanity/ui/theme'
+import type {FontWeight} from '@sanity/ui/theme'
 import {ForwardedRef} from 'react'
 import type {FunctionComponent} from 'react'
 import {GapStyleProps} from '@sanity/ui/css'
-import {GridAutoCols} from '@sanity/ui/css'
-import {GridAutoFlow} from '@sanity/ui/css'
-import {GridAutoRows} from '@sanity/ui/css'
-import {GridItemColumn} from '@sanity/ui/css'
-import {GridItemColumnEnd} from '@sanity/ui/css'
-import {GridItemColumnStart} from '@sanity/ui/css'
-import {GridItemRow} from '@sanity/ui/css'
-import {GridItemRowEnd} from '@sanity/ui/css'
-import {GridItemRowStart} from '@sanity/ui/css'
 import {HeadingStyleProps} from '@sanity/ui/css'
-import {hexToRgb as hexToRgb_2} from '@sanity/ui/theme'
-import {HSL as HSL_2} from '@sanity/ui/theme'
-import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
 import {HTMLAttributes} from 'react'
 import {InputStyleProps} from '@sanity/ui/css'
-import type {InsetStyleProps} from '@sanity/ui/css'
-import {JSX} from 'react'
+import type {JSX} from 'react'
+import type {JustifyContent} from '@sanity/ui/css'
 import {LabelStyleProps} from '@sanity/ui/css'
 import {MaxWidth} from '@sanity/ui/css'
 import {MouseEventHandler} from 'react'
-import {multiply as multiply_2} from '@sanity/ui/theme'
-import {MutableRefObject} from 'react'
 import {PaddingStyleProps} from '@sanity/ui/css'
-import {parseColor as parseColor_2} from '@sanity/ui/theme'
-import {PartialThemeColorBuilderOpts} from '@sanity/ui/theme'
-import type {PositionStyleProps} from '@sanity/ui/css'
 import {PropsWithChildren} from 'react'
-import {px} from '@sanity/ui/css'
-import {Radius} from '@sanity/ui/theme'
+import type {Radius} from '@sanity/ui/theme'
 import {RadiusStyleProps} from '@sanity/ui/css'
 import {ReactElement} from 'react'
 import {ReactNode} from 'react'
 import type {ReactPortal} from 'react'
 import {Ref} from 'react'
 import {RefAttributes} from 'react'
-import {rem} from '@sanity/ui/css'
 import {ResponsiveProp} from '@sanity/ui/css'
-import {RGB as RGB_2} from '@sanity/ui/theme'
-import {rgba as rgba_2} from '@sanity/ui/theme'
-import {rgbToHex as rgbToHex_2} from '@sanity/ui/theme'
-import {rgbToHsl as rgbToHsl_2} from '@sanity/ui/theme'
 import {RootStyleProps} from '@sanity/ui/css'
-import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
-import {screen as screen_3} from '@sanity/ui/theme'
 import {SelectableStyleProps} from '@sanity/ui/css'
 import {SelectStyleProps} from '@sanity/ui/css'
 import {ShadowStyleProps} from '@sanity/ui/css'
 import {SkeletonStyleProps} from '@sanity/ui/css'
 import type {Space} from '@sanity/ui/theme'
-import {TextAlign} from '@sanity/ui/css'
 import {TextAreaStyleProps} from '@sanity/ui/css'
 import {TextOverflowStyleProps} from '@sanity/ui/css'
 import {TextStyleProps} from '@sanity/ui/css'
-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 type {ThemeColorAvatarColorKey} from '@sanity/ui/theme'
-import {ThemeColorBase} from '@sanity/ui/theme'
-import {ThemeColorBuilderOpts} from '@sanity/ui/theme'
-import {ThemeColorButton} 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 {ThemeColorButtonTones} from '@sanity/ui/theme'
-import {ThemeColorCard} from '@sanity/ui/theme'
-import {ThemeColorCardState} from '@sanity/ui/theme'
-import {ThemeColorCardToneKey} from '@sanity/ui/theme'
-import {ThemeColorGenericState} from '@sanity/ui/theme'
-import {ThemeColorInput} from '@sanity/ui/theme'
-import {ThemeColorInputState} from '@sanity/ui/theme'
-import {ThemeColorInputStates} from '@sanity/ui/theme'
-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 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'
-import {ThemeColorSelectableStates} from '@sanity/ui/theme'
-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 type {ThemeColorStateToneKey} from '@sanity/ui/theme'
-import {ThemeColorSyntax as ThemeColorSyntax_2} from '@sanity/ui/theme'
-import {ThemeColorToneKey} 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 as ThemeLayer_2} from '@sanity/ui/theme'
-import {ThemeShadow as ThemeShadow_2} from '@sanity/ui/theme'
-import {ThemeStyles} from '@sanity/ui/theme'
 import type {Width} from '@sanity/ui/css'
 
 /** @internal */
 export declare function Arrow<E extends ArrowElementType = typeof DEFAULT_ARROW_ELEMENT>(
   props: ArrowProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @internal */
 export declare type ArrowElementType = 'div' | 'span' | ComponentType
@@ -178,7 +103,7 @@ export declare function attemptFocus(element: HTMLElement): boolean
 export declare function Autocomplete<
   E extends AutocompleteElementType = typeof DEFAULT_AUTOCOMPLETE_ELEMENT,
   O extends BaseAutocompleteOption = BaseAutocompleteOption,
->(props: AutocompleteProps<E, O>): JSX.Element
+>(props: AutocompleteProps<E, O>): React.JSX.Element
 
 /** @public */
 export declare type AutocompleteElementType = 'input' | ComponentType
@@ -337,12 +262,12 @@ export declare interface AutocompleteValueChangeMsg {
  */
 export declare function Avatar<E extends AvatarElementType = typeof DEFAULT_AVATAR_ELEMENT>(
   props: AvatarProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare function AvatarCounter<
   E extends AvatarCounterElementType = typeof DEFAULT_AVATAR_COUNTER_ELEMENT,
->(props: AvatarCounterProps<E>): JSX.Element
+>(props: AvatarCounterProps<E>): React.JSX.Element
 
 /** @public */
 export declare type AvatarCounterElementType = 'button' | 'div' | 'span' | ComponentType
@@ -372,11 +297,6 @@ export declare interface AvatarOwnProps {
   onImageLoadError?: (event: Error) => void
   size?: ResponsiveProp<AvatarSize>
   src?: string
-  /**
-   * The status of the entity this Avatar represents.
-   * @deprecated Will be removed in next major version.
-   */
-  status?: AvatarStatus
   title?: string
 }
 
@@ -389,20 +309,10 @@ export declare type AvatarProps<E extends AvatarElementType = AvatarElementType>
   E
 >
 
-/**
- * @internal
- * @deprecated This will be removed in next major version.
- */
-export declare interface AvatarRootStyleProps {
-  $color: ThemeColorAvatarColorKey
-}
-
-export {AvatarSize}
-
 /** @public */
 export declare function AvatarStack<
   E extends AvatarStackElementType = typeof DEFAULT_AVATAR_STACK_ELEMENT,
->(props: AvatarStackProps<E>): JSX.Element
+>(props: AvatarStackProps<E>): React.JSX.Element
 
 /** @public */
 export declare type AvatarStackChild = ReactElement<AvatarProps<'div'>> | null | undefined | false
@@ -418,21 +328,12 @@ export declare type AvatarStackOwnProps = Omit<
   children: AvatarStackChild | AvatarStackChild[]
   maxLength?: number
   size?: ResponsiveProp<AvatarSize>
-  /** @deprecated No longer supported. */
-  tone?: 'navbar'
 }
 
 /** @public */
 export declare type AvatarStackProps<E extends AvatarStackElementType = AvatarStackElementType> =
   Props<AvatarStackOwnProps, E>
 
-/** @public */
-/**
- * @public
- * @deprecated Will be removed in next major version.
- */
-export declare type AvatarStatus = 'online' | 'editing' | 'inactive'
-
 /**
  * Badges are used to tag resources.
  *
@@ -440,17 +341,16 @@ export declare type AvatarStatus = 'online' | 'editing' | 'inactive'
  */
 export declare function Badge<E extends BadgeElementType = typeof DEFAULT_BADGE_ELEMENT>(
   props: BadgeProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type BadgeElementType = 'div' | 'span' | ComponentType
 
 /** @public */
-export declare type BadgeOwnProps = PaddingStyleProps &
-  RadiusStyleProps & {
-    fontSize?: ResponsiveProp<FontTextSize>
-    tone?: BadgeTone
-  }
+export declare type BadgeOwnProps = BadgeStyleProps &
+  FlexStyleProps &
+  PaddingStyleProps &
+  RadiusStyleProps
 
 /** @public */
 export declare type BadgeProps<E extends BadgeElementType = BadgeElementType> = Props<
@@ -458,20 +358,11 @@ export declare type BadgeProps<E extends BadgeElementType = BadgeElementType> =
   E
 >
 
-/** @public */
-declare type BadgeTone = ThemeColorStateToneKey
-
 /** @public */
 export declare interface BaseAutocompleteOption {
   value: string
 }
 
-/**
- * @public
- * @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
- */
-export declare type BaseTheme = BaseTheme_2
-
 /** @public */
 export declare interface BoundaryElementContextValue {
   version: 0.0
@@ -479,7 +370,9 @@ export declare interface BoundaryElementContextValue {
 }
 
 /** @public */
-export declare function BoundaryElementProvider(props: BoundaryElementProviderProps): ReactElement
+export declare function BoundaryElementProvider(
+  props: BoundaryElementProviderProps,
+): React.JSX.Element
 
 /** @public */
 export declare interface BoundaryElementProviderProps {
@@ -495,9 +388,7 @@ export declare interface BoundaryElementProviderProps {
  */
 export declare function Box<E extends BoxElementType = typeof DEFAULT_BOX_ELEMENT>(
   props: BoxProps<E>,
-): JSX.Element
-
-export {BoxDisplay}
+): React.JSX.Element
 
 /** @public */
 export declare type BoxElementType =
@@ -531,31 +422,16 @@ export declare type BoxElementType =
   | 'ul'
   | ComponentType
 
-export {BoxHeight}
-
-export {BoxOverflow}
-
 /** @public */
-export declare type BoxOwnProps = BoxStyleProps &
-  GapStyleProps &
-  InsetStyleProps &
-  PositionStyleProps
+export declare type BoxOwnProps = BoxStyleProps
 
 /** @public */
 export declare type BoxProps<E extends BoxElementType = BoxElementType> = Props<BoxOwnProps, E>
 
-/**
- * @public
- * @deprecated Use `ThemeBoxShadow` from `@sanity/ui/theme` instead.
- */
-export declare type BoxShadow = ThemeBoxShadow
-
-export {BoxSizing}
-
 /** @beta */
 export declare function Breadcrumbs<
   E extends BreadcrumbsElementType = typeof DEFAULT_BREADCRUMBS_ELEMENT,
->(props: BreadcrumbsProps<E>): JSX.Element
+>(props: BreadcrumbsProps<E>): React.JSX.Element
 
 /** @beta */
 export declare type BreadcrumbsElementType = 'div' | 'nav' | ComponentType
@@ -565,8 +441,6 @@ export declare type BreadcrumbsOwnProps = GapStyleProps & {
   expandButton?: Omit<ButtonProps<'button'>, 'as' | 'onClick' | 'selected'>
   maxLength?: number
   separator?: ReactNode
-  /** @deprecated - Use `gap`, `gapX`, `gapY` instead */
-  space?: number | number[]
 }
 
 /** @beta */
@@ -576,17 +450,11 @@ export declare type BreadcrumbsProps<E extends BreadcrumbsElementType = Breadcru
 /** @public */
 export declare function Button<E extends ButtonElementType = typeof DEFAULT_BUTTON_ELEMENT>(
   props: ButtonProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type ButtonElementType = 'a' | 'button' | 'label' | ComponentType
 
-/**
- * @public
- * @deprecated Use `ThemeColorButtonModeKey` instead
- */
-export declare type ButtonMode = ThemeColorButtonModeKey_2
-
 /** @public */
 export declare type ButtonOwnProps = ButtonStyleProps &
   DisplayStyleProps &
@@ -602,8 +470,6 @@ export declare type ButtonOwnProps = ButtonStyleProps &
     /** @beta Do not use in production, as this might change.*/
     'loading'?: boolean
     'selected'?: boolean
-    /** @deprecated Use `gap` instead. */
-    'space'?: ResponsiveProp<Space>
     'textAlign'?: ButtonTextAlign
     'muted'?: boolean
     'target'?: string
@@ -622,18 +488,6 @@ export declare type ButtonProps<E extends ButtonElementType = ButtonElementType>
 /** @public */
 export declare type ButtonTextAlign = 'left' | 'right' | 'center'
 
-/**
- * @public
- * @deprecated Use `ThemeColorStateToneKey` instead
- */
-export declare type ButtonTone = ThemeColorStateToneKey
-
-/**
- * @public
- * @deprecated Use `Width` from `@sanity/ui/css` instead.
- */
-export declare type ButtonWidth = 'fill'
-
 /**
  * The `Card` component acts much like a `Box`, but with a background and foreground color.
  * Components within a `Card` inherit its colors.
@@ -642,19 +496,19 @@ export declare type ButtonWidth = 'fill'
  */
 export declare function Card<E extends CardElementType = typeof DEFAULT_CARD_ELEMENT>(
   props: CardProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @internal */
 export declare type _CardCompatProviderComponent = ComponentType_2<{
   children?: ReactNode
-  tone: ThemeColorCardToneKey
-  scheme: ThemeColorSchemeKey_2
+  tone: CardTone | 'inherit'
+  scheme: ColorScheme
 }>
 
 /** @public */
 export declare interface CardContextValue {
-  tone: ThemeColorCardToneKey
-  scheme: ThemeColorSchemeKey_2
+  tone: CardTone
+  scheme: ColorScheme
   /** @internal */
   unstable_CompatProvider?: _CardCompatProviderComponent
 }
@@ -663,7 +517,7 @@ export declare interface CardContextValue {
 export declare type CardElementType = BoxElementType
 
 /** @public */
-export declare interface CardOwnProps extends BoxOwnProps, CardStyleProps_2 {
+export declare interface CardOwnProps extends BoxOwnProps, CardStyleProps {
   /**
    * Do not use in production.
    * @beta
@@ -686,25 +540,11 @@ export declare type CardProps<E extends CardElementType = CardElementType> = Pro
 /** @public */
 export declare function CardProvider(props: {
   children?: ReactNode
-  tone: ThemeColorCardToneKey
-  scheme: ThemeColorSchemeKey_2
+  tone: CardTone
+  scheme: ColorScheme
   /** @internal */
   unstable_CompatProvider?: _CardCompatProviderComponent
-}): JSX.Element
-
-/**
- * @internal
- * @deprecated Use `CardStyleProps` from `@sanity/ui/css` instead.
- */
-export declare interface CardStyleProps {
-  $checkered: boolean
-  $focusRing: boolean
-  $muted: boolean
-  $tone: ThemeColorCardToneKey
-}
-
-/** @public */
-export declare type CardTone = ThemeColorCardToneKey | 'inherit'
+}): React.JSX.Element
 
 /**
  * Checkboxes allow the user to select one or more items from a set.
@@ -713,7 +553,7 @@ export declare type CardTone = ThemeColorCardToneKey | 'inherit'
  */
 export declare function Checkbox<E extends CheckboxElementType = typeof DEFAULT_CHECKBOX_ELEMENT>(
   props: CheckboxProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type CheckboxElementType = 'input' | ComponentType
@@ -730,22 +570,16 @@ export declare type CheckboxProps<E extends CheckboxElementType = CheckboxElemen
   E
 >
 
-/** @public */
-export declare type ClickOutsideElements = (HTMLElement | null | (HTMLElement | null)[])[]
-
 /** @public */
 export declare type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[]
 
 /** @public */
 export declare type ClickOutsideEventListener = (event: MouseEvent) => void
 
-/** @public */
-export declare type ClickOutsideListener = (event: MouseEvent) => void
-
 /** @public */
 export declare function Code<E extends CodeElementType = typeof DEFAULT_CODE_ELEMENT>(
   props: CodeProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type CodeElementType = 'div' | 'pre' | ComponentType
@@ -766,7 +600,7 @@ export declare type CodeProps<E extends CodeElementType = CodeElementType> = Pro
  */
 export declare function CodeSkeleton<
   E extends CodeSkeletonElementType = typeof DEFAULT_CODE_SKELETON_ELEMENT,
->(props: CodeSkeletonProps<E>): JSX.Element
+>(props: CodeSkeletonProps<E>): React.JSX.Element
 
 /** @beta */
 export declare type CodeSkeletonElementType = SkeletonElementType
@@ -796,7 +630,7 @@ export declare type ComponentType<P = any> =
  */
 export declare function Container<
   E extends ContainerElementType = typeof DEFAULT_CONTAINER_ELEMENT,
->(props: ContainerProps<E>): JSX.Element
+>(props: ContainerProps<E>): React.JSX.Element
 
 /** @public */
 export declare type ContainerElementType = BoxElementType
@@ -815,12 +649,6 @@ export declare type ContainerProps<E extends ContainerElementType = ContainerEle
  */
 export declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean
 
-/**
- * @public
- * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
- */
-export declare const createColorTheme: typeof createColorTheme_2
-
 /** @internal */
 export declare const DEFAULT_ARROW_ELEMENT = 'div'
 
@@ -992,7 +820,7 @@ export declare type Delay =
  */
 export declare function Dialog<E extends DialogElementType = typeof DEFAULT_DIALOG_ELEMENT>(
   props: DialogProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /**
  * @internal
@@ -1042,8 +870,8 @@ export declare type DialogOwnProps = ContainerStyleProps &
     open?: boolean
     portal?: string
     position?: ResponsiveProp<DialogPosition>
-    scheme?: ThemeColorSchemeKey_2
-    tone?: CardTone
+    scheme?: ColorScheme
+    tone?: CardTone | 'inherit'
     zOffset?: number | number[]
   }
 
@@ -1060,7 +888,7 @@ export declare type DialogProps<E extends DialogElementType = DialogElementType>
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function DialogProvider(props: DialogProviderProps): ReactElement
+export declare function DialogProvider(props: DialogProviderProps): React.JSX.Element
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
@@ -1078,7 +906,7 @@ export declare interface DialogProviderProps {
  */
 export declare function ElementQuery<
   E extends ElementQueryElementType = typeof DEFAULT_ELEMENT_QUERY_ELEMENT,
->(props: ElementQueryProps<E>): JSX.Element
+>(props: ElementQueryProps<E>): React.JSX.Element
 
 /** @beta */
 export declare type ElementQueryElementType = 'div' | ComponentType
@@ -1181,35 +1009,25 @@ export declare interface ErrorBoundaryState {
  */
 export declare function Flex<E extends FlexElementType = typeof DEFAULT_FLEX_ELEMENT>(
   props: FlexProps<E>,
-): JSX.Element
-
-export {FlexAlign}
-
-export {FlexDirection}
+): React.JSX.Element
 
 /** @public */
 export declare type FlexElementType = BoxElementType
 
-export {FlexJustify}
-
 /** @public */
 export declare type FlexOwnProps = Omit<
   BoxOwnProps,
   'align' | 'display' | 'flexDirection' | 'flexWrap'
 > & {
-  align?: ResponsiveProp<FlexAlign>
+  align?: ResponsiveProp<AlignItems>
   direction?: ResponsiveProp<FlexDirection>
-  justify?: ResponsiveProp<FlexJustify>
+  justify?: ResponsiveProp<JustifyContent>
   wrap?: ResponsiveProp<FlexWrap>
 }
 
 /** @public */
 export declare type FlexProps<E extends FlexElementType = FlexElementType> = Props<FlexOwnProps, E>
 
-export {FlexValue}
-
-export {FlexWrap}
-
 /**
  * @internal
  */
@@ -1240,29 +1058,11 @@ export declare function _getResponsiveProp<T>(
  */
 export declare function Grid<E extends GridElementType = typeof DEFAULT_GRID_ELEMENT>(
   props: GridProps<E>,
-): JSX.Element
-
-export {GridAutoCols}
-
-export {GridAutoFlow}
-
-export {GridAutoRows}
+): React.JSX.Element
 
 /** @public */
 export declare type GridElementType = BoxElementType
 
-export {GridItemColumn}
-
-export {GridItemColumnEnd}
-
-export {GridItemColumnStart}
-
-export {GridItemRow}
-
-export {GridItemRowEnd}
-
-export {GridItemRowStart}
-
 /** @public */
 export declare type GridOwnProps = Omit<BoxOwnProps, 'display'>
 
@@ -1281,7 +1081,7 @@ export declare function _hasFocus(element: HTMLElement): boolean
  */
 export declare function Heading<E extends HeadingElementType = typeof DEFAULT_HEADING_ELEMENT>(
   props: HeadingProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type HeadingElementType =
@@ -1311,7 +1111,7 @@ export declare type HeadingProps<E extends HeadingElementType = HeadingElementTy
  */
 export declare function HeadingSkeleton<
   E extends HeadingSkeletonElementType = typeof DEFAULT_HEADING_SKELETON_ELEMENT,
->(props: HeadingSkeletonProps<E>): JSX.Element
+>(props: HeadingSkeletonProps<E>): React.JSX.Element
 
 /** @beta */
 export declare type HeadingSkeletonElementType = SkeletonElementType
@@ -1329,12 +1129,6 @@ export declare type HeadingSkeletonProps<
   E extends HeadingSkeletonElementType = HeadingSkeletonElementType,
 > = Props<HeadingSkeletonOwnProps, E>
 
-/**
- * @public
- * @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
- */
-export declare const hexToRgb: typeof hexToRgb_2
-
 /**
  * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
  *
@@ -1342,7 +1136,7 @@ export declare const hexToRgb: typeof hexToRgb_2
  */
 export declare function Hotkeys<E extends HotkeysElementType = typeof DEFAULT_HOTKEYS_ELEMENT>(
   props: HotkeysProps<E>,
-): JSX.Element | undefined
+): React.JSX.Element | undefined
 
 /** @public */
 export declare type HotkeysElementType = 'kbd' | ComponentType
@@ -1351,8 +1145,6 @@ export declare type HotkeysElementType = 'kbd' | ComponentType
 export declare interface HotkeysOwnProps extends GapStyleProps, RadiusStyleProps {
   fontSize?: ResponsiveProp<FontTextSize>
   padding?: ResponsiveProp<Space>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
   keys?: string[]
 }
 
@@ -1362,18 +1154,6 @@ export declare type HotkeysProps<E extends HotkeysElementType = HotkeysElementTy
   E
 >
 
-/**
- * @public
- * @deprecated Use `HSL` from `@sanity/ui/theme` instead.
- */
-export declare type HSL = HSL_2
-
-/**
- * @public
- * @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
- */
-export declare const hslToRgb: typeof hslToRgb_2
-
 /**
  * The `Inline` component is a layout utility for aligning and spacing items horizontally.
  *
@@ -1381,7 +1161,7 @@ export declare const hslToRgb: typeof hslToRgb_2
  */
 export declare function Inline<E extends InlineElementType = typeof DEFAULT_INLINE_ELEMENT>(
   props: InlineProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type InlineElementType = BoxElementType
@@ -1404,10 +1184,7 @@ export declare type InlineOwnProps = Omit<
   | 'gridRow'
   | 'gridTemplateColumns'
   | 'gridTemplateRows'
-> & {
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-}
+>
 
 /** @public */
 export declare type InlineProps<E extends InlineElementType = InlineElementType> = Props<
@@ -1467,7 +1244,7 @@ export declare function _isScrollable(el: Node): boolean
  */
 export declare function KBD<E extends KBDElementType = typeof DEFAULT_KBD_ELEMENT>(
   props: KBDProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type KBDElementType = 'kbd' | ComponentType
@@ -1488,7 +1265,7 @@ export declare type KBDProps<E extends KBDElementType = KBDElementType> = Props<
  */
 export declare function Label<E extends LabelElementType = typeof DEFAULT_LABEL_ELEMENT>(
   props: LabelProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type LabelElementType =
@@ -1520,7 +1297,7 @@ export declare type LabelProps<E extends LabelElementType = LabelElementType> =
  */
 export declare function LabelSkeleton<
   E extends LabelSkeletonElementType = typeof DEFAULT_LABEL_SKELETON_ELEMENT,
->(props: LabelSkeletonProps<E>): JSX.Element
+>(props: LabelSkeletonProps<E>): React.JSX.Element
 
 /** @beta */
 export declare type LabelSkeletonElementType = SkeletonElementType
@@ -1541,7 +1318,7 @@ export declare type LabelSkeletonProps<
 /** @public */
 export declare function Layer<E extends LayerElementType = typeof DEFAULT_LAYER_ELEMENT>(
   props: LayerProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare interface LayerContextValue {
@@ -1570,7 +1347,7 @@ export declare type LayerProps<E extends LayerElementType = LayerElementType> =
 >
 
 /** @public */
-export declare function LayerProvider(props: LayerProviderProps): ReactElement
+export declare function LayerProvider(props: LayerProviderProps): React.JSX.Element
 
 /** @public */
 export declare interface LayerProviderProps {
@@ -1593,14 +1370,14 @@ export declare interface _MediaStore {
  */
 export declare function Menu<E extends MenuElementType = typeof DEFAULT_MENU_ELEMENT>(
   props: MenuProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /**
  * The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
  *
  * @public
  */
-export declare function MenuButton(props: MenuButtonProps): JSX.Element
+export declare function MenuButton(props: MenuButtonProps): React.JSX.Element
 
 /** @public */
 export declare type MenuButtonProps = {
@@ -1608,44 +1385,19 @@ export declare type MenuButtonProps = {
    * @beta Do not use in production.
    */
   __unstable_disableRestoreFocusOnClose?: boolean
-  /**
-   * @deprecated Use `popover={{boundaryElement: element}}` instead.
-   */
-  boundaryElement?: HTMLElement
   button: ReactElement<ButtonProps>
   id: string
   menu?: ReactElement
   onClose?: () => void
   onOpen?: () => void
-  /**
-   * @deprecated Use `popover={{placement: 'top'}}` instead.
-   */
-  placement?: Placement
   popover?: Omit<PopoverProps, 'content' | 'open'>
-  /**
-   * @deprecated Use `popover={{scheme: 'dark'}}` instead.
-   */
-  popoverScheme?: ThemeColorSchemeKey_2
-  /**
-   * @deprecated Use `popover={{radius: 2}}` instead.
-   */
-  popoverRadius?: Radius | Radius[]
-  /**
-   * @beta Do not use in production.
-   * @deprecated Use `popover={{portal: true}}` instead.
-   */
-  portal?: boolean
-  /**
-   * @deprecated Use `popover={{preventOverflow: true}}` instead.
-   */
-  preventOverflow?: boolean
   ref?: ForwardedRef<HTMLButtonElement | null>
 }
 
 /** @public */
 export declare function MenuDivider<
   E extends MenuDividerElementType = typeof DEFAULT_MENU_DIVIDER_ELEMENT,
->(props: MenuDividerProps<E>): JSX.Element
+>(props: MenuDividerProps<E>): React.JSX.Element
 
 /** @public */
 export declare type MenuDividerElementType = 'div' | 'hr' | 'span' | ComponentType
@@ -1663,7 +1415,7 @@ export declare type MenuElementType = 'div' | 'span' | ComponentType
 /** @public */
 export declare function MenuGroup<
   E extends MenuGroupElementType = typeof DEFAULT_MENU_GROUP_ELEMENT,
->(props: MenuGroupProps<E>): JSX.Element
+>(props: MenuGroupProps<E>): React.JSX.Element
 
 /** @public */
 export declare type MenuGroupElementType = 'button' | ComponentType
@@ -1687,10 +1439,8 @@ export declare type MenuGroupOwnProps = RadiusStyleProps & {
   >
   padding?: ResponsiveProp<Space>
   popover?: Omit<PopoverProps, 'content' | 'open'>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
   text?: ReactNode
-  tone?: ThemeColorStateToneKey
+  tone?: ElementTone
 }
 
 /** @public */
@@ -1702,7 +1452,7 @@ export declare type MenuGroupProps<E extends MenuGroupElementType = MenuGroupEle
 /** @public */
 export declare function MenuItem<E extends MenuItemElementType = typeof DEFAULT_MENU_ITEM_ELEMENT>(
   props: MenuItemProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type MenuItemElementType = 'button' | 'a' | ComponentType
@@ -1718,10 +1468,8 @@ export declare type MenuItemOwnProps = GapStyleProps &
     iconRight?: ElementType_2 | ReactNode
     pressed?: boolean
     selected?: boolean
-    /** @deprecated Use `gap` instead. */
-    space?: ResponsiveProp<Space>
     text?: ReactNode
-    tone?: ThemeColorStateToneKey
+    tone?: ElementTone
   }
 
 /** @public */
@@ -1732,14 +1480,6 @@ export declare type MenuItemProps<E extends MenuItemElementType = MenuItemElemen
 
 /** @public */
 export declare type MenuOwnProps = PaddingStyleProps & {
-  /**
-   * @deprecated Use `shouldFocus="first"` instead.
-   */
-  'focusFirst'?: boolean
-  /**
-   * @deprecated Use `shouldFocus="last"` instead.
-   */
-  'focusLast'?: boolean
   'gap'?: ResponsiveProp<Space>
   'onClickOutside'?: (event: MouseEvent) => void
   'onEscape'?: () => void
@@ -1748,28 +1488,12 @@ export declare type MenuOwnProps = PaddingStyleProps & {
   'originElement'?: HTMLElement | null
   'registerElement'?: (el: HTMLElement) => () => void
   'shouldFocus'?: 'first' | 'last' | null
-  /** @deprecated Use `gap` property instead. */
-  'space'?: ResponsiveProp<Space>
   'aria-labelledby'?: string
 }
 
 /** @public */
 export declare type MenuProps<E extends MenuElementType = MenuElementType> = Props<MenuOwnProps, E>
 
-/**
- * @public
- * @deprecated Use `multiply` from `@sanity/ui/theme` instead.
- */
-export declare const multiply: typeof multiply_2
-
-/**
- * @public
- * @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
- */
-export declare const parseColor: typeof parseColor_2
-
-export {PartialThemeColorBuilderOpts}
-
 /**
  * Placement of floating UI elements.
  *
@@ -1796,7 +1520,7 @@ export declare type Placement =
  */
 export declare function Popover<E extends PopoverElementType = typeof DEFAULT_POPOVER_ELEMENT>(
   props: PopoverProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type PopoverElementType = 'div' | ComponentType
@@ -1818,8 +1542,6 @@ export declare type PopoverOwnProps = Omit<LayerOwnProps, 'maxWidth'> & {
    */
   animate?: boolean
   arrow?: boolean
-  /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
-  boundaryElement?: HTMLElement | null
   children?: ReactElement<{
     ref: ForwardedRef<HTMLElement>
   }>
@@ -1914,14 +1636,10 @@ export declare interface PortalProps {
 }
 
 /** @public */
-export declare function PortalProvider(props: PortalProviderProps): ReactElement
+export declare function PortalProvider(props: PortalProviderProps): React.JSX.Element
 
 /** @public */
 export declare interface PortalProviderProps {
-  /**
-   * @deprecated Use `<BoundaryElementProvider element={...} />` instead
-   */
-  boundaryElement?: HTMLElement | null
   children: ReactNode
   element?: HTMLElement | null
   /**
@@ -1938,8 +1656,6 @@ export declare type Props<P extends EmptyProps, E extends ElementType<P>> = Assi
   }
 >
 
-export {px}
-
 /**
  * The `Radio` component allows the user to select one option from a set.
  *
@@ -1947,7 +1663,7 @@ export {px}
  */
 export declare function Radio<E extends RadioElementType = typeof DEFAULT_RADIO_ELEMENT>(
   props: RadioProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type RadioElementType = 'input' | ComponentType
@@ -1963,8 +1679,6 @@ export declare type RadioProps<E extends RadioElementType = RadioElementType> =
   E
 >
 
-export {Radius}
-
 /**
  * @internal
  */
@@ -1975,154 +1689,11 @@ export declare function _raf(fn: () => void): () => void
  */
 export declare function _raf2(fn: () => void): () => void
 
-export {rem}
-
 /**
  * @internal
  */
 export declare const _ResizeObserver: typeof ResizeObserver
 
-/**
- * @internal
- * @deprecated do not use
- */
-export declare function _responsive<T>(
-  media: number[],
-  values: T[],
-  callback: (value: T, index: number, array: T[]) => CSSObject,
-): CSSObject[]
-
-/**
- * @internal
- * @deprecated This will be removed in next major version.
- */
-export declare interface ResponsiveAvatarSizeStyleProps {
-  $size: AvatarSize[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveBorderProps {
-  border?: boolean | boolean[]
-  borderTop?: boolean | boolean[]
-  borderRight?: boolean | boolean[]
-  borderBottom?: boolean | boolean[]
-  borderLeft?: boolean | boolean[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveBoxProps {
-  display?: BoxDisplay | BoxDisplay[]
-  height?: BoxHeight | BoxHeight[]
-  overflow?: BoxOverflow | BoxOverflow[]
-  sizing?: BoxSizing | BoxSizing[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveFlexItemProps {
-  /** Sets the flex CSS attribute. The property is responsive. */
-  flex?: FlexValue | FlexValue[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveFlexProps {
-  align?: FlexAlign | FlexAlign[]
-  direction?: FlexDirection | FlexDirection[]
-  justify?: FlexJustify | FlexJustify[]
-  wrap?: FlexWrap | FlexWrap[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveGridItemProps {
-  column?: GridItemColumn | GridItemColumn[]
-  columnStart?: GridItemColumnStart | GridItemColumnStart[]
-  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
-  row?: GridItemRow | GridItemRow[]
-  rowStart?: GridItemRowStart | GridItemRowStart[]
-  rowEnd?: GridItemRowEnd | GridItemRowEnd[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveGridProps {
-  autoRows?: GridAutoRows | GridAutoRows[]
-  autoCols?: GridAutoCols | GridAutoCols[]
-  autoFlow?: GridAutoFlow | GridAutoFlow[]
-  columns?: number | number[]
-  rows?: number | number[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveMarginProps {
-  /** Applies margins to all sides. The property is responsive. */
-  margin?: number | number[]
-  /** Applies margins to the left and right sides. The property is responsive. */
-  marginX?: number | number[]
-  /** Applies margins to the top and bottom sides. The property is responsive. */
-  marginY?: number | number[]
-  marginTop?: number | number[]
-  marginRight?: number | number[]
-  marginBottom?: number | number[]
-  marginLeft?: number | number[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsivePaddingProps {
-  padding?: number | number[]
-  paddingX?: number | number[]
-  paddingY?: number | number[]
-  paddingTop?: number | number[]
-  paddingRight?: number | number[]
-  paddingBottom?: number | number[]
-  paddingLeft?: number | number[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveRadiusProps {
-  radius?: Radius | Radius[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveShadowProps {
-  shadow?: number | number[]
-}
-
-/**
- * @public
- * @deprecated No longer used.
- */
-export declare interface ResponsiveWidthProps {
-  width?: number | 'auto' | (number | 'auto')[]
-}
-
 /**
  * @internal
  */
@@ -2130,30 +1701,6 @@ export declare interface ResponsiveWidthStyleProps {
   $width: (number | 'auto')[]
 }
 
-/**
- * @public
- * @deprecated Use `RGB` from `@sanity/ui/theme` instead.
- */
-export declare type RGB = RGB_2
-
-/**
- * @public
- * @deprecated Use `rgba` from `@sanity/ui/theme` instead.
- */
-export declare const rgba: typeof rgba_2
-
-/**
- * @public
- * @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
- */
-export declare const rgbToHex: typeof rgbToHex_2
-
-/**
- * @public
- * @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
- */
-export declare const rgbToHsl: typeof rgbToHsl_2
-
 /**
  * The `Root` component.
  *
@@ -2161,7 +1708,7 @@ export declare const rgbToHsl: typeof rgbToHsl_2
  */
 export declare function Root<E extends RootElementType = typeof DEFAULT_ROOT_ELEMENT>(
   props: RootProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type RootElementType = 'html' | 'body' | 'div'
@@ -2173,30 +1720,17 @@ export declare interface RootOwnProps extends BoxOwnProps, RootStyleProps {}
 export declare type RootProps<E extends RootElementType = RootElementType> = Props<RootOwnProps, E>
 
 /** @public */
-export declare function RootProvider(props: RootProviderProps): JSX.Element
+export declare function RootProvider(props: RootProviderProps): React.JSX.Element
 
 /** @public */
 export declare interface RootProviderProps {
   boundaryElement?: HTMLElement | null
   children?: ReactNode
   portalElement?: HTMLElement | null
-  scheme?: ThemeColorSchemeKey_2
-  tone?: ThemeColorCardToneKey
+  scheme?: ColorScheme
+  tone?: CardTone
 }
 
-/**
- * @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: typeof screen_3
-export {screen_2 as screen}
-
 /**
  * The `Select` component provides control of options.
  *
@@ -2204,12 +1738,12 @@ export {screen_2 as screen}
  */
 export declare function Select<E extends SelectElementType = typeof DEFAULT_SELECT_ELEMENT>(
   props: SelectProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @internal */
 export declare function Selectable<
   E extends SelectableElementType = typeof DEFAULT_SELECTABLE_ELEMENT,
->(props: SelectableProps<E>): JSX.Element
+>(props: SelectableProps<E>): React.JSX.Element
 
 /** @internal */
 export declare type SelectableElementType = 'button' | 'a' | ComponentType
@@ -2220,7 +1754,7 @@ export declare type SelectableOwnProps = BoxOwnProps &
     disabled?: boolean
     href?: string
     selected?: boolean
-    tone?: ThemeColorStateToneKey
+    tone?: ElementTone
     type?: 'button'
   }
 
@@ -2228,12 +1762,6 @@ export declare type SelectableOwnProps = BoxOwnProps &
 export declare type SelectableProps<E extends SelectableElementType = SelectableElementType> =
   Props<SelectableOwnProps, E>
 
-/**
- * @internal
- * @deprecated Use `ThemeColorStateToneKey` instead
- */
-export declare type SelectableTone = ThemeColorStateToneKey
-
 /** @public */
 export declare type SelectElementType = 'select' | ComponentType
 
@@ -2241,8 +1769,6 @@ export declare type SelectElementType = 'select' | ComponentType
 export declare type SelectOwnProps = SelectStyleProps & {
   customValidity?: string
   readOnly?: boolean
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
 }
 
 /** @public */
@@ -2257,7 +1783,7 @@ export declare type SelectProps<E extends SelectElementType = SelectElementType>
  */
 export declare function Skeleton<E extends SkeletonElementType = typeof DEFAULT_SKELETON_ELEMENT>(
   props: SkeletonProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @beta */
 export declare type SkeletonElementType = 'div' | 'span' | ComponentType
@@ -2284,7 +1810,7 @@ export declare type SkeletonProps<E extends SkeletonElementType = SkeletonElemen
  */
 export declare function Spinner<E extends SpinnerElementType = typeof DEFAULT_SPINNER_ELEMENT>(
   props: SpinnerProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type SpinnerElementType = 'div' | 'span' | ComponentType
@@ -2304,7 +1830,7 @@ export declare type SpinnerProps<E extends SpinnerElementType = SpinnerElementTy
 /** @public */
 export declare function SrOnly<E extends SrOnlyElementType = typeof DEFAULT_SR_ONLY_ELEMENT>(
   props: SrOnlyProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type SrOnlyElementType = 'span' | ComponentType
@@ -2325,7 +1851,7 @@ export declare type SrOnlyProps<E extends SrOnlyElementType = SrOnlyElementType>
  */
 export declare function Stack<E extends StackElementType = typeof DEFAULT_STACK_ELEMENT>(
   props: StackProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type StackElementType = BoxElementType
@@ -2347,10 +1873,7 @@ export declare type StackOwnProps = Omit<
   | 'justifyContent'
   | 'rows'
   | 'gridTemplateRows'
-> & {
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-}
+>
 
 /** @public */
 export declare type StackProps<E extends StackElementType = StackElementType> = Props<
@@ -2358,12 +1881,6 @@ export declare type StackProps<E extends StackElementType = StackElementType> =
   E
 >
 
-/**
- * @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.
  *
@@ -2373,7 +1890,7 @@ export declare type Styles = ThemeStyles
  */
 export declare function Switch<E extends SwitchElementType = typeof DEFAULT_SWITCH_ELEMENT>(
   props: SwitchProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type SwitchElementType = 'input' | ComponentType
@@ -2392,7 +1909,7 @@ export declare type SwitchProps<E extends SwitchElementType = SwitchElementType>
 /** @public */
 export declare function Tab<E extends TabElementType = typeof DEFAULT_TAB_ELEMENT>(
   props: TabProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type TabElementType = 'button' | ComponentType
@@ -2400,7 +1917,7 @@ export declare type TabElementType = 'button' | ComponentType
 /** @public */
 export declare function TabList<E extends TabListElementType = typeof DEFAULT_TAB_LIST_ELEMENT>(
   props: TabListProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type TabListChild =
@@ -2415,8 +1932,6 @@ export declare type TabListElementType = 'div' | 'span' | ComponentType
 /** @public */
 export declare type TabListOwnProps = Omit<FlexOwnProps, 'as' | 'height'> & {
   children: TabListChild[]
-  /** @deprecated Use `gap` instead */
-  space?: ResponsiveProp<Space>
 }
 
 /** @public */
@@ -2438,13 +1953,13 @@ export declare type TabOwnProps = {
   'label'?: ReactNode
   'padding'?: ResponsiveProp<Space>
   'selected'?: boolean
-  'tone'?: ThemeColorStateToneKey
+  'tone'?: ElementTone
 }
 
 /** @public */
 export declare function TabPanel<E extends TabPanelElementType = typeof DEFAULT_TAB_PANEL_ELEMENT>(
   props: TabPanelProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type TabPanelElementType = 'div' | 'span' | ComponentType
@@ -2477,11 +1992,9 @@ export declare type TagType = keyof JSX.IntrinsicElements
  */
 declare function Text_2<E extends TextElementType = typeof DEFAULT_TEXT_ELEMENT>(
   props: TextProps<E>,
-): JSX.Element
+): React.JSX.Element
 export {Text_2 as Text}
 
-export {TextAlign}
-
 /**
  * A multiline text input.
  *
@@ -2489,7 +2002,7 @@ export {TextAlign}
  */
 export declare function TextArea<E extends TextAreaElementType = typeof DEFAULT_TEXT_AREA_ELEMENT>(
   props: TextAreaProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare type TextAreaElementType = 'textarea' | ComponentType
@@ -2501,8 +2014,6 @@ export declare type TextAreaOwnProps = TextAreaStyleProps & {
    */
   __unstable_disableFocusRing?: boolean
   customValidity?: string
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
 }
 
 /** @public */
@@ -2533,7 +2044,7 @@ export declare type TextElementType =
  */
 export declare function TextInput<
   E extends TextInputElementType = typeof DEFAULT_TEXT_INPUT_ELEMENT,
->(props: TextInputProps<E>): JSX.Element
+>(props: TextInputProps<E>): React.JSX.Element
 
 /** @public */
 export declare type TextInputClearButtonProps = Omit<
@@ -2562,10 +2073,8 @@ export declare type TextInputOwnProps = InputStyleProps & {
    */
   onClear?: () => void
   prefix?: ReactNode
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
   suffix?: ReactNode
-  weight?: ThemeFontWeightKey_2
+  weight?: FontWeight
 }
 
 /** @public */
@@ -2586,7 +2095,7 @@ export declare type TextProps<E extends TextElementType = TextElementType> = Pro
  */
 export declare function TextSkeleton<
   E extends TextSkeletonElementType = typeof DEFAULT_TEXT_SKELETON_ELEMENT,
->(props: TextSkeletonProps<E>): JSX.Element
+>(props: TextSkeletonProps<E>): React.JSX.Element
 
 /** @beta */
 export declare type TextSkeletonElementType = SkeletonElementType
@@ -2603,164 +2112,6 @@ export declare type TextSkeletonOwnProps = SkeletonOwnProps & {
 export declare type TextSkeletonProps<E extends TextSkeletonElementType = TextSkeletonElementType> =
   Props<TextSkeletonOwnProps, E>
 
-/**
- * @public
- * @deprecated Use `Theme` from `@sanity/ui/theme` instead.
- */
-export declare type Theme = Theme_2
-
-export {ThemeAvatar}
-
-export {ThemeColor}
-
-export {ThemeColorBase}
-
-export {ThemeColorBuilderOpts}
-
-export {ThemeColorButton}
-
-/**
- * @public
- * @deprecated Use `ThemeColorButtonModeKey` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeColorButtonModeKey = ThemeColorButtonModeKey_2
-
-export {ThemeColorButtonState}
-
-export {ThemeColorButtonStates}
-
-export {ThemeColorButtonTones}
-
-export {ThemeColorCard}
-
-export {ThemeColorCardState}
-
-export {ThemeColorGenericState}
-
-export {ThemeColorInput}
-
-export {ThemeColorInputState}
-
-export {ThemeColorInputStates}
-
-export {ThemeColorMuted}
-
-export {ThemeColorMutedTone}
-
-export {ThemeColorName}
-
-/** @public */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): ReactElement
-
-/** @public */
-export declare interface ThemeColorProviderProps {
-  children?: ReactNode
-  scheme?: ThemeColorSchemeKey_2
-  tone?: ThemeColorCardToneKey
-}
-
-export {ThemeColorScheme}
-
-/**
- * @public
- * @deprecated Use `ThemeColorSchemeKey` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeColorSchemeKey = ThemeColorSchemeKey_2
-
-export {ThemeColorSchemes}
-
-export {ThemeColorSelectable}
-
-export {ThemeColorSelectableState}
-
-export {ThemeColorSelectableStates}
-
-export {ThemeColorSolid}
-
-export {ThemeColorSolidTone}
-
-export {ThemeColorSpot}
-
-export {ThemeColorSpotKey}
-
-/**
- * @public
- * @deprecated Use `ThemeColorSyntax` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeColorSyntax = ThemeColorSyntax_2
-
-export {ThemeColorToneKey}
-
-/** @public */
-export declare interface ThemeContextValue {
-  /** @deprecated No longer used */
-  version: 0.0
-  scheme: ThemeColorSchemeKey_2
-  theme: RootTheme_2
-  tone: ThemeColorCardToneKey
-}
-
-/**
- * @public
- * @deprecated Use `ThemeFont` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeFont = ThemeFont_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontKey` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeFontKey = ThemeFontKey_2
-
-/**
- * @public
- * @deprecated Use `ThemeFonts` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeFonts = ThemeFonts_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontSize` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeFontSize = ThemeFontSize_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontWeight` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeFontWeight = ThemeFontWeight_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontWeightKey` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeFontWeightKey = ThemeFontWeightKey_2
-
-export {ThemeInput}
-
-/**
- * @public
- * @deprecated Use `ThemeLayer` from `@sanity/ui/theme` instead.
- */
-export declare type ThemeLayer = ThemeLayer_2
-
-/** @public */
-export declare function ThemeProvider(props: ThemeProviderProps): ReactElement
-
-/** @public */
-export declare interface ThemeProviderProps {
-  children?: ReactNode
-  scheme?: ThemeColorSchemeKey_2
-  theme?: RootTheme_2
-  tone?: ThemeColorCardToneKey
-}
-
-/**
- * @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.
  *
@@ -2770,7 +2121,7 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast<E extends ToastElementType = typeof DEFAULT_TOAST_ELEMENT>(
   props: ToastProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare interface ToastContextValue {
@@ -2842,7 +2193,7 @@ export declare interface ToastProviderProps extends Omit<ToastLayerProps, 'child
  */
 export declare function Tooltip<E extends TooltipElementType = typeof DEFAULT_TOOLTIP_ELEMENT>(
   props: TooltipProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /**
  * @beta
@@ -2867,7 +2218,7 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): ReactElement
+): React.JSX.Element
 
 /**
  * @public
@@ -2893,8 +2244,6 @@ export declare type TooltipElementType = 'div' | 'span' | ComponentType
 export declare type TooltipOwnProps = LayerOwnProps &
   RadiusStyleProps &
   ShadowStyleProps & {
-    /** @deprecated Use `fallbackPlacements` instead. */
-    allowedAutoPlacements?: Placement[]
     /**
      * Whether the tooltip should animate in and out.
      *
@@ -2922,8 +2271,8 @@ export declare type TooltipOwnProps = LayerOwnProps &
     placement?: Placement
     /** Whether or not to render the tooltip in a portal element. */
     portal?: boolean | string
-    scheme?: ThemeColorSchemeKey_2
-    tone?: ThemeColorCardToneKey
+    scheme?: ColorScheme
+    tone?: CardTone
   }
 
 /** @public */
@@ -2938,7 +2287,7 @@ export declare type TooltipProps<E extends TooltipElementType = TooltipElementTy
  */
 export declare function Tree<E extends TreeElementType = typeof DEFAULT_TREE_ELEMENT>(
   props: TreeProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /**
  * @beta
@@ -2946,12 +2295,12 @@ export declare function Tree<E extends TreeElementType = typeof DEFAULT_TREE_ELE
 export declare interface TreeContextValue {
   version: 0.0
   focusedElement: HTMLElement | null
+  gap: ResponsiveProp<Space>
   level: number
   path: string[]
   registerItem: (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => void
   setExpanded: (path: string, expanded: boolean) => void
   setFocusedElement: (focusedElement: HTMLElement | null) => void
-  space: ResponsiveProp<Space>
   state: TreeState
 }
 
@@ -2964,7 +2313,7 @@ export declare type TreeElementType = 'div' | ComponentType
  */
 export declare function TreeItem<E extends TreeItemElementType = typeof DEFAULT_TREE_ITEM_ELEMENT>(
   props: TreeItemProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @beta */
 export declare type TreeItemElementType = 'a' | 'li' | ComponentType
@@ -2983,7 +2332,7 @@ export declare type TreeItemOwnProps = CardOwnProps & {
   padding?: ResponsiveProp<Space>
   space?: ResponsiveProp<Space>
   text?: ReactNode
-  weight?: ThemeFontWeightKey_2
+  weight?: FontWeight
 }
 
 /** @beta */
@@ -2998,8 +2347,6 @@ export declare type TreeItemProps<E extends TreeItemElementType = TreeItemElemen
  */
 export declare type TreeOwnProps = {
   gap?: ResponsiveProp<Space>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
 }
 
 /** @beta */
@@ -3017,40 +2364,12 @@ export declare interface TreeState {
     | undefined
 }
 
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- * @deprecated Use `useResponsiveProp` instead.
- */
-export declare function useArrayProp<T>(val: T | T[] | undefined, defaultVal?: T[]): T[]
-
 /** @public */
 export declare function useBoundaryElement(): BoundaryElementContextValue
 
 /** @public */
 export declare function useCard(): CardContextValue
 
-/**
- * @public
- * @deprecated replaced by the new `useClickOutsideEvent` hook, instead of:
- * ```tsx
- * const [button, setButtonElement] = useState(null)
- * useClickOutside((event) => {}, [button])
- * return <button ref={setButtonElement} />
- * ```
- * do:
- * ```tsx
- * const buttonRef = useRef()
- * useClickOutsideEvent((event) => {}, () => [buttonRef.current])
- * return <button ref={buttonRef} />
- * ```
- */
-export declare function useClickOutside(
-  listener: ClickOutsideListener,
-  elementsArg?: ClickOutsideElements,
-  boundaryElement?: HTMLElement | null,
-): (el: HTMLElement | null) => void
-
 /** @public */
 export declare function useClickOutsideEvent(
   listener: ClickOutsideEventListener | false | undefined,
@@ -3076,32 +2395,12 @@ export declare function useCustomValidity(
  */
 export declare function useDialog(): DialogContextValue
 
-/**
- * Subscribe to the rect of a DOM element.
- * @beta
- *
- * @deprecated Use `useElementSize` instead
- */
-export declare function useElementRect(element: HTMLElement | null): DOMRectReadOnly | null
-
 /**
  * Subscribe to the size of a DOM element.
  * @beta
  */
 export declare function useElementSize(element: HTMLElement | null): ElementSize | null
 
-/**
- * @beta
- * @deprecated use `useImperativeHandle` instead
- * @example
- * ```diff
- * -const ref = useForwardedRef(forwardedRef)
- * +const ref = useRef(null)
- * +useImperativeHandle(forwardedRef, () => ref.current)
- * ```
- */
-export declare function useForwardedRef<T>(ref: ForwardedRef<T>): MutableRefObject<T | null>
-
 /**
  * @beta
  */
@@ -3166,15 +2465,6 @@ export declare function useResponsiveProp<T>(
   defaultVal?: Partial<Record<Breakpoint, T>>,
 ): Partial<Record<Breakpoint, T>>
 
-/** @public */
-export declare function useRootTheme(): ThemeContextValue
-
-/** @public */
-export declare function useTheme(): Theme_2
-
-/** @public */
-export declare function useTheme_v2(): Theme_v2
-
 /** @public */
 export declare function useToast(): ToastContextValue
 
@@ -3191,7 +2481,7 @@ export declare function useTree(): TreeContextValue
 /** @beta */
 export declare function VirtualList<
   E extends VirtualListElementType = typeof DEFAULT_VIRTUAL_LIST_ELEMENT,
->(props: VirtualListProps<E>): JSX.Element
+>(props: VirtualListProps<E>): React.JSX.Element
 
 /** @beta */
 export declare interface VirtualListChangeOpts {