@sanity/ui 2.16.22 → 2.16.24

package/dist/index.d.mts

@@ -1,101 +1,106 @@
-import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
-import {Component} from 'react'
-import {Context} from 'react'
-import {createColorTheme as createColorTheme_2} from '@sanity/ui/theme'
-import {CSSObject} from '@sanity/ui/theme'
-import {DetailedHTMLProps} from 'react'
-import {ElementType} from 'react'
-import {FastOmit} from 'styled-components'
-import {ForwardRefExoticComponent} from 'react'
-import {hexToRgb as hexToRgb_2} from '@sanity/ui/theme'
-import {HSL as HSL_2} from '@sanity/ui/theme'
-import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
-import {HTMLAttributes} from 'react'
-import {HTMLProps} from 'react'
-import {IStyledComponentBase} from 'styled-components/dist/types'
-import {multiply as multiply_2} from '@sanity/ui/theme'
-import {MutableRefObject} from 'react'
-import {NamedExoticComponent} from 'react'
-import {parseColor as parseColor_2} from '@sanity/ui/theme'
-import {PartialThemeColorBuilderOpts} from '@sanity/ui/theme'
-import {PropsWithChildren} from 'react'
-import {ReactNode} from 'react'
-import {Ref} from 'react'
-import {RefAttributes} from 'react'
-import {RefCallback} from 'react'
-import {RGB as RGB_2} from '@sanity/ui/theme'
-import {rgba as rgba_2} from '@sanity/ui/theme'
-import {rgbToHex as rgbToHex_2} from '@sanity/ui/theme'
-import {rgbToHsl as rgbToHsl_2} from '@sanity/ui/theme'
-import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
-import {screen as screen_3} from '@sanity/ui/theme'
-import {Theme as Theme_2} from '@sanity/ui/theme'
-import {Theme_v2} from '@sanity/ui/theme'
-import {ThemeAvatar} from '@sanity/ui/theme'
-import {ThemeBoxShadow} from '@sanity/ui/theme'
-import {ThemeColor} from '@sanity/ui/theme'
-import {ThemeColorAvatarColorKey} from '@sanity/ui/theme'
-import {ThemeColorBase} from '@sanity/ui/theme'
-import {ThemeColorBuilderOpts} from '@sanity/ui/theme'
-import {ThemeColorButton} from '@sanity/ui/theme'
-import {ThemeColorButtonModeKey as ThemeColorButtonModeKey_2} from '@sanity/ui/theme'
-import {ThemeColorButtonState} from '@sanity/ui/theme'
-import {ThemeColorButtonStates} from '@sanity/ui/theme'
-import {ThemeColorButtonTones} from '@sanity/ui/theme'
-import {ThemeColorCard} from '@sanity/ui/theme'
-import {ThemeColorCardState} from '@sanity/ui/theme'
-import {ThemeColorCardToneKey} from '@sanity/ui/theme'
-import {ThemeColorGenericState} from '@sanity/ui/theme'
-import {ThemeColorInput} from '@sanity/ui/theme'
-import {ThemeColorInputState} from '@sanity/ui/theme'
-import {ThemeColorInputStates} from '@sanity/ui/theme'
-import {ThemeColorMuted} from '@sanity/ui/theme'
-import {ThemeColorMutedTone} from '@sanity/ui/theme'
-import {ThemeColorName} from '@sanity/ui/theme'
-import {ThemeColorScheme} from '@sanity/ui/theme'
-import {ThemeColorSchemeKey as ThemeColorSchemeKey_2} from '@sanity/ui/theme'
-import {ThemeColorSchemes} from '@sanity/ui/theme'
-import {ThemeColorSelectable} from '@sanity/ui/theme'
-import {ThemeColorSelectableState} from '@sanity/ui/theme'
-import {ThemeColorSelectableStates} from '@sanity/ui/theme'
-import {ThemeColorSolid} from '@sanity/ui/theme'
-import {ThemeColorSolidTone} from '@sanity/ui/theme'
-import {ThemeColorSpot} from '@sanity/ui/theme'
-import {ThemeColorSpotKey} from '@sanity/ui/theme'
-import {ThemeColorStateToneKey} from '@sanity/ui/theme'
-import {ThemeColorSyntax as ThemeColorSyntax_2} from '@sanity/ui/theme'
-import {ThemeColorToneKey} from '@sanity/ui/theme'
-import {ThemeFont as ThemeFont_2} from '@sanity/ui/theme'
-import {ThemeFontKey as ThemeFontKey_2} from '@sanity/ui/theme'
-import {ThemeFonts as ThemeFonts_2} from '@sanity/ui/theme'
-import {ThemeFontSize as ThemeFontSize_2} from '@sanity/ui/theme'
-import {ThemeFontWeight as ThemeFontWeight_2} from '@sanity/ui/theme'
-import {ThemeFontWeightKey as ThemeFontWeightKey_2} from '@sanity/ui/theme'
-import {ThemeInput} from '@sanity/ui/theme'
-import {ThemeLayer as ThemeLayer_2} from '@sanity/ui/theme'
-import {ThemeShadow as ThemeShadow_2} from '@sanity/ui/theme'
-import {ThemeStyles} from '@sanity/ui/theme'
+import { BaseTheme as BaseTheme_2 } from "@sanity/ui/theme";
+import { Component } from "react";
+import { Context } from "react";
+import { createColorTheme as createColorTheme_2 } from "@sanity/ui/theme";
+import { CSSObject } from "@sanity/ui/theme";
+import { DetailedHTMLProps } from "react";
+import { ElementType } from "react";
+import { FastOmit } from "styled-components";
+import { ForwardRefExoticComponent } from "react";
+import { hexToRgb as hexToRgb_2 } from "@sanity/ui/theme";
+import { HSL as HSL_2 } from "@sanity/ui/theme";
+import { hslToRgb as hslToRgb_2 } from "@sanity/ui/theme";
+import { HTMLAttributes } from "react";
+import { HTMLProps } from "react";
+import { IStyledComponentBase } from "styled-components/dist/types";
+import { multiply as multiply_2 } from "@sanity/ui/theme";
+import { MutableRefObject } from "react";
+import { NamedExoticComponent } from "react";
+import { parseColor as parseColor_2 } from "@sanity/ui/theme";
+import { PartialThemeColorBuilderOpts } from "@sanity/ui/theme";
+import { PropsWithChildren } from "react";
+import { ReactNode } from "react";
+import { Ref } from "react";
+import { RefAttributes } from "react";
+import { RefCallback } from "react";
+import { RGB as RGB_2 } from "@sanity/ui/theme";
+import { rgba as rgba_2 } from "@sanity/ui/theme";
+import { rgbToHex as rgbToHex_2 } from "@sanity/ui/theme";
+import { rgbToHsl as rgbToHsl_2 } from "@sanity/ui/theme";
+import { RootTheme as RootTheme_2 } from "@sanity/ui/theme";
+import { screen as screen_3 } from "@sanity/ui/theme";
+import { Theme as Theme_2 } from "@sanity/ui/theme";
+import { Theme_v2 } from "@sanity/ui/theme";
+import { ThemeAvatar } from "@sanity/ui/theme";
+import { ThemeBoxShadow } from "@sanity/ui/theme";
+import { ThemeColor } from "@sanity/ui/theme";
+import { ThemeColorAvatarColorKey } from "@sanity/ui/theme";
+import { ThemeColorBase } from "@sanity/ui/theme";
+import { ThemeColorBuilderOpts } from "@sanity/ui/theme";
+import { ThemeColorButton } from "@sanity/ui/theme";
+import { ThemeColorButtonModeKey as ThemeColorButtonModeKey_2 } from "@sanity/ui/theme";
+import { ThemeColorButtonState } from "@sanity/ui/theme";
+import { ThemeColorButtonStates } from "@sanity/ui/theme";
+import { ThemeColorButtonTones } from "@sanity/ui/theme";
+import { ThemeColorCard } from "@sanity/ui/theme";
+import { ThemeColorCardState } from "@sanity/ui/theme";
+import { ThemeColorCardToneKey } from "@sanity/ui/theme";
+import { ThemeColorGenericState } from "@sanity/ui/theme";
+import { ThemeColorInput } from "@sanity/ui/theme";
+import { ThemeColorInputState } from "@sanity/ui/theme";
+import { ThemeColorInputStates } from "@sanity/ui/theme";
+import { ThemeColorMuted } from "@sanity/ui/theme";
+import { ThemeColorMutedTone } from "@sanity/ui/theme";
+import { ThemeColorName } from "@sanity/ui/theme";
+import { ThemeColorScheme } from "@sanity/ui/theme";
+import { ThemeColorSchemeKey as ThemeColorSchemeKey_2 } from "@sanity/ui/theme";
+import { ThemeColorSchemes } from "@sanity/ui/theme";
+import { ThemeColorSelectable } from "@sanity/ui/theme";
+import { ThemeColorSelectableState } from "@sanity/ui/theme";
+import { ThemeColorSelectableStates } from "@sanity/ui/theme";
+import { ThemeColorSolid } from "@sanity/ui/theme";
+import { ThemeColorSolidTone } from "@sanity/ui/theme";
+import { ThemeColorSpot } from "@sanity/ui/theme";
+import { ThemeColorSpotKey } from "@sanity/ui/theme";
+import { ThemeColorStateToneKey } from "@sanity/ui/theme";
+import { ThemeColorSyntax as ThemeColorSyntax_2 } from "@sanity/ui/theme";
+import { ThemeColorToneKey } from "@sanity/ui/theme";
+import { ThemeFont as ThemeFont_2 } from "@sanity/ui/theme";
+import { ThemeFontKey as ThemeFontKey_2 } from "@sanity/ui/theme";
+import { ThemeFonts as ThemeFonts_2 } from "@sanity/ui/theme";
+import { ThemeFontSize as ThemeFontSize_2 } from "@sanity/ui/theme";
+import { ThemeFontWeight as ThemeFontWeight_2 } from "@sanity/ui/theme";
+import { ThemeFontWeightKey as ThemeFontWeightKey_2 } from "@sanity/ui/theme";
+import { ThemeInput } from "@sanity/ui/theme";
+import { ThemeLayer as ThemeLayer_2 } from "@sanity/ui/theme";
+import { ThemeShadow as ThemeShadow_2 } from "@sanity/ui/theme";
+import { ThemeStyles } from "@sanity/ui/theme";
 
 /** @beta */
-export declare type ArrayPropPrimitive = string | number | boolean | undefined | null
+export declare type ArrayPropPrimitive =
+  | string
+  | number
+  | boolean
+  | undefined
+  | null;
 
 /** @internal */
 export declare const Arrow: ForwardRefExoticComponent<
   Omit<
     {
-      width: number
-      height: number
-      radius?: number
-    } & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width'>,
-    'ref'
+      width: number;
+      height: number;
+      radius?: number;
+    } & Omit<HTMLProps<HTMLDivElement>, "height" | "width">,
+    "ref"
   > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @internal
  */
