@sanity/ui 4.0.0-static.9 → 4.0.0

package/dist/index.d.ts

@@ -1,1893 +1,1039 @@
-import type {AlignItems} from '@sanity/ui/css'
-import type {AvatarColor} from '@sanity/ui/theme'
-import type {AvatarSize} from '@sanity/ui/theme'
-import {BadgeStyleProps} from '@sanity/ui/css'
-import {BoxStyleProps} from '@sanity/ui/css'
-import {Breakpoint} from '@sanity/ui/css'
-import type {ButtonStyleProps} from '@sanity/ui/css'
-import {CardStyleProps} from '@sanity/ui/css'
-import type {CardTone} from '@sanity/ui/theme'
-import {CodeStyleProps} from '@sanity/ui/css'
-import type {ColorScheme} from '@sanity/ui/theme'
-import {Component} from 'react'
-import type {ComponentClass} from 'react'
-import type {ComponentProps} from 'react'
-import type {ComponentType as ComponentType_2} from 'react'
-import {ContainerStyleProps} from '@sanity/ui/css'
-import type {ContainerWidth} from '@sanity/ui/theme'
-import type {Context} from 'react'
-import type {DisplayStyleProps} from '@sanity/ui/css'
-import type {ElementTone} from '@sanity/ui/theme'
-import {ElementType as ElementType_2} from 'react'
-import {ErrorInfo} from 'react'
-import type {ExoticComponent} from 'react'
-import type {FlexDirection} from '@sanity/ui/css'
-import {FlexStyleProps} from '@sanity/ui/css'
-import type {FlexWrap} from '@sanity/ui/css'
-import type {FontCodeSize} from '@sanity/ui/theme'
-import type {FontHeadingSize} from '@sanity/ui/theme'
-import type {FontLabelSize} from '@sanity/ui/theme'
-import type {FontTextSize} from '@sanity/ui/theme'
-import type {FontWeight} from '@sanity/ui/theme'
-import {ForwardedRef} from 'react'
-import type {FunctionComponent} from 'react'
-import {GapStyleProps} from '@sanity/ui/css'
-import {HeadingStyleProps} from '@sanity/ui/css'
-import {HTMLAttributes} from 'react'
-import {InputStyleProps} from '@sanity/ui/css'
-import type {JSX} from 'react'
-import type {JustifyContent} from '@sanity/ui/css'
-import {LabelStyleProps} from '@sanity/ui/css'
-import {MaxWidth} from '@sanity/ui/css'
-import {MouseEventHandler} from 'react'
-import {PaddingStyleProps} from '@sanity/ui/css'
-import {PropsWithChildren} from 'react'
-import type {Radius} from '@sanity/ui/theme'
-import {RadiusStyleProps} from '@sanity/ui/css'
-import {ReactElement} from 'react'
-import {ReactNode} from 'react'
-import type {ReactPortal} from 'react'
-import {Ref} from 'react'
-import {RefAttributes} from 'react'
-import {ResponsiveProp} from '@sanity/ui/css'
-import {RootStyleProps} from '@sanity/ui/css'
-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 {TextAreaStyleProps} from '@sanity/ui/css'
-import {TextOverflowStyleProps} from '@sanity/ui/css'
-import {TextStyleProps} from '@sanity/ui/css'
-import type {Width} from '@sanity/ui/css'
-
-/** @internal */
-export declare function Arrow<E extends ArrowElementType = typeof DEFAULT_ARROW_ELEMENT>(
-  props: ArrowProps<E>,
-): React.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
->
-
+import { a as Props, i as EmptyProps, n as ComponentType, o as TagType, r as ElementType, t as Assign } from "./component-DVlwaWB-.js";
+import { A as FlexWrap, C as GridAutoCols, D as FlexDirection, E as FlexAlign, M as BoxHeight, N as BoxOverflow, O as FlexJustify, P as BoxSizing, S as GridItemRowStart, T as GridAutoRows, _ as GridItemColumn, a as ResponsiveBorderProps, b as GridItemRow, c as ResponsiveFlexProps, d as ResponsiveMarginProps, f as ResponsivePaddingProps, g as Radius, h as ResponsiveWidthProps, i as Delay, j as BoxDisplay, k as FlexValue, l as ResponsiveGridItemProps, m as ResponsiveShadowProps, n as LayerProps, o as ResponsiveBoxProps, p as ResponsiveRadiusProps, r as Placement, s as ResponsiveFlexItemProps, t as Layer, u as ResponsiveGridProps, v as GridItemColumnEnd, w as GridAutoFlow, x as GridItemRowEnd, y as GridItemColumnStart } from "./layer-ChlP9Ik6.js";
+import { a as ButtonTextAlign, c as Box, i as ButtonMode, l as BoxOwnProps, n as ButtonOwnProps, o as ButtonTone, r as ButtonProps, s as ButtonWidth, t as Button, u as BoxProps } from "./button-dnqMFkWg.js";
+import { i as ThemeColorCardToneKey, l as ThemeColorStateToneKey, r as ThemeColorButtonModeKey$1, s as ThemeColorSchemeKey$1, t as ThemeColorAvatarColorKey } from "./_system-CTe2lb5l.js";
+import { t as CardTone } from "./card-C0a0wQTc.js";
+import { a as ThemeFontWeightKey$1, i as ThemeFontWeight$1, n as ThemeFontKey$1, o as ThemeFonts$1, r as ThemeFontSize$1, t as ThemeFont$1 } from "./font-EtfxKPUz.js";
+import { A as ThemeColorMutedTone, B as ThemeColorBase, C as ThemeColorSpotKey, D as ThemeColorSelectableState, E as ThemeColorSelectable, F as ThemeColorCardState, H as ThemeColorToneKey, I as ThemeColorButton, L as ThemeColorButtonState, M as ThemeColorInputState, N as ThemeColorInputStates, O as ThemeColorSelectableStates, P as ThemeColorCard, R as ThemeColorButtonStates, S as ThemeColorSpot, T as ThemeColorSolidTone, U as ThemeColorGenericState, V as ThemeColorName, W as ThemeAvatar, _ as Theme_v2, _t as ThemeColorSyntax$1, a as rgbToHex$1, b as ThemeColorScheme, c as screen$1, d as ThemeColorBuilderOpts, f as createColorTheme$1, ft as ThemeStyles, g as Theme$1, gt as ThemeLayer$1, ht as ThemeShadow$1, i as hslToRgb$1, j as ThemeColorInput, k as ThemeColorMuted, l as multiply$1, m as RootTheme$1, mt as ThemeBoxShadow, n as parseColor$1, o as rgbToHsl$1, p as BaseTheme$1, pt as CSSObject, r as hexToRgb$1, t as rgba$1, u as PartialThemeColorBuilderOpts, v as ThemeInput, vt as HSL$1, w as ThemeColorSolid, x as ThemeColorSchemes, y as ThemeColor, yt as RGB$1, z as ThemeColorButtonTones } from "./rgba-BSYaEUW6.js";
+import { t as SelectableTone } from "./selectable-B0GUIL74.js";
+import { Component, HTMLProps, PropsWithChildren } from "react";
 /**
- * Assign properties from `U` to `T`, excluding properties that already exist in `T`.
- *
  * @public
+ * @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
  */
-export declare type Assign<T extends {}, U extends {}> = Omit<T, keyof U> & U
-
+type BaseTheme = BaseTheme$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeBoxShadow` from `@sanity/ui/theme` instead.
  */
-export declare function attemptFocus(element: HTMLElement): boolean
-
+type BoxShadow = ThemeBoxShadow;
 /**
- * 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
+ * @deprecated Use `HSL` from `@sanity/ui/theme` instead.
  */
-export declare function Autocomplete<
-  E extends AutocompleteElementType = typeof DEFAULT_AUTOCOMPLETE_ELEMENT,
-  O extends BaseAutocompleteOption = BaseAutocompleteOption,
->(props: AutocompleteProps<E, O>): React.JSX.Element
-
-/** @public */
-export declare type AutocompleteElementType = 'input' | ComponentType
-
+type HSL = HSL$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `RGB` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteInputChangeMsg {
-  type: 'input/change'
-  query: string | null
-}
-
+type RGB = RGB$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteInputFoocusMsg {
-  type: 'input/focus'
-}
-
+type RootTheme = RootTheme$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeStyles` from `@sanity/ui/theme` instead.
  */
-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
-}
-
-/** @public */
-export declare type AutocompleteProps<
-  E extends AutocompleteElementType = AutocompleteElementType,
-  O extends BaseAutocompleteOption = BaseAutocompleteOption,
-> = Props<AutocompleteOwnProps<O>, E>
-
+type Styles = ThemeStyles;
 /**
- * @internal
+ * @public
+ * @deprecated Use `Theme` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteRootBlurMsg {
-  type: 'root/blur'
-}
-
+type Theme = Theme$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeColorButtonModeKey` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteRootClearMsg {
-  type: 'root/clear'
-}
-
+type ThemeColorButtonModeKey = ThemeColorButtonModeKey$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeColorSchemeKey` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteRootEscapeMsg {
-  type: 'root/escape'
-}
-
+type ThemeColorSchemeKey = ThemeColorSchemeKey$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeColorSyntax` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteRootOpenMsg {
-  type: 'root/open'
-  query: string | null
-}
-
+type ThemeColorSyntax = ThemeColorSyntax$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeFont` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteRootSetActiveValueMsg {
-  type: 'root/setActiveValue'
-  value: string
-  listFocused?: boolean
-}
-
+type ThemeFont = ThemeFont$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeFontKey` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteRootSetListFocusedMsg {
-  type: 'root/setListFocused'
-  listFocused: boolean
-}
-
+type ThemeFontKey = ThemeFontKey$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeFontSize` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteState {
-  activeValue: string | null
-  focused: boolean
-  listFocused: boolean
-  query: string | null
-  value: string | null
-}
-
+type ThemeFontSize = ThemeFontSize$1;
 /**
- * @internal
+ * @public
+ * @deprecated Use `ThemeFontWeight` from `@sanity/ui/theme` instead.
  */
-export declare interface AutocompleteValueChangeMsg {
-  type: 'value/change'
-  value: string | null
-}
-
+type ThemeFontWeight = ThemeFontWeight$1;
 /**
- * Avatars are used to represent people and other agents (e.g. bots).
- *
  * @public
+ * @deprecated Use `ThemeFontWeightKey` from `@sanity/ui/theme` instead.
  */
