@sanity/ui 4.0.0-next.3 → 4.0.0-next.5

package/dist/index.d.ts

@@ -1,5 +1,12 @@
-import { A as ThemeColorMutedTone, At as ThemeColorSchemeKey$1, B as ThemeColorBase, C as ThemeColorSpotKey, Ct as ThemeColorSyntax$1, D as ThemeColorSelectableState, Dt as ThemeColorCardToneKey, E as ThemeColorSelectable, Et as ThemeColorButtonModeKey$1, F as ThemeColorCardState, H as ThemeColorToneKey, Ht as HSL$1, I as ThemeColorButton, L as ThemeColorButtonState, M as ThemeColorInputState, Mt as ThemeColorStateToneKey, N as ThemeColorInputStates, O as ThemeColorSelectableStates, P as ThemeColorCard, R as ThemeColorButtonStates, S as ThemeColorSpot, St as ThemeFonts$1, T as ThemeColorSolidTone, U as ThemeColorGenericState, Ut as RGB$1, V as ThemeColorName, W as ThemeAvatar, _ as Theme_v2, _t as ThemeFont$1, a as rgbToHex$1, b as ThemeColorScheme, bt as ThemeFontWeight$1, 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 ThemeFontKey$1, w as ThemeColorSolid, wt as ThemeColorAvatarColorKey, x as ThemeColorSchemes, xt as ThemeFontWeightKey$1, y as ThemeColor, yt as ThemeFontSize$1, z as ThemeColorButtonTones } from "./rgba-LmTDhX0u.js";
-import { Component, ElementType as ElementType$1, HTMLProps, PropsWithChildren, ReactNode, Ref } from "react";
+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-BQfdK7rt.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-BzoZs3Sl.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";
 /**
  * @public
  * @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
@@ -140,585 +147,6 @@ declare const screen: typeof screen$1;
  * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
  */
 declare const studioTheme: BaseTheme$1;