-export declare function attemptFocus(element: HTMLElement): boolean
+export declare function attemptFocus(element: HTMLElement): boolean;
 
 /**
  * The Autocomplete component is typically used for search components.
@@ -107,43 +112,43 @@ export 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'
+      | "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>
+      ref?: Ref<HTMLInputElement>;
     },
-) => React.JSX.Element
+) => React.JSX.Element;
 
 /**
  * @internal
  */
 export declare interface AutocompleteInputChangeMsg {
-  type: 'input/change'
-  query: string | null
+  type: "input/change";
+  query: string | null;
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteInputFoocusMsg {
-  type: 'input/focus'
+  type: "input/focus";
 }
 
 /**
@@ -158,13 +163,13 @@ export declare type AutocompleteMsg =
   | AutocompleteRootSetListFocusedMsg
   | AutocompleteInputChangeMsg
   | AutocompleteInputFoocusMsg
-  | AutocompleteValueChangeMsg
+  | AutocompleteValueChangeMsg;
 
 /**
  * @public
  */
-export declare type AutocompleteOpenButtonProps = Omit<ButtonProps, 'as'> &
-  Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'ref'>
+export declare type AutocompleteOpenButtonProps = Omit<ButtonProps, "as"> &
+  Omit<React.HTMLProps<HTMLButtonElement>, "as" | "ref">;
 
 /**
  * @public
@@ -172,113 +177,119 @@ export declare type AutocompleteOpenButtonProps = Omit<ButtonProps, 'as'> &
 export declare interface AutocompleteProps<
   Option extends BaseAutocompleteOption = BaseAutocompleteOption,
 > {
-  border?: boolean
-  customValidity?: string
-  filterOption?: (query: string, option: Option) => boolean
-  fontSize?: number | number[]
-  icon?: ElementType | ReactNode
-  id: string
+  border?: boolean;
+  customValidity?: string;
+  filterOption?: (query: string, option: Option) => boolean;
+  fontSize?: number | number[];
+  icon?: ElementType | ReactNode;
+  id: string;
   /** @beta */
-  listBox?: BoxProps
-  loading?: boolean
-  onChange?: (value: string) => void
-  onQueryChange?: (query: string | null) => void
-  onSelect?: (value: string) => void
+  listBox?: BoxProps;
+  loading?: boolean;
+  onChange?: (value: string) => void;
+  onQueryChange?: (query: string | null) => void;
+  onSelect?: (value: string) => void;
   /** @beta */
-  openButton?: boolean | AutocompleteOpenButtonProps
+  openButton?: boolean | AutocompleteOpenButtonProps;
   /** @beta */
-  openOnFocus?: boolean
+  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[]
+  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[]
+  relatedElements?: HTMLElement[];
   /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => React.JSX.Element
+  renderOption?: (option: Option) => React.JSX.Element;
   /** @beta */
   renderPopover?: (
     props: {
-      content: React.JSX.Element | null
-      hidden: boolean
-      inputElement: HTMLInputElement | null
-      onMouseEnter: () => void
-      onMouseLeave: () => void
+      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
+  ) => ReactNode;
+  renderValue?: (value: string, option?: Option) => string;
+  suffix?: ReactNode;
   /** The current value. */
-  value?: string
+  value?: string;
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteRootBlurMsg {
-  type: 'root/blur'
+  type: "root/blur";
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteRootClearMsg {
-  type: 'root/clear'
+  type: "root/clear";
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteRootEscapeMsg {
-  type: 'root/escape'
+  type: "root/escape";
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteRootOpenMsg {
-  type: 'root/open'
-  query: string | null
+  type: "root/open";
+  query: string | null;
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteRootSetActiveValueMsg {
-  type: 'root/setActiveValue'
-  value: string
-  listFocused?: boolean
+  type: "root/setActiveValue";
+  value: string;
+  listFocused?: boolean;
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteRootSetListFocusedMsg {
-  type: 'root/setListFocused'
-  listFocused: boolean
+  type: "root/setListFocused";
+  listFocused: boolean;
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteState {
-  activeValue: string | null
-  focused: boolean
-  listFocused: boolean
-  query: string | null
-  value: string | null
+  activeValue: string | null;
+  focused: boolean;
+  listFocused: boolean;
+  query: string | null;
+  value: string | null;
 }
 
 /**
  * @internal
  */
 export declare interface AutocompleteValueChangeMsg {
-  type: 'value/change'
-  value: string | null
+  type: "value/change";
+  value: string | null;
 }
 
 /**
@@ -287,87 +298,91 @@ export declare interface AutocompleteValueChangeMsg {
  * @public
  */
 export declare const Avatar: ForwardRefExoticComponent<
-  AvatarProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
->
+  AvatarProps &
+    Omit<HTMLProps<HTMLDivElement>, "ref" | "as"> &
+    RefAttributes<HTMLDivElement>
+>;
 
 /**
  * @public
  */
 export declare const AvatarCounter: ForwardRefExoticComponent<
   AvatarCounterProps & RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface AvatarCounterProps {
-  count: number
-  size?: AvatarSize | AvatarSize[]
+  count: number;
+  size?: AvatarSize | AvatarSize[];
   /** @deprecated No longer supported. */
-  tone?: 'navbar'
+  tone?: "navbar";
 }
 
 /**
  * @public
  */
-export declare type AvatarPosition = 'top' | 'bottom' | 'inside'
+export declare type AvatarPosition = "top" | "bottom" | "inside";
 
 /**
  * @public
  */
 export declare interface AvatarProps {
   /** @beta */
-  __unstable_hideInnerStroke?: boolean
-  animateArrowFrom?: AvatarPosition
-  arrowPosition?: AvatarPosition
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  color?: ThemeColorAvatarColorKey
-  initials?: string
-  onImageLoadError?: (event: Error) => void
-  size?: AvatarSize | AvatarSize[]
-  src?: string
+  __unstable_hideInnerStroke?: boolean;
+  animateArrowFrom?: AvatarPosition;
+  arrowPosition?: AvatarPosition;
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  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
+  status?: AvatarStatus;
+  title?: string;
 }
 
 /**
  * @internal
  */
 export declare interface AvatarRootStyleProps {
-  $color: ThemeColorAvatarColorKey
+  $color: ThemeColorAvatarColorKey;
 }
 
 /**
  * @public
  */
-export declare type AvatarSize = 0 | 1 | 2 | 3
+export declare type AvatarSize = 0 | 1 | 2 | 3;
 
 /**
  * @public
  */
 export declare const AvatarStack: ForwardRefExoticComponent<
-  AvatarStackProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
->
+  AvatarStackProps &
+    Omit<HTMLProps<HTMLDivElement>, "ref" | "as"> &
+    RefAttributes<HTMLDivElement>
+>;
 
 /**
  * @public
  */
 export declare interface AvatarStackProps {
-  children: React.ReactNode
-  maxLength?: number
-  size?: AvatarSize | AvatarSize[]
+  children: React.ReactNode;
+  maxLength?: number;
+  size?: AvatarSize | AvatarSize[];
   /** @deprecated No longer supported. */
-  tone?: 'navbar'
+  tone?: "navbar";
 }
 
 /**
  * @public
  */
-export declare type AvatarStatus = 'online' | 'editing' | 'inactive'
+export declare type AvatarStatus = "online" | "editing" | "inactive";
 
 /**
  * Badges are used to tag resources.
@@ -375,50 +390,50 @@ export declare type AvatarStatus = 'online' | 'editing' | 'inactive'
  * @public
  */
 export declare const Badge: ForwardRefExoticComponent<
-  Omit<BadgeProps & HTMLProps<HTMLDivElement>, 'ref'> & RefAttributes<unknown>
->
+  Omit<BadgeProps & HTMLProps<HTMLDivElement>, "ref"> & RefAttributes<unknown>
+>;
 
 /**
  * @public
  * @deprecated No longer used
  */
-export declare type BadgeMode = 'default' | 'outline'
+export declare type BadgeMode = "default" | "outline";
 
 /**
  * @public
  */
 export declare interface BadgeProps extends BoxProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  fontSize?: number | number[]
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  fontSize?: number | number[];
   /** @deprecated No longer used. */
-  mode?: BadgeMode
-  tone?: BadgeTone
+  mode?: BadgeMode;
+  tone?: BadgeTone;
 }
 
 /**
  * @public
  */
-export declare type BadgeTone = ThemeColorStateToneKey
+export declare type BadgeTone = ThemeColorStateToneKey;
 
 /**
  * @public
  */
 export declare interface BaseAutocompleteOption {
-  value: string
+  value: string;
 }
 
 /**
  * @public
  * @deprecated Use `BaseTheme` from `@sanity/ui/theme` instead.
  */
-export declare type BaseTheme = BaseTheme_2
+export declare type BaseTheme = BaseTheme_2;
 
 /**
  * @public
  */
 export declare interface BoundaryElementContextValue {
-  version: 0.0
-  element: HTMLElement | null
+  version: 0.0;
+  element: HTMLElement | null;
 }
 
 /**
@@ -426,18 +441,18 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps,
-): React.JSX.Element
+): React.JSX.Element;
 
 export declare namespace BoundaryElementProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
 export declare interface BoundaryElementProviderProps {
-  children: React.ReactNode
-  element: HTMLElement | null
+  children: React.ReactNode;
+  element: HTMLElement | null;
 }
 
 /**
@@ -447,24 +462,29 @@ export declare interface BoundaryElementProviderProps {
  * @public
  */
 export declare const Box: ForwardRefExoticComponent<
-  Omit<BoxProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
+  Omit<BoxProps & Omit<HTMLProps<HTMLDivElement>, "height" | "as">, "ref"> &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
-export declare type BoxDisplay = 'none' | 'block' | 'grid' | 'flex' | 'inline-block'
+export declare type BoxDisplay =
+  | "none"
+  | "block"
+  | "grid"
+  | "flex"
+  | "inline-block";
 
 /**
  * @public
  */
-export declare type BoxHeight = 'stretch' | 'fill'
+export declare type BoxHeight = "stretch" | "fill";
 
 /**
  * @public
  */
-export declare type BoxOverflow = 'visible' | 'hidden' | 'auto'
+export declare type BoxOverflow = "visible" | "hidden" | "auto";
 
 /**
  * @public
@@ -475,91 +495,96 @@ export declare interface BoxProps
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
     ResponsivePaddingProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  forwardedAs?: React.ElementType | keyof React.JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  forwardedAs?: React.ElementType | keyof React.JSX.IntrinsicElements;
 }
 
 /**
  * @public
  * @deprecated Use `ThemeBoxShadow` from `@sanity/ui/theme` instead.
  */
-export declare type BoxShadow = ThemeBoxShadow
+export declare type BoxShadow = ThemeBoxShadow;
 
 /**
  * @public
  */
-export declare type BoxSizing = 'content' | 'border'
+export declare type BoxSizing = "content" | "border";
 
 /**
  * @beta
  */
 export declare const Breadcrumbs: ForwardRefExoticComponent<
   BreadcrumbsProps &
-    Omit<HTMLProps<HTMLOListElement>, 'type' | 'ref' | 'as'> &
+    Omit<HTMLProps<HTMLOListElement>, "type" | "ref" | "as"> &
     RefAttributes<HTMLOListElement>
->
+>;
 
 /**
  * @beta
  */
 export declare interface BreadcrumbsProps {
-  maxLength?: number
-  separator?: React.ReactNode
-  space?: number | number[]
+  maxLength?: number;
+  separator?: React.ReactNode;
+  space?: number | number[];
 }
 
 /**
  * @public
  */
 export declare const Button: ForwardRefExoticComponent<
-  Omit<ButtonProps & Omit<HTMLProps<HTMLButtonElement>, 'width' | 'as'>, 'ref'> &
+  Omit<
+    ButtonProps & Omit<HTMLProps<HTMLButtonElement>, "width" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLButtonElement>
->
+>;
 
 /**
  * @public
  */
-export declare type ButtonMode = ThemeColorButtonModeKey_2
+export declare type ButtonMode = ThemeColorButtonModeKey_2;
 
 /**
  * @public
  */
-export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  fontSize?: number | number[]
-  mode?: ButtonMode
-  icon?: React.ElementType | React.ReactNode
-  iconRight?: React.ElementType | React.ReactNode
-  justify?: FlexJustify | FlexJustify[]
+export declare interface ButtonProps
+  extends ResponsivePaddingProps,
+    ResponsiveRadiusProps {
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  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
-  space?: number | number[]
-  muted?: boolean
-  text?: React.ReactNode
-  textAlign?: ButtonTextAlign
-  textWeight?: ThemeFontWeightKey_2
-  tone?: ButtonTone
-  type?: 'button' | 'reset' | 'submit'
-  width?: ButtonWidth
+  loading?: boolean;
+  selected?: boolean;
+  space?: number | number[];
+  muted?: boolean;
+  text?: React.ReactNode;
+  textAlign?: ButtonTextAlign;
+  textWeight?: ThemeFontWeightKey_2;
+  tone?: ButtonTone;
+  type?: "button" | "reset" | "submit";
+  width?: ButtonWidth;
 }
 
 /**
  * @public
  */
-export declare type ButtonTextAlign = 'left' | 'right' | 'center'
+export declare type ButtonTextAlign = "left" | "right" | "center";
 
 /**
  * @public
  */
-export declare type ButtonTone = ThemeColorStateToneKey
+export declare type ButtonTone = ThemeColorStateToneKey;
 
 /**
  * @public
  */
-export declare type ButtonWidth = 'fill'
+export declare type ButtonWidth = "fill";
 
 /**
  * The `Card` component acts much like a `Box`, but with a background and foreground color.
@@ -568,9 +593,9 @@ export declare type ButtonWidth = 'fill'
  * @public
  */
 export declare const Card: ForwardRefExoticComponent<
-  Omit<CardProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
+  Omit<CardProps & Omit<HTMLProps<HTMLDivElement>, "height" | "as">, "ref"> &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
@@ -584,32 +609,32 @@ export declare interface CardProps
    * Do not use in production.
    * @beta
    */
-  __unstable_checkered?: boolean
+  __unstable_checkered?: boolean;
   /**
    * Do not use in production.
    * @beta
    */
-  __unstable_focusRing?: boolean
-  muted?: boolean
-  pressed?: boolean
-  scheme?: ThemeColorSchemeKey_2
-  tone?: CardTone
+  __unstable_focusRing?: boolean;
+  muted?: boolean;
+  pressed?: boolean;
+  scheme?: ThemeColorSchemeKey_2;
+  tone?: CardTone;
 }
 
 /**
  * @internal
  */
 export declare interface CardStyleProps {
-  $checkered: boolean
-  $focusRing: boolean
-  $muted: boolean
-  $tone: ThemeColorToneKey
+  $checkered: boolean;
+  $focusRing: boolean;
+  $muted: boolean;
+  $tone: ThemeColorToneKey;
 }
 
 /**
  * @public
  */
-export declare type CardTone = ThemeColorCardToneKey | 'inherit'
+export declare type CardTone = ThemeColorCardToneKey | "inherit";
 
 /**
  * Checkboxes allow the user to select one or more items from a set.
@@ -617,54 +642,66 @@ export declare type CardTone = ThemeColorCardToneKey | 'inherit'
  * @public
  */
 export declare const Checkbox: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & CheckboxProps, 'ref'> &
+  Omit<
+    Omit<HTMLProps<HTMLInputElement>, "type" | "as"> & CheckboxProps,
+    "ref"
+  > &
     RefAttributes<HTMLInputElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface CheckboxProps {
-  indeterminate?: boolean
-  customValidity?: string
+  indeterminate?: boolean;
+  customValidity?: string;
 }
 
 /**
  * @public
  */
-export declare type ClickOutsideElements = (HTMLElement | null | (HTMLElement | null)[])[]
+export declare type ClickOutsideElements = (
+  | HTMLElement
+  | null
+  | (HTMLElement | null)[]
+)[];
 
 /**
  * @public
  */
-export declare type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[]
+export declare type ClickOutsideEventElements = (
+  | HTMLElement
+  | null
+  | (HTMLElement | null)[]
+)[];
 
 /**
  * @public
  */
-export declare type ClickOutsideEventListener = (event: MouseEvent) => void
+export declare type ClickOutsideEventListener = (event: MouseEvent) => void;
 
 /**
  * @public
  */
-export declare type ClickOutsideListener = (event: MouseEvent) => void
+export declare type ClickOutsideListener = (event: MouseEvent) => void;
 
 /**
  * @public
  */
 export declare const Code: ForwardRefExoticComponent<
-  Omit<CodeProps & Omit<HTMLProps<HTMLElement>, 'size' | 'as'>, 'ref'> & RefAttributes<HTMLElement>
->
+  Omit<CodeProps & Omit<HTMLProps<HTMLElement>, "size" | "as">, "ref"> &
+    RefAttributes<HTMLElement>
+>;
 
 /**
  * @public
  */
 export declare interface CodeProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   /** Define the language to use for syntax highlighting. */
-  language?: string
-  size?: number | number[]
-  weight?: string
+  language?: string;
+  size?: number | number[];
+  weight?: string;
 }
 
 /**
@@ -673,18 +710,19 @@ export declare interface CodeProps {
  */
 export declare const CodeSkeleton: ForwardRefExoticComponent<
   Omit<
-    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
-    'ref'
+    CodeSkeletonProps &
+      Omit<HTMLProps<HTMLDivElement>, "height" | "size" | "children" | "as">,
+    "ref"
   > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
 export declare interface CodeSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: number | number[];
 }
 
 /**
@@ -696,13 +734,13 @@ export declare function ConditionalWrapper({
   condition,
   wrapper,
 }: {
-  children: React.ReactNode
-  condition: boolean
-  wrapper: (children: React.ReactNode) => React.ReactNode
-}): React.ReactNode
+  children: React.ReactNode;
+  condition: boolean;
+  wrapper: (children: React.ReactNode) => React.ReactNode;
+}): React.ReactNode;
 
 export declare namespace ConditionalWrapper {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
@@ -711,25 +749,33 @@ export declare namespace ConditionalWrapper {
  * @public
  */
 export declare const Container: ForwardRefExoticComponent<
-  Omit<ContainerProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'as'>, 'ref'> &
+  Omit<
+    ContainerProps & Omit<HTMLProps<HTMLDivElement>, "height" | "width" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
-export declare interface ContainerProps extends BoxProps, ResponsiveWidthProps {}
+export declare interface ContainerProps
+  extends BoxProps,
+    ResponsiveWidthProps {}
 
 /**
  * @internal
  */
-export declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean
+export declare function containsOrEqualsElement(
+  element: HTMLElement,
+  node: Node,
+): boolean;
 
 /**
  * @public
  * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
  */
-export declare const createColorTheme: typeof createColorTheme_2
+export declare const createColorTheme: typeof createColorTheme_2;
 
 /**
  * @public
@@ -737,9 +783,9 @@ export declare const createColorTheme: typeof createColorTheme_2
 export declare type Delay =
   | number
   | Partial<{
-      open: number
-      close: number
-    }>
+      open: number;
+      close: number;
+    }>;
 
 /**
  * The Dialog component.
@@ -747,73 +793,80 @@ export declare type Delay =
  * @public
  */
 export declare const Dialog: ForwardRefExoticComponent<
-  Omit<DialogProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'width' | 'as'>, 'ref'> &
+  Omit<
+    DialogProps & Omit<HTMLProps<HTMLDivElement>, "id" | "width" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @internal
  */
-export declare const DialogContext: Context<DialogContextValue>
+export declare const DialogContext: Context<DialogContextValue>;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
 export declare interface DialogContextValue {
-  version: 0.0
-  position?: DialogPosition | DialogPosition[]
-  zOffset?: number | number[]
+  version: 0.0;
+  position?: DialogPosition | DialogPosition[];
+  zOffset?: number | number[];
 }
 
 /**
  * @public
  */
-export declare type DialogPosition = 'absolute' | 'fixed'
+export declare type DialogPosition = "absolute" | "fixed";
 
 /**
  * @public
  */
-export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {
+export declare interface DialogProps
+  extends ResponsivePaddingProps,
+    ResponsiveWidthProps {
   /**
    * @beta
    */
-  __unstable_autoFocus?: boolean
+  __unstable_autoFocus?: boolean;
   /**
    * @beta
    */
-  __unstable_hideCloseButton?: boolean
-  cardRadius?: Radius | Radius[]
-  cardShadow?: number | number[]
-  contentRef?: React.ForwardedRef<HTMLDivElement>
-  footer?: React.ReactNode
-  header?: React.ReactNode
-  id: string
+  __unstable_hideCloseButton?: boolean;
+  cardRadius?: Radius | Radius[];
+  cardShadow?: number | number[];
+  contentRef?: React.ForwardedRef<HTMLDivElement>;
+  footer?: React.ReactNode;
+  header?: React.ReactNode;
+  id: string;
   /** A callback that fires when the dialog becomes the top layer when it was not the top layer before. */
-  onActivate?: LayerProps['onActivate']
-  onClickOutside?: () => void
-  onClose?: () => void
-  portal?: string
-  position?: DialogPosition | DialogPosition[]
-  scheme?: ThemeColorSchemeKey_2
-  zOffset?: number | number[]
+  onActivate?: LayerProps["onActivate"];
+  onClickOutside?: () => void;
+  onClose?: () => void;
+  portal?: string;
+  position?: DialogPosition | DialogPosition[];
+  scheme?: ThemeColorSchemeKey_2;
+  zOffset?: number | number[];
   /**
    * Whether the dialog should animate in on mount.
    *
    * @beta
    * @defaultValue false
    */
-  animate?: boolean
+  animate?: boolean;
 }
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function DialogProvider(props: DialogProviderProps): React.JSX.Element
+export declare function DialogProvider(
+  props: DialogProviderProps,
+): React.JSX.Element;
 
 export declare namespace DialogProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
@@ -821,9 +874,9 @@ export declare namespace DialogProvider {
  * @beta
  */
 export declare interface DialogProviderProps {
-  children?: React.ReactNode
-  position?: DialogPosition | DialogPosition[]
-  zOffset?: number | number[]
+  children?: React.ReactNode;
+  position?: DialogPosition | DialogPosition[];
+  zOffset?: number | number[];
 }
 
 /**
@@ -831,61 +884,73 @@ export declare interface DialogProviderProps {
  * @beta
  */
 export declare const ElementQuery: ForwardRefExoticComponent<
-  Omit<MediaQueryProps & Omit<HTMLProps<HTMLDivElement>, 'media' | 'as'>, 'ref'> &
+  Omit<
+    MediaQueryProps & Omit<HTMLProps<HTMLDivElement>, "media" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @beta
  */
 export declare interface ElementRectValue {
-  width: number
-  height: number
+  width: number;
+  height: number;
 }
 
 /**
  * @beta
  */
 export declare interface ElementSize {
-  content: ElementRectValue
-  border: ElementRectValue
+  content: ElementRectValue;
+  border: ElementRectValue;
   /** @deprecated INTERNAL ONLY */
-  _contentRect: DOMRectReadOnly
+  _contentRect: DOMRectReadOnly;
 }
 
 /**
  * @internal
  */
 export declare interface _ElementSizeListener {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
+  subscribe: (
+    element: HTMLElement,
+    subscriber: _ElementSizeSubscriber,
+  ) => () => void;
 }
 
 /**
  * @internal
  */
 export declare interface _ElementSizeObserver {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
+  subscribe: (
+    element: HTMLElement,
+    subscriber: _ElementSizeSubscriber,
+  ) => () => void;
 }
 
 /**
  * @internal
  */
-export declare const _elementSizeObserver: _ElementSizeObserver
+export declare const _elementSizeObserver: _ElementSizeObserver;
 
 /**
  * @internal
  */
-export declare type _ElementSizeSubscriber = (elementRect: ElementSize) => void
+export declare type _ElementSizeSubscriber = (elementRect: ElementSize) => void;
 
 /**
  * DO NOT USE IN PRODUCTION
  * @beta
  */
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  state: ErrorBoundaryState
-  static getDerivedStateFromError(error: Error): ErrorBoundaryState
-  componentDidCatch(error: Error, info: React.ErrorInfo): void
-  render(): React.ReactNode
+export declare class ErrorBoundary extends Component<
+  ErrorBoundaryProps,
+  ErrorBoundaryState
+> {
+  state: ErrorBoundaryState;
+  static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+  componentDidCatch(error: Error, info: React.ErrorInfo): void;
+  render(): React.ReactNode;
 }
 
 /**
@@ -893,15 +958,15 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
  * @beta
  */
 export declare type ErrorBoundaryProps = PropsWithChildren<{
-  onCatch: (params: {error: Error; info: React.ErrorInfo}) => void
-}>
+  onCatch: (params: { error: Error; info: React.ErrorInfo }) => void;
+}>;
 
 /**
  * DO NOT USE IN PRODUCTION
  * @beta
  */
 export declare interface ErrorBoundaryState {
-  error: Error | null
+  error: Error | null;
 }
 
 /**
@@ -910,7 +975,7 @@ export declare interface ErrorBoundaryState {
 export declare function _fillCSSObject(
   keys: string[],
   value: string | number | CSSObject,
-): CSSObject
+): CSSObject;
 
 /**
  * The `Flex` component is a wrapper component for flexible elements (`Box`, `Card` and `Flex`).
@@ -918,72 +983,84 @@ export declare function _fillCSSObject(
  * @public
  */
 export declare const Flex: ForwardRefExoticComponent<
-  Omit<FlexProps & Omit<HTMLProps<HTMLDivElement>, 'wrap' | 'as'>, 'ref'> &
+  Omit<FlexProps & Omit<HTMLProps<HTMLDivElement>, "wrap" | "as">, "ref"> &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
-export declare type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'
+export declare type FlexAlign =
+  | "flex-start"
+  | "flex-end"
+  | "center"
+  | "baseline"
+  | "stretch";
 
 /**
  * @public
  */
-export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse'
+export declare type FlexDirection =
+  | "row"
+  | "row-reverse"
+  | "column"
+  | "column-reverse";
 
 /**
  * @public
  */
 export declare type FlexJustify =
-  | 'flex-start'
-  | 'flex-end'
-  | 'center'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
+  | "flex-start"
+  | "flex-end"
+  | "center"
+  | "space-between"
+  | "space-around"
+  | "space-evenly";
 
 /**
  * @public
  */
 export declare interface FlexProps
-  extends Omit<BoxProps, 'display'>,
+  extends Omit<BoxProps, "display">,
     ResponsiveFlexProps,
     ResponsiveFlexItemProps {
-  gap?: number | number[]
+  gap?: number | number[];
 }
 
 /**
  * @public
  */
-export declare type FlexValue = number | 'none' | 'auto' | 'initial'
+export declare type FlexValue = number | "none" | "auto" | "initial";
 
 /**
  * @public
  */
-export declare type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap'
+export declare type FlexWrap = "wrap" | "wrap-reverse" | "nowrap";
 
 /**
  * @internal
  */
-export declare function focusFirstDescendant(element: HTMLElement): boolean
+export declare function focusFirstDescendant(element: HTMLElement): boolean;
 
 /**
  * @internal
  */
-export declare function focusLastDescendant(element: HTMLElement): boolean
+export declare function focusLastDescendant(element: HTMLElement): boolean;
 
 /**
  * @internal
  */
 export declare interface FontWeightStyleProps {
-  $weight?: ThemeFontWeightKey_2
+  $weight?: ThemeFontWeightKey_2;
 }
 
 /**
  * @internal
  */
-export declare function _getArrayProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[]
+export declare function _getArrayProp<T = number>(
+  val: T | T[] | undefined,
+  defaultVal?: T[],
+): T[];
 
 /**
  * @internal
@@ -992,7 +1069,7 @@ export declare function _getResponsiveSpace(
   theme: Theme_2,
   props: string[],
   spaceIndexes?: number[],
-): CSSObject[] | null
+): CSSObject[] | null;
 
 /**
  * The `Grid` component is for building 2-dimensional layers (based on CSS grid).
@@ -1000,64 +1077,73 @@ export declare function _getResponsiveSpace(
  * @public
  */
 export declare const Grid: ForwardRefExoticComponent<
-  Omit<GridProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as' | 'rows'>, 'ref'> &
+  Omit<
+    GridProps & Omit<HTMLProps<HTMLDivElement>, "height" | "as" | "rows">,
+    "ref"
+  > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
-export declare type GridAutoCols = 'auto' | 'min' | 'max' | 'fr'
+export declare type GridAutoCols = "auto" | "min" | "max" | "fr";
 
 /**
  * @public
  */
-export declare type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense'
+export declare type GridAutoFlow =
+  | "row"
+  | "column"
+  | "row dense"
+  | "column dense";
 
 /**
  * @public
  */
-export declare type GridAutoRows = 'auto' | 'min' | 'max' | 'fr'
+export declare type GridAutoRows = "auto" | "min" | "max" | "fr";
 
 /**
  * @public
  */
-export declare type GridItemColumn = 'auto' | 'full' | number
+export declare type GridItemColumn = "auto" | "full" | number;
 
 /**
  * @public
  */
-export declare type GridItemColumnEnd = 'auto' | number
+export declare type GridItemColumnEnd = "auto" | number;
 
 /**
  * @public
  */
-export declare type GridItemColumnStart = 'auto' | number
+export declare type GridItemColumnStart = "auto" | number;
 
 /**
  * @public
  */
-export declare type GridItemRow = 'auto' | 'full' | number
+export declare type GridItemRow = "auto" | "full" | number;
 
 /**
  * @public
  */
-export declare type GridItemRowEnd = 'auto' | number
+export declare type GridItemRowEnd = "auto" | number;
 
 /**
  * @public
  */
-export declare type GridItemRowStart = 'auto' | number
+export declare type GridItemRowStart = "auto" | number;
 
 /**
  * @public
  */
-export declare interface GridProps extends Omit<BoxProps, 'display'>, ResponsiveGridProps {}
+export declare interface GridProps
+  extends Omit<BoxProps, "display">,
+    ResponsiveGridProps {}
 
 /**
  * @internal
  */
-export declare function _hasFocus(element: HTMLElement): boolean
+export declare function _hasFocus(element: HTMLElement): boolean;
 
 /**
  * Typographic headings.
@@ -1065,26 +1151,26 @@ export declare function _hasFocus(element: HTMLElement): boolean
  * @public
  */
 export declare const Heading: ForwardRefExoticComponent<
-  Omit<HeadingProps & Omit<HTMLProps<HTMLElement>, 'size' | 'as'>, 'ref'> &
+  Omit<HeadingProps & Omit<HTMLProps<HTMLElement>, "size" | "as">, "ref"> &
     RefAttributes<HTMLElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface HeadingProps {
-  accent?: boolean
-  align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  muted?: boolean
-  size?: number | number[]
+  accent?: boolean;
+  align?: TextAlign | TextAlign[];
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  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_2
+  textOverflow?: "ellipsis";
+  weight?: ThemeFontWeightKey_2;
 }
 
 /**
@@ -1093,25 +1179,26 @@ export declare interface HeadingProps {
  */
 export declare const HeadingSkeleton: ForwardRefExoticComponent<
   Omit<
-    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
-    'ref'
+    HeadingSkeletonProps &
+      Omit<HTMLProps<HTMLDivElement>, "height" | "size" | "children" | "as">,
+    "ref"
   > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
 export declare interface HeadingSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: number | number[];
 }
 
 /**
  * @public
  * @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
  */
-export declare const hexToRgb: typeof hexToRgb_2
+export declare const hexToRgb: typeof hexToRgb_2;
 
 /**
  * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
@@ -1119,31 +1206,33 @@ export declare const hexToRgb: typeof hexToRgb_2
  * @public
  */
 export declare const Hotkeys: ForwardRefExoticComponent<
-  HotkeysProps & Omit<HTMLProps<HTMLElement>, 'size' | 'ref' | 'as'> & RefAttributes<HTMLElement>
->
+  HotkeysProps &
+    Omit<HTMLProps<HTMLElement>, "size" | "ref" | "as"> &
+    RefAttributes<HTMLElement>
+>;
 
 /**
  * @public
  */
 export declare interface HotkeysProps {
-  fontSize?: number | number[]
-  padding?: number | number[]
-  radius?: Radius | Radius[]
-  space?: number | number[]
-  keys?: string[]
+  fontSize?: number | number[];
+  padding?: number | number[];
+  radius?: Radius | Radius[];
+  space?: number | number[];
+  keys?: string[];
 }
 
 /**
  * @public
  * @deprecated Use `HSL` from `@sanity/ui/theme` instead.
  */
-export declare type HSL = HSL_2
+export declare type HSL = HSL_2;
 
 /**
  * @public
  * @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
  */
-export declare const hslToRgb: typeof hslToRgb_2
+export declare const hslToRgb: typeof hslToRgb_2;
 
 /**
  * The `Inline` component is a layout utility for aligning and spacing items horizontally.
@@ -1151,61 +1240,71 @@ export declare const hslToRgb: typeof hslToRgb_2
  * @public
  */
 export declare const Inline: ForwardRefExoticComponent<
-  Omit<InlineProps & HTMLProps<HTMLDivElement>, 'ref'> & RefAttributes<unknown>
->
+  Omit<InlineProps & HTMLProps<HTMLDivElement>, "ref"> & RefAttributes<unknown>
+>;
 
 /**
  * @public
  */
-export declare interface InlineProps extends Omit<BoxProps, 'display'> {
+export declare interface InlineProps extends Omit<BoxProps, "display"> {
   /** The spacing between children. */
-  space?: number | number[]
+  space?: number | number[];
 }
 
 /**
  * @internal
  */
-export declare function _isEnterToClickElement(element: HTMLElement): boolean
+export declare function _isEnterToClickElement(element: HTMLElement): boolean;
 
 /**
  * @internal
  */
-export declare function isFocusable(element: HTMLElement): boolean
+export declare function isFocusable(element: HTMLElement): boolean;
 
 /**
  * @internal
  */
-export declare function isHTMLAnchorElement(element: unknown): element is HTMLAnchorElement
+export declare function isHTMLAnchorElement(
+  element: unknown,
+): element is HTMLAnchorElement;
 
 /**
  * @internal
  */
-export declare function isHTMLButtonElement(element: unknown): element is HTMLButtonElement
+export declare function isHTMLButtonElement(
+  element: unknown,
+): element is HTMLButtonElement;
 
 /**
  * @internal
  */
-export declare function isHTMLElement(node: unknown): node is HTMLElement
+export declare function isHTMLElement(node: unknown): node is HTMLElement;
 
 /**
  * @internal
  */
-export declare function isHTMLInputElement(element: unknown): element is HTMLInputElement
+export declare function isHTMLInputElement(
+  element: unknown,
+): element is HTMLInputElement;
 
 /**
  * @internal
  */
-export declare function isHTMLSelectElement(element: unknown): element is HTMLSelectElement
+export declare function isHTMLSelectElement(
+  element: unknown,
+): element is HTMLSelectElement;
 
 /**
  * @internal
  */
-export declare function isHTMLTextAreaElement(element: unknown): element is HTMLTextAreaElement
+export declare function isHTMLTextAreaElement(
+  element: unknown,
+): element is HTMLTextAreaElement;
 
 /**
  * @internal
  */
-export declare function _isScrollable(el: Node): boolean
+export declare function _isScrollable(el: Node): boolean;
 
 /**
  * Used to define some text as keyboard input.
@@ -1213,17 +1312,19 @@ export declare function _isScrollable(el: Node): boolean
  * @public
  */
 export declare const KBD: ForwardRefExoticComponent<
-  KBDProps & Omit<HTMLProps<HTMLElement>, 'size' | 'ref' | 'as'> & RefAttributes<HTMLDivElement>
->
+  KBDProps &
+    Omit<HTMLProps<HTMLElement>, "size" | "ref" | "as"> &
+    RefAttributes<HTMLDivElement>
+>;
 
 /**
  * @public
  */
 export declare interface KBDProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  fontSize?: number | number[]
-  padding?: number | number[]
-  radius?: Radius | Radius[]
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  fontSize?: number | number[];
+  padding?: number | number[];
+  radius?: Radius | Radius[];
 }
 
 /**
@@ -1232,26 +1333,26 @@ export declare interface KBDProps {
  * @public
  */
 export declare const Label: ForwardRefExoticComponent<
-  Omit<LabelProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>, 'ref'> &
+  Omit<LabelProps & Omit<HTMLProps<HTMLDivElement>, "size" | "as">, "ref"> &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface LabelProps {
-  accent?: boolean
-  align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  muted?: boolean
-  size?: number | number[]
+  accent?: boolean;
+  align?: TextAlign | TextAlign[];
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  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_2
+  textOverflow?: "ellipsis";
+  weight?: ThemeFontWeightKey_2;
 }
 
 /**
@@ -1260,62 +1361,66 @@ export declare interface LabelProps {
  */
 export declare const LabelSkeleton: ForwardRefExoticComponent<
   Omit<
-    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
-    'ref'
+    LabelSkeletonProps &
+      Omit<HTMLProps<HTMLDivElement>, "height" | "size" | "children" | "as">,
+    "ref"
   > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
 export declare interface LabelSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: number | number[];
 }
 
 /**
  * @public
  */
 export declare const Layer: ForwardRefExoticComponent<
-  Omit<LayerProps & Omit<HTMLProps<HTMLDivElement>, 'as'>, 'ref'> & RefAttributes<HTMLDivElement>
->
+  Omit<LayerProps & Omit<HTMLProps<HTMLDivElement>, "as">, "ref"> &
+    RefAttributes<HTMLDivElement>
+>;
 
 /** @public */
 export declare interface LayerContextValue {
-  version: 0.0
-  isTopLayer: boolean
-  level?: number
-  registerChild: (childLevel?: number) => () => void
-  size: number
-  zIndex: number
+  version: 0.0;
+  isTopLayer: boolean;
+  level?: number;
+  registerChild: (childLevel?: number) => () => void;
+  size: number;
+  zIndex: number;
 }
 
 /**
  * @public
  */
 export declare interface LayerProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
+  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[]
+  onActivate?: (props: { activeElement: HTMLElement | null }) => void;
+  zOffset?: number | number[];
 }
 
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React.JSX.Element
+export declare function LayerProvider(
+  props: LayerProviderProps,
+): React.JSX.Element;
 
 export declare namespace LayerProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
 export declare interface LayerProviderProps {
-  children?: React.ReactNode
-  zOffset?: number | number[]
+  children?: React.ReactNode;
+  zOffset?: number | number[];
 }
 
 /**
@@ -1323,16 +1428,16 @@ export declare interface LayerProviderProps {
  * @beta
  */
 export declare interface MediaQueryProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  media?: number[]
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  media?: number[];
 }
 
 /**
  * @internal
  */
 export declare interface _MediaStore {
-  subscribe: (onStoreChange: () => void) => () => void
-  getSnapshot: () => number
+  subscribe: (onStoreChange: () => void) => () => void;
+  getSnapshot: () => number;
 }
 
 /**
@@ -1341,9 +1446,13 @@ export declare interface _MediaStore {
  * @public
  */
 export declare const Menu: ForwardRefExoticComponent<
-  Omit<MenuProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'role' | 'as'>, 'ref'> &
+  Omit<
+    MenuProps &
+      Omit<HTMLProps<HTMLDivElement>, "height" | "tabIndex" | "role" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
@@ -1352,7 +1461,7 @@ export declare const Menu: ForwardRefExoticComponent<
  */
 export declare const MenuButton: ForwardRefExoticComponent<
   MenuButtonProps & RefAttributes<HTMLButtonElement | null>
->
+>;
 
 /**
  * @public
@@ -1361,85 +1470,91 @@ export declare interface MenuButtonProps {
   /**
    * @beta Do not use in production.
    */
-  __unstable_disableRestoreFocusOnClose?: boolean
+  __unstable_disableRestoreFocusOnClose?: boolean;
   /**
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
-  boundaryElement?: HTMLElement
-  button: React.JSX.Element
-  id: string
-  menu?: React.JSX.Element
-  onClose?: () => void
-  onOpen?: () => void
+  boundaryElement?: HTMLElement;
+  button: React.JSX.Element;
+  id: string;
+  menu?: React.JSX.Element;
+  onClose?: () => void;
+  onOpen?: () => void;
   /**
    * @deprecated Use `popover={{placement: 'top'}}` instead.
    */
-  placement?: Placement
-  popover?: Omit<PopoverProps, 'content' | 'open'>
+  placement?: Placement;
+  popover?: Omit<PopoverProps, "content" | "open">;
   /**
    * @deprecated Use `popover={{scheme: 'dark'}}` instead.
    */
-  popoverScheme?: ThemeColorSchemeKey_2
+  popoverScheme?: ThemeColorSchemeKey_2;
   /**
    * @deprecated Use `popover={{radius: 2}}` instead.
    */
-  popoverRadius?: Radius | Radius[]
+  popoverRadius?: Radius | Radius[];
   /**
    * @beta Do not use in production.
    * @deprecated Use `popover={{portal: true}}` instead.
    */
-  portal?: boolean
+  portal?: boolean;
   /**
    * @deprecated Use `popover={{preventOverflow: true}}` instead.
    */
-  preventOverflow?: boolean
+  preventOverflow?: boolean;
 }
 
 /**
  * @public
  */
 export declare const MenuDivider: IStyledComponentBase<
