@sanity/ui 3.0.0-static.32 → 3.0.0-static.34

package/dist/index.d.ts

@@ -1,3212 +1,1117 @@
-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 {Breakpoint} from '@sanity/ui/css'
-import type {ButtonStyleProps} from '@sanity/ui/css'
-import {CardStyleProps as CardStyleProps_2} from '@sanity/ui/css'
-import {CodeStyleProps} from '@sanity/ui/css'
-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 {DisplayStyleProps} from '@sanity/ui/css'
-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 {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 {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 {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 {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
-
-/** @internal */
-export declare type ArrowElementType = 'div' | 'span' | ComponentType
-
-/** @internal */
-export declare type ArrowOwnProps = {
-  width: number
-  height: number
-  radius?: number
-}
-
-/** @internal */
-export declare type ArrowProps<E extends ArrowElementType = ArrowElementType> = Props<
-  ArrowOwnProps,
-  E
->
-
-/**
- * Assign properties from `U` to `T`, excluding properties that already exist in `T`.
- *
- * @public
- */
-export declare type Assign<T extends {}, U extends {}> = Omit<T, keyof U> & U
-
-/**
- * @internal
- */
-export declare function attemptFocus(element: HTMLElement): boolean
-
-/**
- * The Autocomplete component is typically used for search components.
- * It consists of a text input for writing a query, and properties for rendering suggestions.
- *
- * @public
- */
-export declare function Autocomplete<
-  E extends AutocompleteElementType = typeof DEFAULT_AUTOCOMPLETE_ELEMENT,
-  O extends BaseAutocompleteOption = BaseAutocompleteOption,
->(props: AutocompleteProps<E, O>): JSX.Element
-
-/** @public */
-export declare type AutocompleteElementType = 'input' | ComponentType
-
-/**
- * @internal
- */
-export declare interface AutocompleteInputChangeMsg {
-  type: 'input/change'
-  query: string | null
+import { Assign, Box, BoxElementType, BoxOwnProps, BoxProps, Button, ButtonElementType, ButtonOwnProps, ButtonProps, ButtonTextAlign, Card, CardElementType, CardOwnProps, CardProps, ComponentType, DEFAULT_BOX_ELEMENT, DEFAULT_BUTTON_ELEMENT, DEFAULT_CARD_ELEMENT, DEFAULT_FLEX_ELEMENT, DEFAULT_GRID_ELEMENT, DEFAULT_HOTKEYS_ELEMENT, DEFAULT_LAYER_ELEMENT, DEFAULT_MENU_DIVIDER_ELEMENT, DEFAULT_MENU_ELEMENT, DEFAULT_MENU_GROUP_ELEMENT, DEFAULT_MENU_ITEM_ELEMENT, DEFAULT_POPOVER_ELEMENT, DEFAULT_SPINNER_ELEMENT, DEFAULT_STACK_ELEMENT, DEFAULT_TAB_ELEMENT, DEFAULT_TAB_LIST_ELEMENT, DEFAULT_TEXT_ELEMENT, DEFAULT_TEXT_INPUT_ELEMENT, DEFAULT_TOOLTIP_ELEMENT, Delay, ElementType, EmptyProps, Flex, FlexElementType, FlexOwnProps, FlexProps, Grid, GridElementType, GridOwnProps, GridProps, Hotkeys, HotkeysElementType, HotkeysOwnProps, HotkeysProps, Layer, LayerElementType, LayerOwnProps, LayerProps, LayerProvider, LayerProviderProps, Menu, MenuDivider, MenuDividerElementType, MenuDividerOwnProps, MenuDividerProps, MenuElementType, MenuGroup, MenuGroupElementType, MenuGroupOwnProps, MenuGroupProps, MenuItem, MenuItemElementType, MenuItemOwnProps, MenuItemProps, MenuOwnProps, MenuProps, Placement, Popover, PopoverElementType, PopoverMargins, PopoverOwnProps, PopoverProps, PopoverUpdateCallback, PopoverWidth, Portal, PortalProps, PortalProvider, PortalProviderProps, Props, Spinner, SpinnerElementType, SpinnerOwnProps, SpinnerProps, Stack, StackElementType, StackOwnProps, StackProps, Tab, TabElementType, TabList, TabListChild, TabListElementType, TabListOwnProps, TabListProps, TabOwnProps, TabProps, TagType, Text, TextElementType, TextInput, TextInputClearButtonProps, TextInputElementType, TextInputOwnProps, TextInputProps, TextOwnProps, TextProps, Tooltip, TooltipElementType, TooltipOwnProps, TooltipProps, _isEnterToClickElement, containsOrEqualsElement, isHTMLAnchorElement, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isHTMLSelectElement, isHTMLTextAreaElement, usePrefersDark } from "./portalProvider-DgNIVviV.js";
+import { BadgeStyleProps, Breakpoint, CodeStyleProps, ContainerStyleProps, FlexStyleProps, GapStyleProps, HeadingStyleProps, LabelStyleProps, PaddingStyleProps, RadiusStyleProps, ResponsiveProp, RootStyleProps, SelectStyleProps, SelectableStyleProps, SkeletonStyleProps, TextAreaStyleProps, TextOverflowStyleProps } from "@sanity/ui/css";
+import { AvatarColor, AvatarSize, CardTone, ColorScheme, ElementTone, FontCodeSize, FontHeadingSize, FontLabelSize, FontTextSize, FontWeight, Radius, Space } from "@sanity/ui/theme";
+import { Component, ComponentType as ComponentType$1, Context, ElementType as ElementType$1, ErrorInfo, ForwardedRef, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode } from "react";
+/** @public */
+type AutocompleteOpenButtonProps = Omit<ButtonProps<"button">, "as">;
+/** @public */
+interface BaseAutocompleteOption {
+  value: string;
 }
-
 /**
- * @internal
- */
-export declare interface AutocompleteInputFoocusMsg {
-  type: 'input/focus'
-}
-
-/**
- * @internal
- */
-export declare type AutocompleteMsg =
-  | AutocompleteRootBlurMsg
-  | AutocompleteRootClearMsg
-  | AutocompleteRootEscapeMsg
-  | AutocompleteRootOpenMsg
-  | AutocompleteRootSetActiveValueMsg
-  | AutocompleteRootSetListFocusedMsg
-  | AutocompleteInputChangeMsg
-  | AutocompleteInputFoocusMsg
-  | AutocompleteValueChangeMsg
-
-/** @public */
-export declare type AutocompleteOpenButtonProps = Omit<ButtonProps<'button'>, 'as'>
-
-/** @public */
-export declare type AutocompleteOwnProps<
-  O extends BaseAutocompleteOption = BaseAutocompleteOption,
-> = TextInputOwnProps & {
-  border?: boolean
-  customValidity?: string
-  filterOption?: (query: string, option: O) => boolean
-  icon?: ElementType_2 | ReactNode
-  /** @beta */
-  listBox?: BoxOwnProps
-  loading?: boolean
-  onChange?: (value: string) => void
-  onQueryChange?: (query: string | null) => void
-  onSelect?: (value: string) => void
-  /** @beta */
-  openButton?: boolean | AutocompleteOpenButtonProps
-  /** @beta */
-  openOnFocus?: boolean
-  /** The options to render. */
-  options?: O[]
-  padding?: ResponsiveProp<Space>
-  popover?: Omit<Props<PopoverProps, 'div'>, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'>
-  prefix?: ReactNode
-  radius?: Radius | Radius[]
-  /** @beta */
-  relatedElements?: HTMLElement[]
-  /** The callback function for rendering each option. */
-  renderOption?: (option: O) => React.JSX.Element
-  /** @beta */
-  renderPopover?: (
-    props: {
-      content: React.JSX.Element | null
-      hidden: boolean
-      inputElement: HTMLInputElement | null
-      onMouseEnter: () => void
-      onMouseLeave: () => void
-    },
-    ref: ForwardedRef<HTMLDivElement>,
-  ) => ReactNode
-  renderValue?: (value: string, option?: O) => string
-  suffix?: ReactNode
-  value?: string
+* @internal
+*/
+interface AutocompleteState {
+  activeValue: string | null;
+  focused: boolean;
+  listFocused: boolean;
+  query: string | null;
+  value: string | null;
 }
-
-/** @public */
-export declare type AutocompleteProps<
-  E extends AutocompleteElementType = AutocompleteElementType,
-  O extends BaseAutocompleteOption = BaseAutocompleteOption,
-> = Props<AutocompleteOwnProps<O>, E>
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootBlurMsg {
-  type: 'root/blur'
+/**
+* @internal
+*/
+interface AutocompleteRootBlurMsg {
+  type: "root/blur";
 }
-
 /**
- * @internal
- */
-export declare interface AutocompleteRootClearMsg {
-  type: 'root/clear'
+* @internal
+*/
+interface AutocompleteRootClearMsg {
+  type: "root/clear";
 }
-
 /**
- * @internal
- */
-export declare interface AutocompleteRootEscapeMsg {
-  type: 'root/escape'
+* @internal
+*/
+interface AutocompleteRootEscapeMsg {
+  type: "root/escape";
 }
-
 /**
- * @internal
- */
-export declare interface AutocompleteRootOpenMsg {
-  type: 'root/open'
-  query: string | null
+* @internal
+*/
+interface AutocompleteRootOpenMsg {
+  type: "root/open";
+  query: string | null;
 }
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootSetActiveValueMsg {
-  type: 'root/setActiveValue'
-  value: string
-  listFocused?: boolean
+/**
+* @internal
+*/
+interface AutocompleteRootSetActiveValueMsg {
+  type: "root/setActiveValue";
+  value: string;
+  listFocused?: boolean;
 }
-
 /**
- * @internal
- */
-export declare interface AutocompleteRootSetListFocusedMsg {
-  type: 'root/setListFocused'
-  listFocused: boolean
+* @internal
+*/
+interface AutocompleteRootSetListFocusedMsg {
+  type: "root/setListFocused";
+  listFocused: boolean;
 }
-
-/**
- * @internal
- */
-export declare interface AutocompleteState {
-  activeValue: string | null
-  focused: boolean
-  listFocused: boolean
-  query: string | null
-  value: string | null
+/**
+* @internal
+*/
+interface AutocompleteInputChangeMsg {
+  type: "input/change";
+  query: string | null;
 }
-
 /**
- * @internal
- */
-export declare interface AutocompleteValueChangeMsg {
-  type: 'value/change'
-  value: string | null
+* @internal
+*/
+interface AutocompleteInputFoocusMsg {
+  type: "input/focus";
 }
-
-/**
- * Avatars are used to represent people and other agents (e.g. bots).
- *
- * @public
- */
-export declare function Avatar<E extends AvatarElementType = typeof DEFAULT_AVATAR_ELEMENT>(
-  props: AvatarProps<E>,
-): JSX.Element
-
-/** @public */
-export declare function AvatarCounter<
-  E extends AvatarCounterElementType = typeof DEFAULT_AVATAR_COUNTER_ELEMENT,
->(props: AvatarCounterProps<E>): JSX.Element
-
-/** @public */
-export declare type AvatarCounterElementType = 'button' | 'div' | 'span' | ComponentType
-
-/** @public */
-export declare interface AvatarCounterOwnProps {
-  count: number
-  size?: ResponsiveProp<AvatarSize>
+/**
+* @internal
+*/
+interface AutocompleteValueChangeMsg {
+  type: "value/change";
+  value: string | null;
 }
-
-/** @public */
-export declare type AvatarCounterProps<
-  E extends AvatarCounterElementType = AvatarCounterElementType,
-> = Props<AvatarCounterOwnProps, E>
-
+/**
+* @internal
+*/
+type AutocompleteMsg = AutocompleteRootBlurMsg | AutocompleteRootClearMsg | AutocompleteRootEscapeMsg | AutocompleteRootOpenMsg | AutocompleteRootSetActiveValueMsg | AutocompleteRootSetListFocusedMsg | AutocompleteInputChangeMsg | AutocompleteInputFoocusMsg | AutocompleteValueChangeMsg;
 /** @public */
-export declare type AvatarElementType = 'a' | 'button' | 'div' | 'span' | ComponentType
-
+declare const DEFAULT_AUTOCOMPLETE_ELEMENT = "input";
 /** @public */
-export declare interface AvatarOwnProps {
+type AutocompleteOwnProps<O extends BaseAutocompleteOption = BaseAutocompleteOption> = TextInputOwnProps & {
+  border?: boolean;
+  customValidity?: string;
+  filterOption?: (query: string, option: O) => boolean;
+  icon?: ElementType$1 | ReactNode;
+  /** @beta */
+  listBox?: BoxOwnProps;
+  loading?: boolean;
+  onChange?: (value: string) => void;
+  onQueryChange?: (query: string | null) => void;
+  onSelect?: (value: string) => void;
+  /** @beta */
+  openButton?: boolean | AutocompleteOpenButtonProps;
+  /** @beta */
+  openOnFocus?: boolean;
+  /** The options to render. */
+  options?: O[];
+  padding?: ResponsiveProp<Space>;
+  popover?: Omit<Props<PopoverProps, "div">, "content" | "onMouseEnter" | "onMouseLeave" | "open">;
+  prefix?: ReactNode;
+  radius?: Radius | Radius[];
+  /** @beta */
+  relatedElements?: HTMLElement[];
+  /** The callback function for rendering each option. */
+  renderOption?: (option: O) => React.JSX.Element;
   /** @beta */
-  __unstable_hideInnerStroke?: boolean
-  animateArrowFrom?: AvatarPosition
-  arrowPosition?: AvatarPosition
-  color?: AvatarColor
-  initials?: string
-  onImageLoadError?: (event: Error) => void
-  size?: ResponsiveProp<AvatarSize>
-  src?: string
+  renderPopover?: (props: {
+    content: React.JSX.Element | null;
+    hidden: boolean;
+    inputElement: HTMLInputElement | null;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+  }, ref: ForwardedRef<HTMLDivElement>) => ReactNode;
+  renderValue?: (value: string, option?: O) => string;
+  suffix?: ReactNode;
+  value?: string;
+};
+/** @public */
+type AutocompleteElementType = "input" | ComponentType;
+/** @public */
+type AutocompleteProps<E extends AutocompleteElementType = AutocompleteElementType, O extends BaseAutocompleteOption = BaseAutocompleteOption> = Props<AutocompleteOwnProps<O>, E>;
+/**
+* The Autocomplete component is typically used for search components.
+* It consists of a text input for writing a query, and properties for rendering suggestions.
+*
+* @public
+*/
+declare function Autocomplete<E extends AutocompleteElementType = typeof DEFAULT_AUTOCOMPLETE_ELEMENT, O extends BaseAutocompleteOption = BaseAutocompleteOption>(props: AutocompleteProps<E, O>): React.JSX.Element;
+/** @beta */
+declare const DEFAULT_BREADCRUMBS_ELEMENT = "nav";
+/** @beta */
+type BreadcrumbsOwnProps = GapStyleProps & {
+  expandButton?: Omit<ButtonProps<"button">, "as" | "onClick" | "selected">;
+  maxLength?: number;
+  separator?: ReactNode;
+};
+/** @beta */
+type BreadcrumbsElementType = "div" | "nav" | ComponentType;
+/** @beta */
+type BreadcrumbsProps<E extends BreadcrumbsElementType = BreadcrumbsElementType> = Props<BreadcrumbsOwnProps, E>;
+/** @beta */
+declare function Breadcrumbs<E extends BreadcrumbsElementType = typeof DEFAULT_BREADCRUMBS_ELEMENT>(props: BreadcrumbsProps<E>): React.JSX.Element;
+/** @public */
+type DialogPosition = "absolute" | "fixed";
+/** @public */
+declare const DEFAULT_DIALOG_ELEMENT = "div";
+/** @public */
+type DialogOwnProps = ContainerStyleProps & Omit<LayerOwnProps, "width"> & {
   /**
-   * The status of the entity this Avatar represents.
-   * @deprecated Will be removed in next major version.
-   */
-  status?: AvatarStatus
-  title?: string
-}
-
-/** @public */
-export declare type AvatarPosition = 'top' | 'bottom' | 'inside'
-
-/** @public */
-export declare type AvatarProps<E extends AvatarElementType = AvatarElementType> = Props<
-  AvatarOwnProps,
-  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
-
-/** @public */
-export declare type AvatarStackChild = ReactElement<AvatarProps<'div'>> | null | undefined | false
-
-/** @public */
-export declare type AvatarStackElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type AvatarStackOwnProps = Omit<
-  BoxOwnProps,
-  'align' | 'alignItems' | 'display' | 'justify' | 'justifyContent'
-> & {
-  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.
- *
- * @public
- */
-export declare function Badge<E extends BadgeElementType = typeof DEFAULT_BADGE_ELEMENT>(
-  props: BadgeProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type BadgeElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type BadgeOwnProps = PaddingStyleProps &
-  RadiusStyleProps & {
-    fontSize?: ResponsiveProp<FontTextSize>
-    tone?: BadgeTone
-  }
-
-/** @public */
-export declare type BadgeProps<E extends BadgeElementType = BadgeElementType> = Props<
-  BadgeOwnProps,
-  E
->
-
-/** @public */
-declare type BadgeTone = ThemeColorStateToneKey
-
-/** @public */
-export declare interface BaseAutocompleteOption {
-  value: string
-}
-
+  * @beta
+  */
+  __unstable_autoFocus?: boolean;
+  /**
+  * @beta
+  */
+  __unstable_hideCloseButton?: boolean;
+  /**
+  * Whether the dialog should animate in on mount.
+  *
+  * @beta
+  * @defaultValue false
+  */
+  animate?: boolean;
+  cardRadius?: ResponsiveProp<Radius>;
+  contentRef?: ForwardedRef<HTMLDivElement>;
+  footer?: ReactNode;
+  header?: ReactNode;
+  id: string;
+  /** A callback that fires when the dialog becomes the top layer when it was not the top layer before. */
+  onActivate?: LayerProps["onActivate"];
+  onClickOutside?: () => void;
+  onClose?: () => void;
+  open?: boolean;
+  portal?: string;
+  position?: ResponsiveProp<DialogPosition>;
+  scheme?: ColorScheme;
+  tone?: CardTone | "inherit";
+  zOffset?: number | number[];
+};
+/** @public */
+type DialogElementType = "div" | "span" | ComponentType;
+/** @public */
+type DialogProps<E extends DialogElementType = DialogElementType> = Props<DialogOwnProps, E>;
+/**
+* The Dialog component.
+*
+* @public
+*/
+declare function Dialog<E extends DialogElementType = typeof DEFAULT_DIALOG_ELEMENT>(props: DialogProps<E>): React.JSX.Element;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+interface DialogContextValue {
+  version: 0.0;
+  position?: ResponsiveProp<DialogPosition>;
+  zOffset?: ResponsiveProp<number>;
+}
+/**
+* @internal
+*/
+declare const DialogContext: Context<DialogContextValue>;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+interface DialogProviderProps {
+  children?: ReactNode;
+  position?: ResponsiveProp<DialogPosition>;
+  zOffset?: ResponsiveProp<number>;
+}
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function DialogProvider(props: DialogProviderProps): React.JSX.Element;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function useDialog(): DialogContextValue;
+/** @public */
+type MenuButtonProps = {
+  /**
+  * @beta Do not use in production.
+  */
+  __unstable_disableRestoreFocusOnClose?: boolean;
+  button: ReactElement<ButtonProps>;
+  id: string;
+  menu?: ReactElement;
+  onClose?: () => void;
+  onOpen?: () => void;
+  popover?: Omit<PopoverProps, "content" | "open">;
+  ref?: ForwardedRef<HTMLButtonElement | null>;
+};
+/**
+* The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
+*
+* @public
+*/
+declare function MenuButton(props: MenuButtonProps): React.JSX.Element;
+/** @public */
+declare const DEFAULT_TAB_PANEL_ELEMENT = "div";
+/** @public */
+type TabPanelOwnProps = BoxOwnProps & {
+  /**
+  * The `id` of the correlating `Tab` component.
+  */
+  "aria-labelledby": string;
+  "id": string;
+};
+/** @public */
+type TabPanelElementType = "div" | "span" | ComponentType;
+/** @public */
+type TabPanelProps<E extends TabPanelElementType = TabPanelElementType> = Props<TabPanelOwnProps, E>;
+/** @public */
+declare function TabPanel<E extends TabPanelElementType = typeof DEFAULT_TAB_PANEL_ELEMENT>(props: TabPanelProps<E>): React.JSX.Element;
+/** @internal */
+declare const DEFAULT_TOAST_ELEMENT = "li";
+/** @internal */
+type ToastOwnProps = RadiusStyleProps & {
+  closable?: boolean;
+  description?: ReactNode;
+  onClose?: () => void;
+  title?: ReactNode;
+  status?: "error" | "warning" | "success" | "info";
+  duration?: number;
+};
+/** @internal */
+type ToastElementType = "li" | ComponentType;
+/** @internal */
+type ToastProps<E extends ToastElementType = ToastElementType> = Props<ToastOwnProps, E>;
+/**
+* The `Toast` component gives feedback to users when an action has taken place.
+*
+* Toasts can be closed with a close button, or auto-dismiss when the duration expires.
+*
+* @internal
+*/
+declare function Toast<E extends ToastElementType = typeof DEFAULT_TOAST_ELEMENT>(props: ToastProps<E>): React.JSX.Element;
+/** @internal */
+type ToastLayerOwnProps = GapStyleProps & PaddingStyleProps;
+/** @internal */
+type ToastLayerElementType = "ul" | ComponentType;
+/** @internal */
+type ToastLayerProps<E extends ToastLayerElementType = ToastLayerElementType> = Props<ToastLayerOwnProps, E>;
 /**
- * @public
- * @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
- */
-export declare type BaseTheme = BaseTheme_2
-
+* @internal
+*/
 /** @public */
-export declare interface BoundaryElementContextValue {
-  version: 0.0
-  element: HTMLElement | null
+interface ToastProviderProps extends Omit<ToastLayerProps, "children"> {
+  children?: React.ReactNode;
+  zOffset?: ResponsiveProp<number>;
 }
-
 /** @public */
-export declare function BoundaryElementProvider(props: BoundaryElementProviderProps): ReactElement
-
+declare function ToastProvider(props: ToastProviderProps): React.JSX.Element;
 /** @public */
-export declare interface BoundaryElementProviderProps {
-  children: ReactNode
-  element: HTMLElement | null
+interface ToastParams {
+  closable?: boolean;
+  description?: ReactNode;
+  duration?: number;
+  id?: string;
+  onClose?: () => void;
+  title?: ReactNode;
+  status?: "error" | "warning" | "success" | "info";
 }
-
-/**
- * The `Box` component is a basic layout wrapper component which provides utility properties
- * for flex, margins and padding.
- *
- * @public
- */
-export declare function Box<E extends BoxElementType = typeof DEFAULT_BOX_ELEMENT>(
-  props: BoxProps<E>,
-): JSX.Element
-
-export {BoxDisplay}
-
-/** @public */
-export declare type BoxElementType =
-  | 'a'
-  | 'article'
-  | 'aside'
-  | 'blockquote'
-  | 'body'
-  | 'button'
-  | 'details'
-  | 'div'
-  | 'header'
-  | 'fieldset'
-  | 'figure'
-  | 'figcaption'
-  | 'footer'
-  | 'form'
-  | 'html'
-  | 'iframe'
-  | 'kbd'
-  | 'label'
-  | 'legend'
-  | 'li'
-  | 'main'
-  | 'nav'
-  | 'ol'
-  | 'pre'
-  | 'section'
-  | 'span'
-  | 'summary'
-  | 'ul'
-  | ComponentType
-
-export {BoxHeight}
-
-export {BoxOverflow}
-
-/** @public */
-export declare type BoxOwnProps = BoxStyleProps &
-  GapStyleProps &
-  InsetStyleProps &
-  PositionStyleProps
-
-/** @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
-
+/** @public */
+interface ToastContextValue {
+  version: 0.0;
+  /**
+  * Creates or updates a toast notification.
+  * If a toast with the same ID already exists, it will be updated.
+  * If an ID is not provided, a random one will be generated.
+  * The returned ID can be used to programatically update a toast.
+  */
+  push: (params: ToastParams) => string;
+}
+/** @public */
+declare function useToast(): ToastContextValue;
 /** @beta */
-export declare type BreadcrumbsElementType = 'div' | 'nav' | ComponentType
-
+declare const DEFAULT_TREE_ELEMENT = "div";
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type TreeOwnProps = {
+  gap?: ResponsiveProp<Space>;
+};
 /** @beta */
-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[]
-}
-
+type TreeElementType = "div" | ComponentType;
 /** @beta */
-export declare type BreadcrumbsProps<E extends BreadcrumbsElementType = BreadcrumbsElementType> =
-  Props<BreadcrumbsOwnProps, E>
-
-/** @public */
-export declare function Button<E extends ButtonElementType = typeof DEFAULT_BUTTON_ELEMENT>(
-  props: ButtonProps<E>,
-): 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 &
-  GapStyleProps &
-  PaddingStyleProps & {
-    'align'?: BoxStyleProps['alignItems']
-    'data-ui'?: string
-    'disabled'?: boolean
-    'fontSize'?: ResponsiveProp<FontTextSize>
-    'icon'?: ElementType_2 | ReactNode
-    'iconRight'?: ElementType_2 | ReactNode
-    'justify'?: BoxStyleProps['justifyContent']
-    /** @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
-    'text'?: ReactNode
-    'textOverflow'?: TextOwnProps['textOverflow']
-    'textWeight'?: TextOwnProps['weight']
-    'width'?: ResponsiveProp<Width>
-  }
-
-/** @public */
-export declare type ButtonProps<E extends ButtonElementType = ButtonElementType> = Props<
-  ButtonOwnProps,
-  E
->
-
-/** @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.
- *
- * @public
- */
-export declare function Card<E extends CardElementType = typeof DEFAULT_CARD_ELEMENT>(
-  props: CardProps<E>,
-): JSX.Element
-
+type TreeProps<E extends TreeElementType = TreeElementType> = Props<TreeOwnProps, E>;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function Tree<E extends TreeElementType = typeof DEFAULT_TREE_ELEMENT>(props: TreeProps<E>): React.JSX.Element;
 /** @internal */
-export declare type _CardCompatProviderComponent = ComponentType_2<{
-  children?: ReactNode
-  tone: ThemeColorCardToneKey
-  scheme: ThemeColorSchemeKey_2
-}>
-
-/** @public */
-export declare interface CardContextValue {
-  tone: ThemeColorCardToneKey
-  scheme: ThemeColorSchemeKey_2
-  /** @internal */
-  unstable_CompatProvider?: _CardCompatProviderComponent
+declare const DEFAULT_SELECTABLE_ELEMENT = "button";
+/** @internal */
+type SelectableOwnProps = BoxOwnProps & SelectableStyleProps & {
+  disabled?: boolean;
+  href?: string;
+  selected?: boolean;
+  tone?: ElementTone;
+  type?: "button";
+};
+/** @internal */
+type SelectableElementType = "button" | "a" | ComponentType;
+/** @internal */
+type SelectableProps<E extends SelectableElementType = SelectableElementType> = Props<SelectableOwnProps, E>;
+/** @internal */
+declare function Selectable<E extends SelectableElementType = typeof DEFAULT_SELECTABLE_ELEMENT>(props: SelectableProps<E>): React.JSX.Element;
+/** @beta */
+declare const DEFAULT_TREE_ITEM_ELEMENT = "a";
+/** @beta */
+type TreeItemOwnProps = CardOwnProps & {
+  expanded?: boolean;
+  fontSize?: ResponsiveProp<FontTextSize>;
+  icon?: ElementType$1;
+  /**
+  * Allows passing a custom element type to the link component
+  * @internal
+  */
+  linkAs?: SelectableElementType;
+  onClick?: MouseEventHandler<HTMLAnchorElement | HTMLLIElement>;
+  padding?: ResponsiveProp<Space>;
+  space?: ResponsiveProp<Space>;
+  text?: ReactNode;
+  weight?: FontWeight;
+};
+/** @beta */
+type TreeItemElementType = "a" | "li" | ComponentType;
+/** @beta */
+type TreeItemProps<E extends TreeItemElementType = TreeItemElementType> = Props<TreeItemOwnProps, E>;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function TreeItem<E extends TreeItemElementType = typeof DEFAULT_TREE_ITEM_ELEMENT>(props: TreeItemProps<E>): React.JSX.Element;
+/**
+* @beta
+*/
+interface TreeState {
+  [key: string]: {
+    element: HTMLElement;
+    expanded: boolean;
+  } | undefined;
+}
+/**
+* @beta
+*/
+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;
+  state: TreeState;
+}
+/**
+* @beta
+*/
+declare function useTree(): TreeContextValue;
+/** @beta */
+declare const DEFAULT_VIRTUAL_LIST_ELEMENT = "div";
+/** @beta */
+interface VirtualListChangeOpts {
+  fromIndex: number;
+  gap: number;
+  itemHeight: number;
+  scrollHeight: number;
+  scrollTop: number;
+  toIndex: number;
 }
-
+/** @beta */
+type VirtualListOwnProps<Item = any> = {
+  gap?: Space;
+  getItemKey?: (item: Item, itemIndex: number) => string;
+  items?: Item[];
+  onChange?: (opts: VirtualListChangeOpts) => void;
+  renderItem?: (item: Item) => ReactNode;
+};
+/** @beta */
+type VirtualListElementType = "div" | ComponentType;
+/** @beta */
+type VirtualListProps<E extends VirtualListElementType = VirtualListElementType> = Props<VirtualListOwnProps, E>;
+/** @beta */
+declare function VirtualList<E extends VirtualListElementType = typeof DEFAULT_VIRTUAL_LIST_ELEMENT>(props: VirtualListProps<E>): React.JSX.Element;
+/**
+* @internal
+*/
+declare function _raf(fn: () => void): () => void;
+/**
+* @internal
+*/
+declare function _raf2(fn: () => void): () => void;
+/**
+* @internal
+*/
+declare function _hasFocus(element: HTMLElement): boolean;
+/**
+* @internal
+*/
+declare function isFocusable(element: HTMLElement): boolean;
+/**
+* @internal
+*/
+declare function attemptFocus(element: HTMLElement): boolean;
+/**
+* @internal
+*/
+declare function focusFirstDescendant(element: HTMLElement): boolean;
+/**
+* @internal
+*/
+declare function focusLastDescendant(element: HTMLElement): boolean;
+/**
+* @internal
+*/
+declare function _getArrayProp<T>(val: T | T[] | undefined, defaultVal?: T[]): T[];
+/**
+* @internal
+*/
+declare function _getResponsiveProp<T>(val: ResponsiveProp<T> | undefined, defaultVal?: Partial<Record<Breakpoint, T>>): Partial<Record<Breakpoint, T>>;
+/**
+* @internal
+*/
+declare function _isScrollable(el: Node): boolean;
 /** @public */
-export declare type CardElementType = BoxElementType
-
+type ClickOutsideEventListener = (event: MouseEvent) => void;
 /** @public */
-export declare interface CardOwnProps extends BoxOwnProps, CardStyleProps_2 {
-  /**
-   * Do not use in production.
-   * @beta
-   */
-  __unstable_checkered?: boolean
-  /**
-   * Do not use in production.
-   * @beta
-   */
-  __unstable_focusRing?: boolean
-  disabled?: boolean
-  pressed?: boolean
-  selected?: boolean
-  target?: string
+type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[];
+/** @public */
+declare function useClickOutsideEvent(listener: ClickOutsideEventListener | false | undefined, elementsArg?: () => ClickOutsideEventElements, boundaryElement?: () => HTMLElement | null): void;
+/**
+* @beta
+*/
+declare function useCustomValidity(ref: {
+  current: null | {
+    setCustomValidity: (validity: string) => void;
+  };
+}, customValidity: string | undefined): void;
+/**
+* @beta
+*/
+interface ElementRectValue {
+  width: number;
+  height: number;
 }
-
+/**
+* @beta
+*/
+interface ElementSize {
+  content: ElementRectValue;
+  border: ElementRectValue;
+  /** @deprecated INTERNAL ONLY */
+  _contentRect: DOMRectReadOnly;
+}
+/**
+* @internal
+*/
+type _ElementSizeSubscriber = (elementRect: ElementSize) => void;
+/**
+* @internal
+*/
+interface _ElementSizeObserver {
+  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void;
+}
+/**
+* @internal
+*/
+interface _ElementSizeListener {
+  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void;
+}
+// Initialize element size observer
+// NOTE: this should NOT have size effects
+/**
+* @internal
+*/
+declare const _elementSizeObserver: _ElementSizeObserver;
+/**
+* Subscribe to the size of a DOM element.
+* @beta
+*/
+declare function useElementSize(element: HTMLElement | null): ElementSize | null;
+/**
+* @beta
+*/
+declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void;
+/**
+* Efficiently subscribes to `window.matchMedia` queries
+*
+* @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Required if the hook is called during SSR (https://dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
+*
+* @public
+*/
+declare function useMatchMedia(mediaQueryString: `(${string})`, getServerSnapshot?: () => boolean): boolean;
+/**
+* @internal
+*/
+interface _MediaStore {
+  subscribe: (onStoreChange: () => void) => () => void;
+  getSnapshot: () => Breakpoint;
+}
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function useMediaIndex(): Breakpoint;
+/**
+* Returns true if motion should be reduced
+*
+* @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Since the server environment doesn't have access to the DOM, we can't determine the current value of the media query and we assume `(prefers-reduced-motion: no-preference)` since it's the most common scheme (https://dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
+*
+* If you persist the detected preference in a cookie or a header then you may implement your own server snapshot to read it.
+* Chrome supports reading the `prefers-reduced-motion` media query from a header if the server response: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-CH-Prefers-Reduced-Motion
+* @example https://gist.github.com/stipsan/0c0f839a27842249cada893e9fb7767b
+*
+* @public
+*/
+declare function usePrefersReducedMotion(getServerSnapshot?: () => boolean): boolean;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function useResponsiveProp<T>(val: ResponsiveProp<T> | undefined, defaultVal?: Partial<Record<Breakpoint, T>>): Partial<Record<Breakpoint, T>>;
+/**
+* @internal
+*/
+declare const _ResizeObserver: typeof ResizeObserver;
+/** @internal */
+declare const DEFAULT_ARROW_ELEMENT = "div";
+/** @internal */
+type ArrowOwnProps = {
+  width: number;
+  height: number;
+  radius?: number;
+};
+/** @internal */
+type ArrowElementType = "div" | "span" | ComponentType;
+/** @internal */
+type ArrowProps<E extends ArrowElementType = ArrowElementType> = Props<ArrowOwnProps, E>;
+/** @internal */
+declare function Arrow<E extends ArrowElementType = typeof DEFAULT_ARROW_ELEMENT>(props: ArrowProps<E>): React.JSX.Element;
 /** @public */
-export declare type CardProps<E extends CardElementType = CardElementType> = Props<CardOwnProps, E>
-
+type AvatarPosition = "top" | "bottom" | "inside";
 /** @public */
-export declare function CardProvider(props: {
-  children?: ReactNode
-  tone: ThemeColorCardToneKey
-  scheme: ThemeColorSchemeKey_2
-  /** @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
+declare const DEFAULT_AVATAR_ELEMENT = "span";
+/** @public */
+interface AvatarOwnProps {
+  /** @beta */
+  __unstable_hideInnerStroke?: boolean;
+  animateArrowFrom?: AvatarPosition;
+  arrowPosition?: AvatarPosition;
+  color?: AvatarColor;
+  initials?: string;
+  onImageLoadError?: (event: Error) => void;
+  size?: ResponsiveProp<AvatarSize>;
+  src?: string;
+  title?: string;
 }
-
-/** @public */
-export declare type CardTone = ThemeColorCardToneKey | 'inherit'
-
-/**
- * Checkboxes allow the user to select one or more items from a set.
- *
- * @public
- */
-export declare function Checkbox<E extends CheckboxElementType = typeof DEFAULT_CHECKBOX_ELEMENT>(
-  props: CheckboxProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type CheckboxElementType = 'input' | ComponentType
-
-/** @public */
-export declare type CheckboxOwnProps = {
-  indeterminate?: boolean
-  customValidity?: string
+/** @public */
+type AvatarElementType = "a" | "button" | "div" | "span" | ComponentType;
+/** @public */
+type AvatarProps<E extends AvatarElementType = AvatarElementType> = Props<AvatarOwnProps, E>;
+/**
+* Avatars are used to represent people and other agents (e.g. bots).
+*
+* @public
+*/
+declare function Avatar<E extends AvatarElementType = typeof DEFAULT_AVATAR_ELEMENT>(props: AvatarProps<E>): React.JSX.Element;
+/** @public */
+declare const DEFAULT_AVATAR_COUNTER_ELEMENT = "span";
+/** @public */
+interface AvatarCounterOwnProps {
+  count: number;
+  size?: ResponsiveProp<AvatarSize>;
 }
-
 /** @public */
-export declare type CheckboxProps<E extends CheckboxElementType = CheckboxElementType> = Props<
-  CheckboxOwnProps,
-  E
->
-
+type AvatarCounterElementType = "button" | "div" | "span" | ComponentType;
 /** @public */
-export declare type ClickOutsideElements = (HTMLElement | null | (HTMLElement | null)[])[]
-
+type AvatarCounterProps<E extends AvatarCounterElementType = AvatarCounterElementType> = Props<AvatarCounterOwnProps, E>;
 /** @public */
-export declare type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[]
-
+declare function AvatarCounter<E extends AvatarCounterElementType = typeof DEFAULT_AVATAR_COUNTER_ELEMENT>(props: AvatarCounterProps<E>): React.JSX.Element;
 /** @public */
-export declare type ClickOutsideEventListener = (event: MouseEvent) => void
-
+declare const DEFAULT_AVATAR_STACK_ELEMENT = "span";
 /** @public */
-export declare type ClickOutsideListener = (event: MouseEvent) => void
-
+type AvatarStackChild = ReactElement<AvatarProps<"div">> | null | undefined | false;
 /** @public */
-export declare function Code<E extends CodeElementType = typeof DEFAULT_CODE_ELEMENT>(
-  props: CodeProps<E>,
-): JSX.Element
-
+type AvatarStackOwnProps = Omit<BoxOwnProps, "align" | "alignItems" | "display" | "justify" | "justifyContent"> & {
+  children: AvatarStackChild | AvatarStackChild[];
+  maxLength?: number;
+  size?: ResponsiveProp<AvatarSize>;
+};
 /** @public */
-export declare type CodeElementType = 'div' | 'pre' | ComponentType
-
+type AvatarStackElementType = "div" | "span" | ComponentType;
 /** @public */
-export declare type CodeOwnProps = CodeStyleProps & {
-  /** Define the language to use for syntax highlighting. */
-  language?: string
-  size?: ResponsiveProp<FontCodeSize>
-}
-
-/** @public */
-export declare type CodeProps<E extends CodeElementType = CodeElementType> = Props<CodeOwnProps, E>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function CodeSkeleton<
-  E extends CodeSkeletonElementType = typeof DEFAULT_CODE_SKELETON_ELEMENT,
->(props: CodeSkeletonProps<E>): JSX.Element
-
-/** @beta */
-export declare type CodeSkeletonElementType = SkeletonElementType
-
-/** @beta */
-export declare type CodeSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontCodeSize>
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare type CodeSkeletonProps<E extends CodeSkeletonElementType = CodeSkeletonElementType> =
-  Props<CodeSkeletonOwnProps, E>
-
-/** @public */
-export declare type ComponentType<P = any> =
-  | FunctionComponent<P>
-  | ComponentClass<P>
-  | ExoticComponent<P>
-
-/**
- * The `Container` component wraps content layout in a defined set of widths.
- *
- * @public
- */
-export declare function Container<
-  E extends ContainerElementType = typeof DEFAULT_CONTAINER_ELEMENT,
->(props: ContainerProps<E>): JSX.Element
-
-/** @public */
-export declare type ContainerElementType = BoxElementType
-
-/** @public */
-export declare type ContainerOwnProps = Omit<BoxOwnProps, 'width'> & ContainerStyleProps
-
-/** @public */
-export declare type ContainerProps<E extends ContainerElementType = ContainerElementType> = Props<
-  ContainerOwnProps,
-  E
->
-
-/**
- * @internal
- */
-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
-
+type AvatarStackProps<E extends AvatarStackElementType = AvatarStackElementType> = Props<AvatarStackOwnProps, E>;
+/** @public */
+declare function AvatarStack<E extends AvatarStackElementType = typeof DEFAULT_AVATAR_STACK_ELEMENT>(props: AvatarStackProps<E>): React.JSX.Element;
+/** @public */
+declare const DEFAULT_BADGE_ELEMENT = "span";
+/** @public */
+type BadgeOwnProps = BadgeStyleProps & FlexStyleProps & PaddingStyleProps & RadiusStyleProps;
+/** @public */
+type BadgeElementType = "div" | "span" | ComponentType;
+/** @public */
+type BadgeProps<E extends BadgeElementType = BadgeElementType> = Props<BadgeOwnProps, E>;
+/**
+* Badges are used to tag resources.
+*
+* @public
+*/
+declare function Badge<E extends BadgeElementType = typeof DEFAULT_BADGE_ELEMENT>(props: BadgeProps<E>): React.JSX.Element;
 /** @internal */
-export declare const DEFAULT_ARROW_ELEMENT = 'div'
-
+type _CardCompatProviderComponent = ComponentType$1<{
+  children?: ReactNode;
+  tone: CardTone | "inherit";
+  scheme: ColorScheme;
+}>;
+/** @public */
+interface CardContextValue {
+  tone: CardTone;
+  scheme: ColorScheme;
+  /** @internal */
+  unstable_CompatProvider?: _CardCompatProviderComponent;
+}
 /** @public */
-export declare const DEFAULT_AUTOCOMPLETE_ELEMENT = 'input'
-
+declare function CardProvider(props: {
+  children?: ReactNode;
+  tone: CardTone;
+  scheme: ColorScheme;
+  /** @internal */
+  unstable_CompatProvider?: _CardCompatProviderComponent;
+}): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_AVATAR_COUNTER_ELEMENT = 'span'
-
+declare function useCard(): CardContextValue;
 /** @public */
-export declare const DEFAULT_AVATAR_ELEMENT = 'span'
-
+declare const DEFAULT_CHECKBOX_ELEMENT = "input";
 /** @public */
-export declare const DEFAULT_AVATAR_STACK_ELEMENT = 'span'
-
+type CheckboxOwnProps = {
+  indeterminate?: boolean;
+  customValidity?: string;
+};
 /** @public */
-export declare const DEFAULT_BADGE_ELEMENT = 'span'
-
+type CheckboxElementType = "input" | ComponentType;
 /** @public */
-export declare const DEFAULT_BOX_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_BREADCRUMBS_ELEMENT = 'nav'
-
+type CheckboxProps<E extends CheckboxElementType = CheckboxElementType> = Props<CheckboxOwnProps, E>;
+/**
+* Checkboxes allow the user to select one or more items from a set.
+*
+* @public
+*/
+declare function Checkbox<E extends CheckboxElementType = typeof DEFAULT_CHECKBOX_ELEMENT>(props: CheckboxProps<E>): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_BUTTON_ELEMENT = 'button'
-
+declare const DEFAULT_CODE_ELEMENT = "pre";
 /** @public */
-export declare const DEFAULT_CARD_ELEMENT = 'div'
-
+type CodeOwnProps = CodeStyleProps & {
+  /** Define the language to use for syntax highlighting. */
+  language?: string;
+  size?: ResponsiveProp<FontCodeSize>;
+};
 /** @public */
-export declare const DEFAULT_CHECKBOX_ELEMENT = 'input'
-
+type CodeElementType = "div" | "pre" | ComponentType;
 /** @public */
-export declare const DEFAULT_CODE_ELEMENT = 'pre'
-
-/** @beta */
-export declare const DEFAULT_CODE_SKELETON_ELEMENT = 'div'
-
+type CodeProps<E extends CodeElementType = CodeElementType> = Props<CodeOwnProps, E>;
 /** @public */
-export declare const DEFAULT_CONTAINER_ELEMENT = 'div'
-
+declare function Code<E extends CodeElementType = typeof DEFAULT_CODE_ELEMENT>(props: CodeProps<E>): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_DIALOG_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_ELEMENT_QUERY_ELEMENT = 'div'
-
+declare const DEFAULT_CONTAINER_ELEMENT = "div";
 /** @public */
-export declare const DEFAULT_FLEX_ELEMENT = 'div'
-
+type ContainerOwnProps = Omit<BoxOwnProps, "width"> & ContainerStyleProps;
 /** @public */
-export declare const DEFAULT_GRID_ELEMENT = 'div'
-
+type ContainerElementType = BoxElementType;
 /** @public */
-export declare const DEFAULT_HEADING_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_HEADING_SKELETON_ELEMENT = 'div'
-
+type ContainerProps<E extends ContainerElementType = ContainerElementType> = Props<ContainerOwnProps, E>;
+/**
+* The `Container` component wraps content layout in a defined set of widths.
+*
+* @public
+*/
+declare function Container<E extends ContainerElementType = typeof DEFAULT_CONTAINER_ELEMENT>(props: ContainerProps<E>): React.JSX.Element;
+/**
+* @internal
+*/
+interface ResponsiveWidthStyleProps {
+  $width: (number | "auto")[];
+}
 /** @public */
-export declare const DEFAULT_HOTKEYS_ELEMENT = 'kbd'
-
+declare const DEFAULT_HEADING_ELEMENT = "div";
 /** @public */
-export declare const DEFAULT_INLINE_ELEMENT = 'div'
-
+type HeadingOwnProps = HeadingStyleProps & TextOverflowStyleProps;
 /** @public */
-export declare const DEFAULT_KBD_ELEMENT = 'kbd'
-
+type HeadingElementType = "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | ComponentType;
 /** @public */
-export declare const DEFAULT_LABEL_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_LABEL_SKELETON_ELEMENT = 'div'
-
+type HeadingProps<E extends HeadingElementType = HeadingElementType> = Props<HeadingOwnProps, E>;
+/**
+* Typographic headings.
+*
+* @public
+*/
+declare function Heading<E extends HeadingElementType = typeof DEFAULT_HEADING_ELEMENT>(props: HeadingProps<E>): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_LAYER_ELEMENT = 'div'
-
+declare const DEFAULT_INLINE_ELEMENT = "div";
 /** @public */
-export declare const DEFAULT_MENU_DIVIDER_ELEMENT = 'hr'
-
+type InlineOwnProps = Omit<BoxOwnProps, "alignItems" | "flexDirection" | "flexWrap" | "justifyContent" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridColumn" | "gridRowEnd" | "gridRowStart" | "gridRow" | "gridTemplateColumns" | "gridTemplateRows">;
 /** @public */
-export declare const DEFAULT_MENU_ELEMENT = 'div'
-
+type InlineElementType = BoxElementType;
 /** @public */
-export declare const DEFAULT_MENU_GROUP_ELEMENT = 'button'
-
+type InlineProps<E extends InlineElementType = InlineElementType> = Props<InlineOwnProps, E>;
+/**
+* The `Inline` component is a layout utility for aligning and spacing items horizontally.
+*
+* @public
+*/
+declare function Inline<E extends InlineElementType = typeof DEFAULT_INLINE_ELEMENT>(props: InlineProps<E>): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_MENU_ITEM_ELEMENT = 'button'
-
+declare const DEFAULT_KBD_ELEMENT = "kbd";
 /** @public */
-export declare const DEFAULT_POPOVER_ELEMENT = 'div'
-
+type KBDOwnProps = BoxOwnProps & RadiusStyleProps & {
+  fontSize?: ResponsiveProp<FontTextSize>;
+};
 /** @public */
-export declare const DEFAULT_RADIO_ELEMENT = 'input'
-
+type KBDElementType = "kbd" | ComponentType;
 /** @public */
-export declare const DEFAULT_ROOT_ELEMENT = 'html'
-
+type KBDProps<E extends KBDElementType = KBDElementType> = Props<KBDOwnProps, E>;
+/**
+* Used to define some text as keyboard input.
+*
+* @public
+*/
+declare function KBD<E extends KBDElementType = typeof DEFAULT_KBD_ELEMENT>(props: KBDProps<E>): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_SELECT_ELEMENT = 'select'
-
-/** @internal */
-export declare const DEFAULT_SELECTABLE_ELEMENT = 'button'
-
-/** @beta */
-export declare const DEFAULT_SKELETON_ELEMENT = 'div'
-
+declare const DEFAULT_LABEL_ELEMENT = "div";
+/** @public */
+type LabelOwnProps = LabelStyleProps & TextOverflowStyleProps;
 /** @public */
-export declare const DEFAULT_SPINNER_ELEMENT = 'div'
-
+type LabelElementType = "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "li" | "p" | "span" | ComponentType;
+/** @public */
+type LabelProps<E extends LabelElementType = LabelElementType> = Props<LabelOwnProps, E>;
+/**
+* Typographic labels.
+*
+* @public
+*/
+declare function Label<E extends LabelElementType = typeof DEFAULT_LABEL_ELEMENT>(props: LabelProps<E>): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_SR_ONLY_ELEMENT = 'span'
-
+interface LayerContextValue {
+  version: 0.0;
+  isTopLayer: boolean;
+  level?: number;
+  registerChild: (childLevel?: number) => () => void;
+  size: number;
+  zIndex: number;
+}
 /** @public */
-export declare const DEFAULT_STACK_ELEMENT = 'div'
-
+declare function useLayer(): LayerContextValue;
 /** @public */
-export declare const DEFAULT_SWITCH_ELEMENT = 'input'
-
+declare const DEFAULT_RADIO_ELEMENT = "input";
 /** @public */
-export declare const DEFAULT_TAB_ELEMENT = 'button'
-
+type RadioOwnProps = {
+  customValidity?: string;
+};
 /** @public */
-export declare const DEFAULT_TAB_LIST_ELEMENT = 'div'
-
+type RadioElementType = "input" | ComponentType;
 /** @public */
-export declare const DEFAULT_TAB_PANEL_ELEMENT = 'div'
-
+type RadioProps<E extends RadioElementType = RadioElementType> = Props<RadioOwnProps, E>;
+/**
+* The `Radio` component allows the user to select one option from a set.
+*
+* @public
+*/
+declare function Radio<E extends RadioElementType = typeof DEFAULT_RADIO_ELEMENT>(props: RadioProps<E>): React.JSX.Element;
 /** @public */
-export declare const DEFAULT_TEXT_AREA_ELEMENT = 'textarea'
-
+declare const DEFAULT_SELECT_ELEMENT = "select";
 /** @public */
-export declare const DEFAULT_TEXT_ELEMENT = 'div'
-
+type SelectOwnProps = SelectStyleProps & {
+  customValidity?: string;
+  readOnly?: boolean;
+};
 /** @public */
-export declare const DEFAULT_TEXT_INPUT_ELEMENT = 'input'
-
-/** @beta */
-export declare const DEFAULT_TEXT_SKELETON_ELEMENT = 'div'
-
-/** @internal */
-export declare const DEFAULT_TOAST_ELEMENT = 'li'
-
+type SelectElementType = "select" | ComponentType;
 /** @public */
-export declare const DEFAULT_TOOLTIP_ELEMENT = 'div'
-
+type SelectProps<E extends SelectElementType = SelectElementType> = Props<SelectOwnProps, E>;
+/**
+* The `Select` component provides control of options.
+*
+* @public
+*/
+declare function Select<E extends SelectElementType = typeof DEFAULT_SELECT_ELEMENT>(props: SelectProps<E>): React.JSX.Element;
 /** @beta */
-export declare const DEFAULT_TREE_ELEMENT = 'div'
-
+declare const DEFAULT_SKELETON_ELEMENT = "div";
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type SkeletonOwnProps = SkeletonStyleProps & {
+  animated?: boolean;
+  delay?: number;
+};
 /** @beta */
-export declare const DEFAULT_TREE_ITEM_ELEMENT = 'a'
-
+type SkeletonElementType = "div" | "span" | ComponentType;
 /** @beta */
-export declare const DEFAULT_VIRTUAL_LIST_ELEMENT = 'div'
-
-/** @public */
-export declare type Delay =
-  | number
-  | Partial<{
-      open: number
-      close: number
-    }>
-
-/**
- * The Dialog component.
- *
- * @public
- */
-export declare function Dialog<E extends DialogElementType = typeof DEFAULT_DIALOG_ELEMENT>(
-  props: DialogProps<E>,
-): JSX.Element
-
-/**
- * @internal
- */
-export declare const DialogContext: Context<DialogContextValue>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface DialogContextValue {
-  version: 0.0
-  position?: ResponsiveProp<DialogPosition>
-  zOffset?: ResponsiveProp<number>
-}
-
-/** @public */
-export declare type DialogElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type DialogOwnProps = ContainerStyleProps &
-  Omit<LayerOwnProps, 'width'> & {
-    /**
-     * @beta
-     */
-    __unstable_autoFocus?: boolean
-    /**
-     * @beta
-     */
-    __unstable_hideCloseButton?: boolean
-    /**
-     * Whether the dialog should animate in on mount.
-     *
-     * @beta
-     * @defaultValue false
-     */
-    animate?: boolean
-    cardRadius?: ResponsiveProp<Radius>
-    contentRef?: ForwardedRef<HTMLDivElement>
-    footer?: ReactNode
-    header?: ReactNode
-    id: string
-    /** A callback that fires when the dialog becomes the top layer when it was not the top layer before. */
-    onActivate?: LayerProps['onActivate']
-    onClickOutside?: () => void
-    onClose?: () => void
-    open?: boolean
-    portal?: string
-    position?: ResponsiveProp<DialogPosition>
-    scheme?: ThemeColorSchemeKey_2
-    tone?: CardTone
-    zOffset?: number | number[]
-  }
-
-/** @public */
-export declare type DialogPosition = 'absolute' | 'fixed'
-
-/** @public */
-export declare type DialogProps<E extends DialogElementType = DialogElementType> = Props<
-  DialogOwnProps,
-  E
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function DialogProvider(props: DialogProviderProps): ReactElement
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface DialogProviderProps {
-  children?: ReactNode
-  position?: ResponsiveProp<DialogPosition>
-  zOffset?: ResponsiveProp<number>
-}
-
-/**
- * DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function ElementQuery<
-  E extends ElementQueryElementType = typeof DEFAULT_ELEMENT_QUERY_ELEMENT,
->(props: ElementQueryProps<E>): JSX.Element
-
+type SkeletonProps<E extends SkeletonElementType = SkeletonElementType> = Props<SkeletonOwnProps, E>;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function Skeleton<E extends SkeletonElementType = typeof DEFAULT_SKELETON_ELEMENT>(props: SkeletonProps<E>): React.JSX.Element;
 /** @beta */
-export declare type ElementQueryElementType = 'div' | ComponentType
-
-/**
- * DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare type ElementQueryOwnProps = {
-  media?: number[]
-}
-
-/**
- * DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare type ElementQueryProps<E extends ElementQueryElementType = ElementQueryElementType> =
-  Props<ElementQueryOwnProps, E>
-
-/**
- * @beta
- */
-export declare interface ElementRectValue {
-  width: number
-  height: number
-}
-
+declare const DEFAULT_CODE_SKELETON_ELEMENT = "div";
+/** @beta */
+type CodeSkeletonOwnProps = SkeletonOwnProps & {
+  size?: ResponsiveProp<FontCodeSize>;
+};
+/** @beta */
+type CodeSkeletonElementType = SkeletonElementType;
 /**
- * @beta
- */
-export declare interface ElementSize {
-  content: ElementRectValue
-  border: ElementRectValue
-  /** @deprecated INTERNAL ONLY */
-  _contentRect: DOMRectReadOnly
-}
-
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type CodeSkeletonProps<E extends CodeSkeletonElementType = CodeSkeletonElementType> = Props<CodeSkeletonOwnProps, E>;
 /**
- * @internal
- */
-export declare interface _ElementSizeListener {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
-}
-
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function CodeSkeleton<E extends CodeSkeletonElementType = typeof DEFAULT_CODE_SKELETON_ELEMENT>(props: CodeSkeletonProps<E>): React.JSX.Element;
+/** @beta */
+declare const DEFAULT_HEADING_SKELETON_ELEMENT = "div";
+/** @beta */
+type HeadingSkeletonOwnProps = SkeletonOwnProps & {
+  size?: ResponsiveProp<FontHeadingSize>;
+};
+/** @beta */
+type HeadingSkeletonElementType = SkeletonElementType;
 /**
- * @internal
- */
-export declare interface _ElementSizeObserver {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
-}
-
-/**
- * @internal
- */
-export declare const _elementSizeObserver: _ElementSizeObserver
-
-/**
- * @internal
- */
-export declare type _ElementSizeSubscriber = (elementRect: ElementSize) => void
-
-/** @public */
-export declare type ElementType<P> = TagType | ComponentType<P>
-
-/** @public */
-export declare type EmptyProps = {}
-
-/**
- * DO NOT USE IN PRODUCTION
- * @beta
- */
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  state: ErrorBoundaryState
-  static displayName: string
-  static getDerivedStateFromError(error: Error): ErrorBoundaryState
-  componentDidCatch(error: Error, info: ErrorInfo): void
-  render(): ReactNode
-}
-
-/**
- * DO NOT USE IN PRODUCTION
- * @beta
- */
-export declare type ErrorBoundaryProps = PropsWithChildren<{
-  onCatch: (params: {error: Error; info: ErrorInfo}) => void
-}>
-
-/**
- * DO NOT USE IN PRODUCTION
- * @beta
- */
-export declare interface ErrorBoundaryState {
-  error: Error | null
-}
-
-/**
- * The `Flex` component is a wrapper component for flexible elements (`Box`, `Card` and `Flex`).
- *
- * @public
- */
-export declare function Flex<E extends FlexElementType = typeof DEFAULT_FLEX_ELEMENT>(
-  props: FlexProps<E>,
-): JSX.Element
-
-export {FlexAlign}
-
-export {FlexDirection}
-
-/** @public */
-export declare type FlexElementType = BoxElementType
-
-export {FlexJustify}
-
-/** @public */
-export declare type FlexOwnProps = Omit<
-  BoxOwnProps,
-  'align' | 'display' | 'flexDirection' | 'flexWrap'
-> & {
-  align?: ResponsiveProp<FlexAlign>
-  direction?: ResponsiveProp<FlexDirection>
-  justify?: ResponsiveProp<FlexJustify>
-  wrap?: ResponsiveProp<FlexWrap>
-}
-
-/** @public */
-export declare type FlexProps<E extends FlexElementType = FlexElementType> = Props<FlexOwnProps, E>
-
-export {FlexValue}
-
-export {FlexWrap}
-
-/**
- * @internal
- */
-export declare function focusFirstDescendant(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare function focusLastDescendant(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare function _getArrayProp<T>(val: T | T[] | undefined, defaultVal?: T[]): T[]
-
-/**
- * @internal
- */
-export declare function _getResponsiveProp<T>(
-  val: ResponsiveProp<T> | undefined,
-  defaultVal?: Partial<Record<Breakpoint, T>>,
-): Partial<Record<Breakpoint, T>>
-
-/**
- * The `Grid` component is for building 2-dimensional layers (based on CSS grid).
- *
- * @public
- */
-export declare function Grid<E extends GridElementType = typeof DEFAULT_GRID_ELEMENT>(
-  props: GridProps<E>,
-): JSX.Element
-
-export {GridAutoCols}
-
-export {GridAutoFlow}
-
-export {GridAutoRows}
-
-/** @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'>
-
-/** @public */
-export declare type GridProps<E extends GridElementType = GridElementType> = Props<GridOwnProps, E>
-
-/**
- * @internal
- */
-export declare function _hasFocus(element: HTMLElement): boolean
-
-/**
- * Typographic headings.
- *
- * @public
- */
-export declare function Heading<E extends HeadingElementType = typeof DEFAULT_HEADING_ELEMENT>(
-  props: HeadingProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type HeadingElementType =
-  | 'div'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'label'
-  | 'span'
-  | ComponentType
-
-/** @public */
-export declare type HeadingOwnProps = HeadingStyleProps & TextOverflowStyleProps
-
-/** @public */
-export declare type HeadingProps<E extends HeadingElementType = HeadingElementType> = Props<
-  HeadingOwnProps,
-  E
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function HeadingSkeleton<
-  E extends HeadingSkeletonElementType = typeof DEFAULT_HEADING_SKELETON_ELEMENT,
->(props: HeadingSkeletonProps<E>): JSX.Element
-
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type HeadingSkeletonProps<E extends HeadingSkeletonElementType = HeadingSkeletonElementType> = Props<HeadingSkeletonOwnProps, E>;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function HeadingSkeleton<E extends HeadingSkeletonElementType = typeof DEFAULT_HEADING_SKELETON_ELEMENT>(props: HeadingSkeletonProps<E>): React.JSX.Element;
 /** @beta */
-export declare type HeadingSkeletonElementType = SkeletonElementType
-
+declare const DEFAULT_LABEL_SKELETON_ELEMENT = "div";
 /** @beta */
-export declare type HeadingSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontHeadingSize>
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-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.
- *
- * @public
- */
-export declare function Hotkeys<E extends HotkeysElementType = typeof DEFAULT_HOTKEYS_ELEMENT>(
-  props: HotkeysProps<E>,
-): JSX.Element | undefined
-
-/** @public */
-export declare type HotkeysElementType = 'kbd' | ComponentType
-
-/** @public */
-export declare interface HotkeysOwnProps extends GapStyleProps, RadiusStyleProps {
-  fontSize?: ResponsiveProp<FontTextSize>
-  padding?: ResponsiveProp<Space>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-  keys?: string[]
-}
-
-/** @public */
-export declare type HotkeysProps<E extends HotkeysElementType = HotkeysElementType> = Props<
-  HotkeysOwnProps,
-  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.
- *
- * @public
- */
-export declare function Inline<E extends InlineElementType = typeof DEFAULT_INLINE_ELEMENT>(
-  props: InlineProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type InlineElementType = BoxElementType
-
-/** @public */
-export declare type InlineOwnProps = Omit<
-  BoxOwnProps,
-  | 'alignItems'
-  | 'flexDirection'
-  | 'flexWrap'
-  | 'justifyContent'
-  | 'gridAutoColumns'
-  | 'gridAutoFlow'
-  | 'gridAutoRows'
-  | 'gridColumnEnd'
-  | 'gridColumnStart'
-  | 'gridColumn'
-  | 'gridRowEnd'
-  | 'gridRowStart'
-  | 'gridRow'
-  | 'gridTemplateColumns'
-  | 'gridTemplateRows'
-> & {
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-}
-
-/** @public */
-export declare type InlineProps<E extends InlineElementType = InlineElementType> = Props<
-  InlineOwnProps,
-  E
->
-
-/**
- * @internal
- */
-export declare function _isEnterToClickElement(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare function isFocusable(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare function isHTMLAnchorElement(element: unknown): element is HTMLAnchorElement
-
-/**
- * @internal
- */
-export declare function isHTMLButtonElement(element: unknown): element is HTMLButtonElement
-
-/**
- * @internal
- */
-export declare function isHTMLElement(node: unknown): node is HTMLElement
-
-/**
- * @internal
- */
-export declare function isHTMLInputElement(element: unknown): element is HTMLInputElement
-
-/**
- * @internal
- */
-export declare function isHTMLSelectElement(element: unknown): element is HTMLSelectElement
-
-/**
- * @internal
- */
-export declare function isHTMLTextAreaElement(element: unknown): element is HTMLTextAreaElement
-
-/**
- * @internal
- */
-export declare function _isScrollable(el: Node): boolean
-
-/**
- * Used to define some text as keyboard input.
- *
- * @public
- */
-export declare function KBD<E extends KBDElementType = typeof DEFAULT_KBD_ELEMENT>(
-  props: KBDProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type KBDElementType = 'kbd' | ComponentType
-
-/** @public */
-export declare type KBDOwnProps = BoxOwnProps &
-  RadiusStyleProps & {
-    fontSize?: ResponsiveProp<FontTextSize>
-  }
-
-/** @public */
-export declare type KBDProps<E extends KBDElementType = KBDElementType> = Props<KBDOwnProps, E>
-
-/**
- * Typographic labels.
- *
- * @public
- */
-export declare function Label<E extends LabelElementType = typeof DEFAULT_LABEL_ELEMENT>(
-  props: LabelProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type LabelElementType =
-  | 'div'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'label'
-  | 'li'
-  | 'p'
-  | 'span'
-  | ComponentType
-
-/** @public */
-export declare type LabelOwnProps = LabelStyleProps & TextOverflowStyleProps
-
-/** @public */
-export declare type LabelProps<E extends LabelElementType = LabelElementType> = Props<
-  LabelOwnProps,
-  E
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function LabelSkeleton<
-  E extends LabelSkeletonElementType = typeof DEFAULT_LABEL_SKELETON_ELEMENT,
->(props: LabelSkeletonProps<E>): JSX.Element
-
+type LabelSkeletonOwnProps = SkeletonOwnProps & {
+  size?: ResponsiveProp<FontLabelSize>;
+};
 /** @beta */
-export declare type LabelSkeletonElementType = SkeletonElementType
-
+type LabelSkeletonElementType = SkeletonElementType;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type LabelSkeletonProps<E extends LabelSkeletonElementType = LabelSkeletonElementType> = Props<LabelSkeletonOwnProps, E>;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function LabelSkeleton<E extends LabelSkeletonElementType = typeof DEFAULT_LABEL_SKELETON_ELEMENT>(props: LabelSkeletonProps<E>): React.JSX.Element;
 /** @beta */
-export declare type LabelSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontLabelSize>
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare type LabelSkeletonProps<
-  E extends LabelSkeletonElementType = LabelSkeletonElementType,
-> = Props<LabelSkeletonOwnProps, E>
-
-/** @public */
-export declare function Layer<E extends LayerElementType = typeof DEFAULT_LAYER_ELEMENT>(
-  props: LayerProps<E>,
-): JSX.Element
-
-/** @public */
-export declare interface LayerContextValue {
-  version: 0.0
-  isTopLayer: boolean
-  level?: number
-  registerChild: (childLevel?: number) => () => void
-  size: number
-  zIndex: number
-}
-
+declare const DEFAULT_TEXT_SKELETON_ELEMENT = "div";
+/** @beta */
+type TextSkeletonOwnProps = SkeletonOwnProps & {
+  size?: ResponsiveProp<FontTextSize>;
+};
+/** @beta */
+type TextSkeletonElementType = SkeletonElementType;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type TextSkeletonProps<E extends TextSkeletonElementType = TextSkeletonElementType> = Props<TextSkeletonOwnProps, E>;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function TextSkeleton<E extends TextSkeletonElementType = typeof DEFAULT_TEXT_SKELETON_ELEMENT>(props: TextSkeletonProps<E>): React.JSX.Element;
 /** @public */
-export declare type LayerElementType = CardElementType
-
+declare const DEFAULT_SR_ONLY_ELEMENT = "span";
 /** @public */
-export declare type LayerOwnProps = CardOwnProps & {
-  /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
-  onActivate?: (props: {activeElement: HTMLElement | null}) => void
-  zOffset?: ResponsiveProp<number>
-}
-
+type SrOnlyOwnProps = {};
 /** @public */
-export declare type LayerProps<E extends LayerElementType = LayerElementType> = Props<
-  LayerOwnProps,
-  E
->
-
+type SrOnlyElementType = "span" | ComponentType;
 /** @public */
-export declare function LayerProvider(props: LayerProviderProps): ReactElement
-
+type SrOnlyProps<E extends SrOnlyElementType = SrOnlyElementType> = Props<SrOnlyOwnProps, E>;
 /** @public */
-export declare interface LayerProviderProps {
-  children?: ReactNode
-  zOffset?: ResponsiveProp<number>
-}
-
-/**
- * @internal
- */
-export declare interface _MediaStore {
-  subscribe: (onStoreChange: () => void) => () => void
-  getSnapshot: () => Breakpoint
-}
-
-/**
- * The `Menu` component is a building block for application menus.
- *
- * @public
- */
-export declare function Menu<E extends MenuElementType = typeof DEFAULT_MENU_ELEMENT>(
-  props: MenuProps<E>,
-): JSX.Element
-
-/**
- * The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
- *
- * @public
- */
-export declare function MenuButton(props: MenuButtonProps): JSX.Element
-
-/** @public */
-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
-
-/** @public */
-export declare type MenuDividerElementType = 'div' | 'hr' | 'span' | ComponentType
-
-/** @public */
-export declare type MenuDividerOwnProps = {}
-
-/** @public */
-export declare type MenuDividerProps<E extends MenuDividerElementType = MenuDividerElementType> =
-  Props<MenuDividerOwnProps, E>
-
-/** @public */
-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
-
-/** @public */
-export declare type MenuGroupElementType = 'button' | ComponentType
-
-/** @public */
-export declare type MenuGroupOwnProps = RadiusStyleProps & {
-  disabled?: boolean
-  fontSize?: ResponsiveProp<FontTextSize>
-  gap?: ResponsiveProp<Space>
-  icon?: ElementType_2 | ReactNode
-  menu?: Omit<
-    MenuProps<typeof DEFAULT_MENU_ELEMENT>,
-    | 'onClickOutside'
-    | 'onEscape'
-    | 'onItemClick'
-    | 'onKeyDown'
-    | 'onMouseEnter'
-    | 'registerElement'
-    | 'shouldFocus'
-    | 'onBlurCapture'
-  >
-  padding?: ResponsiveProp<Space>
-  popover?: Omit<PopoverProps, 'content' | 'open'>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-  text?: ReactNode
-  tone?: ThemeColorStateToneKey
-}
-
-/** @public */
-export declare type MenuGroupProps<E extends MenuGroupElementType = MenuGroupElementType> = Props<
-  MenuGroupOwnProps,
-  E
->
-
-/** @public */
-export declare function MenuItem<E extends MenuItemElementType = typeof DEFAULT_MENU_ITEM_ELEMENT>(
-  props: MenuItemProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type MenuItemElementType = 'button' | 'a' | ComponentType
-
-/** @public */
-export declare type MenuItemOwnProps = GapStyleProps &
-  PaddingStyleProps &
-  RadiusStyleProps & {
-    disabled?: boolean
-    fontSize?: ResponsiveProp<FontTextSize>
-    hotkeys?: string[]
-    icon?: ElementType_2 | ReactNode
-    iconRight?: ElementType_2 | ReactNode
-    pressed?: boolean
-    selected?: boolean
-    /** @deprecated Use `gap` instead. */
-    space?: ResponsiveProp<Space>
-    text?: ReactNode
-    tone?: ThemeColorStateToneKey
-  }
-
-/** @public */
-export declare type MenuItemProps<E extends MenuItemElementType = MenuItemElementType> = Omit<
-  Props<MenuItemOwnProps, E>,
-  'role'
->
-
-/** @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
-  'onItemClick'?: () => void
-  'onItemSelect'?: (index: number) => void
-  '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.
- *
- * @public
- */
-export declare type Placement =
-  | 'top'
-  | 'top-start'
-  | 'top-end'
-  | 'right'
-  | 'right-start'
-  | 'right-end'
-  | 'bottom'
-  | 'bottom-start'
-  | 'bottom-end'
-  | 'left'
-  | 'left-start'
-  | 'left-end'
-
-/**
- * The `Popover` component is used to display some content on top of another.
- *
- * @public
- */
-export declare function Popover<E extends PopoverElementType = typeof DEFAULT_POPOVER_ELEMENT>(
-  props: PopoverProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type PopoverElementType = 'div' | ComponentType
-
-/**
- * @beta
- */
-export declare type PopoverMargins = [number, number, number, number]
-
-/** @public */
-export declare type PopoverOwnProps = Omit<LayerOwnProps, 'maxWidth'> & {
-  /** @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?: ReactElement<{
-    ref: ForwardedRef<HTMLElement>
-  }>
-  /**
-   * 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?: 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
-  /**
-   * When true, blocks all pointer interaction with elements beneath the popover until closed.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  modal?: boolean
-  open?: boolean
-  placement?: Placement
-  /** Whether or not to render the popover in a portal element. */
-  portal?: boolean | string
-  preventOverflow?: boolean
-  referenceBoundary?: HTMLElement | null
-  /**
-   * When defined, the popover will be positioned relative to this element.
-   * The children of the popover won't be rendered.
-   */
-  referenceElement?: HTMLElement | null
-  /** @beta */
-  updateRef?: Ref<PopoverUpdateCallback | undefined>
-  width?: ResponsiveProp<MaxWidth>
-}
-
+declare function SrOnly<E extends SrOnlyElementType = typeof DEFAULT_SR_ONLY_ELEMENT>(props: SrOnlyProps<E>): React.JSX.Element;
 /** @public */
-export declare type PopoverProps<E extends PopoverElementType = PopoverElementType> = Props<
-  PopoverOwnProps,
-  E
->
-
-/** @beta */
-export declare type PopoverUpdateCallback = () => void
-
-/** @public */
-export declare type PopoverWidth = Exclude<ContainerWidth, 'auto'>
-
+declare const DEFAULT_SWITCH_ELEMENT = "input";
 /** @public */
-export declare function Portal(props: PortalProps): ReactPortal | null
-
+type SwitchOwnProps = {
+  indeterminate?: boolean;
+};
 /** @public */
-export declare interface PortalContextValue {
-  version: 0.0
-  boundaryElement: HTMLElement | null
-  element: HTMLElement | null
-  elements?: Record<string, HTMLElement | null | undefined>
-}
-
+type SwitchElementType = "input" | ComponentType;
 /** @public */
-export declare interface PortalProps {
-  children: ReactNode
-  /**
-   * @beta This API might change. DO NOT USE IN PRODUCTION.
-   */
-  __unstable_name?: string
-}
-
+type SwitchProps<E extends SwitchElementType = SwitchElementType> = Props<SwitchOwnProps, E>;
+/**
+* The `Switch` component allows the user to toggle a setting on and off.
+*
+* Extends all properties of an `<input type="checkbox" />` element, except type.
+*
+* @public
+*/
+declare function Switch<E extends SwitchElementType = typeof DEFAULT_SWITCH_ELEMENT>(props: SwitchProps<E>): React.JSX.Element;
 /** @public */
-export declare function PortalProvider(props: PortalProviderProps): ReactElement
-
+declare const DEFAULT_TEXT_AREA_ELEMENT = "textarea";
 /** @public */
-export declare interface PortalProviderProps {
+type TextAreaOwnProps = TextAreaStyleProps & {
   /**
-   * @deprecated Use `<BoundaryElementProvider element={...} />` instead
-   */
-  boundaryElement?: HTMLElement | null
-  children: ReactNode
-  element?: HTMLElement | null
+  * @beta
+  */
+  __unstable_disableFocusRing?: boolean;
+  customValidity?: string;
+};
+/** @public */
+type TextAreaElementType = "textarea" | ComponentType;
+/** @public */
+type TextAreaProps<E extends TextAreaElementType = TextAreaElementType> = Props<TextAreaOwnProps, E>;
+/**
+* A multiline text input.
+*
+* @public
+*/
+declare function TextArea<E extends TextAreaElementType = typeof DEFAULT_TEXT_AREA_ELEMENT>(props: TextAreaProps<E>): React.JSX.Element;
+/**
+* @beta
+*/
+interface TooltipDelayGroupContextValue {
+  setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void;
+  setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void;
+  openDelay: number;
+  closeDelay: number;
+  openTooltipId: string | null;
+}
+/**
+* @beta
+*/
+declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextValue | null>;
+/**
+* @public
+* */
+interface TooltipDelayGroupProviderProps {
+  children?: ReactNode;
   /**
-   * @beta
-   */
-  __unstable_elements?: Record<string, HTMLElement | null | undefined>
-}
-
-/** @public */
-export declare type Props<P extends EmptyProps, E extends ElementType<P>> = Assign<
-  E extends TagType ? JSX.IntrinsicElements[E] : ComponentProps<E>,
-  P & {
-    as?: E
-  }
->
-
-export {px}
-
-/**
- * The `Radio` component allows the user to select one option from a set.
- *
- * @public
- */
-export declare function Radio<E extends RadioElementType = typeof DEFAULT_RADIO_ELEMENT>(
-  props: RadioProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type RadioElementType = 'input' | ComponentType
-
-/** @public */
-export declare type RadioOwnProps = {
-  customValidity?: string
-}
-
-/** @public */
-export declare type RadioProps<E extends RadioElementType = RadioElementType> = Props<
-  RadioOwnProps,
-  E
->
-
-export {Radius}
-
-/**
- * @internal
- */
-export declare function _raf(fn: () => void): () => void
-
-/**
- * @internal
- */
-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[]
+  * Handles the delays to open or close a tooltip inside a group
+  *
+  * If only a `number` is passed, it will be used for both opening and closing.
+  *
+  * If an object `{open: number; close:number}` is passed, it can be used to set different delays for each action.
+  *
+  * @public
+  */
+  delay: Delay;
 }
-
-/**
- * @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
+* Provides context for a group of tooltip elements that should share a delay
+* which temporarily becomes 1 ms after the first floating element of the group opens.
+*/
+declare function TooltipDelayGroupProvider(props: TooltipDelayGroupProviderProps): React.JSX.Element;
 /**
- * @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
- */
-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.
- *
- * @public
- */
-export declare function Root<E extends RootElementType = typeof DEFAULT_ROOT_ELEMENT>(
-  props: RootProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type RootElementType = 'html' | 'body' | 'div'
-
-/** @public */
-export declare interface RootOwnProps extends BoxOwnProps, RootStyleProps {}
-
-/** @public */
-export declare type RootProps<E extends RootElementType = RootElementType> = Props<RootOwnProps, E>
-
-/** @public */
-export declare function RootProvider(props: RootProviderProps): JSX.Element
-
-/** @public */
-export declare interface RootProviderProps {
-  boundaryElement?: HTMLElement | null
-  children?: ReactNode
-  portalElement?: HTMLElement | null
-  scheme?: ThemeColorSchemeKey_2
-  tone?: ThemeColorCardToneKey
+* @beta
+*/
+declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue | null;
+/** @public */
+interface BoundaryElementProviderProps {
+  children: ReactNode;
+  element: HTMLElement | null;
 }
-
-/**
- * @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.
- *
- * @public
- */
-export declare function Select<E extends SelectElementType = typeof DEFAULT_SELECT_ELEMENT>(
-  props: SelectProps<E>,
-): JSX.Element
-
-/** @internal */
-export declare function Selectable<
-  E extends SelectableElementType = typeof DEFAULT_SELECTABLE_ELEMENT,
->(props: SelectableProps<E>): JSX.Element
-
-/** @internal */
-export declare type SelectableElementType = 'button' | 'a' | ComponentType
-
-/** @internal */
-export declare type SelectableOwnProps = BoxOwnProps &
-  SelectableStyleProps & {
-    disabled?: boolean
-    href?: string
-    selected?: boolean
-    tone?: ThemeColorStateToneKey
-    type?: 'button'
-  }
-
-/** @internal */
-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
-
-/** @public */
-export declare type SelectOwnProps = SelectStyleProps & {
-  customValidity?: string
-  readOnly?: boolean
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
+/** @public */
+declare function BoundaryElementProvider(props: BoundaryElementProviderProps): React.JSX.Element;
+/** @public */
+interface BoundaryElementContextValue {
+  version: 0.0;
+  element: HTMLElement | null;
 }
-
-/** @public */
-export declare type SelectProps<E extends SelectElementType = SelectElementType> = Props<
-  SelectOwnProps,
-  E
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function Skeleton<E extends SkeletonElementType = typeof DEFAULT_SKELETON_ELEMENT>(
-  props: SkeletonProps<E>,
-): JSX.Element
-
+/** @public */
+declare function useBoundaryElement(): BoundaryElementContextValue;
 /** @beta */
-export declare type SkeletonElementType = 'div' | 'span' | ComponentType
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare type SkeletonOwnProps = SkeletonStyleProps & {
-  animated?: boolean
-  delay?: number
-}
-
+declare const DEFAULT_ELEMENT_QUERY_ELEMENT = "div";
+/**
+* DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type ElementQueryOwnProps = {
+  media?: number[];
+};
 /** @beta */
-export declare type SkeletonProps<E extends SkeletonElementType = SkeletonElementType> = Props<
-  SkeletonOwnProps,
-  E
->
-
-/**
- * Indicate that something is loading for an indeterminate amount of time.
- *
- * @public
- */
-export declare function Spinner<E extends SpinnerElementType = typeof DEFAULT_SPINNER_ELEMENT>(
-  props: SpinnerProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type SpinnerElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type SpinnerOwnProps = {
-  muted?: boolean
-  size?: ResponsiveProp<FontTextSize>
-}
-
-/** @public */
-export declare type SpinnerProps<E extends SpinnerElementType = SpinnerElementType> = Props<
-  SpinnerOwnProps,
-  E
->
-
-/** @public */
-export declare function SrOnly<E extends SrOnlyElementType = typeof DEFAULT_SR_ONLY_ELEMENT>(
-  props: SrOnlyProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type SrOnlyElementType = 'span' | ComponentType
-
-/** @public */
-export declare type SrOnlyOwnProps = {}
-
-/** @public */
-export declare type SrOnlyProps<E extends SrOnlyElementType = SrOnlyElementType> = Props<
-  SrOnlyOwnProps,
-  E
->
-
-/**
- * The `Stack` component is used to place elements on top of each other.
- *
- * @public
- */
-export declare function Stack<E extends StackElementType = typeof DEFAULT_STACK_ELEMENT>(
-  props: StackProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type StackElementType = BoxElementType
-
-/** @public */
-export declare type StackOwnProps = Omit<
-  BoxOwnProps,
-  | 'align'
-  | 'alignItems'
-  | 'columns'
-  | 'gridTemplateColumns'
-  | 'direction'
-  | 'display'
-  | 'flexDirection'
-  | 'flexWrap'
-  | 'gapX'
-  | 'gapY'
-  | 'justify'
-  | 'justifyContent'
-  | 'rows'
-  | 'gridTemplateRows'
-> & {
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
+type ElementQueryElementType = "div" | ComponentType;
+/**
+* DO NOT USE IN PRODUCTION.
+* @beta
+*/
+type ElementQueryProps<E extends ElementQueryElementType = ElementQueryElementType> = Props<ElementQueryOwnProps, E>;
+/**
+* DO NOT USE IN PRODUCTION.
+* @beta
+*/
+declare function ElementQuery<E extends ElementQueryElementType = typeof DEFAULT_ELEMENT_QUERY_ELEMENT>(props: ElementQueryProps<E>): React.JSX.Element;
+/**
+* DO NOT USE IN PRODUCTION
+* @beta
+*/
+type ErrorBoundaryProps = PropsWithChildren<{
+  onCatch: (params: {
+    error: Error;
+    info: ErrorInfo;
+  }) => void;
+}>;
+/**
+* DO NOT USE IN PRODUCTION
+* @beta
+*/
+interface ErrorBoundaryState {
+  error: Error | null;
 }
-
-/** @public */
-export declare type StackProps<E extends StackElementType = StackElementType> = Props<
-  StackOwnProps,
-  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.
- *
- * Extends all properties of an `<input type="checkbox" />` element, except type.
- *
- * @public
- */
-export declare function Switch<E extends SwitchElementType = typeof DEFAULT_SWITCH_ELEMENT>(
-  props: SwitchProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type SwitchElementType = 'input' | ComponentType
-
-/** @public */
-export declare type SwitchOwnProps = {
-  indeterminate?: boolean
+/**
+* DO NOT USE IN PRODUCTION
+* @beta
+*/
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  state: ErrorBoundaryState;
+  static displayName: string;
+  static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+  componentDidCatch(error: Error, info: ErrorInfo): void;
+  render(): ReactNode;
 }
-
-/** @public */
-export declare type SwitchProps<E extends SwitchElementType = SwitchElementType> = Props<
-  SwitchOwnProps,
-  E
->
-
-/** @public */
-export declare function Tab<E extends TabElementType = typeof DEFAULT_TAB_ELEMENT>(
-  props: TabProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type TabElementType = 'button' | ComponentType
-
-/** @public */
-export declare function TabList<E extends TabListElementType = typeof DEFAULT_TAB_LIST_ELEMENT>(
-  props: TabListProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type TabListChild =
-  | ReactElement<Props<TabProps, 'button'>>
-  | null
-  | undefined
-  | false
-
-/** @public */
-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 */
+interface PortalContextValue {
+  version: 0.0;
+  boundaryElement: HTMLElement | null;
+  element: HTMLElement | null;
+  elements?: Record<string, HTMLElement | null | undefined>;
 }
-
 /** @public */
-export declare type TabListProps<E extends TabListElementType = TabListElementType> = Props<
-  TabListOwnProps,
-  E
->
-
+declare function usePortal(): PortalContextValue;
 /** @public */
-export declare type TabOwnProps = {
-  /**
-   * The `id` of the corresponding `TabPanel` component.
-   */
-  'aria-controls': string
-  'id': string
-  'icon'?: ElementType_2 | ReactNode
-  'focused'?: boolean
-  'fontSize'?: ResponsiveProp<FontTextSize>
-  'label'?: ReactNode
-  'padding'?: ResponsiveProp<Space>
-  'selected'?: boolean
-  'tone'?: ThemeColorStateToneKey
-}
-
+declare const DEFAULT_ROOT_ELEMENT = "html";
 /** @public */
-export declare function TabPanel<E extends TabPanelElementType = typeof DEFAULT_TAB_PANEL_ELEMENT>(
-  props: TabPanelProps<E>,
-): JSX.Element
-
+interface RootOwnProps extends BoxOwnProps, RootStyleProps {}
 /** @public */
-export declare type TabPanelElementType = 'div' | 'span' | ComponentType
-
+type RootElementType = "html" | "body" | "div";
 /** @public */
-export declare type TabPanelOwnProps = BoxOwnProps & {
-  /**
-   * The `id` of the correlating `Tab` component.
-   */
-  'aria-labelledby': string
-  'id': string
-}
-
-/** @public */
-export declare type TabPanelProps<E extends TabPanelElementType = TabPanelElementType> = Props<
-  TabPanelOwnProps,
-  E
->
-
-/** @public */
-export declare type TabProps<E extends TabElementType = TabElementType> = Props<TabOwnProps, E>
-
-/** @public */
-export declare type TagType = keyof JSX.IntrinsicElements
-
-/**
- * The `Text` component is an agile, themed typographic element.
- *
- * @public
- */
-declare function Text_2<E extends TextElementType = typeof DEFAULT_TEXT_ELEMENT>(
-  props: TextProps<E>,
-): JSX.Element
-export {Text_2 as Text}
-
-export {TextAlign}
-
-/**
- * A multiline text input.
- *
- * @public
- */
-export declare function TextArea<E extends TextAreaElementType = typeof DEFAULT_TEXT_AREA_ELEMENT>(
-  props: TextAreaProps<E>,
-): JSX.Element
-
-/** @public */
-export declare type TextAreaElementType = 'textarea' | ComponentType
-
-/** @public */
-export declare type TextAreaOwnProps = TextAreaStyleProps & {
-  /**
-   * @beta
-   */
-  __unstable_disableFocusRing?: boolean
-  customValidity?: string
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-}
-
-/** @public */
-export declare type TextAreaProps<E extends TextAreaElementType = TextAreaElementType> = Props<
-  TextAreaOwnProps,
-  E
->
-
-/** @public */
-export declare type TextElementType =
-  | 'div'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'label'
-  | 'li'
-  | 'p'
-  | 'span'
-  | ComponentType
-
-/**
- * Single line text input.
- *
- * @public
- */
-export declare function TextInput<
-  E extends TextInputElementType = typeof DEFAULT_TEXT_INPUT_ELEMENT,
->(props: TextInputProps<E>): JSX.Element
-
-/** @public */
-export declare type TextInputClearButtonProps = Omit<
-  ButtonProps<'button'>,
-  'as' | 'onClick' | 'onMouseDown'
->
-
-/** @public */
-export declare type TextInputElementType = 'input' | ComponentType
-
-/** @public */
-export declare type TextInputOwnProps = InputStyleProps & {
-  /**
-   * @beta
-   */
-  __unstable_disableFocusRing?: boolean
-  /**
-   * @beta
-   */
-  clearButton?: boolean | TextInputClearButtonProps
-  customValidity?: string
-  icon?: ElementType_2 | ReactNode
-  iconRight?: ElementType_2 | ReactNode
-  /**
-   * @beta
-   */
-  onClear?: () => void
-  prefix?: ReactNode
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-  suffix?: ReactNode
-  weight?: ThemeFontWeightKey_2
-}
-
-/** @public */
-export declare type TextInputProps<E extends TextInputElementType = TextInputElementType> = Props<
-  TextInputOwnProps,
-  E
->
-
-/** @public */
-export declare type TextOwnProps = TextStyleProps & TextOverflowStyleProps
-
-/** @public */
-export declare type TextProps<E extends TextElementType = TextElementType> = Props<TextOwnProps, E>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function TextSkeleton<
-  E extends TextSkeletonElementType = typeof DEFAULT_TEXT_SKELETON_ELEMENT,
->(props: TextSkeletonProps<E>): JSX.Element
-
-/** @beta */
-export declare type TextSkeletonElementType = SkeletonElementType
-
-/** @beta */
-export declare type TextSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontTextSize>
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-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.
- *
- * Toasts can be closed with a close button, or auto-dismiss when the duration expires.
- *
- * @internal
- */
-export declare function Toast<E extends ToastElementType = typeof DEFAULT_TOAST_ELEMENT>(
-  props: ToastProps<E>,
-): JSX.Element
-
-/** @public */
-export declare interface ToastContextValue {
-  version: 0.0
-  /**
-   * Creates or updates a toast notification.
-   * If a toast with the same ID already exists, it will be updated.
-   * If an ID is not provided, a random one will be generated.
-   * The returned ID can be used to programatically update a toast.
-   */
-  push: (params: ToastParams) => string
-}
-
-/** @internal */
-export declare type ToastElementType = 'li' | ComponentType
-
-/** @internal */
-declare type ToastLayerElementType = 'ul' | ComponentType
-
-/** @internal */
-declare type ToastLayerOwnProps = GapStyleProps & PaddingStyleProps
-
-/** @internal */
-declare type ToastLayerProps<E extends ToastLayerElementType = ToastLayerElementType> = Props<
-  ToastLayerOwnProps,
-  E
->
-
-/** @internal */
-export declare type ToastOwnProps = RadiusStyleProps & {
-  closable?: boolean
-  description?: ReactNode
-  onClose?: () => void
-  title?: ReactNode
-  status?: 'error' | 'warning' | 'success' | 'info'
-  duration?: number
-}
-
-/** @public */
-export declare interface ToastParams {
-  closable?: boolean
-  description?: ReactNode
-  duration?: number
-  id?: string
-  onClose?: () => void
-  title?: ReactNode
-  status?: 'error' | 'warning' | 'success' | 'info'
-}
-
-/** @internal */
-export declare type ToastProps<E extends ToastElementType = ToastElementType> = Props<
-  ToastOwnProps,
-  E
->
-
-/** @public */
-export declare function ToastProvider(props: ToastProviderProps): React.JSX.Element
-
-/** @public */
-export declare interface ToastProviderProps extends Omit<ToastLayerProps, 'children'> {
-  children?: React.ReactNode
-  zOffset?: ResponsiveProp<number>
-}
-
-/**
- * Tooltips display information when hovering, focusing or tapping.
- *
- * @public
- */
-export declare function Tooltip<E extends TooltipElementType = typeof DEFAULT_TOOLTIP_ELEMENT>(
-  props: TooltipProps<E>,
-): JSX.Element
-
-/**
- * @beta
- */
-export declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextValue | null>
-
-/**
- * @beta
- */
-export declare interface TooltipDelayGroupContextValue {
-  setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
-  setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
-  openDelay: number
-  closeDelay: number
-  openTooltipId: string | null
-}
-
-/**
- * @public
- * Provides context for a group of tooltip elements that should share a delay
- * which temporarily becomes 1 ms after the first floating element of the group opens.
- */
-export declare function TooltipDelayGroupProvider(
-  props: TooltipDelayGroupProviderProps,
-): ReactElement
-
-/**
- * @public
- * */
-export declare interface TooltipDelayGroupProviderProps {
-  children?: ReactNode
-  /**
-   * Handles the delays to open or close a tooltip inside a group
-   *
-   * If only a `number` is passed, it will be used for both opening and closing.
-   *
-   * If an object `{open: number; close:number}` is passed, it can be used to set different delays for each action.
-   *
-   * @public
-   */
-  delay: Delay
-}
-
-/** @public */
-export declare type TooltipElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type TooltipOwnProps = LayerOwnProps &
-  RadiusStyleProps &
-  ShadowStyleProps & {
-    /** @deprecated Use `fallbackPlacements` instead. */
-    allowedAutoPlacements?: Placement[]
-    /**
-     * Whether the tooltip should animate in and out.
-     *
-     * @beta
-     * @defaultValue false
-     */
-    animate?: boolean
-    arrow?: boolean
-    boundaryElement?: HTMLElement | null
-    children?: ReactElement<HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>>
-    content?: ReactNode
-    /**
-     * Adds a delay to open or close the tooltip.
-     *
-     * If only a `number` is passed, it will be used for both opening and closing.
-     *
-     * If an object `{open: number; close:number}` is passed, it can be used to set different delays for each action.
-     *
-     * @public
-     * @defaultValue 0
-     */
-    delay?: Delay
-    disabled?: boolean
-    fallbackPlacements?: Placement[]
-    placement?: Placement
-    /** Whether or not to render the tooltip in a portal element. */
-    portal?: boolean | string
-    scheme?: ThemeColorSchemeKey_2
-    tone?: ThemeColorCardToneKey
-  }
-
-/** @public */
-export declare type TooltipProps<E extends TooltipElementType = TooltipElementType> = Props<
-  TooltipOwnProps,
-  E
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function Tree<E extends TreeElementType = typeof DEFAULT_TREE_ELEMENT>(
-  props: TreeProps<E>,
-): JSX.Element
-
-/**
- * @beta
- */
-export declare interface TreeContextValue {
-  version: 0.0
-  focusedElement: HTMLElement | null
-  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
-}
-
-/** @beta */
-export declare type TreeElementType = 'div' | ComponentType
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function TreeItem<E extends TreeItemElementType = typeof DEFAULT_TREE_ITEM_ELEMENT>(
-  props: TreeItemProps<E>,
-): JSX.Element
-
-/** @beta */
-export declare type TreeItemElementType = 'a' | 'li' | ComponentType
-
-/** @beta */
-export declare type TreeItemOwnProps = CardOwnProps & {
-  expanded?: boolean
-  fontSize?: ResponsiveProp<FontTextSize>
-  icon?: ElementType_2
-  /**
-   * Allows passing a custom element type to the link component
-   * @internal
-   */
-  linkAs?: SelectableElementType
-  onClick?: MouseEventHandler<HTMLAnchorElement | HTMLLIElement>
-  padding?: ResponsiveProp<Space>
-  space?: ResponsiveProp<Space>
-  text?: ReactNode
-  weight?: ThemeFontWeightKey_2
-}
-
-/** @beta */
-export declare type TreeItemProps<E extends TreeItemElementType = TreeItemElementType> = Props<
-  TreeItemOwnProps,
-  E
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare type TreeOwnProps = {
-  gap?: ResponsiveProp<Space>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-}
-
-/** @beta */
-export declare type TreeProps<E extends TreeElementType = TreeElementType> = Props<TreeOwnProps, E>
-
-/**
- * @beta
- */
-export declare interface TreeState {
-  [key: string]:
-    | {
-        element: HTMLElement
-        expanded: boolean
-      }
-    | 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,
-  elementsArg?: () => ClickOutsideEventElements,
-  boundaryElement?: () => HTMLElement | null,
-): void
-
-/**
- * @beta
- */
-export declare function useCustomValidity(
-  ref: {
-    current: null | {
-      setCustomValidity: (validity: string) => void
-    }
-  },
-  customValidity: string | undefined,
-): void
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-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
- */
-export declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void
-
-/** @public */
-export declare function useLayer(): LayerContextValue
-
-/**
- * Efficiently subscribes to `window.matchMedia` queries
- *
- * @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Required if the hook is called during SSR (https://dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
- *
- * @public
- */
-export declare function useMatchMedia(
-  mediaQueryString: `(${string})`,
-  getServerSnapshot?: () => boolean,
-): boolean
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useMediaIndex(): Breakpoint
-
-/** @public */
-export declare function usePortal(): PortalContextValue
-
-/**
- * Returns true if a dark color scheme is preferred, false if a light color scheme is preferred or the preference is not known.
- *
- * @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Since the server environment doesn't have access to the DOM, we can't determine the current value of the media query and we assume `(prefers-color-scheme: light)` since it's the most common scheme (https://dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
- *
- * If you persist the detected preference in a cookie or a header then you may implement your own server snapshot to read it.
- * Chrome supports reading the `prefers-color-scheme` media query from a header if the server response: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-CH-Prefers-Color-Scheme
- * @example https://gist.github.com/stipsan/13c0cccf8dfc34f4b44bb1b984baf7df
- *
- * @public
- */
-export declare function usePrefersDark(getServerSnapshot?: () => boolean): boolean
-
-/**
- * Returns true if motion should be reduced
- *
- * @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Since the server environment doesn't have access to the DOM, we can't determine the current value of the media query and we assume `(prefers-reduced-motion: no-preference)` since it's the most common scheme (https://dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
- *
- * If you persist the detected preference in a cookie or a header then you may implement your own server snapshot to read it.
- * Chrome supports reading the `prefers-reduced-motion` media query from a header if the server response: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-CH-Prefers-Reduced-Motion
- * @example https://gist.github.com/stipsan/0c0f839a27842249cada893e9fb7767b
- *
- * @public
- */
-export declare function usePrefersReducedMotion(getServerSnapshot?: () => boolean): boolean
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useResponsiveProp<T>(
-  val: ResponsiveProp<T> | undefined,
-  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
-
-/**
- * @beta
- */
-export declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue | null
-
-/**
- * @beta
- */
-export declare function useTree(): TreeContextValue
-
-/** @beta */
-export declare function VirtualList<
-  E extends VirtualListElementType = typeof DEFAULT_VIRTUAL_LIST_ELEMENT,
->(props: VirtualListProps<E>): JSX.Element
-
-/** @beta */
-export declare interface VirtualListChangeOpts {
-  fromIndex: number
-  gap: number
-  itemHeight: number
-  scrollHeight: number
-  scrollTop: number
-  toIndex: number
-}
-
-/** @beta */
-export declare type VirtualListElementType = 'div' | ComponentType
-
-/** @beta */
-export declare type VirtualListOwnProps<Item = any> = {
-  gap?: Space
-  getItemKey?: (item: Item, itemIndex: number) => string
-  items?: Item[]
-  onChange?: (opts: VirtualListChangeOpts) => void
-  renderItem?: (item: Item) => ReactNode
+type RootProps<E extends RootElementType = RootElementType> = Props<RootOwnProps, E>;
+/**
+* The `Root` component.
+*
+* @public
+*/
+declare function Root<E extends RootElementType = typeof DEFAULT_ROOT_ELEMENT>(props: RootProps<E>): React.JSX.Element;
+/** @public */
+interface RootProviderProps {
+  boundaryElement?: HTMLElement | null;
+  children?: ReactNode;
+  portalElement?: HTMLElement | null;
+  scheme?: ColorScheme;
+  tone?: CardTone;
 }
-
-/** @beta */
-export declare type VirtualListProps<E extends VirtualListElementType = VirtualListElementType> =
-  Props<VirtualListOwnProps, E>
-
-export {}
+/** @public */
+declare function RootProvider(props: RootProviderProps): React.JSX.Element;
+export { Arrow, ArrowElementType, ArrowOwnProps, ArrowProps, Assign, Autocomplete, AutocompleteElementType, AutocompleteInputChangeMsg, AutocompleteInputFoocusMsg, AutocompleteMsg, AutocompleteOpenButtonProps, AutocompleteOwnProps, AutocompleteProps, AutocompleteRootBlurMsg, AutocompleteRootClearMsg, AutocompleteRootEscapeMsg, AutocompleteRootOpenMsg, AutocompleteRootSetActiveValueMsg, AutocompleteRootSetListFocusedMsg, AutocompleteState, AutocompleteValueChangeMsg, Avatar, AvatarCounter, AvatarCounterElementType, AvatarCounterOwnProps, AvatarCounterProps, AvatarElementType, AvatarOwnProps, AvatarPosition, AvatarProps, AvatarStack, AvatarStackChild, AvatarStackElementType, AvatarStackOwnProps, AvatarStackProps, Badge, BadgeElementType, BadgeOwnProps, BadgeProps, BaseAutocompleteOption, BoundaryElementContextValue, BoundaryElementProvider, BoundaryElementProviderProps, Box, BoxElementType, BoxOwnProps, BoxProps, Breadcrumbs, BreadcrumbsElementType, BreadcrumbsOwnProps, BreadcrumbsProps, Button, ButtonElementType, ButtonOwnProps, ButtonProps, ButtonTextAlign, Card, CardContextValue, CardElementType, CardOwnProps, CardProps, CardProvider, Checkbox, CheckboxElementType, CheckboxOwnProps, CheckboxProps, ClickOutsideEventElements, ClickOutsideEventListener, Code, CodeElementType, CodeOwnProps, CodeProps, CodeSkeleton, CodeSkeletonElementType, CodeSkeletonOwnProps, CodeSkeletonProps, ComponentType, Container, ContainerElementType, ContainerOwnProps, ContainerProps, DEFAULT_ARROW_ELEMENT, DEFAULT_AUTOCOMPLETE_ELEMENT, DEFAULT_AVATAR_COUNTER_ELEMENT, DEFAULT_AVATAR_ELEMENT, DEFAULT_AVATAR_STACK_ELEMENT, DEFAULT_BADGE_ELEMENT, DEFAULT_BOX_ELEMENT, DEFAULT_BREADCRUMBS_ELEMENT, DEFAULT_BUTTON_ELEMENT, DEFAULT_CARD_ELEMENT, DEFAULT_CHECKBOX_ELEMENT, DEFAULT_CODE_ELEMENT, DEFAULT_CODE_SKELETON_ELEMENT, DEFAULT_CONTAINER_ELEMENT, DEFAULT_DIALOG_ELEMENT, DEFAULT_ELEMENT_QUERY_ELEMENT, DEFAULT_FLEX_ELEMENT, DEFAULT_GRID_ELEMENT, DEFAULT_HEADING_ELEMENT, DEFAULT_HEADING_SKELETON_ELEMENT, DEFAULT_HOTKEYS_ELEMENT, DEFAULT_INLINE_ELEMENT, DEFAULT_KBD_ELEMENT, DEFAULT_LABEL_ELEMENT, DEFAULT_LABEL_SKELETON_ELEMENT, DEFAULT_LAYER_ELEMENT, DEFAULT_MENU_DIVIDER_ELEMENT, DEFAULT_MENU_ELEMENT, DEFAULT_MENU_GROUP_ELEMENT, DEFAULT_MENU_ITEM_ELEMENT, DEFAULT_POPOVER_ELEMENT, DEFAULT_RADIO_ELEMENT, DEFAULT_ROOT_ELEMENT, DEFAULT_SELECTABLE_ELEMENT, DEFAULT_SELECT_ELEMENT, DEFAULT_SKELETON_ELEMENT, DEFAULT_SPINNER_ELEMENT, DEFAULT_SR_ONLY_ELEMENT, DEFAULT_STACK_ELEMENT, DEFAULT_SWITCH_ELEMENT, DEFAULT_TAB_ELEMENT, DEFAULT_TAB_LIST_ELEMENT, DEFAULT_TAB_PANEL_ELEMENT, DEFAULT_TEXT_AREA_ELEMENT, DEFAULT_TEXT_ELEMENT, DEFAULT_TEXT_INPUT_ELEMENT, DEFAULT_TEXT_SKELETON_ELEMENT, DEFAULT_TOAST_ELEMENT, DEFAULT_TOOLTIP_ELEMENT, DEFAULT_TREE_ELEMENT, DEFAULT_TREE_ITEM_ELEMENT, DEFAULT_VIRTUAL_LIST_ELEMENT, Delay, Dialog, DialogContext, DialogContextValue, DialogElementType, DialogOwnProps, DialogPosition, DialogProps, DialogProvider, DialogProviderProps, ElementQuery, ElementQueryElementType, ElementQueryOwnProps, ElementQueryProps, ElementRectValue, ElementSize, ElementType, EmptyProps, ErrorBoundary, ErrorBoundaryProps, ErrorBoundaryState, Flex, FlexElementType, FlexOwnProps, FlexProps, Grid, GridElementType, GridOwnProps, GridProps, Heading, HeadingElementType, HeadingOwnProps, HeadingProps, HeadingSkeleton, HeadingSkeletonElementType, HeadingSkeletonOwnProps, HeadingSkeletonProps, Hotkeys, HotkeysElementType, HotkeysOwnProps, HotkeysProps, Inline, InlineElementType, InlineOwnProps, InlineProps, KBD, KBDElementType, KBDOwnProps, KBDProps, Label, LabelElementType, LabelOwnProps, LabelProps, LabelSkeleton, LabelSkeletonElementType, LabelSkeletonOwnProps, LabelSkeletonProps, Layer, LayerContextValue, LayerElementType, LayerOwnProps, LayerProps, LayerProvider, LayerProviderProps, Menu, MenuButton, MenuButtonProps, MenuDivider, MenuDividerElementType, MenuDividerOwnProps, MenuDividerProps, MenuElementType, MenuGroup, MenuGroupElementType, MenuGroupOwnProps, MenuGroupProps, MenuItem, MenuItemElementType, MenuItemOwnProps, MenuItemProps, MenuOwnProps, MenuProps, Placement, Popover, PopoverElementType, PopoverMargins, PopoverOwnProps, PopoverProps, PopoverUpdateCallback, PopoverWidth, Portal, PortalContextValue, PortalProps, PortalProvider, PortalProviderProps, Props, Radio, RadioElementType, RadioOwnProps, RadioProps, ResponsiveWidthStyleProps, Root, RootElementType, RootOwnProps, RootProps, RootProvider, RootProviderProps, Select, SelectElementType, SelectOwnProps, SelectProps, Selectable, SelectableElementType, SelectableOwnProps, SelectableProps, Skeleton, SkeletonElementType, SkeletonOwnProps, SkeletonProps, Spinner, SpinnerElementType, SpinnerOwnProps, SpinnerProps, SrOnly, SrOnlyElementType, SrOnlyOwnProps, SrOnlyProps, Stack, StackElementType, StackOwnProps, StackProps, Switch, SwitchElementType, SwitchOwnProps, SwitchProps, Tab, TabElementType, TabList, TabListChild, TabListElementType, TabListOwnProps, TabListProps, TabOwnProps, TabPanel, TabPanelElementType, TabPanelOwnProps, TabPanelProps, TabProps, TagType, Text, TextArea, TextAreaElementType, TextAreaOwnProps, TextAreaProps, TextElementType, TextInput, TextInputClearButtonProps, TextInputElementType, TextInputOwnProps, TextInputProps, TextOwnProps, TextProps, TextSkeleton, TextSkeletonElementType, TextSkeletonOwnProps, TextSkeletonProps, Toast, ToastContextValue, ToastElementType, ToastOwnProps, ToastParams, ToastProps, ToastProvider, ToastProviderProps, Tooltip, TooltipDelayGroupContext, TooltipDelayGroupContextValue, TooltipDelayGroupProvider, TooltipDelayGroupProviderProps, TooltipElementType, TooltipOwnProps, TooltipProps, Tree, TreeContextValue, TreeElementType, TreeItem, TreeItemElementType, TreeItemOwnProps, TreeItemProps, TreeOwnProps, TreeProps, TreeState, VirtualList, VirtualListChangeOpts, VirtualListElementType, VirtualListOwnProps, VirtualListProps, _CardCompatProviderComponent, _ElementSizeListener, _ElementSizeObserver, _ElementSizeSubscriber, _MediaStore, _ResizeObserver, _elementSizeObserver, _getArrayProp, _getResponsiveProp, _hasFocus, _isEnterToClickElement, _isScrollable, _raf, _raf2, attemptFocus, containsOrEqualsElement, focusFirstDescendant, focusLastDescendant, isFocusable, isHTMLAnchorElement, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isHTMLSelectElement, isHTMLTextAreaElement, useBoundaryElement, useCard, useClickOutsideEvent, useCustomValidity, useDialog, useElementSize, useGlobalKeyDown, useLayer, useMatchMedia, useMediaIndex, usePortal, usePrefersDark, usePrefersReducedMotion, useResponsiveProp, useToast, useTooltipDelayGroup, useTree };