@sanity/ui 4.0.0-beta.8 → 4.0.0-next.0

package/dist/_chunks/portalProvider.d.cts

@@ -0,0 +1,1067 @@
+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.
+ */
+type BaseTheme = BaseTheme$1;
+/**
+ * @public
+ * @deprecated Use `ThemeBoxShadow` from `@sanity/ui/theme` instead.
+ */
+type BoxShadow = ThemeBoxShadow;
+/**
+ * @public
+ * @deprecated Use `HSL` from `@sanity/ui/theme` instead.
+ */
+type HSL = HSL$1;
+/**
+ * @public
+ * @deprecated Use `RGB` from `@sanity/ui/theme` instead.
+ */
+type RGB = RGB$1;
+/**
+ * @public
+ * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.
+ */
+type RootTheme = RootTheme$1;
+/**
+ * @public
+ * @deprecated Use `ThemeStyles` from `@sanity/ui/theme` instead.
+ */
+type Styles = ThemeStyles;
+/**
+ * @public
+ * @deprecated Use `Theme` from `@sanity/ui/theme` instead.
+ */
+type Theme = Theme$1;
+/**
+ * @public
+ * @deprecated Use `ThemeColorButtonModeKey` from `@sanity/ui/theme` instead.
+ */
+type ThemeColorButtonModeKey = ThemeColorButtonModeKey$1;
+/**
+ * @public
+ * @deprecated Use `ThemeColorSchemeKey` from `@sanity/ui/theme` instead.
+ */
+type ThemeColorSchemeKey = ThemeColorSchemeKey$1;
+/**
+ * @public
+ * @deprecated Use `ThemeColorSyntax` from `@sanity/ui/theme` instead.
+ */
+type ThemeColorSyntax = ThemeColorSyntax$1;
+/**
+ * @public
+ * @deprecated Use `ThemeFont` from `@sanity/ui/theme` instead.
+ */
+type ThemeFont = ThemeFont$1;
+/**
+ * @public
+ * @deprecated Use `ThemeFontKey` from `@sanity/ui/theme` instead.
+ */
+type ThemeFontKey = ThemeFontKey$1;
+/**
+ * @public
+ * @deprecated Use `ThemeFontSize` from `@sanity/ui/theme` instead.
+ */
+type ThemeFontSize = ThemeFontSize$1;
+/**
+ * @public
+ * @deprecated Use `ThemeFontWeight` from `@sanity/ui/theme` instead.
+ */
+type ThemeFontWeight = ThemeFontWeight$1;
+/**
+ * @public
+ * @deprecated Use `ThemeFontWeightKey` from `@sanity/ui/theme` instead.
+ */
+type ThemeFontWeightKey = ThemeFontWeightKey$1;
+/**
+ * @public
+ * @deprecated Use `ThemeFonts` from `@sanity/ui/theme` instead.
+ */
+type ThemeFonts = ThemeFonts$1;
+/**
+ * @public
+ * @deprecated Use `ThemeLayer` from `@sanity/ui/theme` instead.
+ */
+type ThemeLayer = ThemeLayer$1;
+/**
+ * @public
+ * @deprecated Use `ThemeShadow` from `@sanity/ui/theme` instead.
+ */
+type ThemeShadow = ThemeShadow$1;
+/**
+ * @public
+ * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
+ */
+declare const createColorTheme: typeof createColorTheme$1;
+/**
+ * @public
+ * @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
+ */
+declare const hexToRgb: typeof hexToRgb$1;
+/**
+ * @public
+ * @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
+ */
+declare const hslToRgb: typeof hslToRgb$1;
+/**
+ * @public
+ * @deprecated Use `multiply` from `@sanity/ui/theme` instead.
+ */
+declare const multiply: typeof multiply$1;
+/**
+ * @public
+ * @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
+ */
+declare const parseColor: typeof parseColor$1;
+/**
+ * @public
+ * @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
+ */
+declare const rgbToHex: typeof rgbToHex$1;
+/**
+ * @public
+ * @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
+ */
+declare const rgbToHsl: typeof rgbToHsl$1;
+/**
+ * @public
+ * @deprecated Use `rgba` from `@sanity/ui/theme` instead.
+ */
+declare const rgba: typeof rgba$1;
+/**
+ * @public
+ * @deprecated Use `screen` from `@sanity/ui/theme` instead.
+ */
+declare const screen: typeof screen$1;
+/**
+ * @public
+ * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
+ */
+declare const studioTheme: BaseTheme$1;
+/**
+ * @public
+ */
+type Radius = number | 'full';
+/**
+ * @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
+ */
+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
+ */
+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` will be removed in v4.
+   */
+  columns?: number | number[];
+  gridTemplateColumns?: number | number[];
+  gap?: number | number[];
+  gapX?: number | number[];
+  gapY?: number | number[];
+  /**
+   * @deprecated Use `gridTemplateRows` instead. `rows` will be removed in v4.
+   */
+  rows?: number | number[];
+  gridTemplateRows?: number | number[];
+}
+/**
+ * @public
+ */
+interface ResponsiveGridItemProps {
+  gridColumn?: GridItemColumn | GridItemColumn[];
+  /**
+   * @deprecated Use `gridColumn` instead. `column` will be removed in v4.
+   */
+  column?: GridItemColumn | GridItemColumn[];
+  gridColumnStart?: GridItemColumnStart | GridItemColumnStart[];
+  /**
+   * @deprecated Use `gridColumnStart` instead. `columnStart` will be removed in v4.
+   */
+  columnStart?: GridItemColumnStart | GridItemColumnStart[];
+  gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
+  /**
+   * @deprecated Use `gridColumnEnd` instead. `columnEnd` will be removed in v4.
+   */
+  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
+  gridRow?: GridItemRow | GridItemRow[];
+  /**
+   * @deprecated Use `gridRow` instead. `row` will be removed in v4.
+   */
+  row?: GridItemRow | GridItemRow[];
+  gridRowStart?: GridItemRowStart | GridItemRowStart[];
+  /**
+   * @deprecated Use `gridRowStart` instead. `rowStart` will be removed in v4.
+   */
+  rowStart?: GridItemRowStart | GridItemRowStart[];
+  gridRowEnd?: GridItemRowEnd | GridItemRowEnd[];
+  /**
+   * @deprecated Use `gridRowEnd` instead. `rowEnd` will be removed in v4.
+   */
+  rowEnd?: GridItemRowEnd | GridItemRowEnd[];
+}
+/**
+ * @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;
+}>;
+/**
+ * @public
+ */
+interface MenuProps extends ResponsivePaddingProps {
+  /**
+   * @deprecated Use `shouldFocus="first"` instead.
+   */
+  'focusFirst'?: boolean;
+  /**
+   * @deprecated Use `shouldFocus="last"` instead.
+   */
+  'focusLast'?: boolean;
+  '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` will be removed in v4.
+   */
+  'space'?: number | number[];
+  '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>>;
+/**
+ * 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
+ */
+type MenuDividerProps<E extends ElementType$1 = 'hr'> = Props<EmptyProps, E>;
+/**
+ * @public
+ */
+declare const MenuDivider: <E extends ElementType$1 = 'hr'>(props: MenuDividerProps<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?: 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 `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 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` will be removed in v4.
+   */
+  space?: number | number[];
+  text: React.ReactNode;
+  tone?: SelectableTone;
+}
+/**
+ * @public
+ */
+type MenuGroupProps<E extends ElementType$1 = 'button'> = Props<MenuGroupOwnProps, E>;
+/**
+ * @public
+ */
+declare const MenuGroup: <E extends ElementType$1 = '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` will be removed in v4.
+   */
+  space?: number | number[];
+  text?: React.ReactNode;
+  tone?: SelectableTone;
+}
+/**
+ * @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;
+/**
+ * @public
+ */
+type ButtonMode = ThemeColorButtonModeKey$1;
+/**
+ * @public
+ */
+type ButtonTextAlign = 'left' | 'right' | 'center';
+/**
+ * @public
+ */
+type ButtonTone = ThemeColorStateToneKey;
+/**
+ * @public
+ */
+type ButtonWidth = 'fill';
+/**
+ * @public
+ */
+interface TabProps {
+  /**
+   * The `id` of the correlating `TabPanel` component.
+   */
+  'aria-controls': string;
+  'id': string;
+  'icon'?: React.ElementType | React.ReactNode;
+  'focused'?: boolean;
+  'fontSize'?: number | number[];
+  'label'?: React.ReactNode;
+  'padding'?: number | number[];
+  'selected'?: boolean;
+  'tone'?: ButtonTone;
+}
+/**
+ * @public
+ */
+declare 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 props that `Box` adds on top of the element it renders as.
+ *
+ * @public
+ */
+interface BoxOwnProps extends ResponsiveFlexItemProps, ResponsiveBoxProps, ResponsiveGridItemProps, ResponsiveMarginProps, ResponsivePaddingProps {
+  forwardedAs?: ElementType$1;
+}
+/**
+ * @public
+ */
+type BoxProps<E extends ElementType$1 = '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$1 = 'div'>(props: BoxProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+interface InlineOwnProps extends Omit<BoxOwnProps, 'display'> {
+  /**
+   * The spacing between children.
+   * @deprecated Use `gap` instead. `space` will be removed in v4.
+   */
+  space?: number | number[];
+  /** The spacing between children. */
+  gap?: number | number[];
+}
+/**
+ * @public
+ */
+type InlineProps<E extends ElementType$1 = 'div'> = Props<InlineOwnProps, E>;
+/**
+ * The `Inline` component is a layout utility for aligning and spacing items horizontally.
+ *
+ * @public
+ */
+declare const Inline: <E extends ElementType$1 = 'div'>(props: InlineProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+interface TabListProps extends Omit<InlineOwnProps, 'height'> {
+  children: Array<React.JSX.Element | null | undefined | false>;
+}
+/**
+ * @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;
+/**
+ * @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` 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;
+}
+/**
+ * @public
+ */
+type ButtonProps<E extends ElementType$1 = 'button'> = Props<ButtonOwnProps, E>;
+/**
+ * @public
+ */
+declare const Button: <E extends ElementType$1 = 'button'>(props: ButtonProps<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;
+  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;
+/**
+ * @public
+ */
+interface FlexOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveFlexProps, ResponsiveFlexItemProps {
+  gap?: number | number[];
+}
+/**
+ * @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 Grid: <E extends ElementType$1 = 'div'>(props: GridProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+interface SpinnerProps {
+  muted?: boolean;
+  size?: number | number[];
+}
+/**
+ * Indicate that something is loading for an indeterminate amount of time.
+ *
+ * @public
+ */
+declare const Spinner: import("react").ForwardRefExoticComponent<Omit<SpinnerProps & Omit<import("react").HTMLProps<HTMLDivElement>, "as" | "size">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @public
+ */
+interface StackOwnProps extends BoxOwnProps {
+  gap?: number | number[];
+  /**
+   * @deprecated Use `gap` instead. `space` will be removed in v4.
+   */
+  space?: number | number[];
+}
+/**
+ * @public
+ */
+type StackProps<E extends ElementType$1 = 'div'> = Props<StackOwnProps, E>;
+/**
+ * The `Stack` component is used to place elements on top of each other.
+ *
+ * @public
+ */
+declare const Stack: <E extends ElementType$1 = 'div'>(props: StackProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial';
+/**
+ * @public
+ */
+interface TextOwnProps {
+  accent?: boolean;
+  align?: TextAlign | TextAlign[];
+  /** When `true` the text color will be muted. */
+  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;
+}
+/**
+ * @public
+ */
+type TextProps<E extends ElementType$1 = 'div'> = Props<TextOwnProps, E>;
+/**
+ * The `Text` component is an agile, themed typographic element.
+ *
+ * @public
+ */
+declare const Text: <E extends ElementType$1 = 'div'>(props: TextProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+type TextInputClearButtonProps = ButtonOwnProps & Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>;
+/**
+ * @public
+ */
+type TextInputType = 'search' | 'date' | 'datetime-local' | 'email' | 'url' | 'month' | 'number' | 'password' | 'tel' | 'time' | 'text' | 'week' | 'color';
+/**
+ * @public
+ */
+interface TextInputProps {
+  /**
+   * @beta
+   */
+  __unstable_disableFocusRing?: boolean;
+  border?: boolean;
+  /**
+   * @beta
+   */
+  clearButton?: boolean | TextInputClearButtonProps;
+  customValidity?: string;
+  fontSize?: number | number[];
+  icon?: React.ElementType | React.ReactNode;
+  iconRight?: React.ElementType | React.ReactNode;
+  /**
+   * @beta
+   */
+  onClear?: () => void;
+  padding?: number | number[];
+  prefix?: React.ReactNode;
+  radius?: Radius | Radius[];
+  /**
+   * @deprecated Use `gap` instead. `space` will be removed in v4.
+   */
+  space?: number | number[];
+  gap?: number | number[];
+  suffix?: React.ReactNode;
+  type?: TextInputType;
+  weight?: ThemeFontWeightKey$1;
+}
+/**
+ * Single line text input.
+ *
+ * @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?: Placement[];
+  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>>;
+/**
+ * @public
+ */
+interface ThemeProviderProps {
+  children?: React.ReactNode;
+  scheme?: ThemeColorSchemeKey$1;
+  theme?: RootTheme$1;
+  tone?: ThemeColorCardToneKey;
+}
+/**
+ * @public
+ */
+declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element;
+/**
+ * @public
+ */
+declare function useTheme(): Theme$1;
+/**
+ * @public
+ */
+declare function useTheme_v2(): Theme_v2;
+/**
+ * @public
+ */
+interface LayerProviderProps {
+  children?: React.ReactNode;
+  zOffset?: number | number[];
+}
+/**
+ * @public
+ */
+declare function LayerProvider(props: LayerProviderProps): React.JSX.Element;
+/**
+ * @public
+ */
+interface PortalProps {
+  children: React.ReactNode;
+  /**
+   * @beta This API might change. DO NOT USE IN PRODUCTION.
+   */
+  __unstable_name?: string;
+}
+/**
+ * @public
+ */
+declare function Portal(props: PortalProps): React.ReactPortal | null;
+/**
+ * @public
+ */
+interface PortalProviderProps {
+  /**
+   * @deprecated Use `<BoundaryElementProvider element={...} />` instead
+   */
+  boundaryElement?: HTMLElement | null;
+  children: React.ReactNode;
+  element?: HTMLElement | null;
+  /**
+   * @beta
+   */
+  __unstable_elements?: Record<string, HTMLElement | null | undefined>;
+}
+/**
+ * @public
+ */
+declare function PortalProvider(props: PortalProviderProps): React.JSX.Element;
+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