-  'web',
-  FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>
+  "web",
+  FastOmit<
+    DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>,
+    never
+  >
 > &
-  string
+  string;
 
 /**
  * @public
  */
 export declare function MenuGroup(
-  props: Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'popover' | 'ref' | 'tabIndex'> &
+  props: Omit<
+    React.HTMLProps<HTMLDivElement>,
+    "as" | "height" | "popover" | "ref" | "tabIndex"
+  > &
     MenuGroupProps,
-): React.JSX.Element
+): React.JSX.Element;
 
 export declare namespace MenuGroup {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
 export declare interface MenuGroupProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  fontSize?: number | number[]
-  icon?: React.ElementType | React.ReactNode
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  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[]
-  space?: number | number[]
-  text: React.ReactNode
-  tone?: SelectableTone
+    | "onClickOutside"
+    | "onEscape"
+    | "onItemClick"
+    | "onKeyDown"
+    | "onMouseEnter"
+    | "registerElement"
+    | "shouldFocus"
+    | "onBlurCapture"
+  >;
+  padding?: number | number[];
+  popover?: Omit<PopoverProps, "content" | "open">;
+  radius?: Radius | Radius[];
+  space?: number | number[];
+  text: React.ReactNode;
+  tone?: SelectableTone;
 }
 
 /**
@@ -1447,24 +1562,29 @@ export declare interface MenuGroupProps {
  */
 export declare const MenuItem: ForwardRefExoticComponent<
   MenuItemProps &