-export declare function Avatar<E extends AvatarElementType = typeof DEFAULT_AVATAR_ELEMENT>(
-  props: AvatarProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare function AvatarCounter<
-  E extends AvatarCounterElementType = typeof DEFAULT_AVATAR_COUNTER_ELEMENT,
->(props: AvatarCounterProps<E>): React.JSX.Element
-
-/** @public */
-export declare type AvatarCounterElementType = 'button' | 'div' | 'span' | ComponentType
-
-/** @public */
-export declare interface AvatarCounterOwnProps {
-  count: number
-  size?: ResponsiveProp<AvatarSize>
-}
-
-/** @public */
-export declare type AvatarCounterProps<
-  E extends AvatarCounterElementType = AvatarCounterElementType,
-> = Props<AvatarCounterOwnProps, E>
-
-/** @public */
-export declare type AvatarElementType = 'a' | 'button' | 'div' | 'span' | ComponentType
-
-/** @public */
-export declare 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 AvatarPosition = 'top' | 'bottom' | 'inside'
-
-/** @public */
-export declare type AvatarProps<E extends AvatarElementType = AvatarElementType> = Props<
-  AvatarOwnProps,
-  E
->
-
-/** @public */
-export declare function AvatarStack<
-  E extends AvatarStackElementType = typeof DEFAULT_AVATAR_STACK_ELEMENT,
->(props: AvatarStackProps<E>): React.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>
-}
-
-/** @public */
-export declare type AvatarStackProps<E extends AvatarStackElementType = AvatarStackElementType> =
-  Props<AvatarStackOwnProps, E>
-
+type ThemeFontWeightKey = ThemeFontWeightKey$1;
 /**
- * Badges are used to tag resources.
- *
  * @public
+ * @deprecated Use `ThemeFonts` from `@sanity/ui/theme` instead.
  */
