@sanity/ui 3.4.5 → 3.5.0

package/dist/_chunks/{useTheme.d.ts → portalProvider.d.cts}

@@ -1,5 +1,5 @@
-import { Ct as BaseTheme$1, Dt as Theme_v2, Et as Theme$1, Hn as ThemeColorSchemeKey$1, In as ThemeColorAvatarColorKey, Qt as ThemeColorToneKey, Rn as ThemeColorButtonModeKey$1, St as createColorTheme$1, Wn as ThemeColorStateToneKey, c as parseColor$1, cn as ThemeFontSize$1, d as rgbToHex$1, dn as ThemeFonts$1, f as rgbToHsl$1, g as multiply$1, gn as ThemeColorSyntax$1, h as screen$1, in as ThemeLayer$1, l as hexToRgb$1, ln as ThemeFontWeight$1, nn as ThemeBoxShadow, on as ThemeFont$1, rn as ThemeShadow$1, s as rgba$1, sn as ThemeFontKey$1, tn as ThemeStyles, u as hslToRgb$1, un as ThemeFontWeightKey$1, v as HSL$1, wt as RootTheme$1, y as RGB$1, zn as ThemeColorCardToneKey } from "./theme.js";
-import { Component, HTMLProps, PropsWithChildren, Ref } from "react";
+import { At as ThemeColorSchemeKey$1, Ct as ThemeColorSyntax$1, Dt as ThemeColorCardToneKey, Et as ThemeColorButtonModeKey$1, Ht as HSL$1, Mt as ThemeColorStateToneKey, St as ThemeFonts$1, Ut as RGB$1, _ as Theme_v2, _t as ThemeFont$1, a as rgbToHex$1, bt as ThemeFontWeight$1, c as screen$1, f as createColorTheme$1, ft as ThemeStyles, g as Theme$1, gt as ThemeLayer$1, ht as ThemeShadow$1, i as hslToRgb$1, l as multiply$1, m as RootTheme$1, mt as ThemeBoxShadow, n as parseColor$1, o as rgbToHsl$1, p as BaseTheme$1, r as hexToRgb$1, t as rgba$1, vt as ThemeFontKey$1, xt as ThemeFontWeightKey$1, yt as ThemeFontSize$1 } from "./rgba.cjs";
+import { Ref } from "react";
 /**
  * @public
  * @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
@@ -143,24 +143,27 @@ declare const studioTheme: BaseTheme$1;
 /**
  * @public
  */
-type AvatarPosition = 'top' | 'bottom' | 'inside';
-/**
- * @public
- */
-type AvatarSize = 0 | 1 | 2 | 3;
-/**
- * @public
- */
-type AvatarStatus = 'online' | 'editing' | 'inactive';
+type Radius = number | 'full';
 /**
  * @public
- * @deprecated No longer used
  */
-type BadgeMode = 'default' | 'outline';
+interface HotkeysProps {
+  fontSize?: number | number[];
+  gap?: number | number[];
+  padding?: number | number[];
+  radius?: Radius | Radius[];
+  /**
+   * @deprecated Use `gap` instead. `space` will be removed in v4.
+   */
+  space?: number | number[];
+  keys?: string[];
+}
 /**
+ * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
+ *
  * @public
  */
-type BadgeTone = ThemeColorStateToneKey;
+declare const Hotkeys: import("react").ForwardRefExoticComponent<HotkeysProps & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "size"> & import("react").RefAttributes<HTMLElement>>;
 /**
  * @public
  */
@@ -177,49 +180,6 @@ type BoxHeight = 'stretch' | 'fill';
  * @public
  */
 type BoxOverflow = 'visible' | 'hidden' | 'auto';
-/**
- * @public
- */
-type ButtonMode = ThemeColorButtonModeKey$1;
-/**
- * @public
- */
-type ButtonTextAlign = 'left' | 'right' | 'center';
-/**
- * @public
- */
-type ButtonTone = ThemeColorStateToneKey;
-/**
- * @public
- */
-type ButtonWidth = 'fill';
-/**
- * @public
- */
-type CardTone = ThemeColorCardToneKey | 'inherit';
-/**
- * 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$1<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$1<P>> = Assign<E extends TagType ? React.JSX.IntrinsicElements[E] : React.ComponentProps<E>, P & {
-  as?: E;
-}>;
 /**
  * @public
  */
@@ -276,48 +236,6 @@ type GridItemRowStart = 'auto' | number;
  * @public
  */
 type GridItemRowEnd = 'auto' | number;