-    Omit<HTMLProps<HTMLDivElement>, 'selected' | 'height' | 'ref' | 'tabIndex' | 'as'> &
+    Omit<
+      HTMLProps<HTMLDivElement>,
+      "selected" | "height" | "ref" | "tabIndex" | "as"
+    > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
-export declare interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  fontSize?: number | number[]
-  hotkeys?: string[]
-  icon?: React.ElementType | React.ReactNode
-  iconRight?: React.ElementType | React.ReactNode
-  pressed?: boolean
-  selected?: boolean
-  space?: number | number[]
-  text?: React.ReactNode
-  tone?: SelectableTone
+export declare interface MenuItemProps
+  extends ResponsivePaddingProps,
+    ResponsiveRadiusProps {
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  fontSize?: number | number[];
+  hotkeys?: string[];
+  icon?: React.ElementType | React.ReactNode;
+  iconRight?: React.ElementType | React.ReactNode;
+  pressed?: boolean;
+  selected?: boolean;
+  space?: number | number[];
+  text?: React.ReactNode;
+  tone?: SelectableTone;
 }
 
 /**
@@ -1474,36 +1594,36 @@ export declare interface MenuProps extends ResponsivePaddingProps {
   /**
    * @deprecated Use `shouldFocus="first"` instead.
    */