-/**
- * Assign properties from `U` to `T`, excluding properties that already exist in `T`.
- *
- * @public
- */
-type Assign<T extends object, U extends object> = Omit<T, keyof U> & U;
-/** @public */
-type EmptyProps = object;
-/** @public */
-type TagType = keyof React.JSX.IntrinsicElements;
-/** @public */
-type ComponentType<P = any> = React.FunctionComponent<P> | React.ComponentClass<P> | React.ExoticComponent<P>;
-/** @public */
-type ElementType<P = any> = TagType | ComponentType<P>;
-/**
- * Resolves the props of a polymorphic component: the props of the element/component passed to `as`
- * (defaulting to the component's own element), with the component's own props assigned on top.
- *
- * @public
- */
-type Props<P extends EmptyProps, E extends ElementType<P>> = Assign<E extends TagType ? React.JSX.IntrinsicElements[E] : React.ComponentProps<E>, P & {
-  as?: E;
-}>;
-/**
- * @public
- */
-type BoxSizing = 'content' | 'border';
-/**
- * @public
- */
-type BoxDisplay = 'none' | 'block' | 'grid' | 'flex' | 'inline-block';
-/**
- * @public
- */
-type BoxHeight = 'stretch' | 'fill';
-/**
- * @public
- */
-type BoxOverflow = 'visible' | 'hidden' | 'auto';
-/**
- * @public
- */
-type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-/**
- * @public
- */
-type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-/**
- * @public
- */
-type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-/**
- * @public
- */
-type FlexValue = number | 'none' | 'auto' | 'initial';
-/**
- * @public
- */
-type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap';
-/**
- * @public
- */
-type GridAutoRows = 'auto' | 'min' | 'max' | 'fr';
-/**
- * @public
- */
-type GridAutoCols = 'auto' | 'min' | 'max' | 'fr';
-/**
- * @public
- */
-type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense';
-/**
- * @public
- */
-type GridItemColumn = 'auto' | 'full' | number;
-/**
- * @public
- */
-type GridItemColumnStart = 'auto' | number;
-/**
- * @public
- */
-type GridItemColumnEnd = 'auto' | number;
-/**
- * @public
- */
-type GridItemRow = 'auto' | 'full' | number;
-/**
- * @public
- */
-type GridItemRowStart = 'auto' | number;
-/**
- * @public
- */
-type GridItemRowEnd = 'auto' | number;
-/**
- * @public
- */
-type Radius = number | 'full';
-/**
- * @public
- */
-interface ResponsiveBorderProps {
-  border?: boolean | boolean[];
-  borderTop?: boolean | boolean[];
-  borderRight?: boolean | boolean[];
-  borderBottom?: boolean | boolean[];
-  borderLeft?: boolean | boolean[];
-}
-/**
- * @public
- */
-interface ResponsiveBoxProps {
-  display?: BoxDisplay | BoxDisplay[];
-  height?: BoxHeight | BoxHeight[];
-  overflow?: BoxOverflow | BoxOverflow[];
-  sizing?: BoxSizing | BoxSizing[];
-}
-/**
- * @public
- */
-interface ResponsiveFlexProps {
-  align?: FlexAlign | FlexAlign[];
-  direction?: FlexDirection | FlexDirection[];
-  justify?: FlexJustify | FlexJustify[];
-  wrap?: FlexWrap | FlexWrap[];
-}
-/**
- * @public
- */
-interface ResponsiveFlexItemProps {
-  /** Sets the flex CSS attribute. The property is responsive. */
-  flex?: FlexValue | FlexValue[];
-}
-/**
- * @public
- */
-interface ResponsiveGridProps {
-  autoRows?: GridAutoRows | GridAutoRows[];
-  autoCols?: GridAutoCols | GridAutoCols[];
-  autoFlow?: GridAutoFlow | GridAutoFlow[];
-  /**
-   * @deprecated Use `gridTemplateColumns` instead.
-   */
-  columns?: never;
-  gridTemplateColumns?: number | number[];
-  gap?: number | number[];
-  gapX?: number | number[];
-  gapY?: number | number[];
-  /**
-   * @deprecated Use `gridTemplateRows` instead.
-   */
-  rows?: never;
-  gridTemplateRows?: number | number[];
-}
-/**
- * @public
- */
-interface ResponsiveGridItemProps {
-  gridColumn?: GridItemColumn | GridItemColumn[];
-  /**
-   * @deprecated Use `gridColumn` instead.
-   */
-  column?: never;
-  gridColumnStart?: GridItemColumnStart | GridItemColumnStart[];
-  /**
-   * @deprecated Use `gridColumnStart` instead.
-   */
-  columnStart?: never;
-  gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
-  /**
-   * @deprecated Use `gridColumnEnd` instead.
-   */
-  columnEnd?: never;
-  gridRow?: GridItemRow | GridItemRow[];
-  /**
-   * @deprecated Use `gridRow` instead.
-   */
-  row?: never;
-  gridRowStart?: GridItemRowStart | GridItemRowStart[];
-  /**
-   * @deprecated Use `gridRowStart` instead.
-   */
-  rowStart?: never;
-  gridRowEnd?: GridItemRowEnd | GridItemRowEnd[];
-  /**
-   * @deprecated Use `gridRowEnd` instead.
-   */
-  rowEnd?: never;
-}
-/**
- * @public
- */
-interface ResponsiveMarginProps {
-  /** Applies margins to all sides. The property is responsive. */
-  margin?: number | number[];
-  /** Applies margins to the left and right sides. The property is responsive. */
-  marginX?: number | number[];
-  /** Applies margins to the top and bottom sides. The property is responsive. */
-  marginY?: number | number[];
-  marginTop?: number | number[];
-  marginRight?: number | number[];
-  marginBottom?: number | number[];
-  marginLeft?: number | number[];
-}
-/**
- * @public
- */
-interface ResponsivePaddingProps {
-  padding?: number | number[];
-  paddingX?: number | number[];
-  paddingY?: number | number[];
-  paddingTop?: number | number[];
-  paddingRight?: number | number[];
-  paddingBottom?: number | number[];
-  paddingLeft?: number | number[];
-}
-/**
- * @public
- */
-interface ResponsiveRadiusProps {
-  radius?: Radius | Radius[];
-}
-/**
- * @public
- */
-interface ResponsiveShadowProps {
-  shadow?: number | number[];
-}
-/**
- * @public
- */
-interface ResponsiveWidthProps {
-  width?: number | 'auto' | (number | 'auto')[];
-}
-/**
- * @public
- */
-type Delay = number | Partial<{
-  open: number;
-  close: number;
-}>;
-/**
- * The props that `Box` adds on top of the element it renders as.
- *
- * @public
- */
-interface BoxOwnProps extends ResponsiveFlexItemProps, ResponsiveBoxProps, ResponsiveGridItemProps, ResponsiveMarginProps, ResponsivePaddingProps {
-  forwardedAs?: ElementType;
-}
-/**
- * @public
- */
-type BoxProps<E extends ElementType = 'div'> = Props<BoxOwnProps, E>;
-/**
- * The `Box` component is a basic layout wrapper component which provides utility properties
- * for flex, margins and padding.
- *
- * @public
- */
-declare const Box: <E extends ElementType = 'div'>(props: BoxProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-type CardTone = ThemeColorCardToneKey | 'inherit';
-/**
- * Placement of floating UI elements.
- *
- * @public
- */
-type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-/**
- * @beta
- */
-type PopoverMargins = [number, number, number, number];
-/**
- * @public
- */
-interface LayerProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
-  /** 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?: number | number[];
-}
-/**
- * @public
- */
-declare const Layer: import("react").ForwardRefExoticComponent<Omit<LayerProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/** @beta */
-type PopoverUpdateCallback = () => void;
-/** @public */
-type PopoverWidth = number | 'auto';
-/** @public */
-interface PopoverProps extends Omit<LayerProps, 'as'>, ResponsiveRadiusProps, ResponsiveShadowProps {
-  /** @beta */
-  __unstable_margins?: PopoverMargins;
-  /**
-   * Whether the popover should animate in and out.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  animate?: boolean;
-  arrow?: boolean;
-  /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
-  boundaryElement?: never;
-  children?: React.JSX.Element;
-  /**
-     * When `true`, prevent overflow within the current boundary:
-     * - by flipping on its side axis
-     * - by resizing
-    /*
-     * Note that:
-     * - setting `preventOverflow` to `true` also prevents overflow on its side axis
-     * - setting `matchReferenceWidth` to `true` also causes the popover to resize
-     *
-     * @defaultValue false
-     */
-  constrainSize?: boolean;
-  content?: React.ReactNode;
-  disabled?: boolean;
-  fallbackPlacements?: Placement[];
-  floatingBoundary?: HTMLElement | null;
-  /**
-   * When `true`, set the maximum width to match the reference element, and also prevent overflow within
-   * the current boundary by resizing.
-   *
-   * Note that setting `constrainSize` to `true` also causes the popover to resize
-   *
-   * @defaultValue false
-   */
-  matchReferenceWidth?: boolean;
-  /**
-   * When true, blocks all pointer interaction with elements beneath the popover until closed.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  modal?: boolean;
-  open?: boolean;
-  overflow?: BoxOverflow;
-  padding?: number | number[];
-  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;
-  scheme?: ThemeColorSchemeKey$1;
-  tone?: CardTone;
-  /** @beta */
-  updateRef?: Ref<PopoverUpdateCallback | undefined>;
-  width?: PopoverWidth | PopoverWidth[];
-}
-/**
- * The `Popover` component is used to display some content on top of another.
- *
- * @public
- */
-declare const Popover: import("react").ForwardRefExoticComponent<Omit<PopoverProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "content" | "width">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * @public
- */
-type ButtonMode = ThemeColorButtonModeKey$1;
-/**
- * @public
- */
-type ButtonTextAlign = 'left' | 'right' | 'center';
-/**
- * @public
- */
-type ButtonTone = ThemeColorStateToneKey;
-/**
- * @public
- */
-type ButtonWidth = 'fill';
-/**
- * @public
- */
-interface ButtonOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  fontSize?: number | number[];
-  mode?: ButtonMode;
-  icon?: React.ElementType | React.ReactNode;
-  iconRight?: React.ElementType | React.ReactNode;
-  justify?: FlexJustify | FlexJustify[];
-  /**
-   * @beta Do not use in production, as this might change.
-   */
-  loading?: boolean;
-  selected?: boolean;
-  /**
-   * @deprecated Use `gap` instead.
-   */
-  space?: never;
-  gap?: number | number[];
-  muted?: boolean;
-  text?: React.ReactNode;
-  textAlign?: ButtonTextAlign;
-  textWeight?: ThemeFontWeightKey$1;
-  tone?: ButtonTone;
-  type?: 'button' | 'reset' | 'submit';
-  width?: ButtonWidth;
-}
-/**
- * @public
- */
-type ButtonProps<E extends ElementType = 'button'> = Props<ButtonOwnProps, E>;
-/**
- * @public
- */
-declare const Button: <E extends ElementType = 'button'>(props: ButtonProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-type AutocompleteOpenButtonProps = ButtonOwnProps & Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'ref'>;
-/**
- * @public
- */
-interface BaseAutocompleteOption {
-  value: string;
-}
-/**
- * @internal
- */
-interface AutocompleteState {
-  activeValue: string | null;
-  focused: boolean;
-  listFocused: boolean;
-  query: string | null;
-  value: string | null;
-}
-/**
- * @internal
- */
-interface AutocompleteRootBlurMsg {
-  type: 'root/blur';
-}
-/**
- * @internal
- */
-interface AutocompleteRootClearMsg {
-  type: 'root/clear';
-}
-/**
- * @internal
- */
-interface AutocompleteRootEscapeMsg {
-  type: 'root/escape';
-}
-/**
- * @internal
- */
-interface AutocompleteRootOpenMsg {
-  type: 'root/open';
-  query: string | null;
-}
-/**
- * @internal
- */
-interface AutocompleteRootSetActiveValueMsg {
-  type: 'root/setActiveValue';
-  value: string;
-  listFocused?: boolean;
-}
-/**
- * @internal
- */
-interface AutocompleteRootSetListFocusedMsg {
-  type: 'root/setListFocused';
-  listFocused: boolean;
-}
-/**
- * @internal
- */
-interface AutocompleteInputChangeMsg {
-  type: 'input/change';
-  query: string | null;
-}
-/**
- * @internal
- */
-interface AutocompleteInputFoocusMsg {
-  type: 'input/focus';
-}
-/**
- * @internal
- */
-interface AutocompleteValueChangeMsg {
-  type: 'value/change';
-  value: string | null;
-}
-/**
- * @internal
- */
-type AutocompleteMsg = AutocompleteRootBlurMsg | AutocompleteRootClearMsg | AutocompleteRootEscapeMsg | AutocompleteRootOpenMsg | AutocompleteRootSetActiveValueMsg | AutocompleteRootSetListFocusedMsg | AutocompleteInputChangeMsg | AutocompleteInputFoocusMsg | AutocompleteValueChangeMsg;
-/**
- * @public
- */
-interface AutocompleteProps<Option extends BaseAutocompleteOption = BaseAutocompleteOption> {
-  border?: boolean;
-  customValidity?: string;
-  filterOption?: (query: string, option: Option) => boolean;
-  fontSize?: number | number[];
-  icon?: ElementType$1 | ReactNode;
-  id: string;
-  /** @beta */
-  listBox?: BoxProps;
-  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?: Option[];
-  padding?: number | number[];
-  popover?: Omit<PopoverProps, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'> & Omit<HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'ref' | 'width'>;
-  prefix?: ReactNode;
-  radius?: Radius | Radius[];
-  /** @beta */
-  relatedElements?: HTMLElement[];
-  /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => React.JSX.Element;
-  /** @beta */
-  renderPopover?: (props: {
-    content: React.JSX.Element | null;
-    hidden: boolean;
-    inputElement: HTMLInputElement | null;
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-  }, ref: Ref<HTMLDivElement>) => ReactNode;
-  renderValue?: (value: string, option?: Option) => string;
-  suffix?: ReactNode;
-  /** The current value. */
-  value?: string;
-}
-/**
- * The Autocomplete component is typically used for search components.
- * It consists of a text input for writing a query, and properties for rendering suggestions.
- *
- * @public
- */
-declare const Autocomplete: <Option extends BaseAutocompleteOption>(props: AutocompleteProps<Option> & Omit<HTMLProps<HTMLInputElement>, 'aria-activedescendant' | 'aria-autocomplete' | 'aria-expanded' | 'aria-owns' | 'as' | 'autoCapitalize' | 'autoComplete' | 'autoCorrect' | 'id' | 'inputMode' | 'onChange' | 'onSelect' | 'popover' | 'prefix' | 'ref' | 'role' | 'spellCheck' | 'type' | 'value'> & {
-  ref?: Ref<HTMLInputElement>;
-}) => React.JSX.Element;
-/**
- * @beta
- */
-interface BreadcrumbsProps {
-  maxLength?: number;
-  separator?: React.ReactNode;
-  gap?: number | number[];
-  /**
-   * @deprecated Use `gap` instead.
-   */
-  space?: never;
-}
-/**
- * @beta
- */
-declare const Breadcrumbs: import("react").ForwardRefExoticComponent<BreadcrumbsProps & Omit<import("react").HTMLProps<HTMLOListElement>, "as" | "ref" | "type"> & import("react").RefAttributes<HTMLOListElement>>;
 /**
  * @public
  */
@@ -762,7 +190,7 @@ interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {
  *
  * @public
  */
-declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DialogProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "id" | "width">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Dialog: (props: DialogProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'id' | 'width'>) => import("react").JSX.Element;
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
@@ -814,150 +242,7 @@ interface HotkeysProps {
  *
  * @public
  */
-declare const Hotkeys: import("react").ForwardRefExoticComponent<HotkeysProps & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "size"> & import("react").RefAttributes<HTMLElement>>;
-/**
- * @public
- */
-interface MenuProps extends ResponsivePaddingProps {
-  /**
-   * @deprecated Use `shouldFocus="first"` instead.
-   */
-  'focusFirst'?: never;
-  /**
-   * @deprecated Use `shouldFocus="last"` instead.
-   */
-  'focusLast'?: never;
-  'onClickOutside'?: (event: MouseEvent) => void;
-  'onEscape'?: () => void;
-  'onItemClick'?: () => void;
-  'onItemSelect'?: (index: number) => void;
-  'originElement'?: HTMLElement | null;
-  'registerElement'?: (el: HTMLElement) => () => void;
-  'shouldFocus'?: 'first' | 'last' | null;
-  'gap'?: number | number[];
-  /**
-   * @deprecated Use `gap` instead.
-   */
-  'space'?: never;
-  'aria-labelledby'?: string;
-  'onBlurCapture'?: (event: FocusEvent) => void;
-}
-/**
- * The `Menu` component is a building block for application menus.
- *
- * @public
- */
-declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "height" | "role" | "tabIndex">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * @public
- */
-interface MenuButtonProps {
-  /**
-   * @beta Do not use in production.
-   */
-  __unstable_disableRestoreFocusOnClose?: boolean;
-  /**
-   * @deprecated Use `popover={{boundaryElement: element}}` instead.
-   */
-  boundaryElement?: never;
-  button: React.JSX.Element;
-  id: string;
-  menu?: React.JSX.Element;
-  onClose?: () => void;
-  onOpen?: () => void;
-  /**
-   * @deprecated Use `popover={{placement: 'top'}}` instead.
-   */
-  placement?: never;
-  popover?: Omit<PopoverProps, 'content' | 'open'>;
-  /**
-   * @deprecated Use `popover={{scheme: 'dark'}}` instead.
-   */
-  popoverScheme?: never;
-  /**
-   * @deprecated Use `popover={{radius: 2}}` instead.
-   */
-  popoverRadius?: never;
-  /**
-   * @beta Do not use in production.
-   * @deprecated Use `popover={{portal: true}}` instead.
-   */
-  portal?: never;
-  /**
-   * @deprecated Use `popover={{preventOverflow: true}}` instead.
-   */
-  preventOverflow?: never;
-}
-/**
- * The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
- *
- * @public
- */
-declare const MenuButton: import("react").ForwardRefExoticComponent<MenuButtonProps & import("react").RefAttributes<HTMLButtonElement | null>>;
-/**
- * @public
- */
-type MenuDividerProps<E extends ElementType = 'hr'> = Props<EmptyProps, E>;
-/**
- * @public
- */
-declare const MenuDivider: <E extends ElementType = 'hr'>(props: MenuDividerProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-type SelectableTone = ThemeColorStateToneKey;
-/**
- * @public
- */
-interface MenuGroupOwnProps {
-  fontSize?: number | number[];
-  icon?: React.ElementType | React.ReactNode;
-  menu?: Omit<MenuProps, 'onClickOutside' | 'onEscape' | 'onItemClick' | 'onKeyDown' | 'onMouseEnter' | 'registerElement' | 'shouldFocus' | 'onBlurCapture'>;
-  padding?: number | number[];
-  popover?: Omit<PopoverProps, 'content' | 'open'>;
-  radius?: Radius | Radius[];
-  gap?: number | number[];
-  /**
-   * @deprecated Use `gap` instead.
-   */
-  space?: never;
-  text: React.ReactNode;
-  tone?: SelectableTone;
-}
-/**
- * @public
- */
-type MenuGroupProps<E extends ElementType = 'button'> = Props<MenuGroupOwnProps, E>;
-/**
- * @public
- */
-declare const MenuGroup: <E extends ElementType = 'button'>(props: MenuGroupProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-interface MenuItemOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  fontSize?: number | number[];
-  hotkeys?: string[];
-  icon?: React.ElementType | React.ReactNode;
-  iconRight?: React.ElementType | React.ReactNode;
-  pressed?: boolean;
-  selected?: boolean;
-  gap?: number | number[];
-  /**
-   * @deprecated Use `gap` instead.
-   */
-  space?: never;
-  text?: React.ReactNode;
-  tone?: SelectableTone;
-}
-/**
- * @public
- */
-type MenuItemProps<E extends ElementType = 'button'> = Props<MenuItemOwnProps, E>;
-/**
- * @public
- */
-declare const MenuItem: <E extends ElementType = 'button'>(props: MenuItemProps<E>) => React.JSX.Element;
+declare const Hotkeys: (props: HotkeysProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>) => import("react").JSX.Element;
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
@@ -970,7 +255,7 @@ interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxOwnProps, 'childr
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<SkeletonProps & Omit<import("react").HTMLProps<HTMLDivElement>, "height">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Skeleton: (props: SkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, 'height'>) => import("react").JSX.Element;
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
@@ -1003,22 +288,22 @@ interface CodeSkeletonProps extends SkeletonProps {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-declare const TextSkeleton: import("react").ForwardRefExoticComponent<Omit<TextSkeletonProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "height" | "size">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const 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 const LabelSkeleton: import("react").ForwardRefExoticComponent<Omit<LabelSkeletonProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "height" | "size">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const 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 const HeadingSkeleton: import("react").ForwardRefExoticComponent<Omit<HeadingSkeletonProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "height" | "size">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const 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 const CodeSkeleton: import("react").ForwardRefExoticComponent<Omit<CodeSkeletonProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "height" | "size">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CodeSkeleton: (props: CodeSkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1039,7 +324,7 @@ interface TabProps {
 /**
  * @public
  */
-declare const Tab: import("react").ForwardRefExoticComponent<Omit<TabProps & Omit<import("react").HTMLProps<HTMLButtonElement>, "aria-controls" | "as" | "id" | "label" | "type" | "width">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Tab: (props: TabProps & Omit<React.HTMLProps<HTMLButtonElement>, 'aria-controls' | 'as' | 'id' | 'label' | 'type' | 'width'>) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1070,7 +355,7 @@ interface TabListProps extends Omit<InlineOwnProps, 'height'> {
 /**
  * @public
  */
-declare const TabList: import("react").ForwardRefExoticComponent<Omit<TabListProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "height">, "ref"> & import("react").RefAttributes<unknown>>;
+declare const TabList: (props: TabListProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height'>) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1084,78 +369,7 @@ interface TabPanelProps extends BoxOwnProps {
 /**
  * @public
  */
-declare const TabPanel: import("react").ForwardRefExoticComponent<Omit<TabPanelProps & Omit<import("react").HTMLProps<HTMLDivElement>, "aria-labelledby" | "as" | "id" | "role">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * @public
- */
-interface ToastProps {
-  closable?: boolean;
-  description?: React.ReactNode;
-  onClose: () => void;
-  radius?: number | number[];
-  title?: React.ReactNode;
-  status?: 'error' | 'warning' | 'success' | 'info';
-  duration?: number;
-  updatedAt?: 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 after a certain timeout.
- *
- * @public
- */
-declare function Toast(props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title' | 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'>): React.JSX.Element;
-/**
- * @public
- */
-interface ToastLayerProps {
-  children: React.ReactNode;
-  padding?: number | number[];
-  paddingX?: number | number[];
-  paddingY?: number | number[];
-  gap?: number | number[];
-}
-/**
- * @public
- */
-interface ToastProviderProps extends Omit<ToastLayerProps, 'children'> {
-  children?: React.ReactNode;
-  zOffset?: number | number[];
-}
-/**
- * @public
- */
-declare function ToastProvider(props: ToastProviderProps): React.JSX.Element;
-/**
- * @public
- */
-interface ToastParams {
-  closable?: boolean;
-  description?: React.ReactNode;
-  duration?: number;
-  id?: string;
-  onClose?: () => void;
-  title?: React.ReactNode;
-  status?: 'error' | 'warning' | 'success' | 'info';
-}
-/**
- * @public
- */
-interface ToastContextValue {
-  version: 0.0;
-  /**
-   * Creates or updates a toast notification.
-   * If a toast with the same ID already exists, it will be updated.
-   * If an ID is not provided, a random one will be generated.
-   * The returned ID can be used to programatically update a toast.
-   */
-  push: (params: ToastParams) => string;
-}
-/**
- * @public
- */
-declare function useToast(): ToastContextValue;
+declare const 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
@@ -1171,7 +385,7 @@ interface TreeProps {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-declare const Tree: import("react").ForwardRefExoticComponent<TreeProps & Omit<import("react").HTMLProps<HTMLUListElement>, "align" | "as" | "height" | "ref" | "role" | "wrap"> & import("react").RefAttributes<HTMLUListElement>>;
+declare const Tree: (props: TreeProps & Omit<React.HTMLProps<HTMLUListElement>, 'align' | 'as' | 'height' | 'role' | 'wrap'>) => React.JSX.Element;
 /**
  * @beta
  */
@@ -1460,10 +674,6 @@ declare function usePrefersDark(getServerSnapshot?: () => boolean): boolean;
  * @public
  */
 declare function usePrefersReducedMotion(getServerSnapshot?: () => boolean): boolean;
-/**
- * @internal
- */
-declare const _ResizeObserver: typeof ResizeObserver;
 /**
  * @public
  */
@@ -1518,7 +728,9 @@ interface AvatarCounterProps {
 /**
  * @public
  */
-declare const AvatarCounter: import("react").ForwardRefExoticComponent<AvatarCounterProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const AvatarCounter: (props: AvatarCounterProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1532,7 +744,7 @@ interface AvatarStackProps {
 /**
  * @public
  */
-declare const AvatarStack: import("react").ForwardRefExoticComponent<AvatarStackProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AvatarStack: (props: AvatarStackProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>) => import("react").JSX.Element;
 /**
  * @internal
  */
@@ -1626,24 +838,7 @@ interface CheckboxProps {
  *
  * @public
  */
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").HTMLProps<HTMLInputElement>, "as" | "type"> & CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-/**
- * @public
- */
-interface CodeOwnProps {
-  /** Define the language to use for syntax highlighting. */
-  language?: string;
-  size?: number | number[];
-  weight?: string;
-}
-/**
- * @public
- */
-type CodeProps<E extends ElementType = 'pre'> = Props<CodeOwnProps, E>;
-/**
- * @public
- */
-declare const Code: <E extends ElementType = 'pre'>(props: CodeProps<E>) => React.JSX.Element;
+declare const Checkbox: (props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & CheckboxProps) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1779,7 +974,7 @@ interface RadioProps {
  *
  * @public
  */
-declare const Radio: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").HTMLProps<HTMLInputElement>, "as" | "type"> & RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const Radio: (props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & RadioProps) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1799,7 +994,7 @@ interface SelectProps {
  *
  * @public
  */
-declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps & Omit<import("react").HTMLProps<HTMLSelectElement>, "as">, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+declare const Select: (props: SelectProps & Omit<React.HTMLProps<HTMLSelectElement>, 'as'>) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1812,7 +1007,7 @@ interface SpinnerProps {
  *
  * @public
  */
-declare const Spinner: import("react").ForwardRefExoticComponent<Omit<SpinnerProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "size">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Spinner: (props: SpinnerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1846,7 +1041,7 @@ interface SwitchProps {
  *
  * @public
  */
-declare const Switch: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").HTMLProps<HTMLInputElement>, "as" | "type"> & SwitchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const Switch: (props: Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'type'> & SwitchProps) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1893,7 +1088,7 @@ interface TextAreaProps extends ResponsiveRadiusProps {
  *
  * @public
  */
-declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps & Omit<import("react").HTMLProps<HTMLTextAreaElement>, "as">, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: (props: TextAreaProps & Omit<React.HTMLProps<HTMLTextAreaElement>, 'as'>) => import("react").JSX.Element;
 /**
  * @public
  */
@@ -1940,91 +1135,7 @@ interface TextInputProps {
  *
  * @public
  */
-declare const TextInput: import("react").ForwardRefExoticComponent<Omit<TextInputProps & Omit<import("react").HTMLProps<HTMLInputElement>, "as" | "prefix" | "type">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-/**
- * @public
- */
-interface TooltipProps extends Omit<LayerProps, 'as'> {
-  /** @deprecated Use `fallbackPlacements` instead. */
-  allowedAutoPlacements?: never;
-  arrow?: boolean;
-  boundaryElement?: HTMLElement | null;
-  children?: React.JSX.Element;
-  content?: React.ReactNode;
-  disabled?: boolean;
-  fallbackPlacements?: Placement[];
-  padding?: number | number[];
-  placement?: Placement;
-  /** Whether or not to render the tooltip in a portal element. */
-  portal?: boolean | string;
-  radius?: number | number[];
-  scheme?: ThemeColorSchemeKey$1;
-  shadow?: number | number[];
-  /**
-   * 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;
-  /**
-   * Whether the tooltip should animate in and out.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  animate?: boolean;
-}
-/**
- * Tooltips display information when hovering, focusing or tapping.
- *
- * @public
- */
-declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "content">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * @beta
- */
-interface TooltipDelayGroupContextValue {
-  setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void;
-  setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void;
-  openDelay: number;
-  closeDelay: number;
-  openTooltipId: string | null;
-}
-/**
- * @beta
- */
-declare const TooltipDelayGroupContext: import("react").Context<TooltipDelayGroupContextValue | null>;
-/**
- * @public
- * */
-interface TooltipDelayGroupProviderProps {
-  children?: React.ReactNode;
-  /**
-   * Handles the delays to open or close a tooltip inside a group
-   *
-   * If only a `number` is passed, it will be used for both opening and closing.
-   *
-   * If an object `{open: number; close:number}` is passed, it can be used to set different delays for each action.
-   *
-   * @public
-   */
-  delay: Delay;
-}
-/**
- * @public
- * Provides context for a group of tooltip elements that should share a delay
- * which temporarily becomes 1 ms after the first floating element of the group opens.
- */
-declare function TooltipDelayGroupProvider(props: TooltipDelayGroupProviderProps): React.JSX.Element;
-/**
- * @beta
- */
-declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue | null;
+declare const TextInput: (props: TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, 'as' | 'prefix' | 'type'>) => import("react").JSX.Element;
 /**
  * @internal
  */
@@ -2149,11 +1260,11 @@ declare function useTheme(): Theme$1;
  */
 declare function useTheme_v2(): Theme_v2;
 /** @internal */
-declare const Arrow: import("react").ForwardRefExoticComponent<Omit<{
+declare const Arrow: (props: {
   width: number;
   height: number;
   radius?: number;
-} & Omit<HTMLProps<HTMLDivElement>, "height" | "width">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<HTMLProps<HTMLDivElement>, 'width' | 'height'>) => React.JSX.Element;
 /**
  * @public
  */
@@ -2193,7 +1304,7 @@ interface MediaQueryProps {
  * DO NOT USE IN PRODUCTION.
  * @beta
  */
-declare const ElementQuery: import("react").ForwardRefExoticComponent<Omit<MediaQueryProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "media">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ElementQuery: (props: MediaQueryProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'media'>) => import("react").JSX.Element;
 /**
  * DO NOT USE IN PRODUCTION
  * @beta
@@ -2301,7 +1412,7 @@ interface SrOnlyProps {
 /**
  * @public
  */
-declare const SrOnly: import("react").ForwardRefExoticComponent<Omit<SrOnlyProps & Omit<import("react").HTMLProps<HTMLDivElement>, "aria-hidden" | "as">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SrOnly: (props: SrOnlyProps & Omit<React.HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>) => import("react").JSX.Element;
 /**
  * @beta
  */
@@ -2327,6 +1438,108 @@ interface VirtualListProps<Item = any> {
 /**
  * @beta
  */
-declare const VirtualList: import("react").ForwardRefExoticComponent<VirtualListProps<any> & StackOwnProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "onChange" | "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { type ArrayPropPrimitive, Arrow, type Assign, Autocomplete, type AutocompleteInputChangeMsg, type AutocompleteInputFoocusMsg, type AutocompleteMsg, type AutocompleteOpenButtonProps, type AutocompleteProps, type AutocompleteRootBlurMsg, type AutocompleteRootClearMsg, type AutocompleteRootEscapeMsg, type AutocompleteRootOpenMsg, type AutocompleteRootSetActiveValueMsg, type AutocompleteRootSetListFocusedMsg, type AutocompleteState, type 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, type BaseAutocompleteOption, type BaseTheme, type BoundaryElementContextValue, BoundaryElementProvider, type BoundaryElementProviderProps, Box, type BoxDisplay, type BoxHeight, type BoxOverflow, type BoxOwnProps, type BoxProps, type BoxShadow, type BoxSizing, Breadcrumbs, type 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, type CodeOwnProps, type 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, type MenuButtonProps, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupOwnProps, type MenuGroupProps, MenuItem, type MenuItemOwnProps, type MenuItemProps, type MenuProps, type PartialThemeColorBuilderOpts, type Placement, Popover, type PopoverMargins, type PopoverProps, type PopoverUpdateCallback, type 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, type ToastContextValue, type ToastParams, type ToastProps, ToastProvider, type ToastProviderProps, Tooltip, TooltipDelayGroupContext, type TooltipDelayGroupContextValue, TooltipDelayGroupProvider, type TooltipDelayGroupProviderProps, type TooltipProps, Tree, type TreeContextValue, TreeItem, type TreeItemProps, type TreeProps, type TreeState, VirtualList, type VirtualListChangeOpts, type VirtualListProps, type _ElementSizeListener, type _ElementSizeObserver, type _ElementSizeSubscriber, type _MediaStore, _ResizeObserver, _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 };
+declare const 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