-export declare function Badge<E extends BadgeElementType = typeof DEFAULT_BADGE_ELEMENT>(
-  props: BadgeProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare type BadgeElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type BadgeOwnProps = BadgeStyleProps &
-  FlexStyleProps &
-  PaddingStyleProps &
-  RadiusStyleProps
-
-/** @public */
-export declare type BadgeProps<E extends BadgeElementType = BadgeElementType> = Props<
-  BadgeOwnProps,
-  E
->
-
-/** @public */
-export declare interface BaseAutocompleteOption {
-  value: string
-}
-
-/** @public */
-export declare interface BoundaryElementContextValue {
-  version: 0.0
-  element: HTMLElement | null
-}
-
-/** @public */
-export declare function BoundaryElementProvider(
-  props: BoundaryElementProviderProps,
-): React.JSX.Element
-
-/** @public */
-export declare interface BoundaryElementProviderProps {
-  children: ReactNode
-  element: HTMLElement | null
-}
-
+type ThemeFonts = ThemeFonts$1;
 /**
- * The `Box` component is a basic layout wrapper component which provides utility properties
- * for flex, margins and padding.
- *
  * @public
+ * @deprecated Use `ThemeLayer` from `@sanity/ui/theme` instead.
  */
-export declare function Box<E extends BoxElementType = typeof DEFAULT_BOX_ELEMENT>(
-  props: BoxProps<E>,
-): React.JSX.Element
-
-/** @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'
-  | 'table'
-  | 'tbody'
-  | 'td'
-  | 'tfoot'
-  | 'th'
-  | 'thead'
-  | 'tr'
-  | 'ul'
-  | ComponentType
-
-/** @public */
-export declare type BoxOwnProps = BoxStyleProps
-
-/** @public */
-export declare type BoxProps<E extends BoxElementType = BoxElementType> = Props<BoxOwnProps, E>
-
-/** @beta */
-export declare function Breadcrumbs<
-  E extends BreadcrumbsElementType = typeof DEFAULT_BREADCRUMBS_ELEMENT,
->(props: BreadcrumbsProps<E>): React.JSX.Element
-
-/** @beta */
-export declare type BreadcrumbsElementType = 'div' | 'nav' | ComponentType
-
-/** @beta */
-export declare type BreadcrumbsOwnProps = GapStyleProps & {
-  expandButton?: Omit<ButtonProps<'button'>, 'as' | 'onClick' | 'selected'>
-  maxLength?: number
-  separator?: ReactNode
-}
-
-/** @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>,
-): React.JSX.Element
-
-/** @public */
-export declare type ButtonElementType = 'a' | 'button' | 'label' | ComponentType
-
-/** @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
-    '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'
-
+type ThemeLayer = ThemeLayer$1;
 /**
- * The `Card` component acts much like a `Box`, but with a background and foreground color.
- * Components within a `Card` inherit its colors.
- *
  * @public
+ * @deprecated Use `ThemeShadow` from `@sanity/ui/theme` instead.
  */
-export declare function Card<E extends CardElementType = typeof DEFAULT_CARD_ELEMENT>(
-  props: CardProps<E>,
-): React.JSX.Element
-
-/** @internal */
-export declare type _CardCompatProviderComponent = ComponentType_2<{
-  children?: ReactNode
-  tone: CardTone | 'inherit'
-  scheme: ColorScheme
-}>
-
-/** @public */
-export declare interface CardContextValue {
-  tone: CardTone
-  scheme: ColorScheme
-  /** @internal */
-  unstable_CompatProvider?: _CardCompatProviderComponent
-}
-
-/** @public */
-export declare type CardElementType = BoxElementType
-
-/** @public */
-export declare interface CardOwnProps extends BoxOwnProps, CardStyleProps {
+type ThemeShadow = ThemeShadow$1;
+/**
+ * @public
+ * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
+ */
+declare const createColorTheme: typeof createColorTheme$1;
+/**
+ * @public
+ * @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
+ */
+declare const hexToRgb: typeof hexToRgb$1;
+/**
+ * @public
+ * @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
+ */
+declare const hslToRgb: typeof hslToRgb$1;
+/**
+ * @public
+ * @deprecated Use `multiply` from `@sanity/ui/theme` instead.
+ */
+declare const multiply: typeof multiply$1;
+/**
+ * @public
+ * @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
+ */
+declare const parseColor: typeof parseColor$1;
+/**
+ * @public
+ * @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
+ */
+declare const rgbToHex: typeof rgbToHex$1;
+/**
+ * @public
+ * @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
+ */
+declare const rgbToHsl: typeof rgbToHsl$1;
+/**
+ * @public
+ * @deprecated Use `rgba` from `@sanity/ui/theme` instead.
+ */
+declare const rgba: typeof rgba$1;
+/**
+ * @public
+ * @deprecated Use `screen` from `@sanity/ui/theme` instead.
+ */
+declare const screen: typeof screen$1;
+/**
+ * @public
+ * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
+ */
+declare const studioTheme: BaseTheme$1;
+/**
+ * @public
+ */
+type DialogPosition = 'absolute' | 'fixed';
+/**
+ * @public
+ */
+interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {
   /**
-   * Do not use in production.
    * @beta
    */
-  __unstable_checkered?: boolean
+  __unstable_autoFocus?: boolean;
   /**
-   * Do not use in production.
    * @beta
    */
-  __unstable_focusRing?: boolean
-  disabled?: boolean
-  pressed?: boolean
-  selected?: boolean
-  target?: string
+  __unstable_hideCloseButton?: boolean;
+  cardRadius?: Radius | Radius[];
+  cardShadow?: number | number[];
+  contentRef?: React.ForwardedRef<HTMLDivElement>;
+  footer?: React.ReactNode;
+  header?: React.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;
+  portal?: string;
+  position?: DialogPosition | DialogPosition[];
+  scheme?: ThemeColorSchemeKey$1;
+  zOffset?: number | number[];
+  /**
+   * Whether the dialog should animate in on mount.
+   *
+   * @beta
+   * @defaultValue false
+   */
+  animate?: boolean;
 }
-
-/** @public */
-export declare type CardProps<E extends CardElementType = CardElementType> = Props<CardOwnProps, E>
-
-/** @public */
-export declare function CardProvider(props: {
-  children?: ReactNode
-  tone: CardTone
-  scheme: ColorScheme
-  /** @internal */
-  unstable_CompatProvider?: _CardCompatProviderComponent
-}): React.JSX.Element
-
 /**
- * Checkboxes allow the user to select one or more items from a set.
+ * The Dialog component.
  *
  * @public
  */
-export declare function Checkbox<E extends CheckboxElementType = typeof DEFAULT_CHECKBOX_ELEMENT>(
-  props: CheckboxProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare type CheckboxElementType = 'input' | ComponentType
-
-/** @public */
-export declare type CheckboxOwnProps = {
-  indeterminate?: boolean
-  customValidity?: string
-}
-
-/** @public */
-export declare type CheckboxProps<E extends CheckboxElementType = CheckboxElementType> = Props<
-  CheckboxOwnProps,
-  E
->
-
-/** @public */
-export declare type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[]
-
-/** @public */
-export declare type ClickOutsideEventListener = (event: MouseEvent) => void
-
-/** @public */
-export declare function Code<E extends CodeElementType = typeof DEFAULT_CODE_ELEMENT>(
-  props: CodeProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare type CodeElementType = 'div' | 'pre' | ComponentType
-
-/** @public */
-export declare type CodeOwnProps = CodeStyleProps & {
-  /** Define the language to use for syntax highlighting. */
-  language?: string
-  size?: ResponsiveProp<FontCodeSize>
+declare function Dialog(props: DialogProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'id' | 'width'>): import("react").JSX.Element;
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+interface DialogContextValue {
+  version: 0.0;
+  position?: DialogPosition | DialogPosition[];
+  zOffset?: number | number[];
 }
-
-/** @public */
-export declare type CodeProps<E extends CodeElementType = CodeElementType> = Props<CodeOwnProps, E>
-
+/**
+ * @internal
+ */
+declare const DialogContext: import("react").Context<DialogContextValue>;
 /**
  * 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>): React.JSX.Element
-
-/** @beta */
-export declare type CodeSkeletonElementType = SkeletonElementType
-
-/** @beta */
-export declare type CodeSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontCodeSize>
+interface DialogProviderProps {
+  children?: React.ReactNode;
+  position?: DialogPosition | DialogPosition[];
+  zOffset?: number | number[];
 }
-
 /**
  * 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>
-
+declare function DialogProvider(props: DialogProviderProps): React.JSX.Element;
 /**
- * The `Container` component wraps content layout in a defined set of widths.
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+declare function useDialog(): DialogContextValue;
+/**
+ * @public
+ */
+interface HotkeysProps {
+  fontSize?: number | number[];
+  gap?: number | number[];
+  padding?: number | number[];
+  radius?: Radius | Radius[];
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+  keys?: string[];
+}
+/**
+ * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
  *
  * @public
  */
-export declare function Container<
-  E extends ContainerElementType = typeof DEFAULT_CONTAINER_ELEMENT,
->(props: ContainerProps<E>): React.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
->
-
+declare function Hotkeys(props: HotkeysProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>): import("react").JSX.Element;
 /**
- * @internal
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
  */
-export declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean
-
-/** @internal */
-export declare const DEFAULT_ARROW_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_AUTOCOMPLETE_ELEMENT = 'input'
-
-/** @public */
-export declare const DEFAULT_AVATAR_COUNTER_ELEMENT = 'span'
-
-/** @public */
-export declare const DEFAULT_AVATAR_ELEMENT = 'span'
-
-/** @public */
-export declare const DEFAULT_AVATAR_STACK_ELEMENT = 'span'
-
-/** @public */
-export declare const DEFAULT_BADGE_ELEMENT = 'span'
-
-/** @public */
-export declare const DEFAULT_BOX_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_BREADCRUMBS_ELEMENT = 'nav'
-
-/** @public */
-export declare const DEFAULT_BUTTON_ELEMENT = 'button'
-
-/** @public */
-export declare const DEFAULT_CARD_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_CHECKBOX_ELEMENT = 'input'
-
-/** @public */
-export declare const DEFAULT_CODE_ELEMENT = 'pre'
-
-/** @beta */
-export declare const DEFAULT_CODE_SKELETON_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_CONTAINER_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_DIALOG_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_ELEMENT_QUERY_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_FLEX_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_GRID_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_HEADING_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_HEADING_SKELETON_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_HOTKEYS_ELEMENT = 'kbd'
-
-/** @public */
-export declare const DEFAULT_INLINE_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_KBD_ELEMENT = 'kbd'
-
-/** @public */
-export declare const DEFAULT_LABEL_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_LABEL_SKELETON_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_LAYER_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_MENU_DIVIDER_ELEMENT = 'hr'
-
-/** @public */
-export declare const DEFAULT_MENU_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_MENU_GROUP_ELEMENT = 'button'
-
-/** @public */
-export declare const DEFAULT_MENU_ITEM_ELEMENT = 'button'
-
-/** @public */
-export declare const DEFAULT_POPOVER_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_RADIO_ELEMENT = 'input'
-
-/** @public */
-export declare const DEFAULT_ROOT_ELEMENT = 'html'
-
-/** @public */
-export declare const DEFAULT_SELECT_ELEMENT = 'select'
-
-/** @internal */
-export declare const DEFAULT_SELECTABLE_ELEMENT = 'button'
-
-/** @beta */
-export declare const DEFAULT_SKELETON_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_SPINNER_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_SR_ONLY_ELEMENT = 'span'
-
-/** @public */
-export declare const DEFAULT_STACK_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_SWITCH_ELEMENT = 'input'
-
-/** @public */
-export declare const DEFAULT_TAB_ELEMENT = 'button'
-
-/** @public */
-export declare const DEFAULT_TAB_LIST_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_TAB_PANEL_ELEMENT = 'div'
-
-/** @public */
-export declare const DEFAULT_TEXT_AREA_ELEMENT = 'textarea'
-
-/** @public */
-export declare const DEFAULT_TEXT_ELEMENT = 'div'
-
-/** @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'
-
-/** @public */
-export declare const DEFAULT_TOOLTIP_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_TREE_ELEMENT = 'div'
-
-/** @beta */
-export declare const DEFAULT_TREE_ITEM_ELEMENT = 'a'
-
-/** @beta */
-export declare const DEFAULT_VIRTUAL_LIST_ELEMENT = 'div'
-
-/** @public */
-export declare type Delay =
-  | number
-  | Partial<{
-      open: number
-      close: number
-    }>
-
+interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxOwnProps, 'children'> {
+  animated?: boolean;
+  delay?: number;
+}
 /**
- * The Dialog component.
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+declare function Skeleton(props: SkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, 'height'>): import("react").JSX.Element;
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+interface TextSkeletonProps extends SkeletonProps {
+  size?: number | number[];
+}
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+interface LabelSkeletonProps extends SkeletonProps {
+  size?: number | number[];
+}
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+interface HeadingSkeletonProps extends SkeletonProps {
+  size?: number | number[];
+}
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+interface CodeSkeletonProps extends SkeletonProps {
+  size?: number | number[];
+}
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+declare function TextSkeleton(props: TextSkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>): import("react").JSX.Element;
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+declare function LabelSkeleton(props: LabelSkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>): import("react").JSX.Element;
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+declare function HeadingSkeleton(props: HeadingSkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>): import("react").JSX.Element;
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+declare function CodeSkeleton(props: CodeSkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>): import("react").JSX.Element;
+/**
+ * @public
+ */
+interface TabProps {
+  /**
+   * The `id` of the correlating `TabPanel` component.
+   */
+  'aria-controls': string;
+  'id': string;
+  'icon'?: React.ElementType | React.ReactNode;
+  'focused'?: boolean;
+  'fontSize'?: number | number[];
+  'label'?: React.ReactNode;
+  'padding'?: number | number[];
+  'selected'?: boolean;
+  'tone'?: ButtonTone;
+}
+/**
+ * @public
+ */
+declare function Tab(props: TabProps & Omit<React.HTMLProps<HTMLButtonElement>, 'aria-controls' | 'as' | 'id' | 'label' | 'type' | 'width'>): import("react").JSX.Element;
+/**
+ * @public
+ */
+interface InlineOwnProps extends Omit<BoxOwnProps, 'display'> {
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+  /** The spacing between children. */
+  gap?: number | number[];
+}
+/**
+ * @public
+ */
+type InlineProps<E extends ElementType = 'div'> = Props<InlineOwnProps, E>;
+/**
+ * The `Inline` component is a layout utility for aligning and spacing items horizontally.
  *
  * @public
  */
-export declare function Dialog<E extends DialogElementType = typeof DEFAULT_DIALOG_ELEMENT>(
-  props: DialogProps<E>,
-): React.JSX.Element
-
+declare const Inline: <E extends ElementType = 'div'>(props: InlineProps<E>) => React.JSX.Element;
 /**
- * @internal
+ * @public
  */
-export declare const DialogContext: Context<DialogContextValue>
-
+interface TabListProps extends Omit<InlineOwnProps, 'height'> {
+  children: Array<React.JSX.Element | null | undefined | false>;
+}
+/**
+ * @public
+ */
+declare function TabList(props: TabListProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height'>): import("react").JSX.Element;
+/**
+ * @public
+ */
+interface TabPanelProps extends BoxOwnProps {
+  /**
+   * The `id` of the correlating `Tab` component.
+   */
+  'aria-labelledby': string;
+  'id': string;
+}
+/**
+ * @public
+ */
+declare function TabPanel(props: TabPanelProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'aria-labelledby' | 'id' | 'role'>): import("react").JSX.Element;
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare interface DialogContextValue {
-  version: 0.0
-  position?: ResponsiveProp<DialogPosition>
-  zOffset?: ResponsiveProp<number>
+interface TreeProps {
+  gap?: number | number[];
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
 }
-
-/** @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?: ColorScheme
-    tone?: CardTone | 'inherit'
-    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): React.JSX.Element
-
+declare function Tree(props: TreeProps & Omit<React.HTMLProps<HTMLUListElement>, 'align' | 'as' | 'height' | 'role' | 'wrap'>): React.JSX.Element;
+/**
+ * @beta
+ */
+interface TreeItemProps {
+  expanded?: boolean;
+  fontSize?: number | number[];
+  icon?: React.ElementType;
+  /**
+   * Allows passing a custom element type to the link component
+   */
+  linkAs?: ElementType;
+  /**
+   * Additional props for the link element that is rendered when `href` is set — e.g. `next/link`'s
+   * `prefetch` together with `linkAs={Link}`. Props controlled by `TreeItem` itself (`href`,
+   * `role`, `tabIndex`, `aria-expanded` and the ref) take precedence.
+   */
+  linkProps?: React.HTMLProps<HTMLAnchorElement> & Record<string, unknown>;
+  padding?: number | number[];
+  gap?: number | number[];
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+  text?: React.ReactNode;
+  weight?: ThemeFontWeightKey$1;
+}
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare interface DialogProviderProps {
-  children?: ReactNode
-  position?: ResponsiveProp<DialogPosition>
-  zOffset?: ResponsiveProp<number>
+declare function TreeItem(props: TreeItemProps & Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'ref' | 'role'>): React.JSX.Element;
+/**
+ * @beta
+ */
+interface TreeState {
+  [key: string]: {
+    element: HTMLElement;
+    expanded: boolean;
+  } | undefined;
 }
-
 /**
- * DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function ElementQuery<
-  E extends ElementQueryElementType = typeof DEFAULT_ELEMENT_QUERY_ELEMENT,
->(props: ElementQueryProps<E>): React.JSX.Element
-
+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;
+  gap: number | number[];
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+  state: TreeState;
+}
+/**
+ * @beta
+ */
+declare function useTree(): TreeContextValue;
+/**
+ * @internal
+ */
+declare function _raf(fn: () => void): () => void;
+/**
+ * @internal
+ */
+declare function _raf2(fn: () => void): () => void;
+/**
+ * @internal
+ */
+declare function _isEnterToClickElement(element: HTMLElement): boolean;
+/**
+ * @internal
+ */
+declare function isHTMLElement(node: unknown): node is HTMLElement;
+/**
+ * @internal
+ */
+declare function isHTMLAnchorElement(element: unknown): element is HTMLAnchorElement;
+/**
+ * @internal
+ */
+declare function isHTMLInputElement(element: unknown): element is HTMLInputElement;
+/**
+ * @internal
+ */
+declare function isHTMLButtonElement(element: unknown): element is HTMLButtonElement;
+/**
+ * @internal
+ */
+declare function isHTMLSelectElement(element: unknown): element is HTMLSelectElement;
+/**
+ * @internal
+ */
+declare function isHTMLTextAreaElement(element: unknown): element is HTMLTextAreaElement;
+/**
+ * @internal
+ */
+declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean;
+/**
+ * @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 _isScrollable(el: Node): boolean;
 /** @beta */
-export declare type ElementQueryElementType = 'div' | ComponentType
-
+type ArrayPropPrimitive = string | number | boolean | undefined | null;
 /**
- * DO NOT USE IN PRODUCTION.
+ * @deprecated instead of `useArrayProp(width)` use `Array.isArray(width) ? width : [width]` instead
  * @beta
  */
-export declare type ElementQueryOwnProps = {
-  media?: number[]
-}
-
+declare function useArrayProp(_val?: never, _defaultVal?: never): never;
+/**
+ * @public
+ */
+type ClickOutsideListener = (event: MouseEvent) => void;
+/**
+ * @public
+ */
+type ClickOutsideElements = (HTMLElement | null | (HTMLElement | null)[])[];
+/**
+ * @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} />
+ * ```
+ */
+declare function useClickOutside(_listener?: never, _elementsArg?: never, _boundaryElement?: never): never;
+/**
+ * @public
+ */
+type ClickOutsideEventListener = (event: MouseEvent) => void;
+/**
+ * @public
+ */
+type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[];
+/**
+ * @public
+ */
+declare function useClickOutsideEvent(listener: ClickOutsideEventListener | false | undefined, elementsArg?: () => ClickOutsideEventElements, boundaryElement?: () => HTMLElement | null): void;
 /**
- * DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare type ElementQueryProps<E extends ElementQueryElementType = ElementQueryElementType> =
-  Props<ElementQueryOwnProps, E>
-
+declare function useCustomValidity(ref: {
+  current: null | {
+    setCustomValidity: (validity: string) => void;
+  };
+}, customValidity: string | undefined): void;
+/**
+ * Subscribe to the rect of a DOM element.
+ * @beta
+ *
+ * @deprecated Use `useElementSize` instead
+ */
+declare function useElementRect(_element?: never): never;
 /**
  * @beta
  */
-export declare interface ElementRectValue {
-  width: number
-  height: number
+interface ElementRectValue {
+  width: number;
+  height: number;
 }
-
 /**
  * @beta
  */
-export declare interface ElementSize {
-  content: ElementRectValue
-  border: ElementRectValue
+interface ElementSize {
+  content: ElementRectValue;
+  border: ElementRectValue;
   /** @deprecated INTERNAL ONLY */
-  _contentRect: DOMRectReadOnly
+  _contentRect: DOMRectReadOnly;
 }
-
 /**
  * @internal
  */
-export declare interface _ElementSizeListener {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
+type _ElementSizeSubscriber = (elementRect: ElementSize) => void;
+/**
+ * @internal
+ */
+interface _ElementSizeObserver {
+  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void;
 }
-
 /**
  * @internal
  */
-export declare interface _ElementSizeObserver {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
+interface _ElementSizeListener {
+  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void;
 }
-
 /**
  * @internal
  */
-export declare const _elementSizeObserver: _ElementSizeObserver
-
+declare const _elementSizeObserver: _ElementSizeObserver;
+/**
+ * Subscribe to the size of a DOM element.
+ * @beta
+ */
+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)
+ * ```
+ */
+declare function useForwardedRef(_ref?: never): never;
+/**
+ * Adds global keydown event listener to the window.
+ *
+ * @param onKeyDown - The function to call when a keydown event is triggered.
+ * @param options - The options to pass to the addEventListener function (example, capture: true)
+ * @beta
+ */
+declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void, options?: AddEventListenerOptions): 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://react.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: () => number;
+}
+/**
+ * This API might change. DO NOT USE IN PRODUCTION.
+ * @beta
+ */
+declare function useMediaIndex(): number;
+/**
+ * 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://react.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
+ */
+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://react.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;
+/**
+ * @public
+ */
+type AvatarPosition = 'top' | 'bottom' | 'inside';
+/**
+ * @public
+ */
+type AvatarSize = 0 | 1 | 2 | 3;
+/**
+ * @public
+ */
+type AvatarStatus = 'online' | 'editing' | 'inactive';
+/**
+ * @public
+ */
+interface AvatarOwnProps {
+  /** @beta */
+  __unstable_hideInnerStroke?: boolean;
+  animateArrowFrom?: AvatarPosition;
+  arrowPosition?: AvatarPosition;
+  color?: ThemeColorAvatarColorKey;
+  initials?: string;
+  onImageLoadError?: (event: Error) => void;
+  size?: AvatarSize | AvatarSize[];
+  src?: string;
+  /**
+   * The status of the entity this Avatar represents.
+   * @alpha
+   */
+  status?: AvatarStatus;
+  title?: string;
+}
+/**
+ * @public
+ */
+type AvatarProps<E extends ElementType = 'div'> = Props<AvatarOwnProps, E>;
 /**
- * @internal
+ * Avatars are used to represent people and other agents (e.g. bots).
+ *
+ * @public
  */
-export declare type _ElementSizeSubscriber = (elementRect: ElementSize) => void
-
-/** @public */
-export declare type ElementType<P> = TagType | ComponentType<P>
-
-/** @public */
-export declare type EmptyProps = {}
-
+declare const Avatar: <E extends ElementType = 'div'>(props: AvatarProps<E>) => React.JSX.Element;
 /**
- * DO NOT USE IN PRODUCTION
- * @beta
+ * @public
  */
-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
+interface AvatarCounterProps {
+  count: number;
+  size?: AvatarSize | AvatarSize[];
+  /** @deprecated No longer supported. */
+  tone?: never;
 }
-
 /**
- * DO NOT USE IN PRODUCTION
- * @beta
+ * @public
  */
-export declare type ErrorBoundaryProps = PropsWithChildren<{
-  onCatch: (params: {error: Error; info: ErrorInfo}) => void
-}>
-
+declare function AvatarCounter(props: AvatarCounterProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
 /**
- * DO NOT USE IN PRODUCTION
- * @beta
+ * @public
  */
-export declare interface ErrorBoundaryState {
-  error: Error | null
+interface AvatarStackProps {
+  children: React.ReactNode;
+  maxLength?: number;
+  size?: AvatarSize | AvatarSize[];
+  /** @deprecated No longer supported. */
+  tone?: never;
 }
-
 /**
- * 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>,
-): React.JSX.Element
-
-/** @public */
-export declare type FlexElementType = BoxElementType
-
-/** @public */
-export declare type FlexOwnProps = Omit<
-  BoxOwnProps,
-  'align' | 'display' | 'flexDirection' | 'flexWrap'
-> & {
-  align?: ResponsiveProp<AlignItems>
-  direction?: ResponsiveProp<FlexDirection>
-  justify?: ResponsiveProp<JustifyContent>
-  wrap?: ResponsiveProp<FlexWrap>
-}
-
-/** @public */
-export declare type FlexProps<E extends FlexElementType = FlexElementType> = Props<FlexOwnProps, E>
-
+declare function AvatarStack(props: AvatarStackProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>): import("react").JSX.Element;
 /**
  * @internal
  */
-export declare function focusFirstDescendant(element: HTMLElement): boolean
-
+interface AvatarRootStyleProps {
+  $color: ThemeColorAvatarColorKey;
+}
 /**
  * @internal
  */
-export declare function focusLastDescendant(element: HTMLElement): boolean
-
+interface ResponsiveAvatarSizeStyleProps {
+  $size: AvatarSize[];
+}
 /**
- * @internal
+ * @public
+ * @deprecated No longer used
  */
-export declare function _getArrayProp<T>(val: T | T[] | undefined, defaultVal?: T[]): T[]
-
+type BadgeMode = never;
 /**
- * @internal
+ * @public
  */
-export declare function _getResponsiveProp<T>(
-  val: ResponsiveProp<T> | undefined,
-  defaultVal?: Partial<Record<Breakpoint, T>>,
-): Partial<Record<Breakpoint, T>>
-
+type BadgeTone = ThemeColorStateToneKey;
 /**
- * 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>,
-): React.JSX.Element
-
-/** @public */
-export declare type GridElementType = BoxElementType
-
-/** @public */
-export declare type GridOwnProps = Omit<BoxOwnProps, 'display'>
-
-/** @public */
-export declare type GridProps<E extends GridElementType = GridElementType> = Props<GridOwnProps, E>
-
+interface BadgeOwnProps extends BoxOwnProps, ResponsiveRadiusProps {
+  fontSize?: number | number[];
+  /** @deprecated No longer used. */
+  mode?: never;
+  tone?: BadgeTone;
+}
 /**
- * @internal
+ * @public
  */
-export declare function _hasFocus(element: HTMLElement): boolean
-
+type BadgeProps<E extends ElementType = 'div'> = Props<BadgeOwnProps, E>;
 /**
- * Typographic headings.
+ * Badges are used to tag resources.
  *
  * @public
  */
-export declare function Heading<E extends HeadingElementType = typeof DEFAULT_HEADING_ELEMENT>(
-  props: HeadingProps<E>,
-): React.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
->
-
+declare const Badge: <E extends ElementType = 'div'>(props: BadgeProps<E>) => React.JSX.Element;
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-export declare function HeadingSkeleton<
-  E extends HeadingSkeletonElementType = typeof DEFAULT_HEADING_SKELETON_ELEMENT,
->(props: HeadingSkeletonProps<E>): React.JSX.Element
-
-/** @beta */
-export declare type HeadingSkeletonElementType = SkeletonElementType
-
-/** @beta */
-export declare type HeadingSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontHeadingSize>
+interface CardOwnProps extends BoxOwnProps, ResponsiveBorderProps, ResponsiveRadiusProps, ResponsiveShadowProps {
+  /**
+   * Do not use in production.
+   * @beta
+   */
+  __unstable_checkered?: boolean;
+  /**
+   * Do not use in production.
+   * @beta
+   */
+  __unstable_focusRing?: boolean;
+  disabled?: boolean;
+  muted?: boolean;
+  pressed?: boolean;
+  scheme?: ThemeColorSchemeKey$1;
+  selected?: boolean;
+  tone?: CardTone;
 }
-
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-export declare type HeadingSkeletonProps<
-  E extends HeadingSkeletonElementType = HeadingSkeletonElementType,
-> = Props<HeadingSkeletonOwnProps, E>
-
+type CardProps<E extends ElementType = 'div'> = Props<CardOwnProps, E>;
 /**
- * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
+ * 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 Hotkeys<E extends HotkeysElementType = typeof DEFAULT_HOTKEYS_ELEMENT>(
-  props: HotkeysProps<E>,
-): React.JSX.Element | undefined
-
-/** @public */
-export declare type HotkeysElementType = 'kbd' | ComponentType
-
-/** @public */
-export declare interface HotkeysOwnProps extends GapStyleProps, RadiusStyleProps {
-  fontSize?: ResponsiveProp<FontTextSize>
-  padding?: ResponsiveProp<Space>
-  keys?: string[]
+declare const Card: <E extends ElementType = 'div'>(props: CardProps<E>) => React.JSX.Element;
+/**
+ * @internal
+ */
+interface CardStyleProps {
+  $checkered: boolean;
+  $focusRing: boolean;
+  $muted: boolean;
+  $tone: ThemeColorCardToneKey;
 }
-
-/** @public */
-export declare type HotkeysProps<E extends HotkeysElementType = HotkeysElementType> = Props<
-  HotkeysOwnProps,
-  E
->
-
 /**
- * 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>,
-): React.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'
->
-
-/** @public */
-export declare type InlineProps<E extends InlineElementType = InlineElementType> = Props<
-  InlineOwnProps,
-  E
->
-
+interface CheckboxProps {
+  indeterminate?: boolean;
+  customValidity?: string;
+}
 /**
- * @internal
+ * Checkboxes allow the user to select one or more items from a set.
+ *
+ * @public
  */
-export declare function _isEnterToClickElement(element: HTMLElement): boolean
-
+declare function Checkbox(props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & CheckboxProps): import("react").JSX.Element;
 /**
- * @internal
+ * @public
  */
-export declare function isFocusable(element: HTMLElement): boolean
-
+interface ContainerOwnProps extends BoxOwnProps, ResponsiveWidthProps {}
 /**
- * @internal
+ * @public
  */
-export declare function isHTMLAnchorElement(element: unknown): element is HTMLAnchorElement
-
+type ContainerProps<E extends ElementType = 'div'> = Props<ContainerOwnProps, E>;
 /**
- * @internal
+ * The `Container` component wraps content layout in a defined set of widths.
+ *
+ * @public
  */
-export declare function isHTMLButtonElement(element: unknown): element is HTMLButtonElement
-
+declare const Container: <E extends ElementType = 'div'>(props: ContainerProps<E>) => React.JSX.Element;
 /**
  * @internal
  */
-export declare function isHTMLElement(node: unknown): node is HTMLElement
-
+interface ResponsiveWidthStyleProps {
+  $width: (number | 'auto')[];
+}
 /**
- * @internal
+ * @public
  */
-export declare function isHTMLInputElement(element: unknown): element is HTMLInputElement
-
+interface FlexOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveFlexProps, ResponsiveFlexItemProps {
+  gap?: number | number[];
+}
 /**
- * @internal
+ * @public
  */
-export declare function isHTMLSelectElement(element: unknown): element is HTMLSelectElement
-
+type FlexProps<E extends ElementType = 'div'> = Props<FlexOwnProps, E>;
 /**
- * @internal
+ * The `Flex` component is a wrapper component for flexible elements (`Box`, `Card` and `Flex`).
+ *
+ * @public
  */
-export declare function isHTMLTextAreaElement(element: unknown): element is HTMLTextAreaElement
-
+declare const Flex: <E extends ElementType = 'div'>(props: FlexProps<E>) => React.JSX.Element;
 /**
- * @internal
+ * @public
  */
-export declare function _isScrollable(el: Node): boolean
-
+interface GridOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveGridProps {}
 /**
- * Used to define some text as keyboard input.
- *
  * @public
  */
-export declare function KBD<E extends KBDElementType = typeof DEFAULT_KBD_ELEMENT>(
-  props: KBDProps<E>,
-): React.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>
-
+type GridProps<E extends ElementType = 'div'> = Props<GridOwnProps, E>;
 /**
- * Typographic labels.
+ * The `Grid` component is for building 2-dimensional layers (based on CSS grid).
  *
  * @public
  */
-export declare function Label<E extends LabelElementType = typeof DEFAULT_LABEL_ELEMENT>(
-  props: LabelProps<E>,
-): React.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
->
-
+declare const Grid: <E extends ElementType = 'div'>(props: GridProps<E>) => React.JSX.Element;
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-export declare function LabelSkeleton<
-  E extends LabelSkeletonElementType = typeof DEFAULT_LABEL_SKELETON_ELEMENT,
->(props: LabelSkeletonProps<E>): React.JSX.Element
-
-/** @beta */
-export declare type LabelSkeletonElementType = SkeletonElementType
-
-/** @beta */
-export declare type LabelSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontLabelSize>
-}
-
+type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial';
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-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>,
-): React.JSX.Element
-
-/** @public */
-export declare interface LayerContextValue {
-  version: 0.0
-  isTopLayer: boolean
-  level?: number
-  registerChild: (childLevel?: number) => () => void
-  size: number
-  zIndex: number
-}
-
-/** @public */
-export declare type LayerElementType = CardElementType
-
-/** @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>
-}
-
-/** @public */
-export declare type LayerProps<E extends LayerElementType = LayerElementType> = Props<
-  LayerOwnProps,
-  E
->
-
-/** @public */
-export declare function LayerProvider(props: LayerProviderProps): React.JSX.Element
-
-/** @public */
-export declare interface LayerProviderProps {
-  children?: ReactNode
-  zOffset?: ResponsiveProp<number>
+interface HeadingOwnProps {
+  accent?: boolean;
+  align?: TextAlign | TextAlign[];
+  muted?: boolean;
+  size?: number | number[];
+  /**
+   * Controls how overflowing text is treated.
+   * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
+   * @beta
+   */
+  textOverflow?: 'ellipsis';
+  weight?: ThemeFontWeightKey$1;
 }
-
 /**
- * @internal
+ * @public
  */
-export declare interface _MediaStore {
-  subscribe: (onStoreChange: () => void) => () => void
-  getSnapshot: () => Breakpoint
-}
-
+type HeadingProps<E extends ElementType = 'div'> = Props<HeadingOwnProps, E>;
 /**
- * The `Menu` component is a building block for application menus.
+ * Typographic headings.
  *
  * @public
  */
-export declare function Menu<E extends MenuElementType = typeof DEFAULT_MENU_ELEMENT>(
-  props: MenuProps<E>,
-): React.JSX.Element
-
+declare const Heading: <E extends ElementType = 'div'>(props: HeadingProps<E>) => React.JSX.Element;
 /**
- * The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
- *
  * @public
  */
-export declare function MenuButton(props: MenuButtonProps): React.JSX.Element
-
-/** @public */
-export declare 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>
-}
-
-/** @public */
-export declare function MenuDivider<
-  E extends MenuDividerElementType = typeof DEFAULT_MENU_DIVIDER_ELEMENT,
->(props: MenuDividerProps<E>): React.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>): React.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'>
-  text?: ReactNode
-  tone?: ElementTone
-}
-
-/** @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>,
-): React.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
-    text?: ReactNode
-    tone?: ElementTone
-  }
-
-/** @public */
-export declare type MenuItemProps<E extends MenuItemElementType = MenuItemElementType> = Props<
-  MenuItemOwnProps,
-  E
->
-
-/** @public */
-export declare type MenuOwnProps = PaddingStyleProps & {
-  '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
-  'aria-labelledby'?: string
-}
-
-/** @public */
-export declare type MenuProps<E extends MenuElementType = MenuElementType> = Props<MenuOwnProps, E>
-
+interface KBDOwnProps {
+  fontSize?: number | number[];
+  padding?: number | number[];
+  radius?: Radius | Radius[];
+}
 /**
- * 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.
+type KBDProps<E extends ElementType = 'kbd'> = Props<KBDOwnProps, E>;
+/**
+ * Used to define some text as keyboard input.
  *
  * @public
  */
-export declare function Popover<E extends PopoverElementType = typeof DEFAULT_POPOVER_ELEMENT>(
-  props: PopoverProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare type PopoverElementType = 'div' | ComponentType
-
+declare const KBD: <E extends ElementType = 'kbd'>(props: KBDProps<E>) => React.JSX.Element;
 /**
- * @beta
+ * @public
  */
-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
-  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
-  /**
-   * When 'flip' (default), the placement is determined from the initial placement and the
-   * fallback placements in order. Whichever fits in the viewport first.
-   *
-   * When 'autoPlacement', the initial placement and all fallback placements are evaluated
-   * and the placement with the most viewport space available.
-   *
-   * Option is only relevant if either `constrainSize` or `preventOverflow` is `true`
-   */
-  placementStrategy?: 'flip' | 'autoPlacement'
-  /** 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>
-}
-
-/** @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'>
-
-/** @public */
-export declare function Portal(props: PortalProps): ReactPortal | null
-
-/** @public */
-export declare interface PortalContextValue {
-  version: 0.0
-  boundaryElement: HTMLElement | null
-  element: HTMLElement | null
-  elements?: Record<string, HTMLElement | null | undefined>
-}
-
-/** @public */
-export declare interface PortalProps {
-  children: ReactNode
-  /**
-   * @beta This API might change. DO NOT USE IN PRODUCTION.
-   */
-  __unstable_name?: string
-}
-
-/** @public */
-export declare function PortalProvider(props: PortalProviderProps): React.JSX.Element
-
-/** @public */
-export declare interface PortalProviderProps {
-  children: ReactNode
-  element?: HTMLElement | null
+interface LabelOwnProps {
+  accent?: boolean;
+  align?: TextAlign | TextAlign[];
+  muted?: boolean;
+  size?: number | number[];
   /**
+   * Controls how overflowing text is treated.
+   * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
    * @beta
    */
-  __unstable_elements?: Record<string, HTMLElement | null | undefined>
+  textOverflow?: 'ellipsis';
+  weight?: ThemeFontWeightKey$1;
 }
-
-/** @public */
-export declare type Props<P extends EmptyProps, E extends ElementType<P>> = Assign<
-  E extends TagType ? JSX.IntrinsicElements[E] : ComponentProps<E>,
-  P & {
-    as?: E
-  }
->
-
 /**
- * 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>,
-): React.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
->
-
-/**
- * @internal
- */
-export declare function _raf(fn: () => void): () => void
-
-/**
- * @internal
- */
-export declare function _raf2(fn: () => void): () => void
-
+type LabelProps<E extends ElementType = 'div'> = Props<LabelOwnProps, E>;
 /**
- * @internal
+ * Typographic labels.
+ *
+ * @public
  */
-export declare const _ResizeObserver: typeof ResizeObserver
-
+declare const Label: <E extends ElementType = 'div'>(props: LabelProps<E>) => React.JSX.Element;
 /**
- * @internal
+ * @public
  */
-export declare interface ResponsiveWidthStyleProps {
-  $width: (number | 'auto')[]
+interface RadioProps {
+  customValidity?: string;
 }
-
 /**
- * The `Root` component.
+ * The `Radio` component allows the user to select one option from a set.
  *
  * @public
  */
-export declare function Root<E extends RootElementType = typeof DEFAULT_ROOT_ELEMENT>(
-  props: RootProps<E>,
-): React.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): React.JSX.Element
-
-/** @public */
-export declare interface RootProviderProps {
-  boundaryElement?: HTMLElement | null
-  children?: ReactNode
-  portalElement?: HTMLElement | null
-  scheme?: ColorScheme
-  tone?: CardTone
-}
-
+declare function Radio(props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & RadioProps): import("react").JSX.Element;
 /**
- * The `Select` component provides control of options.
- *
  * @public
  */
-export declare function Select<E extends SelectElementType = typeof DEFAULT_SELECT_ELEMENT>(
-  props: SelectProps<E>,
-): React.JSX.Element
-
-/** @internal */
-export declare function Selectable<
-  E extends SelectableElementType = typeof DEFAULT_SELECTABLE_ELEMENT,
->(props: SelectableProps<E>): React.JSX.Element
-
-/** @internal */
-export declare type SelectableElementType = 'button' | 'a' | ComponentType
-
-/** @internal */
-export declare type SelectableOwnProps = BoxOwnProps &
-  SelectableStyleProps & {
-    disabled?: boolean
-    href?: string
-    selected?: boolean
-    tone?: ElementTone
-    type?: 'button'
-  }
-
-/** @internal */
-export declare type SelectableProps<E extends SelectableElementType = SelectableElementType> =
-  Props<SelectableOwnProps, E>
-
-/** @public */
-export declare type SelectElementType = 'select' | ComponentType
-
-/** @public */
-export declare type SelectOwnProps = SelectStyleProps & {
-  customValidity?: string
-  readOnly?: boolean
+interface SelectProps {
+  fontSize?: number | number[];
+  gap?: number | number[];
+  padding?: number | number[];
+  radius?: Radius | Radius[];
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+  customValidity?: string;
 }
-
-/** @public */
-export declare type SelectProps<E extends SelectElementType = SelectElementType> = Props<
-  SelectOwnProps,
-  E
->
-
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * The `Select` component provides control of options.
+ *
+ * @public
  */
-export declare function Skeleton<E extends SkeletonElementType = typeof DEFAULT_SKELETON_ELEMENT>(
-  props: SkeletonProps<E>,
-): React.JSX.Element
-
-/** @beta */
-export declare type SkeletonElementType = 'div' | 'span' | ComponentType
-
+declare function Select(props: SelectProps & Omit<React.HTMLProps<HTMLSelectElement>, 'as'>): import("react").JSX.Element;
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-export declare type SkeletonOwnProps = SkeletonStyleProps & {
-  animated?: boolean
-  delay?: number
+interface SpinnerProps {
+  muted?: boolean;
+  size?: number | 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>,
-): React.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>,
-): React.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
->
-
+declare function Spinner(props: SpinnerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>): import("react").JSX.Element;
+/**
+ * @public
+ */
+interface StackOwnProps extends BoxOwnProps {
+  gap?: number | number[];
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+}
+/**
+ * @public
+ */
+type StackProps<E extends ElementType = 'div'> = Props<StackOwnProps, 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>,
-): React.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'
->
-
-/** @public */
-export declare type StackProps<E extends StackElementType = StackElementType> = Props<
-  StackOwnProps,
-  E
->
-
+declare const Stack: <E extends ElementType = 'div'>(props: StackProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+interface SwitchProps {
+  indeterminate?: boolean;
+}
 /**
  * The `Switch` component allows the user to toggle a setting on and off.
  *
@@ -1895,627 +1041,505 @@ export declare type StackProps<E extends StackElementType = StackElementType> =
  *
  * @public
  */
-export declare function Switch<E extends SwitchElementType = typeof DEFAULT_SWITCH_ELEMENT>(
-  props: SwitchProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare type SwitchElementType = 'input' | ComponentType
-
-/** @public */
-export declare type SwitchOwnProps = {
-  indeterminate?: boolean
-}
-
-/** @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>,
-): React.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>,
-): React.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[]
-}
-
-/** @public */
-export declare type TabListProps<E extends TabListElementType = TabListElementType> = Props<
-  TabListOwnProps,
-  E
->
-
-/** @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'?: ElementTone
-}
-
-/** @public */
-export declare function TabPanel<E extends TabPanelElementType = typeof DEFAULT_TAB_PANEL_ELEMENT>(
-  props: TabPanelProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare type TabPanelElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type TabPanelOwnProps = BoxOwnProps & {
+declare function Switch(props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & SwitchProps): import("react").JSX.Element;
+/**
+ * @public
+ */
+interface TextOwnProps {
+  accent?: boolean;
+  align?: TextAlign | TextAlign[];
+  /** When `true` the text color will be muted. */
+  muted?: boolean;
+  size?: number | number[];
   /**
-   * The `id` of the correlating `Tab` component.
+   * Controls how overflowing text is treated.
+   * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
+   * @beta
    */
-  'aria-labelledby': string
-  'id': string
+  textOverflow?: 'ellipsis';
+  weight?: ThemeFontWeightKey$1;
 }
-
-/** @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
-
+/**
+ * @public
+ */
+type TextProps<E extends ElementType = 'div'> = Props<TextOwnProps, E>;
 /**
  * The `Text` component is an agile, themed typographic element.
  *
  * @public
  */
-declare function Text_2<E extends TextElementType = typeof DEFAULT_TEXT_ELEMENT>(
-  props: TextProps<E>,
-): React.JSX.Element
-export {Text_2 as Text}
-
+declare const Text: <E extends ElementType = 'div'>(props: TextProps<E>) => React.JSX.Element;
 /**
- * A multiline text input.
- *
  * @public
  */
-export declare function TextArea<E extends TextAreaElementType = typeof DEFAULT_TEXT_AREA_ELEMENT>(
-  props: TextAreaProps<E>,
-): React.JSX.Element
-
-/** @public */
-export declare type TextAreaElementType = 'textarea' | ComponentType
-
-/** @public */
-export declare type TextAreaOwnProps = TextAreaStyleProps & {
+interface TextAreaProps extends ResponsiveRadiusProps {
   /**
    * @beta
    */
-  __unstable_disableFocusRing?: boolean
-  customValidity?: string
+  __unstable_disableFocusRing?: boolean;
+  border?: boolean;
+  customValidity?: string;
+  fontSize?: number | number[];
+  padding?: number | number[];
+  weight?: ThemeFontWeightKey$1;
 }
-
-/** @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'
-  | 'summary'
-  | 'time'
-  | ComponentType
-
 /**
- * Single line text input.
+ * A multiline text input.
  *
  * @public
  */
-export declare function TextInput<
-  E extends TextInputElementType = typeof DEFAULT_TEXT_INPUT_ELEMENT,
->(props: TextInputProps<E>): React.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 & {
+declare function TextArea(props: TextAreaProps & Omit<React.HTMLProps<HTMLTextAreaElement>, 'as'>): import("react").JSX.Element;
+/**
+ * @public
+ */
+type TextInputClearButtonProps = ButtonOwnProps & Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>;
+/**
+ * @public
+ */
+type TextInputType = 'search' | 'date' | 'datetime-local' | 'email' | 'url' | 'month' | 'number' | 'password' | 'tel' | 'time' | 'text' | 'week' | 'color';
+/**
+ * @public
+ */
+interface TextInputProps {
   /**
    * @beta
    */
-  __unstable_disableFocusRing?: boolean
+  __unstable_disableFocusRing?: boolean;
+  border?: boolean;
   /**
    * @beta
    */
-  clearButton?: boolean | TextInputClearButtonProps
-  customValidity?: string
-  icon?: ElementType_2 | ReactNode
-  iconRight?: ElementType_2 | ReactNode
+  clearButton?: boolean | TextInputClearButtonProps;
+  customValidity?: string;
+  fontSize?: number | number[];
+  icon?: React.ElementType | React.ReactNode;
+  iconRight?: React.ElementType | React.ReactNode;
   /**
    * @beta
    */
-  onClear?: () => void
-  prefix?: ReactNode
-  suffix?: ReactNode
-  weight?: FontWeight
+  onClear?: () => void;
+  padding?: number | number[];
+  prefix?: React.ReactNode;
+  radius?: Radius | Radius[];
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+  gap?: number | number[];
+  suffix?: React.ReactNode;
+  type?: TextInputType;
+  weight?: ThemeFontWeightKey$1;
 }
-
-/** @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
+ * Single line text input.
+ *
+ * @public
  */
-export declare function TextSkeleton<
-  E extends TextSkeletonElementType = typeof DEFAULT_TEXT_SKELETON_ELEMENT,
->(props: TextSkeletonProps<E>): React.JSX.Element
-
-/** @beta */
-export declare type TextSkeletonElementType = SkeletonElementType
-
-/** @beta */
-export declare type TextSkeletonOwnProps = SkeletonOwnProps & {
-  size?: ResponsiveProp<FontTextSize>
+declare function TextInput(props: TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'prefix' | 'type'>): import("react").JSX.Element;
+/**
+ * @internal
+ */
+interface ThemeProps {
+  theme: Theme$1;
 }
-
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @internal
  */
-export declare type TextSkeletonProps<E extends TextSkeletonElementType = TextSkeletonElementType> =
-  Props<TextSkeletonOwnProps, E>
-
+interface ResponsiveFontSizeStyleProps {
+  $size: number[];
+}
 /**
- * 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>,
-): React.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
+interface FontWeightStyleProps {
+  $weight?: ThemeFontWeightKey$1;
 }
-
-/** @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>
+/**
+ * @internal
+ */
+interface ResponsiveTextAlignStyleProps {
+  $align: TextAlign[];
 }
-
 /**
- * Tooltips display information when hovering, focusing or tapping.
- *
+ * @internal
+ */
+interface ResponsiveFontStyleProps extends FontWeightStyleProps, ResponsiveFontSizeStyleProps, ResponsiveTextAlignStyleProps {
+  $accent?: boolean;
+  $muted?: boolean;
+}
+/**
+ * Get responsive CSS for the `code` font style.
+ * @internal
+ */
+declare function responsiveCodeFontStyle(props: FontWeightStyleProps & ResponsiveFontSizeStyleProps & ThemeProps): CSSObject[];
+/**
+ * Get responsive CSS for the `heading` font style.
+ * @internal
+ */
+declare function responsiveHeadingFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[];
+/**
+ * Get responsive CSS for the `label` font style.
+ * @internal
+ */
+declare function responsiveLabelFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[];
+/**
+ * Get responsive text align styles.
+ * @internal
+ */
+declare function responsiveTextAlignStyle(props: ResponsiveTextAlignStyleProps & ThemeProps): CSSObject[];
+/**
+ * Get responsive CSS for the `text` font style.
+ * @internal
+ */
+declare function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[];
+/**
+ * @internal
+ */
+declare function _fillCSSObject(keys: string[], value: string | number | CSSObject): CSSObject;
+/**
  * @public
  */
-export declare function Tooltip<E extends TooltipElementType = typeof DEFAULT_TOOLTIP_ELEMENT>(
-  props: TooltipProps<E>,
-): React.JSX.Element
-
+declare function rem(pixelValue: number): string | 0;
 /**
- * @beta
+ * @internal
  */
-export declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextValue | null>
-
+declare function _responsive<T>(media: number[], values: T[], callback: (value: T, index: number, array: T[]) => CSSObject): CSSObject[];
 /**
- * @beta
+ * @internal
+ */
+declare function _getArrayProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[];
+/**
+ * @internal
+ */
+declare function _getResponsiveSpace(theme: Theme$1, props: string[], spaceIndexes?: number[]): CSSObject[] | null;
+/**
+ * @public
  */
-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
+interface ThemeColorProviderProps {
+  children?: React.ReactNode;
+  scheme?: ThemeColorSchemeKey$1;
+  tone?: ThemeColorCardToneKey;
 }
-
 /**
  * @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,
-): React.JSX.Element
-
+declare function ThemeColorProvider(props: ThemeColorProviderProps): React.JSX.Element;
 /**
  * @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
+ */
+interface ThemeProviderProps {
+  children?: React.ReactNode;
+  scheme?: ThemeColorSchemeKey$1;
+  theme?: RootTheme$1;
+  tone?: ThemeColorCardToneKey;
 }
-
-/** @public */
-export declare type TooltipElementType = 'div' | 'span' | ComponentType
-
-/** @public */
-export declare type TooltipOwnProps = LayerOwnProps &
-  RadiusStyleProps &
-  ShadowStyleProps & {
-    /**
-     * 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?: ColorScheme
-    tone?: CardTone
-  }
-
-/** @public */
-export declare type TooltipProps<E extends TooltipElementType = TooltipElementType> = Props<
-  TooltipOwnProps,
-  E
->
-
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-export declare function Tree<E extends TreeElementType = typeof DEFAULT_TREE_ELEMENT>(
-  props: TreeProps<E>,
-): React.JSX.Element
-
+declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element;
 /**
- * @beta
+ * @public
  */
-export declare interface TreeContextValue {
-  version: 0.0
-  focusedElement: HTMLElement | null
-  gap: ResponsiveProp<Space>
-  level: number
-  path: string[]
-  registerItem: (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => void
-  setExpanded: (path: string, expanded: boolean) => void
-  setFocusedElement: (focusedElement: HTMLElement | null) => void
-  state: TreeState
-}
-
-/** @beta */
-export declare type TreeElementType = 'div' | ComponentType
-
+interface ThemeContextValue {
+  /** @deprecated No longer used */
+  version: 0.0;
+  scheme: ThemeColorSchemeKey$1;
+  theme: RootTheme$1;
+  tone: ThemeColorCardToneKey;
+}
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-export declare function TreeItem<E extends TreeItemElementType = typeof DEFAULT_TREE_ITEM_ELEMENT>(
-  props: TreeItemProps<E>,
-): React.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?: FontWeight
-}
-
-/** @beta */
-export declare type TreeItemProps<E extends TreeItemElementType = TreeItemElementType> = Props<
-  TreeItemOwnProps,
-  E
->
-
+declare function useRootTheme(): ThemeContextValue;
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
+ */
+declare function useTheme(): Theme$1;
+/**
+ * @public
+ */
+declare function useTheme_v2(): Theme_v2;
+/** @internal */
+declare function Arrow(props: {
+  width: number;
+  height: number;
+  radius?: number;
+} & Omit<HTMLProps<HTMLDivElement>, 'width' | 'height'>): React.JSX.Element;
+/**
+ * @public
  */
-export declare type TreeOwnProps = {
-  gap?: ResponsiveProp<Space>
+interface BoundaryElementProviderProps {
+  children: React.ReactNode;
+  element: HTMLElement | null;
 }
-
-/** @beta */
-export declare type TreeProps<E extends TreeElementType = TreeElementType> = Props<TreeOwnProps, E>
-
 /**
+ * @public
+ */
+declare function BoundaryElementProvider(props: BoundaryElementProviderProps): React.JSX.Element;
+/**
+ * @public
+ */
+interface BoundaryElementContextValue {
+  version: 0.0;
+  element: HTMLElement | null;
+}
+/**
+ * @public
+ */
+declare function useBoundaryElement(): BoundaryElementContextValue;
+/**
+ * @internal
+ * @deprecated ConditionalWrapper was removed in @sanity/ui v4. Inline the conditional wrapping logic instead.
+ */
+declare function ConditionalWrapper(_props?: never): never;
+/**
+ * DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare interface TreeState {
-  [key: string]:
-    | {
-        element: HTMLElement
-        expanded: boolean
-      }
-    | undefined
+interface MediaQueryProps {
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  media?: number[];
 }
-
-/** @public */
-export declare function useBoundaryElement(): BoundaryElementContextValue
-
-/** @public */
-export declare function useCard(): CardContextValue
-
-/** @public */
-export declare function useClickOutsideEvent(
-  listener: ClickOutsideEventListener | false | undefined,
-  elementsArg?: () => ClickOutsideEventElements,
-  boundaryElement?: () => HTMLElement | null,
-): void
-
 /**
+ * DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function useCustomValidity(
-  ref: {
-    current: null | {
-      setCustomValidity: (validity: string) => void
-    }
-  },
-  customValidity: string | undefined,
-): void
-
+declare function ElementQuery(props: MediaQueryProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'media'>): import("react").JSX.Element;
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
+ * DO NOT USE IN PRODUCTION
  * @beta
  */
-export declare function useDialog(): DialogContextValue
-
+type ErrorBoundaryProps = PropsWithChildren<{
+  onCatch: (params: {
+    error: Error;
+    info: React.ErrorInfo;
+  }) => void;
+}>;
 /**
- * Subscribe to the size of a DOM element.
+ * DO NOT USE IN PRODUCTION
  * @beta
  */
-export declare function useElementSize(element: HTMLElement | null): ElementSize | null
-
+interface ErrorBoundaryState {
+  error: Error | null;
+}
 /**
+ * DO NOT USE IN PRODUCTION
  * @beta
  */
-export declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void
-
-/** @public */
-export declare function useLayer(): LayerContextValue
-
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  state: ErrorBoundaryState;
+  static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+  componentDidCatch(error: Error, info: React.ErrorInfo): void;
+  render(): React.ReactNode;
+}
 /**
- * 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
-
+interface LayerProviderProps {
+  children?: React.ReactNode;
+  zOffset?: number | number[];
+}
 /**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
+ * @public
  */
-export declare function useMediaIndex(): Breakpoint
-
+declare function LayerProvider(props: LayerProviderProps): React.JSX.Element;
 /** @public */
-export declare function usePortal(): PortalContextValue
-
+interface LayerContextValue {
+  version: 0.0;
+  isTopLayer: boolean;
+  level?: number;
+  registerChild: (childLevel?: number) => () => void;
+  size: number;
+  zIndex: number;
+}
 /**
- * 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
-
+declare function useLayer(): LayerContextValue;
+/**
+ * @public
+ */
+interface PortalProps {
+  children: React.ReactNode;
+  /**
+   * @beta This API might change. DO NOT USE IN PRODUCTION.
+   */
+  __unstable_name?: string;
+}
 /**
- * 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
-
+declare function Portal(props: PortalProps): React.ReactPortal | null;
+/**
+ * @public
+ */
+interface PortalProviderProps {
+  /**
+   * @deprecated Use `<BoundaryElementProvider element={...} />` instead
+   */
+  boundaryElement?: HTMLElement | null;
+  children: React.ReactNode;
+  element?: HTMLElement | null;
+  /**
+   * @beta
+   */
+  __unstable_elements?: Record<string, HTMLElement | null | undefined>;
+}
+/**
+ * @public
+ */
+declare function PortalProvider(props: PortalProviderProps): React.JSX.Element;
+/**
+ * @public
+ */
+interface PortalContextValue {
+  version: 0.0;
+  boundaryElement: HTMLElement | null;
+  element: HTMLElement | null;
+  elements?: Record<string, HTMLElement | null | undefined>;
+}
+/**
+ * @public
+ */
+declare function usePortal(): PortalContextValue;
+/**
+ * @public
+ */
+interface SrOnlyProps {
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  children?: React.ReactNode;
+}
+/**
+ * @public
+ */
+declare function SrOnly(props: SrOnlyProps & Omit<React.HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>): import("react").JSX.Element;
 /**
- * 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 useToast(): ToastContextValue
-
+interface VirtualListChangeOpts {
+  fromIndex: number;
+  gap: number;
+  itemHeight: number;
+  scrollHeight: number;
+  scrollTop: number;
+  toIndex: number;
+}
 /**
  * @beta
  */
-export declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue | null
-
+interface VirtualListProps<Item = any> {
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  gap?: number;
+  getItemKey?: (item: Item, itemIndex: number) => string;
+  items?: Item[];
+  onChange?: (opts: VirtualListChangeOpts) => void;
+  renderItem?: (item: Item) => React.ReactNode;
+}
 /**
  * @beta
  */
-export declare function useTree(): TreeContextValue
-
-/** @beta */
-export declare function VirtualList<
-  E extends VirtualListElementType = typeof DEFAULT_VIRTUAL_LIST_ELEMENT,
->(props: VirtualListProps<E>): React.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
-}
-
-/** @beta */
-export declare type VirtualListProps<E extends VirtualListElementType = VirtualListElementType> =
-  Props<VirtualListOwnProps, E>
-
-export {}
+declare function VirtualList(props: VirtualListProps & StackOwnProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'onChange'>): React.JSX.Element;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+declare const Autocomplete: never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteInputChangeMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteInputFoocusMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteOpenButtonProps = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteProps = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteRootBlurMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteRootClearMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteRootEscapeMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteRootOpenMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteRootSetActiveValueMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteRootSetListFocusedMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteState = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type AutocompleteValueChangeMsg = never;
+/** @deprecated Moved to `@sanity/ui/autocomplete` */
+type BaseAutocompleteOption = never;
+/** @deprecated Moved to `@sanity/ui/breadcrumbs` */
+declare const Breadcrumbs: never;
+/** @deprecated Moved to `@sanity/ui/breadcrumbs` */
+type BreadcrumbsProps = never;
+/** @deprecated Moved to `@sanity/ui/code` */
+declare const Code: never;
+/** @deprecated Moved to `@sanity/ui/code` */
+type CodeOwnProps = never;
+/** @deprecated Moved to `@sanity/ui/code` */
+type CodeProps = never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+declare const Menu: never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+declare const MenuButton: never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+type MenuButtonProps = never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+declare const MenuDivider: never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+type MenuDividerProps = never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+declare const MenuGroup: never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+type MenuGroupOwnProps = never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+type MenuGroupProps = never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+declare const MenuItem: never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+type MenuItemOwnProps = never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+type MenuItemProps = never;
+/** @deprecated Moved to `@sanity/ui/menu` */
+type MenuProps = never;
+/** @deprecated Moved to `@sanity/ui/popover` */
+declare const Popover: never;
+/** @deprecated Moved to `@sanity/ui/popover` */
+type PopoverMargins = never;
+/** @deprecated Moved to `@sanity/ui/popover` */
+type PopoverProps = never;
+/** @deprecated Moved to `@sanity/ui/popover` */
+type PopoverUpdateCallback = never;
+/** @deprecated Moved to `@sanity/ui/popover` */
+type PopoverWidth = never;
+/** @deprecated Moved to `@sanity/ui/toast` */
+declare const Toast: never;
+/** @deprecated Moved to `@sanity/ui/toast` */
+type ToastContextValue = never;
+/** @deprecated Moved to `@sanity/ui/toast` */
+type ToastParams = never;
+/** @deprecated Moved to `@sanity/ui/toast` */
+type ToastProps = never;
+/** @deprecated Moved to `@sanity/ui/toast` */
+declare const ToastProvider: never;
+/** @deprecated Moved to `@sanity/ui/toast` */
+type ToastProviderProps = never;
+/** @deprecated Moved to `@sanity/ui/toast` */
+declare const useToast: never;
+/** @deprecated Moved to `@sanity/ui/tooltip` */
+declare const Tooltip: never;
+/** @deprecated Moved to `@sanity/ui/tooltip` */
+declare const TooltipDelayGroupContext: never;
+/** @deprecated Moved to `@sanity/ui/tooltip` */
+type TooltipDelayGroupContextValue = never;
+/** @deprecated Moved to `@sanity/ui/tooltip` */
+declare const TooltipDelayGroupProvider: never;
+/** @deprecated Moved to `@sanity/ui/tooltip` */
+type TooltipDelayGroupProviderProps = never;
+/** @deprecated Moved to `@sanity/ui/tooltip` */
+type TooltipProps = never;
+/** @deprecated Moved to `@sanity/ui/tooltip` */
+declare const useTooltipDelayGroup: never;
+export { type ArrayPropPrimitive, Arrow, type Assign, Autocomplete, AutocompleteInputChangeMsg, AutocompleteInputFoocusMsg, AutocompleteMsg, AutocompleteOpenButtonProps, AutocompleteProps, AutocompleteRootBlurMsg, AutocompleteRootClearMsg, AutocompleteRootEscapeMsg, AutocompleteRootOpenMsg, AutocompleteRootSetActiveValueMsg, AutocompleteRootSetListFocusedMsg, AutocompleteState, AutocompleteValueChangeMsg, Avatar, AvatarCounter, type AvatarCounterProps, type AvatarOwnProps, type AvatarPosition, type AvatarProps, type AvatarRootStyleProps, type AvatarSize, AvatarStack, type AvatarStackProps, type AvatarStatus, Badge, type BadgeMode, type BadgeOwnProps, type BadgeProps, type BadgeTone, BaseAutocompleteOption, type BaseTheme, type BoundaryElementContextValue, BoundaryElementProvider, type BoundaryElementProviderProps, Box, type BoxDisplay, type BoxHeight, type BoxOverflow, type BoxOwnProps, type BoxProps, type BoxShadow, type BoxSizing, Breadcrumbs, BreadcrumbsProps, Button, type ButtonMode, type ButtonOwnProps, type ButtonProps, type ButtonTextAlign, type ButtonTone, type ButtonWidth, Card, type CardOwnProps, type CardProps, type CardStyleProps, type CardTone, Checkbox, type CheckboxProps, type ClickOutsideElements, type ClickOutsideEventElements, type ClickOutsideEventListener, type ClickOutsideListener, Code, CodeOwnProps, CodeProps, CodeSkeleton, type CodeSkeletonProps, type ComponentType, ConditionalWrapper, Container, type ContainerOwnProps, type ContainerProps, type Delay, Dialog, DialogContext, type DialogContextValue, type DialogPosition, type DialogProps, DialogProvider, type DialogProviderProps, ElementQuery, type ElementRectValue, type ElementSize, type ElementType, type EmptyProps, ErrorBoundary, type ErrorBoundaryProps, type ErrorBoundaryState, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexOwnProps, type FlexProps, type FlexValue, type FlexWrap, type FontWeightStyleProps, Grid, type GridAutoCols, type GridAutoFlow, type GridAutoRows, type GridItemColumn, type GridItemColumnEnd, type GridItemColumnStart, type GridItemRow, type GridItemRowEnd, type GridItemRowStart, type GridOwnProps, type GridProps, type HSL, Heading, type HeadingOwnProps, type HeadingProps, HeadingSkeleton, type HeadingSkeletonProps, Hotkeys, type HotkeysProps, Inline, type InlineOwnProps, type InlineProps, KBD, type KBDOwnProps, type KBDProps, Label, type LabelOwnProps, type LabelProps, LabelSkeleton, type LabelSkeletonProps, Layer, type LayerContextValue, type LayerProps, LayerProvider, type LayerProviderProps, type MediaQueryProps, Menu, MenuButton, MenuButtonProps, MenuDivider, MenuDividerProps, MenuGroup, MenuGroupOwnProps, MenuGroupProps, MenuItem, MenuItemOwnProps, MenuItemProps, MenuProps, type PartialThemeColorBuilderOpts, type Placement, Popover, PopoverMargins, PopoverProps, PopoverUpdateCallback, PopoverWidth, Portal, type PortalContextValue, type PortalProps, PortalProvider, type PortalProviderProps, type Props, type RGB, Radio, type RadioProps, type Radius, type ResponsiveAvatarSizeStyleProps, type ResponsiveBorderProps, type ResponsiveBoxProps, type ResponsiveFlexItemProps, type ResponsiveFlexProps, type ResponsiveFontSizeStyleProps, type ResponsiveFontStyleProps, type ResponsiveGridItemProps, type ResponsiveGridProps, type ResponsiveMarginProps, type ResponsivePaddingProps, type ResponsiveRadiusProps, type ResponsiveShadowProps, type ResponsiveTextAlignStyleProps, type ResponsiveWidthProps, type ResponsiveWidthStyleProps, type RootTheme, Select, type SelectProps, type SelectableTone, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, SrOnly, type SrOnlyProps, Stack, type StackOwnProps, type StackProps, type Styles, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, type TagType, Text, type TextAlign, TextArea, type TextAreaProps, TextInput, type TextInputClearButtonProps, type TextInputProps, type TextInputType, type TextOwnProps, type TextProps, TextSkeleton, type TextSkeletonProps, type Theme, type ThemeAvatar, type ThemeColor, type ThemeColorBase, type ThemeColorBuilderOpts, type ThemeColorButton, type ThemeColorButtonModeKey, type ThemeColorButtonState, type ThemeColorButtonStates, type ThemeColorButtonTones, type ThemeColorCard, type ThemeColorCardState, type ThemeColorGenericState, type ThemeColorInput, type ThemeColorInputState, type ThemeColorInputStates, type ThemeColorMuted, type ThemeColorMutedTone, type ThemeColorName, ThemeColorProvider, type ThemeColorProviderProps, type ThemeColorScheme, type ThemeColorSchemeKey, type ThemeColorSchemes, type ThemeColorSelectable, type ThemeColorSelectableState, type ThemeColorSelectableStates, type ThemeColorSolid, type ThemeColorSolidTone, type ThemeColorSpot, type ThemeColorSpotKey, type ThemeColorSyntax, type ThemeColorToneKey, type ThemeContextValue, type ThemeFont, type ThemeFontKey, type ThemeFontSize, type ThemeFontWeight, type ThemeFontWeightKey, type ThemeFonts, type ThemeInput, type ThemeLayer, type ThemeProps, ThemeProvider, type ThemeProviderProps, type ThemeShadow, Toast, ToastContextValue, ToastParams, ToastProps, ToastProvider, ToastProviderProps, Tooltip, TooltipDelayGroupContext, TooltipDelayGroupContextValue, TooltipDelayGroupProvider, TooltipDelayGroupProviderProps, TooltipProps, Tree, type TreeContextValue, TreeItem, type TreeItemProps, type TreeProps, type TreeState, VirtualList, type VirtualListChangeOpts, type VirtualListProps, type _ElementSizeListener, type _ElementSizeObserver, type _ElementSizeSubscriber, type _MediaStore, _elementSizeObserver, _fillCSSObject, _getArrayProp, _getResponsiveSpace, _hasFocus, _isEnterToClickElement, _isScrollable, _raf, _raf2, _responsive, attemptFocus, containsOrEqualsElement, createColorTheme, focusFirstDescendant, focusLastDescendant, hexToRgb, hslToRgb, isFocusable, isHTMLAnchorElement, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isHTMLSelectElement, isHTMLTextAreaElement, multiply, parseColor, rem, responsiveCodeFontStyle, responsiveHeadingFont, responsiveLabelFont, responsiveTextAlignStyle, responsiveTextFont, rgbToHex, rgbToHsl, rgba, screen, studioTheme, useArrayProp, useBoundaryElement, useClickOutside, useClickOutsideEvent, useCustomValidity, useDialog, useElementRect, useElementSize, useForwardedRef, useGlobalKeyDown, useLayer, useMatchMedia, useMediaIndex, usePortal, usePrefersDark, usePrefersReducedMotion, useRootTheme, useTheme, useTheme_v2, useToast, useTooltipDelayGroup, useTree };
+//# sourceMappingURL=index.d.ts.map