-  'focusFirst'?: boolean
+  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
-  'space'?: number | number[]
-  'aria-labelledby'?: string
-  'onBlurCapture'?: (event: FocusEvent) => void
+  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;
+  space?: number | number[];
+  "aria-labelledby"?: string;
+  onBlurCapture?: (event: FocusEvent) => void;
 }
 
 /**
  * @public
  * @deprecated Use `multiply` from `@sanity/ui/theme` instead.
  */
-export declare const multiply: typeof multiply_2
+export declare const multiply: typeof multiply_2;
 
 /**
  * @public
  * @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
  */
-export declare const parseColor: typeof parseColor_2
+export declare const parseColor: typeof parseColor_2;
 
-export {PartialThemeColorBuilderOpts}
+export { PartialThemeColorBuilderOpts };
 
 /**
  * Placement of floating UI elements.
@@ -1511,18 +1631,18 @@ export {PartialThemeColorBuilderOpts}
  * @public
  */
 export declare type Placement =
-  | 'top'
-  | 'top-start'
-  | 'top-end'
-  | 'right'
-  | 'right-start'
-  | 'right-end'
-  | 'bottom'
-  | 'bottom-start'
-  | 'bottom-end'
-  | 'left'
-  | 'left-start'
-  | 'left-end'
+  | "top"
+  | "top-start"
+  | "top-end"
+  | "right"
+  | "right-start"
+  | "right-end"
+  | "bottom"
+  | "bottom-start"
+  | "bottom-end"
+  | "left"
+  | "left-start"
+  | "left-end";
 
 /**
  * The `Popover` component is used to display some content on top of another.
@@ -1531,35 +1651,36 @@ export declare type Placement =
  */
 export declare const Popover: NamedExoticComponent<
   Omit<
-    PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
-    'ref'
+    PopoverProps &
+      Omit<HTMLProps<HTMLDivElement>, "content" | "width" | "children" | "as">,
+    "ref"
   > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @beta
  */
-export declare type PopoverMargins = [number, number, number, number]
+export declare type PopoverMargins = [number, number, number, number];
 
 /** @public */
 export declare interface PopoverProps
-  extends Omit<LayerProps, 'as'>,
+  extends Omit<LayerProps, "as">,
     ResponsiveRadiusProps,
     ResponsiveShadowProps {
   /** @beta */
-  __unstable_margins?: PopoverMargins
+  __unstable_margins?: PopoverMargins;
   /**
    * Whether the popover should animate in and out.
    *
    * @beta
    * @defaultValue false
    */
-  animate?: boolean
-  arrow?: boolean
+  animate?: boolean;
+  arrow?: boolean;
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
-  boundaryElement?: HTMLElement | null
-  children?: React.JSX.Element
+  boundaryElement?: HTMLElement | null;
+  children?: React.JSX.Element;
   /**
      * When `true`, prevent overflow within the current boundary:
      * - by flipping on its side axis
@@ -1571,11 +1692,11 @@ export declare interface PopoverProps
      *
      * @defaultValue false
      */
-  constrainSize?: boolean
-  content?: React.ReactNode
-  disabled?: boolean
-  fallbackPlacements?: Placement[]
-  floatingBoundary?: HTMLElement | null
+  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.
@@ -1584,18 +1705,18 @@ export declare interface PopoverProps
    *
    * @defaultValue false
    */
-  matchReferenceWidth?: boolean
+  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
+  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.
@@ -1605,68 +1726,70 @@ export declare interface PopoverProps
    *
    * Option is only relevant if either `constrainSize` or `preventOverflow` is `true`
    */
-  placementStrategy?: 'flip' | 'autoPlacement'
+  placementStrategy?: "flip" | "autoPlacement";
   /** Whether or not to render the popover in a portal element. */
-  portal?: boolean | string
-  preventOverflow?: boolean
-  referenceBoundary?: HTMLElement | null
+  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_2
-  tone?: CardTone
+  referenceElement?: HTMLElement | null;
+  scheme?: ThemeColorSchemeKey_2;
+  tone?: CardTone;
   /** @beta */
   updateRef?:
     | MutableRefObject<PopoverUpdateCallback | undefined>
-    | RefCallback<PopoverUpdateCallback | undefined>
-  width?: PopoverWidth | PopoverWidth[]
+    | RefCallback<PopoverUpdateCallback | undefined>;
+  width?: PopoverWidth | PopoverWidth[];
 }
 
 /** @beta */
-export declare type PopoverUpdateCallback = () => void
+export declare type PopoverUpdateCallback = () => void;
 
 /** @public */
-export declare type PopoverWidth = number | 'auto'
+export declare type PopoverWidth = number | "auto";
 
 /**
  * @public
  */