-/**
- * 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
- */
-type Radius = number | 'full';
-/**
- * @public
- */
-type SelectableTone = ThemeColorStateToneKey;
-/**
- * @public
- */
-type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial';
-/**
- * @public
- */
-interface HotkeysProps {
-  fontSize?: number | number[];
-  gap?: number | number[];
-  padding?: number | number[];
-  radius?: Radius | Radius[];
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[];
-  keys?: string[];
-}
-/**
- * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
- *
- * @public
- */
-declare const Hotkeys: import("react").ForwardRefExoticComponent<HotkeysProps & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "size"> & import("react").RefAttributes<HTMLElement>>;
 /**
  * @public
  */
@@ -495,283 +413,263 @@ interface MenuProps extends ResponsivePaddingProps {
  */
 declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "height" | "role" | "tabIndex">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
+ * Assign properties from `U` to `T`, excluding properties that already exist in `T`.
+ *
  * @public
  */
-type MenuDividerProps<E extends ElementType$1 = 'hr'> = Props<EmptyProps, E>;
+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$1<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
  */
-declare const MenuDivider: <E extends ElementType$1 = 'hr'>(props: MenuDividerProps<E>) => React.JSX.Element;
+type Props<P extends EmptyProps, E extends ElementType$1<P>> = Assign<E extends TagType ? React.JSX.IntrinsicElements[E] : React.ComponentProps<E>, P & {
+  as?: E;
+}>;
 /**
  * @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;
-}
+type MenuDividerProps<E extends ElementType$1 = 'hr'> = Props<EmptyProps, E>;
 /**
  * @public
  */
-type AvatarProps<E extends ElementType$1 = 'div'> = Props<AvatarOwnProps, E>;
+declare const MenuDivider: <E extends ElementType$1 = 'hr'>(props: MenuDividerProps<E>) => React.JSX.Element;
 /**
- * Avatars are used to represent people and other agents (e.g. bots).
- *
  * @public
  */
-declare const Avatar: <E extends ElementType$1 = 'div'>(props: AvatarProps<E>) => React.JSX.Element;
+type CardTone = ThemeColorCardToneKey | 'inherit';
 /**
+ * Placement of floating UI elements.
+ *
  * @public
  */
-interface AvatarCounterProps {
-  count: number;
-  size?: AvatarSize | AvatarSize[];
-  /** @deprecated No longer supported. */
-  tone?: 'navbar';
-}
+type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 /**
- * @public
+ * @beta
  */
-declare const AvatarCounter: import("react").ForwardRefExoticComponent<AvatarCounterProps & import("react").RefAttributes<HTMLDivElement>>;
+type PopoverMargins = [number, number, number, number];
 /**
  * @public
  */
-interface AvatarStackProps {
-  children: React.ReactNode;
-  maxLength?: number;
-  size?: AvatarSize | AvatarSize[];
-  /** @deprecated No longer supported. */
-  tone?: 'navbar';
+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 AvatarStack: import("react").ForwardRefExoticComponent<AvatarStackProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * @internal
- */
-interface AvatarRootStyleProps {
-  $color: ThemeColorAvatarColorKey;
-}
-/**
- * @internal
- */
-interface ResponsiveAvatarSizeStyleProps {
-  $size: AvatarSize[];
+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?: HTMLElement | null;
+  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 props that `Box` adds on top of the element it renders as.
+ * The `Popover` component is used to display some content on top of another.
  *
  * @public
  */
-interface BoxOwnProps extends ResponsiveFlexItemProps, ResponsiveBoxProps, ResponsiveGridItemProps, ResponsiveMarginProps, ResponsivePaddingProps {
-  forwardedAs?: ElementType$1;
-}
-/**
- * @public
- */
-type BoxProps<E extends ElementType$1 = 'div'> = Props<BoxOwnProps, E>;
+declare const Popover: import("react").ForwardRefExoticComponent<Omit<PopoverProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "content" | "width">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
- * 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$1 = 'div'>(props: BoxProps<E>) => React.JSX.Element;
+type SelectableTone = ThemeColorStateToneKey;
 /**
  * @public
  */
-interface BadgeOwnProps extends BoxOwnProps, ResponsiveRadiusProps {
+interface MenuGroupOwnProps {
   fontSize?: number | number[];
-  /** @deprecated No longer used. */
-  mode?: BadgeMode;
-  tone?: BadgeTone;
-}
-/**
- * @public
- */
-type BadgeProps<E extends ElementType$1 = 'div'> = Props<BadgeOwnProps, E>;
-/**
- * Badges are used to tag resources.
- *
- * @public
- */
-declare const Badge: <E extends ElementType$1 = 'div'>(props: BadgeProps<E>) => React.JSX.Element;
-/**
- * @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;
+  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` will be removed in v4.
    */
   space?: number | number[];
-  gap?: number | number[];
-  muted?: boolean;
-  text?: React.ReactNode;
-  textAlign?: ButtonTextAlign;
-  textWeight?: ThemeFontWeightKey$1;
-  tone?: ButtonTone;
-  type?: 'button' | 'reset' | 'submit';
-  width?: ButtonWidth;
+  text: React.ReactNode;
+  tone?: SelectableTone;
 }
 /**
  * @public
  */
-type ButtonProps<E extends ElementType$1 = 'button'> = Props<ButtonOwnProps, E>;
+type MenuGroupProps<E extends ElementType$1 = 'button'> = Props<MenuGroupOwnProps, E>;
 /**
  * @public
  */
-declare const Button: <E extends ElementType$1 = 'button'>(props: ButtonProps<E>) => React.JSX.Element;
+declare const MenuGroup: <E extends ElementType$1 = 'button'>(props: MenuGroupProps<E>) => React.JSX.Element;
 /**
  * @public
  */
-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;
+interface MenuItemOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
+  fontSize?: number | number[];
+  hotkeys?: string[];
+  icon?: React.ElementType | React.ReactNode;
+  iconRight?: React.ElementType | React.ReactNode;
   pressed?: boolean;
-  scheme?: ThemeColorSchemeKey$1;
   selected?: boolean;
-  tone?: CardTone;
-}
-/**
- * @public
- */
-type CardProps<E extends ElementType$1 = 'div'> = Props<CardOwnProps, E>;
-/**
- * The `Card` component acts much like a `Box`, but with a background and foreground color.
- * Components within a `Card` inherit its colors.
- *
- * @public
- */
-declare const Card: <E extends ElementType$1 = 'div'>(props: CardProps<E>) => React.JSX.Element;
-/**
- * @internal
- */
-interface CardStyleProps {
-  $checkered: boolean;
-  $focusRing: boolean;
-  $muted: boolean;
-  $tone: ThemeColorToneKey;
+  gap?: number | number[];
+  /**
+   * @deprecated Use `gap` instead. `space` will be removed in v4.
+   */
+  space?: number | number[];
+  text?: React.ReactNode;
+  tone?: SelectableTone;
 }
 /**
  * @public
  */
-interface CodeOwnProps {
-  /** Define the language to use for syntax highlighting. */
-  language?: string;
-  size?: number | number[];
-  weight?: string;
-}
+type MenuItemProps<E extends ElementType$1 = 'button'> = Props<MenuItemOwnProps, E>;
 /**
  * @public
  */
-type CodeProps<E extends ElementType$1 = 'pre'> = Props<CodeOwnProps, E>;
+declare const MenuItem: <E extends ElementType$1 = 'button'>(props: MenuItemProps<E>) => React.JSX.Element;
 /**
  * @public
  */
-declare const Code: <E extends ElementType$1 = 'pre'>(props: CodeProps<E>) => React.JSX.Element;
+type ButtonMode = ThemeColorButtonModeKey$1;
 /**
  * @public
  */
-interface ContainerOwnProps extends BoxOwnProps, ResponsiveWidthProps {}
+type ButtonTextAlign = 'left' | 'right' | 'center';
 /**
  * @public
  */
-type ContainerProps<E extends ElementType$1 = 'div'> = Props<ContainerOwnProps, E>;
+type ButtonTone = ThemeColorStateToneKey;
 /**
- * The `Container` component wraps content layout in a defined set of widths.
- *
  * @public
  */
-declare const Container: <E extends ElementType$1 = 'div'>(props: ContainerProps<E>) => React.JSX.Element;
+type ButtonWidth = 'fill';
 /**
  * @public
  */
-interface FlexOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveFlexProps, ResponsiveFlexItemProps {
-  gap?: number | number[];
+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
  */
-type FlexProps<E extends ElementType$1 = 'div'> = Props<FlexOwnProps, E>;
-/**
- * The `Flex` component is a wrapper component for flexible elements (`Box`, `Card` and `Flex`).
- *
- * @public
- */
-declare const Flex: <E extends ElementType$1 = 'div'>(props: FlexProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-interface GridOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveGridProps {}
-/**
- * @public
- */
-type GridProps<E extends ElementType$1 = 'div'> = Props<GridOwnProps, E>;
+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>>;
 /**
- * The `Grid` component is for building 2-dimensional layers (based on CSS grid).
+ * The props that `Box` adds on top of the element it renders as.
  *
  * @public
  */
-declare const Grid: <E extends ElementType$1 = 'div'>(props: GridProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-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;
+interface BoxOwnProps extends ResponsiveFlexItemProps, ResponsiveBoxProps, ResponsiveGridItemProps, ResponsiveMarginProps, ResponsivePaddingProps {
+  forwardedAs?: ElementType$1;
 }
 /**
  * @public
  */
-type HeadingProps<E extends ElementType$1 = 'div'> = Props<HeadingOwnProps, E>;
+type BoxProps<E extends ElementType$1 = 'div'> = Props<BoxOwnProps, E>;
 /**
- * Typographic headings.
+ * The `Box` component is a basic layout wrapper component which provides utility properties
+ * for flex, margins and padding.
  *
  * @public
  */
-declare const Heading: <E extends ElementType$1 = 'div'>(props: HeadingProps<E>) => React.JSX.Element;
+declare const Box: <E extends ElementType$1 = 'div'>(props: BoxProps<E>) => React.JSX.Element;
 /**
  * @public
  */
@@ -797,271 +695,154 @@ declare const Inline: <E extends ElementType$1 = 'div'>(props: InlineProps<E>) =
 /**
  * @public
  */
-interface KBDOwnProps {
-  fontSize?: number | number[];
-  padding?: number | number[];
-  radius?: Radius | Radius[];
-}
-/**
- * @public
- */
-type KBDProps<E extends ElementType$1 = 'kbd'> = Props<KBDOwnProps, E>;
-/**
- * Used to define some text as keyboard input.
- *
- * @public
- */
-declare const KBD: <E extends ElementType$1 = 'kbd'>(props: KBDProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-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
-   */
-  textOverflow?: 'ellipsis';
-  weight?: ThemeFontWeightKey$1;
+interface TabListProps extends Omit<InlineOwnProps, 'height'> {
+  children: Array<React.JSX.Element | null | undefined | false>;
 }
 /**
  * @public
  */
-type LabelProps<E extends ElementType$1 = 'div'> = Props<LabelOwnProps, E>;
-/**
- * Typographic labels.
- *
- * @public
- */
-declare const Label: <E extends ElementType$1 = 'div'>(props: LabelProps<E>) => React.JSX.Element;
-/** @internal */
-declare const Arrow: import("react").ForwardRefExoticComponent<Omit<{
-  width: number;
-  height: number;
-  radius?: number;
-} & Omit<HTMLProps<HTMLDivElement>, "height" | "width">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabList: import("react").ForwardRefExoticComponent<Omit<TabListProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "height">, "ref"> & import("react").RefAttributes<unknown>>;
 /**
- * DO NOT USE IN PRODUCTION
- * @beta
+ * @internal
  */
-type ErrorBoundaryProps = PropsWithChildren<{
-  onCatch: (params: {
-    error: Error;
-    info: React.ErrorInfo;
-  }) => void;
-}>;
+declare function _isEnterToClickElement(element: HTMLElement): boolean;
 /**
- * DO NOT USE IN PRODUCTION
- * @beta
+ * @internal
  */
-interface ErrorBoundaryState {
-  error: Error | null;
-}
+declare function isHTMLElement(node: unknown): node is HTMLElement;
 /**
- * DO NOT USE IN PRODUCTION
- * @beta
+ * @internal
  */
-declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  state: ErrorBoundaryState;
-  static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-  componentDidCatch(error: Error, info: React.ErrorInfo): void;
-  render(): React.ReactNode;
-}
+declare function isHTMLAnchorElement(element: unknown): element is HTMLAnchorElement;
 /**
- * @public
+ * @internal
  */
-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[];
-}
+declare function isHTMLInputElement(element: unknown): element is HTMLInputElement;
 /**
- * @public
+ * @internal
  */
-declare const Layer: import("react").ForwardRefExoticComponent<Omit<LayerProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function isHTMLButtonElement(element: unknown): element is HTMLButtonElement;
 /**
- * @public
+ * @internal
  */
-interface LayerProviderProps {
-  children?: React.ReactNode;
-  zOffset?: number | number[];
-}
+declare function isHTMLSelectElement(element: unknown): element is HTMLSelectElement;
 /**
- * @public
+ * @internal
  */
-declare function LayerProvider(props: LayerProviderProps): React.JSX.Element;
+declare function isHTMLTextAreaElement(element: unknown): element is HTMLTextAreaElement;
 /**
- * @public
+ * @internal
  */
-interface PortalProps {
-  children: React.ReactNode;
-  /**
-   * @beta This API might change. DO NOT USE IN PRODUCTION.
-   */
-  __unstable_name?: string;
-}
+declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean;
 /**
+ * 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 Portal(props: PortalProps): React.ReactPortal | null;
+declare function usePrefersDark(getServerSnapshot?: () => boolean): boolean;
 /**
  * @public
  */
-interface PortalProviderProps {
+interface ButtonOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
+  fontSize?: number | number[];
+  mode?: ButtonMode;
+  icon?: React.ElementType | React.ReactNode;
+  iconRight?: React.ElementType | React.ReactNode;
+  justify?: FlexJustify | FlexJustify[];
   /**
-   * @deprecated Use `<BoundaryElementProvider element={...} />` instead
+   * @beta Do not use in production, as this might change.
    */
-  boundaryElement?: HTMLElement | null;
-  children: React.ReactNode;
-  element?: HTMLElement | null;
+  loading?: boolean;
+  selected?: boolean;
   /**
-   * @beta
+   * @deprecated Use `gap` instead. `space` will be removed in v4.
    */
-  __unstable_elements?: Record<string, HTMLElement | null | undefined>;
+  space?: number | number[];
+  gap?: number | number[];
+  muted?: boolean;
+  text?: React.ReactNode;
+  textAlign?: ButtonTextAlign;
+  textWeight?: ThemeFontWeightKey$1;
+  tone?: ButtonTone;
+  type?: 'button' | 'reset' | 'submit';
+  width?: ButtonWidth;
 }
 /**
  * @public
  */
-declare function PortalProvider(props: PortalProviderProps): React.JSX.Element;
-/**
- * @beta
- */
-interface VirtualListChangeOpts {
-  fromIndex: number;
-  gap: number;
-  itemHeight: number;
-  scrollHeight: number;
-  scrollTop: number;
-  toIndex: number;
-}
-/**
- * @beta
- */
-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;
-}
+type ButtonProps<E extends ElementType$1 = 'button'> = Props<ButtonOwnProps, E>;
 /**
- * @beta
+ * @public
  */
-declare const VirtualList: import("react").ForwardRefExoticComponent<VirtualListProps<any> & StackOwnProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "onChange" | "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?: HTMLElement | null;
-  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;
+declare const Button: <E extends ElementType$1 = 'button'>(props: ButtonProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+interface CardOwnProps extends BoxOwnProps, ResponsiveBorderProps, ResponsiveRadiusProps, ResponsiveShadowProps {
   /**
-   * When true, blocks all pointer interaction with elements beneath the popover until closed.
-   *
+   * Do not use in production.
    * @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;
+  __unstable_checkered?: boolean;
   /**
-   * When defined, the popover will be positioned relative to this element.
-   * The children of the popover won't be rendered.
+   * Do not use in production.
+   * @beta
    */
-  referenceElement?: HTMLElement | null;
+  __unstable_focusRing?: boolean;
+  disabled?: boolean;
+  muted?: boolean;
+  pressed?: boolean;
   scheme?: ThemeColorSchemeKey$1;
+  selected?: boolean;
   tone?: CardTone;
-  /** @beta */
-  updateRef?: Ref<PopoverUpdateCallback | undefined>;
-  width?: PopoverWidth | PopoverWidth[];
 }
 /**
- * The `Popover` component is used to display some content on top of another.
+ * @public
+ */
+type CardProps<E extends ElementType$1 = 'div'> = Props<CardOwnProps, E>;
+/**
+ * The `Card` component acts much like a `Box`, but with a background and foreground color.
+ * Components within a `Card` inherit its colors.
  *
  * @public
  */
-declare const Popover: import("react").ForwardRefExoticComponent<Omit<PopoverProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "content" | "width">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Card: <E extends ElementType$1 = 'div'>(props: CardProps<E>) => React.JSX.Element;
 /**
  * @public
  */
-interface SelectProps {
-  fontSize?: number | number[];
+interface FlexOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveFlexProps, ResponsiveFlexItemProps {
   gap?: number | number[];
-  padding?: number | number[];
-  radius?: Radius | Radius[];
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[];
-  customValidity?: string;
 }
 /**
- * The `Select` component provides control of options.
+ * @public
+ */
+type FlexProps<E extends ElementType$1 = 'div'> = Props<FlexOwnProps, E>;
+/**
+ * The `Flex` component is a wrapper component for flexible elements (`Box`, `Card` and `Flex`).
+ *
+ * @public
+ */
+declare const Flex: <E extends ElementType$1 = 'div'>(props: FlexProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+interface GridOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveGridProps {}
+/**
+ * @public
+ */
+type GridProps<E extends ElementType$1 = 'div'> = Props<GridOwnProps, E>;
+/**
+ * The `Grid` component is for building 2-dimensional layers (based on CSS grid).
  *
  * @public
  */
-declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps & Omit<import("react").HTMLProps<HTMLSelectElement>, "as">, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+declare const Grid: <E extends ElementType$1 = 'div'>(props: GridProps<E>) => React.JSX.Element;
 /**
  * @public
  */
@@ -1095,6 +876,10 @@ type StackProps<E extends ElementType$1 = 'div'> = Props<StackOwnProps, E>;
  * @public
  */
 declare const Stack: <E extends ElementType$1 = 'div'>(props: StackProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial';
 /**
  * @public
  */
@@ -1122,26 +907,6 @@ type TextProps<E extends ElementType$1 = 'div'> = Props<TextOwnProps, E>;
  * @public
  */
 declare const Text: <E extends ElementType$1 = 'div'>(props: TextProps<E>) => React.JSX.Element;
-/**
- * @public
- */
-interface TextAreaProps extends ResponsiveRadiusProps {
-  /**
-   * @beta
-   */
-  __unstable_disableFocusRing?: boolean;
-  border?: boolean;
-  customValidity?: string;
-  fontSize?: number | number[];
-  padding?: number | number[];
-  weight?: ThemeFontWeightKey$1;
-}
-/**
- * A multiline text input.
- *
- * @public
- */
-declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps & Omit<import("react").HTMLProps<HTMLTextAreaElement>, "as">, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
 /**
  * @public
  */
@@ -1235,173 +1000,68 @@ interface TooltipProps extends Omit<LayerProps, 'as'> {
 declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "children" | "content">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * @public
- * */
-interface TooltipDelayGroupProviderProps {
+ */
+interface ThemeProviderProps {
   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;
+  scheme?: ThemeColorSchemeKey$1;
+  theme?: RootTheme$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.
- */
-declare function TooltipDelayGroupProvider(props: TooltipDelayGroupProviderProps): React.JSX.Element;
 /**
  * @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` will be removed in v4.
-   */
-  space?: number | number[];
-  text: React.ReactNode;
-  tone?: SelectableTone;
-}
+declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element;
 /**
  * @public
  */
-type MenuGroupProps<E extends ElementType$1 = 'button'> = Props<MenuGroupOwnProps, E>;
+declare function useTheme(): Theme$1;
 /**
  * @public
  */
-declare const MenuGroup: <E extends ElementType$1 = 'button'>(props: MenuGroupProps<E>) => React.JSX.Element;
+declare function useTheme_v2(): Theme_v2;
 /**
  * @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` will be removed in v4.
-   */
-  space?: number | number[];
-  text?: React.ReactNode;
-  tone?: SelectableTone;
+interface LayerProviderProps {
+  children?: React.ReactNode;
+  zOffset?: number | number[];
 }
 /**
  * @public
  */
-type MenuItemProps<E extends ElementType$1 = 'button'> = Props<MenuItemOwnProps, E>;
-/**
- * @public
- */
-declare const MenuItem: <E extends ElementType$1 = 'button'>(props: MenuItemProps<E>) => React.JSX.Element;
+declare function LayerProvider(props: LayerProviderProps): React.JSX.Element;
 /**
  * @public
  */
-interface TabProps {
+interface PortalProps {
+  children: React.ReactNode;
   /**
-   * The `id` of the correlating `TabPanel` component.
+   * @beta This API might change. DO NOT USE IN PRODUCTION.
    */
-  '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 const Tab: import("react").ForwardRefExoticComponent<Omit<TabProps & Omit<import("react").HTMLProps<HTMLButtonElement>, "aria-controls" | "as" | "id" | "label" | "type" | "width">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-/**
- * @public
- */
-interface TabListProps extends Omit<InlineOwnProps, 'height'> {
-  children: Array<React.JSX.Element | null | undefined | false>;
+  __unstable_name?: string;
 }
 /**
  * @public
  */
-declare const TabList: import("react").ForwardRefExoticComponent<Omit<TabListProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "height">, "ref"> & import("react").RefAttributes<unknown>>;
-/**
- * @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;
-/**
- * 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;
+declare function Portal(props: PortalProps): React.ReactPortal | null;
 /**
  * @public
  */
-interface ThemeProviderProps {
-  children?: React.ReactNode;
-  scheme?: ThemeColorSchemeKey$1;
-  theme?: RootTheme$1;
-  tone?: ThemeColorCardToneKey;
+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 ThemeProvider(props: ThemeProviderProps): React.JSX.Element;
-/**
- * @public
- */
-declare function useTheme(): Theme$1;
-/**
- * @public
- */
-declare function useTheme_v2(): Theme_v2;
-export { Portal as $, BadgeMode as $n, AvatarOwnProps as $t, TextInputProps as A, GridAutoCols as An, screen as Ar, Code as At, Spinner as B, ElementType$1 as Bn, Badge as Bt, MenuGroupProps as C, Placement as Cn, hexToRgb as Cr, GridProps as Ct, TooltipProps as D, GridItemRow as Dn, rgbToHex as Dr, Container as Dt, Tooltip as E, GridItemColumnStart as En, parseColor as Er, FlexProps as Et, TextOwnProps as F, FlexJustify as Fn, CardOwnProps as Ft, PopoverProps as G, ButtonMode as Gn, BoxProps as Gt, Select as H, Props as Hn, BadgeProps as Ht, TextProps as I, FlexValue as In, CardProps as It, VirtualList as J, ButtonWidth as Jn, AvatarStack as Jt, PopoverUpdateCallback as K, ButtonTextAlign as Kn, AvatarRootStyleProps as Kt, Stack as L, FlexWrap as Ln, Button as Lt, TextArea as M, GridAutoRows as Mn, CodeProps as Mt, TextAreaProps as N, FlexAlign as Nn, CardStyleProps as Nt, TextInput as O, GridItemRowEnd as On, rgbToHsl as Or, ContainerOwnProps as Ot, Text as P, FlexDirection as Pn, Card as Pt, PortalProviderProps as Q, BoxSizing as Qn, Avatar as Qt, StackOwnProps as R, Assign as Rn, ButtonOwnProps as Rt, MenuGroupOwnProps as S, PopoverMargins as Sn, createColorTheme as Sr, GridOwnProps as St, TooltipDelayGroupProviderProps as T, GridItemColumnEnd as Tn, multiply as Tr, FlexOwnProps as Tt, SelectProps as U, TagType as Un, Box as Ut, SpinnerProps as V, EmptyProps as Vn, BadgeOwnProps as Vt, Popover as W, CardTone as Wn, BoxOwnProps as Wt, VirtualListProps as X, BoxHeight as Xn, AvatarCounter as Xt, VirtualListChangeOpts as Y, BoxDisplay as Yn, AvatarStackProps as Yt, PortalProvider as Z, BoxOverflow as Zn, AvatarCounterProps as Zt, TabProps as _, Hotkeys as _n, ThemeFontWeight as _r, InlineProps as _t, usePrefersDark as a, Delay as an, BoxShadow as ar, ErrorBoundary as at, MenuItemProps as b, SelectableTone as bn, ThemeLayer as br, HeadingProps as bt, isHTMLAnchorElement as c, ResponsiveFlexItemProps as cn, RootTheme as cr, Arrow as ct, isHTMLInputElement as d, ResponsiveGridProps as dn, ThemeColorButtonModeKey as dr, LabelProps as dt, AvatarProps as en, BadgeTone as er, PortalProps as et, isHTMLSelectElement as f, ResponsiveMarginProps as fn, ThemeColorSchemeKey as fr, KBD as ft, Tab as g, ResponsiveWidthProps as gn, ThemeFontSize as gr, InlineOwnProps as gt, TabListProps as h, ResponsiveShadowProps as hn, ThemeFontKey as hr, Inline as ht, ThemeProviderProps as i, MenuProps as in, BaseTheme as ir, LayerProps as it, TextInputType as j, GridAutoFlow as jn, studioTheme as jr, CodeOwnProps as jt, TextInputClearButtonProps as k, GridItemRowStart as kn, rgba as kr, ContainerProps as kt, isHTMLButtonElement as l, ResponsiveFlexProps as ln, Styles as lr, Label as lt, TabList as m, ResponsiveRadiusProps as mn, ThemeFont as mr, KBDProps as mt, useTheme_v2 as n, MenuDividerProps as nn, AvatarSize as nr, LayerProviderProps as nt, _isEnterToClickElement as o, ResponsiveBorderProps as on, HSL as or, ErrorBoundaryProps as ot, isHTMLTextAreaElement as p, ResponsivePaddingProps as pn, ThemeColorSyntax as pr, KBDOwnProps as pt, PopoverWidth as q, ButtonTone as qn, ResponsiveAvatarSizeStyleProps as qt, ThemeProvider as r, Menu as rn, AvatarStatus as rr, Layer as rt, containsOrEqualsElement as s, ResponsiveBoxProps as sn, RGB as sr, ErrorBoundaryState as st, useTheme as t, MenuDivider as tn, AvatarPosition as tr, LayerProvider as tt, isHTMLElement as u, ResponsiveGridItemProps as un, Theme as ur, LabelOwnProps as ut, MenuItem as v, HotkeysProps as vn, ThemeFontWeightKey as vr, Heading as vt, TooltipDelayGroupProvider as w, GridItemColumn as wn, hslToRgb as wr, Flex as wt, MenuGroup as x, Radius as xn, ThemeShadow as xr, Grid as xt, MenuItemOwnProps as y, TextAlign as yn, ThemeFonts as yr, HeadingOwnProps as yt, StackProps as z, ComponentType as zn, ButtonProps as zt };
-//# sourceMappingURL=useTheme.d.ts.map
+declare function PortalProvider(props: PortalProviderProps): React.JSX.Element;
+export { BoxOwnProps as $, GridAutoRows as $t, FlexOwnProps as A, createColorTheme as An, TagType as At, containsOrEqualsElement as B, ResponsiveMarginProps as Bt, StackProps as C, ThemeFontKey as Cn, MenuDivider as Ct, GridOwnProps as D, ThemeFonts as Dn, ElementType$1 as Dt, Grid as E, ThemeFontWeightKey as En, ComponentType as Et, Button as F, rgbToHex as Fn, ResponsiveBoxProps as Ft, isHTMLSelectElement as G, GridItemColumn as Gt, isHTMLButtonElement as H, ResponsiveRadiusProps as Ht, ButtonOwnProps as I, rgbToHsl as In, ResponsiveFlexItemProps as It, TabListProps as J, GridItemRow as Jt, isHTMLTextAreaElement as K, GridItemColumnEnd as Kt, ButtonProps as L, rgba as Ln, ResponsiveFlexProps as Lt, Card as M, hslToRgb as Mn, MenuProps as Mt, CardOwnProps as N, multiply as Nn, Delay as Nt, GridProps as O, ThemeLayer as On, EmptyProps as Ot, CardProps as P, parseColor as Pn, ResponsiveBorderProps as Pt, Box as Q, GridAutoFlow as Qt, usePrefersDark as R, screen as Rn, ResponsiveGridItemProps as Rt, StackOwnProps as S, ThemeFont as Sn, CardTone as St, SpinnerProps as T, ThemeFontWeight as Tn, Assign as Tt, isHTMLElement as U, ResponsiveShadowProps as Ut, isHTMLAnchorElement as V, ResponsivePaddingProps as Vt, isHTMLInputElement as W, ResponsiveWidthProps as Wt, InlineOwnProps as X, GridItemRowStart as Xt, Inline as Y, GridItemRowEnd as Yt, InlineProps as Z, GridAutoCols as Zt, Text as _, Styles as _n, PopoverWidth as _t, LayerProvider as a, BoxDisplay as an, ButtonTone as at, TextAlign as b, ThemeColorSchemeKey as bn, PopoverMargins as bt, useTheme_v2 as c, BoxSizing as cn, MenuItemOwnProps as ct, Tooltip as d, Radius as dn, MenuGroupOwnProps as dt, FlexAlign as en, BoxProps as et, TooltipProps as f, BaseTheme as fn, MenuGroupProps as ft, TextInputType as g, RootTheme as gn, PopoverUpdateCallback as gt, TextInputProps as h, RGB as hn, PopoverProps as ht, PortalProps as i, FlexWrap as in, ButtonTextAlign as it, FlexProps as j, hexToRgb as jn, Menu as jt, Flex as k, ThemeShadow as kn, Props as kt, ThemeProvider as l, Hotkeys as ln, MenuItemProps as lt, TextInputClearButtonProps as m, HSL as mn, Popover as mt, PortalProviderProps as n, FlexJustify as nn, TabProps as nt, LayerProviderProps as o, BoxHeight as on, ButtonWidth as ot, TextInput as p, BoxShadow as pn, SelectableTone as pt, TabList as q, GridItemColumnStart as qt, Portal as r, FlexValue as rn, ButtonMode as rt, useTheme as s, BoxOverflow as sn, MenuItem as st, PortalProvider as t, FlexDirection as tn, Tab as tt, ThemeProviderProps as u, HotkeysProps as un, MenuGroup as ut, TextOwnProps as v, Theme as vn, Layer as vt, Spinner as w, ThemeFontSize as wn, MenuDividerProps as wt, Stack as x, ThemeColorSyntax as xn, Placement as xt, TextProps as y, ThemeColorButtonModeKey as yn, LayerProps as yt, _isEnterToClickElement as z, studioTheme as zn, ResponsiveGridProps as zt };
+//# sourceMappingURL=portalProvider.d.cts.map