-export declare function Portal(props: PortalProps): React.ReactPortal | null
+export declare function Portal(props: PortalProps): React.ReactPortal | null;
 
 export declare namespace Portal {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
 export declare interface PortalContextValue {
-  version: 0.0
-  boundaryElement: HTMLElement | null
-  element: HTMLElement | null
-  elements?: Record<string, HTMLElement | null | undefined>
+  version: 0.0;
+  boundaryElement: HTMLElement | null;
+  element: HTMLElement | null;
+  elements?: Record<string, HTMLElement | null | undefined>;
 }
 
 /**
  * @public
  */
 export declare interface PortalProps {
-  children: React.ReactNode
+  children: React.ReactNode;
   /**
    * @beta This API might change. DO NOT USE IN PRODUCTION.
    */
-  __unstable_name?: string
+  __unstable_name?: string;
 }
 
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React.JSX.Element
+export declare function PortalProvider(
+  props: PortalProviderProps,
+): React.JSX.Element;
 
 export declare namespace PortalProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
@@ -1676,13 +1799,13 @@ export declare interface PortalProviderProps {
   /**
    * @deprecated Use `<BoundaryElementProvider element={...} />` instead
    */
-  boundaryElement?: HTMLElement | null
-  children: React.ReactNode
-  element?: HTMLElement | null
+  boundaryElement?: HTMLElement | null;
+  children: React.ReactNode;
+  element?: HTMLElement | null;
   /**
    * @beta
    */
-  __unstable_elements?: Record<string, HTMLElement | null | undefined>
+  __unstable_elements?: Record<string, HTMLElement | null | undefined>;
 }
 
 /**
@@ -1691,41 +1814,41 @@ export declare interface PortalProviderProps {
  * @public
  */
 export declare const Radio: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & RadioProps, 'ref'> &
+  Omit<Omit<HTMLProps<HTMLInputElement>, "type" | "as"> & RadioProps, "ref"> &
     RefAttributes<HTMLInputElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface RadioProps {
-  customValidity?: string
+  customValidity?: string;
 }
 
 /**
  * @public
  */
-export declare type Radius = number | 'full'
+export declare type Radius = number | "full";
 
 /**
  * @internal
  */
-export declare function _raf(fn: () => void): () => void
+export declare function _raf(fn: () => void): () => void;
 
 /**
  * @internal
  */
-export declare function _raf2(fn: () => void): () => void
+export declare function _raf2(fn: () => void): () => void;
 
 /**
  * @public
  */
-export declare function rem(pixelValue: number): string | 0
+export declare function rem(pixelValue: number): string | 0;
 
 /**
  * @internal
  */
-export declare const _ResizeObserver: typeof ResizeObserver
+export declare const _ResizeObserver: typeof ResizeObserver;
 
 /**
  * @internal
@@ -1734,34 +1857,34 @@ export declare function _responsive<T>(
   media: number[],
   values: T[],
   callback: (value: T, index: number, array: T[]) => CSSObject,
-): CSSObject[]
+): CSSObject[];
 
 /**
  * @internal
  */
 export declare interface ResponsiveAvatarSizeStyleProps {
-  $size: AvatarSize[]
+  $size: AvatarSize[];
 }
 
 /**
  * @public
  */
 export declare interface ResponsiveBorderProps {
-  border?: boolean | boolean[]
-  borderTop?: boolean | boolean[]
-  borderRight?: boolean | boolean[]
-  borderBottom?: boolean | boolean[]
-  borderLeft?: boolean | boolean[]
+  border?: boolean | boolean[];
+  borderTop?: boolean | boolean[];
+  borderRight?: boolean | boolean[];
+  borderBottom?: boolean | boolean[];
+  borderLeft?: boolean | boolean[];
 }
 
 /**
  * @public
  */
 export declare interface ResponsiveBoxProps {
-  display?: BoxDisplay | BoxDisplay[]
-  height?: BoxHeight | BoxHeight[]
-  overflow?: BoxOverflow | BoxOverflow[]
-  sizing?: BoxSizing | BoxSizing[]
+  display?: BoxDisplay | BoxDisplay[];
+  height?: BoxHeight | BoxHeight[];
+  overflow?: BoxOverflow | BoxOverflow[];
+  sizing?: BoxSizing | BoxSizing[];
 }
 
 /**
@@ -1770,31 +1893,31 @@ export declare interface ResponsiveBoxProps {
  */
 export declare function responsiveCodeFontStyle(
   props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
+): CSSObject[];
 
 /**
  * @public
  */
 export declare interface ResponsiveFlexItemProps {
   /** Sets the flex CSS attribute. The property is responsive. */
-  flex?: FlexValue | FlexValue[]
+  flex?: FlexValue | FlexValue[];
 }
 
 /**
  * @public
  */
 export declare interface ResponsiveFlexProps {
-  align?: FlexAlign | FlexAlign[]
-  direction?: FlexDirection | FlexDirection[]
-  justify?: FlexJustify | FlexJustify[]
-  wrap?: FlexWrap | FlexWrap[]
+  align?: FlexAlign | FlexAlign[];
+  direction?: FlexDirection | FlexDirection[];
+  justify?: FlexJustify | FlexJustify[];
+  wrap?: FlexWrap | FlexWrap[];
 }
 
 /**
  * @internal
  */
 export declare interface ResponsiveFontSizeStyleProps {
-  $size: number[]
+  $size: number[];
 }
 
 /**
@@ -1804,34 +1927,34 @@ export declare interface ResponsiveFontStyleProps
   extends FontWeightStyleProps,
     ResponsiveFontSizeStyleProps,
     ResponsiveTextAlignStyleProps {
-  $accent?: boolean
-  $muted?: boolean
+  $accent?: boolean;
+  $muted?: boolean;
 }
 
 /**
  * @public
  */
 export declare interface ResponsiveGridItemProps {
-  column?: GridItemColumn | GridItemColumn[]
-  columnStart?: GridItemColumnStart | GridItemColumnStart[]
-  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
-  row?: GridItemRow | GridItemRow[]
-  rowStart?: GridItemRowStart | GridItemRowStart[]
-  rowEnd?: GridItemRowEnd | GridItemRowEnd[]
+  column?: GridItemColumn | GridItemColumn[];
+  columnStart?: GridItemColumnStart | GridItemColumnStart[];
+  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
+  row?: GridItemRow | GridItemRow[];
+  rowStart?: GridItemRowStart | GridItemRowStart[];
+  rowEnd?: GridItemRowEnd | GridItemRowEnd[];
 }
 
 /**
  * @public
  */
 export declare interface ResponsiveGridProps {
-  autoRows?: GridAutoRows | GridAutoRows[]
-  autoCols?: GridAutoCols | GridAutoCols[]
-  autoFlow?: GridAutoFlow | GridAutoFlow[]
-  columns?: number | number[]
-  gap?: number | number[]
-  gapX?: number | number[]
-  gapY?: number | number[]
-  rows?: number | number[]
+  autoRows?: GridAutoRows | GridAutoRows[];
+  autoCols?: GridAutoCols | GridAutoCols[];
+  autoFlow?: GridAutoFlow | GridAutoFlow[];
+  columns?: number | number[];
+  gap?: number | number[];
+  gapX?: number | number[];
+  gapY?: number | number[];
+  rows?: number | number[];
 }
 
 /**
@@ -1840,7 +1963,7 @@ export declare interface ResponsiveGridProps {
  */
 export declare function responsiveHeadingFont(
   props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
+): CSSObject[];
 
 /**
  * Get responsive CSS for the `label` font style.
@@ -1848,49 +1971,49 @@ export declare function responsiveHeadingFont(
  */
 export declare function responsiveLabelFont(
   props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
+): CSSObject[];
 
 /**
  * @public
  */
 export declare interface ResponsiveMarginProps {
   /** Applies margins to all sides. The property is responsive. */
-  margin?: number | number[]
+  margin?: number | number[];
   /** Applies margins to the left and right sides. The property is responsive. */
-  marginX?: number | number[]
+  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[]
+  marginY?: number | number[];
+  marginTop?: number | number[];
+  marginRight?: number | number[];
+  marginBottom?: number | number[];
+  marginLeft?: number | number[];
 }
 
 /**
  * @public
  */
 export declare interface ResponsivePaddingProps {
-  padding?: number | number[]
-  paddingX?: number | number[]
-  paddingY?: number | number[]
-  paddingTop?: number | number[]
-  paddingRight?: number | number[]
-  paddingBottom?: number | number[]
-  paddingLeft?: number | number[]
+  padding?: number | number[];
+  paddingX?: number | number[];
+  paddingY?: number | number[];
+  paddingTop?: number | number[];
+  paddingRight?: number | number[];
+  paddingBottom?: number | number[];
+  paddingLeft?: number | number[];
 }
 
 /**
  * @public
  */
 export declare interface ResponsiveRadiusProps {
-  radius?: Radius | Radius[]
+  radius?: Radius | Radius[];
 }
 
 /**
  * @public
  */
 export declare interface ResponsiveShadowProps {
-  shadow?: number | number[]
+  shadow?: number | number[];
 }
 
 /**
@@ -1899,13 +2022,13 @@ export declare interface ResponsiveShadowProps {
  */
 export declare function responsiveTextAlignStyle(
   props: ResponsiveTextAlignStyleProps & ThemeProps,
-): CSSObject[]
+): CSSObject[];
 
 /**
  * @internal
  */
 export declare interface ResponsiveTextAlignStyleProps {
-  $align: TextAlign[]
+  $align: TextAlign[];
 }
 
 /**
@@ -1914,58 +2037,58 @@ export declare interface ResponsiveTextAlignStyleProps {
  */
 export declare function responsiveTextFont(
   props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
+): CSSObject[];
 
 /**
  * @public
  */
 export declare interface ResponsiveWidthProps {
-  width?: number | 'auto' | (number | 'auto')[]
+  width?: number | "auto" | (number | "auto")[];
 }
 
 /**
  * @internal
  */
 export declare interface ResponsiveWidthStyleProps {
-  $width: (number | 'auto')[]
+  $width: (number | "auto")[];
 }
 
 /**
  * @public
  * @deprecated Use `RGB` from `@sanity/ui/theme` instead.
  */
-export declare type RGB = RGB_2
+export declare type RGB = RGB_2;
 
 /**
  * @public
  * @deprecated Use `rgba` from `@sanity/ui/theme` instead.
  */
-export declare const rgba: typeof rgba_2
+export declare const rgba: typeof rgba_2;
 
 /**
  * @public
  * @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
  */
-export declare const rgbToHex: typeof rgbToHex_2
+export declare const rgbToHex: typeof rgbToHex_2;
 
 /**
  * @public
  * @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
  */
-export declare const rgbToHsl: typeof rgbToHsl_2
+export declare const rgbToHsl: typeof rgbToHsl_2;
 
 /**
  * @public
  * @deprecated Use `RootTheme` from `@sanity/ui/theme` instead.
  */
-export declare type RootTheme = RootTheme_2
+export declare type RootTheme = RootTheme_2;
 
 /**
  * @public
  * @deprecated Use `screen` from `@sanity/ui/theme` instead.
  */
-declare const screen_2: typeof screen_3
-export {screen_2 as screen}
+declare const screen_2: typeof screen_3;
+export { screen_2 as screen };
 
 /**
  * The `Select` component provides control of options.
@@ -1973,24 +2096,24 @@ export {screen_2 as screen}
  * @public
  */
 export declare const Select: ForwardRefExoticComponent<
-  Omit<SelectProps & Omit<HTMLProps<HTMLSelectElement>, 'as'>, 'ref'> &
+  Omit<SelectProps & Omit<HTMLProps<HTMLSelectElement>, "as">, "ref"> &
     RefAttributes<HTMLSelectElement>
->
+>;
 
 /**
  * @public
  */
-export declare type SelectableTone = ThemeColorStateToneKey
+export declare type SelectableTone = ThemeColorStateToneKey;
 
 /**
  * @public
  */
 export declare interface SelectProps {
-  fontSize?: number | number[]
-  padding?: number | number[]
-  radius?: Radius | Radius[]
-  space?: number | number[]
-  customValidity?: string
+  fontSize?: number | number[];
+  padding?: number | number[];
+  radius?: Radius | Radius[];
+  space?: number | number[];
+  customValidity?: string;
 }
 
 /**
@@ -1998,16 +2121,19 @@ export declare interface SelectProps {
  * @beta
  */
 export declare const Skeleton: ForwardRefExoticComponent<
-  Omit<SkeletonProps & HTMLProps<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>
->
+  Omit<SkeletonProps & HTMLProps<HTMLDivElement>, "ref"> &
+    RefAttributes<HTMLDivElement>
+>;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxProps, 'children'> {
-  animated?: boolean
-  delay?: number
+export declare interface SkeletonProps
+  extends ResponsiveRadiusProps,
+    Omit<BoxProps, "children"> {
+  animated?: boolean;
+  delay?: number;
 }
 
 /**
@@ -2016,32 +2142,35 @@ export declare interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxPr
  * @public
  */
 export declare const Spinner: ForwardRefExoticComponent<
-  Omit<SpinnerProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>, 'ref'> &
+  Omit<SpinnerProps & Omit<HTMLProps<HTMLDivElement>, "size" | "as">, "ref"> &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface SpinnerProps {
-  muted?: boolean
-  size?: number | number[]
+  muted?: boolean;
+  size?: number | number[];
 }
 
 /**
  * @public
  */
 export declare const SrOnly: ForwardRefExoticComponent<
-  Omit<SrOnlyProps & Omit<HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>, 'ref'> &
+  Omit<
+    SrOnlyProps & Omit<HTMLProps<HTMLDivElement>, "aria-hidden" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface SrOnlyProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  children?: React.ReactNode
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  children?: React.ReactNode;
 }
 
 /**
@@ -2050,28 +2179,30 @@ export declare interface SrOnlyProps {
  * @public
  */
 export declare const Stack: ForwardRefExoticComponent<
-  StackProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
->
+  StackProps &
+    Omit<HTMLProps<HTMLDivElement>, "ref" | "as"> &
+    RefAttributes<HTMLDivElement>
+>;
 
 /**
  * @public
  */
 export declare interface StackProps extends BoxProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  space?: number | number[]
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
+  space?: number | number[];
 }
 
 /**
  * @public
  * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
  */
-export declare const studioTheme: BaseTheme_2
+export declare const studioTheme: BaseTheme_2;
 
 /**
  * @public
  * @deprecated Use `ThemeStyles` from `@sanity/ui/theme` instead.
  */
-export declare type Styles = ThemeStyles
+export declare type Styles = ThemeStyles;
 
 /**
  * The `Switch` component allows the user to toggle a setting on and off.
@@ -2081,15 +2212,15 @@ export declare type Styles = ThemeStyles
  * @public
  */
 export declare const Switch: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & SwitchProps, 'ref'> &
+  Omit<Omit<HTMLProps<HTMLInputElement>, "type" | "as"> & SwitchProps, "ref"> &
     RefAttributes<HTMLInputElement>
->
+>;
 
 /**
  * @public
  */
 export declare interface SwitchProps {
-  indeterminate?: boolean
+  indeterminate?: boolean;
 }
 
 /**
@@ -2100,26 +2231,27 @@ export declare const Tab: ForwardRefExoticComponent<
     TabProps &
       Omit<
         HTMLProps<HTMLButtonElement>,
-        'label' | 'id' | 'type' | 'width' | 'aria-controls' | 'as'
+        "label" | "id" | "type" | "width" | "aria-controls" | "as"
       >,
-    'ref'
+    "ref"
   > &
     RefAttributes<HTMLButtonElement>
->
+>;
 
 /**
  * @public
  */
 export declare const TabList: ForwardRefExoticComponent<
-  Omit<TabListProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
+  Omit<TabListProps & Omit<HTMLProps<HTMLDivElement>, "height" | "as">, "ref"> &
     RefAttributes<unknown>
->
+>;
 
 /**
  * @public
  */
-export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React.JSX.Element | null | undefined | false>
+export declare interface TabListProps
+  extends Omit<InlineProps, "as" | "height"> {
+  children: Array<React.JSX.Element | null | undefined | false>;
 }
 
 /**
@@ -2127,11 +2259,12 @@ export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'>
  */
 export declare const TabPanel: ForwardRefExoticComponent<
   Omit<
-    TabPanelProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'role' | 'aria-labelledby' | 'as'>,
-    'ref'
+    TabPanelProps &
+      Omit<HTMLProps<HTMLDivElement>, "id" | "role" | "aria-labelledby" | "as">,
+    "ref"
   > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @public
@@ -2140,8 +2273,8 @@ export declare interface TabPanelProps extends BoxProps {
   /**
    * The `id` of the correlating `Tab` component.
    */
-  'aria-labelledby': string
-  'id': string
+  "aria-labelledby": string;
+  id: string;
 }
 
 /**
@@ -2151,15 +2284,15 @@ export declare 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
+  "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;
 }
 
 /**
@@ -2168,15 +2301,20 @@ export declare interface TabProps {
  * @public
  */
 declare const Text_2: ForwardRefExoticComponent<
-  Omit<TextProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>, 'ref'> &
+  Omit<TextProps & Omit<HTMLProps<HTMLDivElement>, "size" | "as">, "ref"> &
     RefAttributes<HTMLDivElement>
->
-export {Text_2 as Text}
+>;
+export { Text_2 as Text };
 
 /**
  * @public
  */
-export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial'
+export declare type TextAlign =
+  | "left"
+  | "right"
+  | "center"
+  | "justify"
+  | "initial";
 
 /**
  * A multiline text input.
@@ -2185,9 +2323,9 @@ export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initi
  * @public
  */
 export declare const TextArea: ForwardRefExoticComponent<
-  Omit<TextAreaProps & Omit<HTMLProps<HTMLTextAreaElement>, 'as'>, 'ref'> &
+  Omit<TextAreaProps & Omit<HTMLProps<HTMLTextAreaElement>, "as">, "ref"> &
     RefAttributes<HTMLTextAreaElement>
->
+>;
 
 /**
  * @public
@@ -2196,12 +2334,12 @@ export declare interface TextAreaProps extends ResponsiveRadiusProps {
   /**
    * @beta
    */
-  __unstable_disableFocusRing?: boolean
-  border?: boolean
-  customValidity?: string
-  fontSize?: number | number[]
-  padding?: number | number[]
-  weight?: ThemeFontWeightKey_2
+  __unstable_disableFocusRing?: boolean;
+  border?: boolean;
+  customValidity?: string;
+  fontSize?: number | number[];
+  padding?: number | number[];
+  weight?: ThemeFontWeightKey_2;
 }
 
 /**
@@ -2210,15 +2348,22 @@ export declare interface TextAreaProps extends ResponsiveRadiusProps {
  * @public
  */
 export declare const TextInput: ForwardRefExoticComponent<
-  Omit<TextInputProps & Omit<HTMLProps<HTMLInputElement>, 'type' | 'prefix' | 'as'>, 'ref'> &
+  Omit<
+    TextInputProps &
+      Omit<HTMLProps<HTMLInputElement>, "type" | "prefix" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLInputElement>
->
+>;
 
 /**
  * @public
  */
-export declare type TextInputClearButtonProps = Omit<ButtonProps, 'as'> &
-  Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>
+export declare type TextInputClearButtonProps = Omit<ButtonProps, "as"> &
+  Omit<
+    React.HTMLProps<HTMLButtonElement>,
+    "as" | "onClick" | "onMouseDown" | "ref"
+  >;
 
 /**
  * @public
@@ -2227,64 +2372,64 @@ export declare interface TextInputProps {
   /**
    * @beta
    */
-  __unstable_disableFocusRing?: boolean
-  border?: boolean
+  __unstable_disableFocusRing?: boolean;
+  border?: boolean;
   /**
    * @beta
    */
-  clearButton?: boolean | TextInputClearButtonProps
-  customValidity?: string
-  fontSize?: number | number[]
-  icon?: React.ElementType | React.ReactNode
-  iconRight?: React.ElementType | React.ReactNode
+  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[]
-  space?: number | number[]
-  suffix?: React.ReactNode
-  type?: TextInputType
-  weight?: ThemeFontWeightKey_2
+  onClear?: () => void;
+  padding?: number | number[];
+  prefix?: React.ReactNode;
+  radius?: Radius | Radius[];
+  space?: number | number[];
+  suffix?: React.ReactNode;
+  type?: TextInputType;
+  weight?: ThemeFontWeightKey_2;
 }
 
 /**
  * @public
  */
 export declare type TextInputType =
-  | 'search'
-  | 'date'
-  | 'datetime-local'
-  | 'email'
-  | 'url'
-  | 'month'
-  | 'number'
-  | 'password'
-  | 'tel'
-  | 'time'
-  | 'text'
-  | 'week'
-  | 'color'
+  | "search"
+  | "date"
+  | "datetime-local"
+  | "email"
+  | "url"
+  | "month"
+  | "number"
+  | "password"
+  | "tel"
+  | "time"
+  | "text"
+  | "week"
+  | "color";
 
 /**
  * @public
  */
 export declare interface TextProps {
-  accent?: boolean
-  align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
+  accent?: boolean;
+  align?: TextAlign | TextAlign[];
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements;
   /** When `true` the text color will be muted. */
-  muted?: boolean
-  size?: number | number[]
+  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_2
+  textOverflow?: "ellipsis";
+  weight?: ThemeFontWeightKey_2;
 }
 
 /**
@@ -2293,202 +2438,207 @@ export declare interface TextProps {
  */
 export declare const TextSkeleton: ForwardRefExoticComponent<
   Omit<
-    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'size' | 'children' | 'as'>,
-    'ref'
+    TextSkeletonProps &
+      Omit<HTMLProps<HTMLDivElement>, "height" | "size" | "children" | "as">,
+    "ref"
   > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
 export declare interface TextSkeletonProps extends SkeletonProps {
-  size?: number | number[]
+  size?: number | number[];
 }
 
 /**
  * @public
  * @deprecated Use `Theme` from `@sanity/ui/theme` instead.
  */
-export declare type Theme = Theme_2
+export declare type Theme = Theme_2;
 
-export {ThemeAvatar}
+export { ThemeAvatar };
 
-export {ThemeColor}
+export { ThemeColor };
 
-export {ThemeColorBase}
+export { ThemeColorBase };
 
-export {ThemeColorBuilderOpts}
+export { ThemeColorBuilderOpts };
 
-export {ThemeColorButton}
+export { ThemeColorButton };
 
 /**
  * @public
  * @deprecated Use `ThemeColorButtonModeKey` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeColorButtonModeKey = ThemeColorButtonModeKey_2
+export declare type ThemeColorButtonModeKey = ThemeColorButtonModeKey_2;
 
-export {ThemeColorButtonState}
+export { ThemeColorButtonState };
 
-export {ThemeColorButtonStates}
+export { ThemeColorButtonStates };
 
-export {ThemeColorButtonTones}
+export { ThemeColorButtonTones };
 
-export {ThemeColorCard}
+export { ThemeColorCard };
 
-export {ThemeColorCardState}
+export { ThemeColorCardState };
 
-export {ThemeColorGenericState}
+export { ThemeColorGenericState };
 
-export {ThemeColorInput}
+export { ThemeColorInput };
 
-export {ThemeColorInputState}
+export { ThemeColorInputState };
 
-export {ThemeColorInputStates}
+export { ThemeColorInputStates };
 
-export {ThemeColorMuted}
+export { ThemeColorMuted };
 
-export {ThemeColorMutedTone}
+export { ThemeColorMutedTone };
 
-export {ThemeColorName}
+export { ThemeColorName };
 
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.JSX.Element
+export declare function ThemeColorProvider(
+  props: ThemeColorProviderProps,
+): React.JSX.Element;
 
 export declare namespace ThemeColorProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
 export declare interface ThemeColorProviderProps {
-  children?: React.ReactNode
-  scheme?: ThemeColorSchemeKey_2
-  tone?: ThemeColorCardToneKey
+  children?: React.ReactNode;
+  scheme?: ThemeColorSchemeKey_2;
+  tone?: ThemeColorCardToneKey;
 }
 
-export {ThemeColorScheme}
+export { ThemeColorScheme };
 
 /**
  * @public
  * @deprecated Use `ThemeColorSchemeKey` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeColorSchemeKey = ThemeColorSchemeKey_2
+export declare type ThemeColorSchemeKey = ThemeColorSchemeKey_2;
 
-export {ThemeColorSchemes}
+export { ThemeColorSchemes };
 
-export {ThemeColorSelectable}
+export { ThemeColorSelectable };
 
-export {ThemeColorSelectableState}
+export { ThemeColorSelectableState };
 
-export {ThemeColorSelectableStates}
+export { ThemeColorSelectableStates };
 
-export {ThemeColorSolid}
+export { ThemeColorSolid };
 
-export {ThemeColorSolidTone}
+export { ThemeColorSolidTone };
 
-export {ThemeColorSpot}
+export { ThemeColorSpot };
 
-export {ThemeColorSpotKey}
+export { ThemeColorSpotKey };
 
 /**
  * @public
  * @deprecated Use `ThemeColorSyntax` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeColorSyntax = ThemeColorSyntax_2
+export declare type ThemeColorSyntax = ThemeColorSyntax_2;
 
-export {ThemeColorToneKey}
+export { ThemeColorToneKey };
 
 /**
  * @public
  */
 export declare interface ThemeContextValue {
   /** @deprecated No longer used */
-  version: 0.0
-  scheme: ThemeColorSchemeKey_2
-  theme: RootTheme_2
-  tone: ThemeColorCardToneKey
+  version: 0.0;
+  scheme: ThemeColorSchemeKey_2;
+  theme: RootTheme_2;
+  tone: ThemeColorCardToneKey;
 }
 
 /**
  * @public
  * @deprecated Use `ThemeFont` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeFont = ThemeFont_2
+export declare type ThemeFont = ThemeFont_2;
 
 /**
  * @public
  * @deprecated Use `ThemeFontKey` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeFontKey = ThemeFontKey_2
+export declare type ThemeFontKey = ThemeFontKey_2;
 
 /**
  * @public
  * @deprecated Use `ThemeFonts` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeFonts = ThemeFonts_2
+export declare type ThemeFonts = ThemeFonts_2;
 
 /**
  * @public
  * @deprecated Use `ThemeFontSize` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeFontSize = ThemeFontSize_2
+export declare type ThemeFontSize = ThemeFontSize_2;
 
 /**
  * @public
  * @deprecated Use `ThemeFontWeight` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeFontWeight = ThemeFontWeight_2
+export declare type ThemeFontWeight = ThemeFontWeight_2;
 
 /**
  * @public
  * @deprecated Use `ThemeFontWeightKey` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeFontWeightKey = ThemeFontWeightKey_2
+export declare type ThemeFontWeightKey = ThemeFontWeightKey_2;
 
-export {ThemeInput}
+export { ThemeInput };
 
 /**
  * @public
  * @deprecated Use `ThemeLayer` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeLayer = ThemeLayer_2
+export declare type ThemeLayer = ThemeLayer_2;
 
 /**
  * @internal
  */
 export declare interface ThemeProps {
-  theme: Theme_2
+  theme: Theme_2;
 }
 
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element
+export declare function ThemeProvider(
+  props: ThemeProviderProps,
+): React.JSX.Element;
 
 export declare namespace ThemeProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
 export declare interface ThemeProviderProps {
-  children?: React.ReactNode
-  scheme?: ThemeColorSchemeKey_2
-  theme?: RootTheme_2
-  tone?: ThemeColorCardToneKey
+  children?: React.ReactNode;
+  scheme?: ThemeColorSchemeKey_2;
+  theme?: RootTheme_2;
+  tone?: ThemeColorCardToneKey;
 }
 
 /**
  * @public
  * @deprecated Use `ThemeShadow` from `@sanity/ui/theme` instead.
  */
-export declare type ThemeShadow = ThemeShadow_2
+export declare type ThemeShadow = ThemeShadow_2;
 
 /**
  * The `Toast` component gives feedback to users when an action has taken place.
@@ -2501,88 +2651,91 @@ export declare function Toast(
   props: ToastProps &
     Omit<
       React.HTMLProps<HTMLDivElement>,
-      | 'as'
-      | 'height'
-      | 'ref'
-      | 'title'
-      | 'onAnimationStart'
-      | 'onDragStart'
-      | 'onDragEnd'
-      | 'onDrag'
+      | "as"
+      | "height"
+      | "ref"
+      | "title"
+      | "onAnimationStart"
+      | "onDragStart"
+      | "onDragEnd"
+      | "onDrag"
     >,
-): React.JSX.Element
+): React.JSX.Element;
 
 export declare namespace Toast {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
 export declare interface ToastContextValue {
-  version: 0.0
+  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
+  push: (params: ToastParams) => string;
 }
 
 /**
  * @public
  */
 declare interface ToastLayerProps {
-  children: React.ReactNode
-  padding?: number | number[]
-  paddingX?: number | number[]
-  paddingY?: number | number[]
-  gap?: number | number[]
+  children: React.ReactNode;
+  padding?: number | number[];
+  paddingX?: number | number[];
+  paddingY?: number | number[];
+  gap?: number | number[];
 }
 
 /**
  * @public
  */
 export declare interface ToastParams {
-  closable?: boolean
-  description?: React.ReactNode
-  duration?: number
-  id?: string
-  onClose?: () => void
-  title?: React.ReactNode
-  status?: 'error' | 'warning' | 'success' | 'info'
+  closable?: boolean;
+  description?: React.ReactNode;
+  duration?: number;
+  id?: string;
+  onClose?: () => void;
+  title?: React.ReactNode;
+  status?: "error" | "warning" | "success" | "info";
 }
 
 /**
  * @public
  */
 export declare interface ToastProps {
-  closable?: boolean
-  description?: React.ReactNode
-  onClose: () => void
-  radius?: number | number[]
-  title?: React.ReactNode
-  status?: 'error' | 'warning' | 'success' | 'info'
-  duration?: number
-  updatedAt?: number
+  closable?: boolean;
+  description?: React.ReactNode;
+  onClose: () => void;
+  radius?: number | number[];
+  title?: React.ReactNode;
+  status?: "error" | "warning" | "success" | "info";
+  duration?: number;
+  updatedAt?: number;
 }
 
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React.JSX.Element
+export declare function ToastProvider(
+  props: ToastProviderProps,
+): React.JSX.Element;
 
 export declare namespace ToastProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  */
-export declare interface ToastProviderProps extends Omit<ToastLayerProps, 'children'> {
-  children?: React.ReactNode
-  zOffset?: number | number[]
+export declare interface ToastProviderProps
+  extends Omit<ToastLayerProps, "children"> {
+  children?: React.ReactNode;
+  zOffset?: number | number[];
 }
 
 /**
@@ -2591,24 +2744,31 @@ export declare interface ToastProviderProps extends Omit<ToastLayerProps, 'child
  * @public
  */
 export declare const Tooltip: ForwardRefExoticComponent<
-  Omit<TooltipProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'children' | 'as'>, 'ref'> &
+  Omit<
+    TooltipProps &
+      Omit<HTMLProps<HTMLDivElement>, "content" | "children" | "as">,
+    "ref"
+  > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @beta
  */
-export declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextValue | null>
+export declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextValue | null>;
 
 /**
  * @beta
  */
 export declare interface TooltipDelayGroupContextValue {
-  setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
-  setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
-  openDelay: number
-  closeDelay: number
-  openTooltipId: string | null
+  setIsGroupActive: (
+    nextState: React.SetStateAction<boolean>,
+    delay?: number | undefined,
+  ) => void;
+  setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void;
+  openDelay: number;
+  closeDelay: number;
+  openTooltipId: string | null;
 }
 
 /**
@@ -2618,17 +2778,17 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): React.JSX.Element
+): React.JSX.Element;
 
 export declare namespace TooltipDelayGroupProvider {
-  var displayName: string
+  var displayName: string;
 }
 
 /**
  * @public
  * */
 export declare interface TooltipDelayGroupProviderProps {
-  children?: React.ReactNode
+  children?: React.ReactNode;
   /**
    * Handles the delays to open or close a tooltip inside a group
    *
@@ -2638,28 +2798,28 @@ export declare interface TooltipDelayGroupProviderProps {
    *
    * @public
    */
-  delay: Delay
+  delay: Delay;
 }
 
 /**
  * @public
  */
-export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
+export declare 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
+  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_2
-  shadow?: number | number[]
+  portal?: boolean | string;
+  radius?: number | number[];
+  scheme?: ThemeColorSchemeKey_2;
+  shadow?: number | number[];
   /**
    * Adds a delay to open or close the tooltip.
    *
@@ -2670,14 +2830,14 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
    * @public
    * @defaultValue 0
    */
-  delay?: Delay
+  delay?: Delay;
   /**
    * Whether the tooltip should animate in and out.
    *
    * @beta
    * @defaultValue false
    */
-  animate?: boolean
+  animate?: boolean;
 }
 
 /**
@@ -2686,23 +2846,31 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
  */
 export declare const Tree: NamedExoticComponent<
   TreeProps &
-    Omit<HTMLProps<HTMLDivElement>, 'height' | 'wrap' | 'ref' | 'role' | 'as' | 'align'> &
+    Omit<
+      HTMLProps<HTMLDivElement>,
+      "height" | "wrap" | "ref" | "role" | "as" | "align"
+    > &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @beta
  */
 export declare interface TreeContextValue {
-  version: 0.0
-  focusedElement: HTMLElement | null
-  level: number
-  path: string[]
-  registerItem: (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => void
-  setExpanded: (path: string, expanded: boolean) => void
-  setFocusedElement: (focusedElement: HTMLElement | null) => void
-  space: number | number[]
-  state: TreeState
+  version: 0.0;
+  focusedElement: HTMLElement | null;
+  level: number;
+  path: string[];
+  registerItem: (
+    element: HTMLElement,
+    path: string,
+    expanded: boolean,
+    selected: boolean,
+  ) => void;
+  setExpanded: (path: string, expanded: boolean) => void;
+  setFocusedElement: (focusedElement: HTMLElement | null) => void;
+  space: number | number[];
+  state: TreeState;
 }
 
 /**
@@ -2710,24 +2878,24 @@ export declare interface TreeContextValue {
  * @beta
  */
 export declare const TreeItem: NamedExoticComponent<
-  TreeItemProps & Omit<HTMLProps<HTMLLIElement>, 'ref' | 'role' | 'as'>
->
+  TreeItemProps & Omit<HTMLProps<HTMLLIElement>, "ref" | "role" | "as">
+>;
 
 /**
  * @beta
  */
 export declare interface TreeItemProps {
-  expanded?: boolean
-  fontSize?: number | number[]
-  icon?: React.ElementType
+  expanded?: boolean;
+  fontSize?: number | number[];
+  icon?: React.ElementType;
   /**
    * Allows passing a custom element type to the link component
    */
-  linkAs?: BoxProps['as']
-  padding?: number | number[]
-  space?: number | number[]
-  text?: React.ReactNode
-  weight?: ThemeFontWeightKey_2
+  linkAs?: BoxProps["as"];
+  padding?: number | number[];
+  space?: number | number[];
+  text?: React.ReactNode;
+  weight?: ThemeFontWeightKey_2;
 }
 
 /**
@@ -2735,7 +2903,7 @@ export declare interface TreeItemProps {
  * @beta
  */
 export declare interface TreeProps {
-  space?: number | number[]
+  space?: number | number[];
 }
 
 /**
@@ -2744,25 +2912,24 @@ export declare interface TreeProps {
 export declare interface TreeState {
   [key: string]:
     | {
-        element: HTMLElement
-        expanded: boolean
+        element: HTMLElement;
+        expanded: boolean;
       }
-    | undefined
+    | undefined;
 }
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function useArrayProp<T extends ArrayPropPrimitive = ArrayPropPrimitive>(
-  val: T | T[] | undefined,
-  defaultVal?: T[],
-): T[]
+export declare function useArrayProp<
+  T extends ArrayPropPrimitive = ArrayPropPrimitive,
+>(val: T | T[] | undefined, defaultVal?: T[]): T[];
 
 /**
  * @public
  */
-export declare function useBoundaryElement(): BoundaryElementContextValue
+export declare function useBoundaryElement(): BoundaryElementContextValue;
 
 /**
  * @public
@@ -2783,7 +2950,7 @@ export declare function useClickOutside(
   listener: ClickOutsideListener,
   elementsArg?: ClickOutsideElements,
   boundaryElement?: HTMLElement | null,
-): (el: HTMLElement | null) => void
+): (el: HTMLElement | null) => void;
 
 /**
  * @public
@@ -2792,7 +2959,7 @@ export declare function useClickOutsideEvent(
   listener: ClickOutsideEventListener | false | undefined,
   elementsArg?: () => ClickOutsideEventElements,
   boundaryElement?: () => HTMLElement | null,
-): void
+): void;
 
 /**
  * @beta
@@ -2800,17 +2967,17 @@ export declare function useClickOutsideEvent(
 export declare function useCustomValidity(
   ref: {
     current: null | {
-      setCustomValidity: (validity: string) => void
-    }
+      setCustomValidity: (validity: string) => void;
+    };
   },
   customValidity: string | undefined,
-): void
+): void;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function useDialog(): DialogContextValue
+export declare function useDialog(): DialogContextValue;
 
 /**
  * Subscribe to the rect of a DOM element.
@@ -2818,13 +2985,17 @@ export declare function useDialog(): DialogContextValue
  *
  * @deprecated Use `useElementSize` instead
  */
-export declare function useElementRect(element: HTMLElement | null): DOMRectReadOnly | null
+export declare function useElementRect(
+  element: HTMLElement | null,
+): DOMRectReadOnly | null;
 
 /**
  * Subscribe to the size of a DOM element.
  * @beta
  */
-export declare function useElementSize(element: HTMLElement | null): ElementSize | null
+export declare function useElementSize(
+  element: HTMLElement | null,
+): ElementSize | null;
 
 /**
  * @beta
@@ -2838,17 +3009,19 @@ export declare function useElementSize(element: HTMLElement | null): ElementSize
  */
 export declare function useForwardedRef<T>(
   ref: React.ForwardedRef<T>,
-): React.MutableRefObject<T | null>
+): React.MutableRefObject<T | null>;
 
 /**
  * @beta
  */
-export declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void
+export declare function useGlobalKeyDown(
+  onKeyDown: (event: KeyboardEvent) => void,
+): void;
 
 /**
  * @public
  */
-export declare function useLayer(): LayerContextValue
+export declare function useLayer(): LayerContextValue;
 
 /**
  * Efficiently subscribes to `window.matchMedia` queries
@@ -2860,18 +3033,18 @@ export declare function useLayer(): LayerContextValue
 export declare function useMatchMedia(
   mediaQueryString: `(${string})`,
   getServerSnapshot?: () => boolean,
-): boolean
+): boolean;
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function useMediaIndex(): number
+export declare function useMediaIndex(): number;
 
 /**
  * @public
  */
-export declare function usePortal(): PortalContextValue
+export declare function usePortal(): PortalContextValue;
 
 /**
  * Returns true if a dark color scheme is preferred, false if a light color scheme is preferred or the preference is not known.
@@ -2884,7 +3057,9 @@ export declare function usePortal(): PortalContextValue
  *
  * @public
  */
-export declare function usePrefersDark(getServerSnapshot?: () => boolean): boolean
+export declare function usePrefersDark(
+  getServerSnapshot?: () => boolean,
+): boolean;
 
 /**
  * Returns true if motion should be reduced
@@ -2897,37 +3072,39 @@ export declare function usePrefersDark(getServerSnapshot?: () => boolean): boole
  *
  * @public
  */
-export declare function usePrefersReducedMotion(getServerSnapshot?: () => boolean): boolean
+export declare function usePrefersReducedMotion(
+  getServerSnapshot?: () => boolean,
+): boolean;
 
 /**
  * @public
  */
-export declare function useRootTheme(): ThemeContextValue
+export declare function useRootTheme(): ThemeContextValue;
 
 /**
  * @public
  */
-export declare function useTheme(): Theme_2
+export declare function useTheme(): Theme_2;
 
 /**
  * @public
  */
-export declare function useTheme_v2(): Theme_v2
+export declare function useTheme_v2(): Theme_v2;
 
 /**
  * @public
  */
-export declare function useToast(): ToastContextValue
+export declare function useToast(): ToastContextValue;
 
 /**
  * @beta
  */
-export declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue | null
+export declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue | null;
 
 /**
  * @beta
  */
-export declare function useTree(): TreeContextValue
+export declare function useTree(): TreeContextValue;
 
 /**
  * @beta
@@ -2935,32 +3112,32 @@ export declare function useTree(): TreeContextValue
 export declare const VirtualList: ForwardRefExoticComponent<
   VirtualListProps<any> &
     StackProps &
-    Omit<HTMLProps<HTMLDivElement>, 'children' | 'ref' | 'onChange' | 'as'> &
+    Omit<HTMLProps<HTMLDivElement>, "children" | "ref" | "onChange" | "as"> &
     RefAttributes<HTMLDivElement>
->
+>;
 
 /**
  * @beta
  */
 export declare interface VirtualListChangeOpts {
-  fromIndex: number
-  gap: number
-  itemHeight: number
-  scrollHeight: number
-  scrollTop: number
-  toIndex: number
+  fromIndex: number;
+  gap: number;
+  itemHeight: number;
+  scrollHeight: number;
+  scrollTop: number;
+  toIndex: number;
 }
 
 /**
  * @beta
  */
 export declare 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
+  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;
 }
 
-export {}
+export {};