@sanity/ui 0.38.1-next.6 → 0.38.2-next.22

package/dist/types/src/index.d.ts

@@ -1,9 +1,19 @@
 /// <reference types="react" />
 
+import {Component} from 'react'
 import {CSSObject} from 'styled-components'
-import {default as React_2} from 'react'
+import {ForwardRefExoticComponent} from 'react'
+import {HTMLProps} from 'react'
+import {MemoExoticComponent} from 'react'
+import {NamedExoticComponent} from 'react'
+import {PropsWithChildren} from 'react'
+import {Ref} from 'react'
+import {RefAttributes} from 'react'
 import {StyledComponent} from 'styled-components'
 
+/** @beta */
+export declare type ArrayPropPrimitive = string | number | boolean | undefined | null
+
 /**
  * @internal
  */
@@ -15,7 +25,7 @@ export declare function attemptFocus(element: HTMLElement): boolean
 export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
   props: AutocompleteProps<Option> &
     Omit<
-      React_2.HTMLProps<HTMLInputElement>,
+      HTMLProps<HTMLInputElement>,
       | 'value'
       | 'ref'
       | 'type'
@@ -35,9 +45,9 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
       | 'as'
       | 'autoComplete'
     > & {
-      ref?: React_2.Ref<HTMLInputElement> | undefined
+      ref?: Ref<HTMLInputElement> | undefined
     }
-) => React_2.ReactElement
+) => React.ReactElement
 
 /**
  * @internal
@@ -84,7 +94,7 @@ export declare interface AutocompleteProps<
   customValidity?: string
   filterOption?: (query: string, option: Option) => boolean
   fontSize?: number | number[]
-  icon?: React_2.ComponentType | React_2.ReactNode
+  icon?: React.ComponentType | React.ReactNode
   id: string
   /**
    * @beta
@@ -101,29 +111,29 @@ export declare interface AutocompleteProps<
   options?: Option[]
   padding?: number | number[]
   popover?: Omit<PopoverProps, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'> &
-    Omit<React_2.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'ref' | 'width'>
-  prefix?: React_2.ReactNode
+    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'ref' | 'width'>
+  prefix?: React.ReactNode
   radius?: number | number[]
   /**
    * @beta
    */
   relatedElements?: HTMLElement[]
-  renderOption?: (option: Option) => React_2.ReactElement
+  renderOption?: (option: Option) => React.ReactElement
   /**
    * @beta
    */
   renderPopover?: (
     props: {
-      content: React_2.ReactElement | null
+      content: React.ReactElement | null
       hidden: boolean
       inputElement: HTMLInputElement | null
       onMouseEnter: () => void
       onMouseLeave: () => void
     },
-    ref: React_2.Ref<HTMLDivElement>
-  ) => React_2.ReactNode
+    ref: React.Ref<HTMLDivElement>
+  ) => React.ReactNode
   renderValue?: (value: string, option?: Option) => string
-  suffix?: React_2.ReactNode
+  suffix?: React.ReactNode
   value?: string
 }
 
@@ -195,17 +205,15 @@ export declare interface AutocompleteValueChangeMsg {
 /**
  * @public
  */
-export declare const Avatar: React_2.ForwardRefExoticComponent<
-  AvatarProps &
-    Omit<React_2.HTMLProps<HTMLDivElement>, 'ref' | 'as'> &
-    React_2.RefAttributes<HTMLDivElement>
+export declare const Avatar: ForwardRefExoticComponent<
+  AvatarProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
 >
 
 /**
  * @public
  */
-export declare const AvatarCounter: React_2.ForwardRefExoticComponent<
-  AvatarCounterProps & React_2.RefAttributes<HTMLDivElement>
+export declare const AvatarCounter: ForwardRefExoticComponent<
+  AvatarCounterProps & RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -229,7 +237,7 @@ export declare type AvatarPosition = 'top' | 'bottom' | 'inside'
 export declare interface AvatarProps {
   animateArrowFrom?: AvatarPosition
   arrowPosition?: AvatarPosition
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   color?: ThemeColorSpotKey
   initials?: string
   onImageLoadError?: (event: Error) => void
@@ -258,17 +266,15 @@ export declare type AvatarSize = 0 | 1 | 2
 /**
  * @public
  */
-export declare const AvatarStack: React_2.ForwardRefExoticComponent<
-  AvatarStackProps &
-    Omit<React_2.HTMLProps<HTMLDivElement>, 'ref' | 'as'> &
-    React_2.RefAttributes<HTMLDivElement>
+export declare const AvatarStack: ForwardRefExoticComponent<
+  AvatarStackProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
 >
 
 /**
  * @public
  */
 export declare interface AvatarStackProps {
-  children: React_2.ReactNode
+  children: React.ReactNode
   maxLength?: number
   size?: AvatarSize | AvatarSize[]
   /** @deprecated No longer supported. */
@@ -283,9 +289,9 @@ export declare type AvatarStatus = 'online' | 'editing' | 'inactive'
 /**
  * @public
  */
-export declare const Badge: React_2.ForwardRefExoticComponent<
+export declare const Badge: ForwardRefExoticComponent<
   Pick<
-    BadgeProps & React_2.HTMLProps<HTMLDivElement>,
+    BadgeProps & HTMLProps<HTMLDivElement>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -675,7 +681,7 @@ export declare const Badge: React_2.ForwardRefExoticComponent<
     | 'paddingX'
     | 'paddingY'
   > &
-    React_2.RefAttributes<unknown>
+    RefAttributes<unknown>
 >
 
 /**
@@ -687,7 +693,7 @@ export declare type BadgeMode = 'default' | 'outline'
  * @public
  */
 export declare interface BadgeProps extends BoxProps, ResponsiveRadiusProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   mode?: BadgeMode
   tone?: BadgeTone
@@ -746,22 +752,22 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps
-): React_2.ReactElement
+): React.ReactElement
 
 /**
  * @public
  */
 export declare interface BoundaryElementProviderProps {
-  children: React_2.ReactNode
+  children: React.ReactNode
   element: HTMLElement | null
 }
 
 /**
  * @public
  */
-export declare const Box: React_2.ForwardRefExoticComponent<
+export declare const Box: ForwardRefExoticComponent<
   Pick<
-    BoxProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'height' | 'as'>,
+    BoxProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -1122,7 +1128,7 @@ export declare const Box: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof BoxProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -1149,12 +1155,12 @@ export declare interface BoxProps
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
     ResponsivePaddingProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
 }
 
 /**
+ * TODO: Rename to `ThemeBoxShadow`
  * @public
- * @todo Rename to `ThemeBoxShadow`
  */
 export declare type BoxShadow = [number, number, number, number]
 
@@ -1166,10 +1172,10 @@ export declare type BoxSizing = 'content' | 'border'
 /**
  * @beta
  */
-export declare const Breadcrumbs: React_2.ForwardRefExoticComponent<
+export declare const Breadcrumbs: ForwardRefExoticComponent<
   BreadcrumbsProps &
-    Omit<React_2.HTMLProps<HTMLOListElement>, 'ref' | 'type' | 'as'> &
-    React_2.RefAttributes<HTMLOListElement>
+    Omit<HTMLProps<HTMLOListElement>, 'ref' | 'type' | 'as'> &
+    RefAttributes<HTMLOListElement>
 >
 
 /**
@@ -1177,16 +1183,16 @@ export declare const Breadcrumbs: React_2.ForwardRefExoticComponent<
  */
 export declare interface BreadcrumbsProps {
   maxLength?: number
-  separator?: React_2.ReactNode
+  separator?: React.ReactNode
   space?: number | number[]
 }
 
 /**
  * @public
  */
-export declare const Button: React_2.ForwardRefExoticComponent<
+export declare const Button: ForwardRefExoticComponent<
   Pick<
-    ButtonProps & Omit<React_2.HTMLProps<HTMLButtonElement>, 'as'>,
+    ButtonProps & Omit<HTMLProps<HTMLButtonElement>, 'as'>,
     | 'default'
     | 'disabled'
     | 'name'
@@ -1546,7 +1552,7 @@ export declare const Button: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof ButtonProps
   > &
-    React_2.RefAttributes<HTMLButtonElement>
+    RefAttributes<HTMLButtonElement>
 >
 
 /**
@@ -1558,11 +1564,11 @@ export declare type ButtonMode = 'default' | 'ghost' | 'bleed'
  * @public
  */
 export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   mode?: ButtonMode
-  icon?: React_2.ComponentType | React_2.ReactNode
-  iconRight?: React_2.ComponentType | React_2.ReactNode
+  icon?: React.ComponentType | React.ReactNode
+  iconRight?: React.ComponentType | React.ReactNode
   justify?: FlexJustify | FlexJustify[]
   /**
    * @beta Do not use in production, as this might change.
@@ -1571,7 +1577,7 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
   selected?: boolean
   space?: number | number[]
   textAlign?: ButtonTextAlign
-  text?: React_2.ReactNode
+  text?: React.ReactNode
   tone?: ButtonTone
   type?: 'button' | 'reset' | 'submit'
 }
@@ -1589,9 +1595,9 @@ export declare type ButtonTone = 'default' | 'primary' | 'positive' | 'caution'
 /**
  * @public
  */
-export declare const Card: React_2.ForwardRefExoticComponent<
+export declare const Card: ForwardRefExoticComponent<
   Pick<
-    CardProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'height' | 'as'>,
+    CardProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -1952,7 +1958,7 @@ export declare const Card: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof CardProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -1995,9 +2001,9 @@ export declare type CardTone = ThemeColorToneKey | 'inherit'
 /**
  * @public
  */
-export declare const Checkbox: React_2.ForwardRefExoticComponent<
+export declare const Checkbox: ForwardRefExoticComponent<
   Pick<
-    Omit<React_2.HTMLProps<HTMLInputElement>, 'type' | 'as'> & CheckboxProps,
+    Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & CheckboxProps,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -2358,7 +2364,7 @@ export declare const Checkbox: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof CheckboxProps
   > &
-    React_2.RefAttributes<HTMLInputElement>
+    RefAttributes<HTMLInputElement>
 >
 
 /**
@@ -2377,9 +2383,9 @@ export declare type ClickOutsideListener = (event: MouseEvent) => void
 /**
  * @public
  */
-export declare const Code: React_2.ForwardRefExoticComponent<
+export declare const Code: ForwardRefExoticComponent<
   Pick<
-    CodeProps & Omit<React_2.HTMLProps<HTMLElement>, 'size' | 'as'>,
+    CodeProps & Omit<HTMLProps<HTMLElement>, 'size' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -2740,14 +2746,14 @@ export declare const Code: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof CodeProps
   > &
-    React_2.RefAttributes<HTMLElement>
+    RefAttributes<HTMLElement>
 >
 
 /**
  * @public
  */
 export declare interface CodeProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   language?: string
   size?: number | number[]
   weight?: string
@@ -2757,10 +2763,9 @@ export declare interface CodeProps {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const CodeSkeleton: React_2.ForwardRefExoticComponent<
+export declare const CodeSkeleton: ForwardRefExoticComponent<
   Pick<
-    CodeSkeletonProps &
-      Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
+    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -3119,7 +3124,7 @@ export declare const CodeSkeleton: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof CodeSkeletonProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -3133,9 +3138,9 @@ export declare interface CodeSkeletonProps extends SkeletonProps {
 /**
  * @public
  */
-export declare const Container: React_2.ForwardRefExoticComponent<
+export declare const Container: ForwardRefExoticComponent<
   Pick<
-    ContainerProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'height' | 'width' | 'as'>,
+    ContainerProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -3495,7 +3500,7 @@ export declare const Container: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof ContainerProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -3513,9 +3518,9 @@ export declare function createColorTheme(
 /**
  * @public
  */
-export declare const Dialog: React_2.ForwardRefExoticComponent<
+export declare const Dialog: ForwardRefExoticComponent<
   Pick<
-    DialogProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'width' | 'id' | 'as'>,
+    DialogProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'id' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -3875,7 +3880,7 @@ export declare const Dialog: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof DialogProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -3912,9 +3917,9 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
   __unstable_hideCloseButton?: boolean
   cardRadius?: number | number[]
   cardShadow?: number | number[]
-  contentRef?: React_2.ForwardedRef<HTMLDivElement>
-  footer?: React_2.ReactNode
-  header?: React_2.ReactNode
+  contentRef?: React.ForwardedRef<HTMLDivElement>
+  footer?: React.ReactNode
+  header?: React.ReactNode
   id: string
   onClickOutside?: () => void
   onClose?: () => void
@@ -3928,14 +3933,14 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function DialogProvider(props: DialogProviderProps): React_2.ReactElement
+export declare function DialogProvider(props: DialogProviderProps): React.ReactElement
 
 /**
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
 export declare interface DialogProviderProps {
-  children?: React_2.ReactNode
+  children?: React.ReactNode
   position?: DialogPosition | DialogPosition[]
   zOffset?: number | number[]
 }
@@ -3944,9 +3949,9 @@ export declare interface DialogProviderProps {
  * DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const ElementQuery: React_2.ForwardRefExoticComponent<
+export declare const ElementQuery: ForwardRefExoticComponent<
   Pick<
-    MediaQueryProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'media' | 'as'>,
+    MediaQueryProps & Omit<HTMLProps<HTMLDivElement>, 'media' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -4307,7 +4312,7 @@ export declare const ElementQuery: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof MediaQueryProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -4356,23 +4361,20 @@ export declare type _ElementSizeSubscriber = (elementRect: ElementSize) => void
  * DO NOT USE IN PRODUCTION
  * @beta
  */
-export declare class ErrorBoundary extends React_2.Component<
-  ErrorBoundaryProps,
-  ErrorBoundaryState
-> {
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
   state: ErrorBoundaryState
   static getDerivedStateFromError(error: Error): ErrorBoundaryState
-  componentDidCatch(error: Error, info: React_2.ErrorInfo): void
-  render(): React_2.ReactNode
+  componentDidCatch(error: Error, info: React.ErrorInfo): void
+  render(): React.ReactNode
 }
 
 /**
  * DO NOT USE IN PRODUCTION
  * @beta
  */
-export declare interface ErrorBoundaryProps {
-  onCatch: (params: {error: Error; info: React_2.ErrorInfo}) => void
-}
+export declare type ErrorBoundaryProps = PropsWithChildren<{
+  onCatch: (params: {error: Error; info: React.ErrorInfo}) => void
+}>
 
 /**
  * DO NOT USE IN PRODUCTION
@@ -4393,9 +4395,9 @@ export declare function _fillCSSObject(
 /**
  * @public
  */
-export declare const Flex: React_2.ForwardRefExoticComponent<
+export declare const Flex: ForwardRefExoticComponent<
   Pick<
-    FlexProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'wrap' | 'as'>,
+    FlexProps & Omit<HTMLProps<HTMLDivElement>, 'wrap' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -4755,7 +4757,7 @@ export declare const Flex: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof FlexProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -4833,9 +4835,9 @@ export declare function _getResponsiveSpace(
 /**
  * @public
  */
-export declare const Grid: React_2.ForwardRefExoticComponent<
+export declare const Grid: ForwardRefExoticComponent<
   Pick<
-    GridProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'height' | 'as' | 'rows'>,
+    GridProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as' | 'rows'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -5195,7 +5197,7 @@ export declare const Grid: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof GridProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -5256,9 +5258,9 @@ export declare function _hasFocus(element: HTMLElement): boolean
 /**
  * @public
  */
-export declare const Heading: React_2.ForwardRefExoticComponent<
+export declare const Heading: ForwardRefExoticComponent<
   Pick<
-    HeadingProps & Omit<React_2.HTMLProps<HTMLElement>, 'size' | 'as'>,
+    HeadingProps & Omit<HTMLProps<HTMLElement>, 'size' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -5618,7 +5620,7 @@ export declare const Heading: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof HeadingProps
   > &
-    React_2.RefAttributes<HTMLElement>
+    RefAttributes<HTMLElement>
 >
 
 /**
@@ -5627,7 +5629,7 @@ export declare const Heading: React_2.ForwardRefExoticComponent<
 export declare interface HeadingProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
   /**
@@ -5643,10 +5645,9 @@ export declare interface HeadingProps {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const HeadingSkeleton: React_2.ForwardRefExoticComponent<
+export declare const HeadingSkeleton: ForwardRefExoticComponent<
   Pick<
-    HeadingSkeletonProps &
-      Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
+    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -6005,7 +6006,7 @@ export declare const HeadingSkeleton: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof HeadingSkeletonProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -6024,10 +6025,8 @@ export declare function hexToRgb(hex: string): RGB
 /**
  * @public
  */
-export declare const Hotkeys: React_2.ForwardRefExoticComponent<
-  HotkeysProps &
-    Omit<React_2.HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> &
-    React_2.RefAttributes<HTMLElement>
+export declare const Hotkeys: ForwardRefExoticComponent<
+  HotkeysProps & Omit<HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> & RefAttributes<HTMLElement>
 >
 
 /**
@@ -6058,9 +6057,9 @@ export declare function hslToRgb(hsl: HSL): RGB
 /**
  * @public
  */
-export declare const Inline: React_2.ForwardRefExoticComponent<
+export declare const Inline: ForwardRefExoticComponent<
   Pick<
-    InlineProps & React_2.HTMLProps<HTMLDivElement>,
+    InlineProps & HTMLProps<HTMLDivElement>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -6446,7 +6445,7 @@ export declare const Inline: React_2.ForwardRefExoticComponent<
     | 'paddingX'
     | 'paddingY'
   > &
-    React_2.RefAttributes<unknown>
+    RefAttributes<unknown>
 >
 
 /**
@@ -6504,17 +6503,15 @@ export declare function _isScrollable(el: Node): boolean
 /**
  * @public
  */
-export declare const KBD: React_2.ForwardRefExoticComponent<
-  KBDProps &
-    Omit<React_2.HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> &
-    React_2.RefAttributes<HTMLDivElement>
+export declare const KBD: ForwardRefExoticComponent<
+  KBDProps & Omit<HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> & RefAttributes<HTMLDivElement>
 >
 
 /**
  * @public
  */
 export declare interface KBDProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   padding?: number | number[]
   radius?: number | number[]
@@ -6523,9 +6520,9 @@ export declare interface KBDProps {
 /**
  * @public
  */
-export declare const Label: React_2.ForwardRefExoticComponent<
+export declare const Label: ForwardRefExoticComponent<
   Pick<
-    LabelProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'size' | 'as'>,
+    LabelProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -6885,7 +6882,7 @@ export declare const Label: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof LabelProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -6894,7 +6891,7 @@ export declare const Label: React_2.ForwardRefExoticComponent<
 export declare interface LabelProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
   /**
@@ -6910,10 +6907,9 @@ export declare interface LabelProps {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const LabelSkeleton: React_2.ForwardRefExoticComponent<
+export declare const LabelSkeleton: ForwardRefExoticComponent<
   Pick<
-    LabelSkeletonProps &
-      Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
+    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -7272,7 +7268,7 @@ export declare const LabelSkeleton: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof LabelSkeletonProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -7286,9 +7282,9 @@ export declare interface LabelSkeletonProps extends SkeletonProps {
 /**
  * @public
  */
-export declare const Layer: React_2.ForwardRefExoticComponent<
+export declare const Layer: ForwardRefExoticComponent<
   Pick<
-    LayerProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'as'>,
+    LayerProps & Omit<HTMLProps<HTMLDivElement>, 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -7650,7 +7646,7 @@ export declare const Layer: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof LayerProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -7668,20 +7664,20 @@ export declare interface LayerContextValue {
  * @public
  */
 export declare interface LayerProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   zOffset?: number | number[]
 }
 
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React_2.ReactElement
+export declare function LayerProvider(props: LayerProviderProps): React.ReactElement
 
 /**
  * @public
  */
 export declare interface LayerProviderProps {
-  children?: React_2.ReactNode
+  children?: React.ReactNode
   zOffset?: number | number[]
 }
 
@@ -7690,16 +7686,16 @@ export declare interface LayerProviderProps {
  * @beta
  */
 export declare interface MediaQueryProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   media?: number[]
 }
 
 /**
  * @public
  */
-export declare const Menu: React_2.ForwardRefExoticComponent<
+export declare const Menu: ForwardRefExoticComponent<
   Pick<
-    MenuProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'role' | 'as'>,
+    MenuProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'role' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -8058,14 +8054,14 @@ export declare const Menu: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof MenuProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
  * @public
  */
-export declare const MenuButton: React_2.ForwardRefExoticComponent<
-  MenuButtonProps & React_2.RefAttributes<HTMLButtonElement | null>
+export declare const MenuButton: ForwardRefExoticComponent<
+  MenuButtonProps & RefAttributes<HTMLButtonElement | null>
 >
 
 /**
@@ -8080,9 +8076,9 @@ export declare interface MenuButtonProps {
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
   boundaryElement?: HTMLElement
-  button: React_2.ReactElement
+  button: React.ReactElement
   id: string
-  menu?: React_2.ReactElement
+  menu?: React.ReactElement
   onClose?: () => void
   /**
    * @deprecated Use `popover={{placement: 'top'}}` instead.
@@ -8118,46 +8114,46 @@ export declare const MenuDivider: StyledComponent<'hr', Theme>
  */
 export declare function MenuGroup(
   props: MenuGroupProps &
-    Omit<React_2.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'tabIndex'>
-): React_2.ReactElement
+    Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'tabIndex'>
+): React.ReactElement
 
 /**
  * @public
  */
 export declare interface MenuGroupProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
-  icon?: React_2.ComponentType | React_2.ReactNode
+  icon?: React.ComponentType | React.ReactNode
   padding?: number | number[]
   popover?: Omit<PopoverProps, 'content' | 'open'>
   radius?: number | number[]
   space?: number | number[]
-  text: React_2.ReactNode
+  text: React.ReactNode
   tone?: SelectableTone
 }
 
 /**
  * @public
  */
-export declare const MenuItem: React_2.ForwardRefExoticComponent<
+export declare const MenuItem: ForwardRefExoticComponent<
   MenuItemProps &
-    Omit<React_2.HTMLProps<HTMLDivElement>, 'selected' | 'ref' | 'height' | 'tabIndex' | 'as'> &
-    React_2.RefAttributes<HTMLDivElement>
+    Omit<HTMLProps<HTMLDivElement>, 'selected' | 'ref' | 'height' | 'tabIndex' | 'as'> &
+    RefAttributes<HTMLDivElement>
 >
 
 /**
  * @public
  */
 export declare interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   hotkeys?: string[]
-  icon?: React_2.ComponentType | React_2.ReactNode
-  iconRight?: React_2.ComponentType | React_2.ReactNode
+  icon?: React.ComponentType | React.ReactNode
+  iconRight?: React.ComponentType | React.ReactNode
   pressed?: boolean
   selected?: boolean
   space?: number | number[]
-  text?: React_2.ReactNode
+  text?: React.ReactNode
   tone?: SelectableTone
 }
 
@@ -8222,9 +8218,9 @@ export declare type Placement =
 /**
  * @public
  */
-export declare const Popover: React_2.ForwardRefExoticComponent<
+export declare const Popover: ForwardRefExoticComponent<
   Pick<
-    PopoverProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'content' | 'width' | 'as'>,
+    PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'content' | 'width' | 'as'>,
     | 'default'
     | 'selected'
     | 'name'
@@ -8581,7 +8577,7 @@ export declare const Popover: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof PopoverProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -8604,9 +8600,9 @@ export declare interface PopoverProps
   allowedAutoPlacements?: Placement[]
   arrow?: boolean
   boundaryElement?: HTMLElement | null
-  children?: React_2.ReactElement
+  children?: React.ReactElement
   constrainSize?: boolean
-  content?: React_2.ReactNode
+  content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]
   open?: boolean
@@ -8625,7 +8621,7 @@ export declare interface PopoverProps
 /**
  * @public
  */
-export declare function Portal(props: PortalProps): React_2.ReactPortal | null
+export declare function Portal(props: PortalProps): React.ReactPortal | null
 
 /**
  * @public
@@ -8641,7 +8637,7 @@ export declare interface PortalContextValue {
  * @public
  */
 export declare interface PortalProps {
-  children: React_2.ReactNode
+  children: React.ReactNode
   /**
    * @beta This API might change. DO NOT USE IN PRODUCTION.
    */
@@ -8651,7 +8647,7 @@ export declare interface PortalProps {
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React_2.ReactElement
+export declare function PortalProvider(props: PortalProviderProps): React.ReactElement
 
 /**
  * @public
@@ -8661,7 +8657,7 @@ export declare interface PortalProviderProps {
    * @deprecated Use `<BoundaryElementProvider element={...} />` instead
    */
   boundaryElement?: HTMLElement | null
-  children: React_2.ReactNode
+  children: React.ReactNode
   element?: HTMLElement | null
   /**
    * @beta
@@ -8669,14 +8665,12 @@ export declare interface PortalProviderProps {
   __unstable_elements?: Record<string, HTMLElement | null | undefined>
 }
 
-export declare type Primitive = string | number | boolean | undefined | null
-
 /**
  * @public
  */
-export declare const Radio: React_2.ForwardRefExoticComponent<
+export declare const Radio: ForwardRefExoticComponent<
   Pick<
-    Omit<React_2.HTMLProps<HTMLInputElement>, 'type' | 'as'> & RadioProps,
+    Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & RadioProps,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -9037,7 +9031,7 @@ export declare const Radio: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | 'customValidity'
   > &
-    React_2.RefAttributes<HTMLInputElement>
+    RefAttributes<HTMLInputElement>
 >
 
 /**
@@ -9307,9 +9301,9 @@ export {screen_2 as screen}
 /**
  * @public
  */
-export declare const Select: React_2.ForwardRefExoticComponent<
+export declare const Select: ForwardRefExoticComponent<
   Pick<
-    SelectProps & Omit<React_2.HTMLProps<HTMLSelectElement>, 'as'>,
+    SelectProps & Omit<HTMLProps<HTMLSelectElement>, 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -9671,7 +9665,7 @@ export declare const Select: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof SelectProps
   > &
-    React_2.RefAttributes<HTMLSelectElement>
+    RefAttributes<HTMLSelectElement>
 >
 
 /**
@@ -9694,9 +9688,9 @@ export declare interface SelectProps {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const Skeleton: React_2.ForwardRefExoticComponent<
+export declare const Skeleton: ForwardRefExoticComponent<
   Pick<
-    SkeletonProps & React_2.HTMLProps<HTMLDivElement>,
+    SkeletonProps & HTMLProps<HTMLDivElement>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -10085,7 +10079,7 @@ export declare const Skeleton: React_2.ForwardRefExoticComponent<
     | 'animated'
     | 'delay'
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -10100,9 +10094,9 @@ export declare interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxPr
 /**
  * @public
  */
-export declare const Spinner: React_2.ForwardRefExoticComponent<
+export declare const Spinner: ForwardRefExoticComponent<
   Pick<
-    SpinnerProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'size' | 'as'>,
+    SpinnerProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -10462,7 +10456,7 @@ export declare const Spinner: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof SpinnerProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -10476,9 +10470,9 @@ export declare interface SpinnerProps {
 /**
  * @public
  */
-export declare const SrOnly: React_2.ForwardRefExoticComponent<
+export declare const SrOnly: ForwardRefExoticComponent<
   Pick<
-    SrOnlyProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>,
+    SrOnlyProps & Omit<HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -10838,31 +10832,29 @@ export declare const SrOnly: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof SrOnlyProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
  * @public
  */
 export declare interface SrOnlyProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
-  children?: React_2.ReactNode
+  as?: React.ElementType | keyof JSX.IntrinsicElements
+  children?: React.ReactNode
 }
 
 /**
  * @public
  */
-export declare const Stack: React_2.ForwardRefExoticComponent<
-  StackProps &
-    Omit<React_2.HTMLProps<HTMLDivElement>, 'ref' | 'as'> &
-    React_2.RefAttributes<HTMLDivElement>
+export declare const Stack: ForwardRefExoticComponent<
+  StackProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
 >
 
 /**
  * @public
  */
 export declare interface StackProps extends BoxProps {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   space?: number | number[]
 }
 
@@ -10872,7 +10864,7 @@ export declare interface StackProps extends BoxProps {
 export declare const studioTheme: RootTheme
 
 /**
- * @todo Rename to `ThemeStyles`
+ * TODO: Rename to `ThemeStyles`
  * @public
  */
 export declare interface Styles {
@@ -10887,9 +10879,9 @@ export declare interface Styles {
 /**
  * @public
  */
-export declare const Switch: React_2.ForwardRefExoticComponent<
+export declare const Switch: ForwardRefExoticComponent<
   Pick<
-    Omit<React_2.HTMLProps<HTMLInputElement>, 'type' | 'as'> & SwitchProps,
+    Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & SwitchProps,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -11250,7 +11242,7 @@ export declare const Switch: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | 'indeterminate'
   > &
-    React_2.RefAttributes<HTMLInputElement>
+    RefAttributes<HTMLInputElement>
 >
 
 /**
@@ -11263,10 +11255,9 @@ export declare interface SwitchProps {
 /**
  * @public
  */
-export declare const Tab: React_2.ForwardRefExoticComponent<
+export declare const Tab: ForwardRefExoticComponent<
   Pick<
-    TabProps &
-      Omit<React_2.HTMLProps<HTMLButtonElement>, 'label' | 'type' | 'id' | 'aria-controls' | 'as'>,
+    TabProps & Omit<HTMLProps<HTMLButtonElement>, 'label' | 'type' | 'id' | 'aria-controls' | 'as'>,
     | 'default'
     | 'disabled'
     | 'name'
@@ -11623,15 +11614,15 @@ export declare const Tab: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TabProps
   > &
-    React_2.RefAttributes<HTMLButtonElement>
+    RefAttributes<HTMLButtonElement>
 >
 
 /**
  * @public
  */
-export declare const TabList: React_2.ForwardRefExoticComponent<
+export declare const TabList: ForwardRefExoticComponent<
   Pick<
-    TabListProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'height' | 'as'>,
+    TabListProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -11991,23 +11982,22 @@ export declare const TabList: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TabListProps
   > &
-    React_2.RefAttributes<unknown>
+    RefAttributes<unknown>
 >
 
 /**
  * @public
  */
 export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React_2.ReactElement | null | undefined | false>
+  children: Array<React.ReactElement | null | undefined | false>
 }
 
 /**
  * @public
  */
-export declare const TabPanel: React_2.ForwardRefExoticComponent<
+export declare const TabPanel: ForwardRefExoticComponent<
   Pick<
-    TabPanelProps &
-      Omit<React_2.HTMLProps<HTMLDivElement>, 'id' | 'role' | 'aria-labelledby' | 'as'>,
+    TabPanelProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'role' | 'aria-labelledby' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -12365,7 +12355,7 @@ export declare const TabPanel: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TabPanelProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -12388,10 +12378,10 @@ export declare interface TabProps {
    */
   'aria-controls': string
   id: string
-  icon?: React_2.ComponentType | React_2.ReactNode
+  icon?: React.ComponentType | React.ReactNode
   focused?: boolean
   fontSize?: number | number[]
-  label?: React_2.ReactNode
+  label?: React.ReactNode
   padding?: number | number[]
   selected?: boolean
   tone?: ButtonTone
@@ -12400,9 +12390,9 @@ export declare interface TabProps {
 /**
  * @public
  */
-declare const Text_2: React_2.ForwardRefExoticComponent<
+declare const Text_2: ForwardRefExoticComponent<
   Pick<
-    TextProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'size' | 'as'>,
+    TextProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -12762,7 +12752,7 @@ declare const Text_2: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TextProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 export {Text_2 as Text}
 
@@ -12774,9 +12764,9 @@ export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initi
 /**
  * @public
  */
-export declare const TextArea: React_2.ForwardRefExoticComponent<
+export declare const TextArea: ForwardRefExoticComponent<
   Pick<
-    TextAreaProps & Omit<React_2.HTMLProps<HTMLTextAreaElement>, 'as'>,
+    TextAreaProps & Omit<HTMLProps<HTMLTextAreaElement>, 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -13138,7 +13128,7 @@ export declare const TextArea: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TextAreaProps
   > &
-    React_2.RefAttributes<HTMLTextAreaElement>
+    RefAttributes<HTMLTextAreaElement>
 >
 
 /**
@@ -13155,9 +13145,9 @@ export declare interface TextAreaProps extends ResponsiveRadiusProps {
 /**
  * @public
  */
-export declare const TextInput: React_2.ForwardRefExoticComponent<
+export declare const TextInput: ForwardRefExoticComponent<
   Pick<
-    TextInputProps & Omit<React_2.HTMLProps<HTMLInputElement>, 'type' | 'prefix' | 'as'>,
+    TextInputProps & Omit<HTMLProps<HTMLInputElement>, 'type' | 'prefix' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -13517,14 +13507,14 @@ export declare const TextInput: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TextInputProps
   > &
-    React_2.RefAttributes<HTMLInputElement>
+    RefAttributes<HTMLInputElement>
 >
 
 /**
  * @public
  */
 export declare type TextInputClearButtonProps = Omit<ButtonProps, 'as'> &
-  Omit<React_2.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>
+  Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>
 
 /**
  * @public
@@ -13537,17 +13527,17 @@ export declare interface TextInputProps {
   clearButton?: boolean | TextInputClearButtonProps
   customValidity?: string
   fontSize?: number | number[]
-  icon?: React_2.ComponentType | React_2.ReactNode
-  iconRight?: React_2.ComponentType | React_2.ReactNode
+  icon?: React.ComponentType | React.ReactNode
+  iconRight?: React.ComponentType | React.ReactNode
   /**
    * @beta
    */
   onClear?: () => void
   padding?: number | number[]
-  prefix?: React_2.ReactNode
+  prefix?: React.ReactNode
   radius?: number | number[]
   space?: number | number[]
-  suffix?: React_2.ReactNode
+  suffix?: React.ReactNode
   type?: TextInputType
   weight?: ThemeFontWeightKey
 }
@@ -13574,7 +13564,7 @@ export declare type TextInputType =
 export declare interface TextProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
   /**
@@ -13590,10 +13580,9 @@ export declare interface TextProps {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const TextSkeleton: React_2.ForwardRefExoticComponent<
+export declare const TextSkeleton: ForwardRefExoticComponent<
   Pick<
-    TextSkeletonProps &
-      Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
+    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     | 'default'
     | 'disabled'
     | 'selected'
@@ -13952,7 +13941,7 @@ export declare const TextSkeleton: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TextSkeletonProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -14104,8 +14093,8 @@ export declare interface ThemeColorButtonStates {
 }
 
 /**
+ * TODO: Rename to `ThemeColorButtonMode`.
  * @public
- * @todo Rename to `ThemeColorButtonMode`.
  */
 export declare interface ThemeColorButtonTones {
   default: ThemeColorButtonStates
@@ -14227,13 +14216,13 @@ export declare type ThemeColorName =
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React_2.ReactElement
+export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement
 
 /**
  * @public
  */
 export declare interface ThemeColorProviderProps {
-  children?: React_2.ReactNode
+  children?: React.ReactNode
   scheme?: ThemeColorSchemeKey
   tone?: ThemeColorName
 }
@@ -14508,13 +14497,13 @@ export declare interface ThemeProps {
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React_2.ReactElement
+export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement
 
 /**
  * @public
  */
 export declare interface ThemeProviderProps {
-  children?: React_2.ReactNode
+  children?: React.ReactNode
   scheme?: ThemeColorSchemeKey
   theme?: RootTheme
   tone?: ThemeColorName
@@ -14533,8 +14522,8 @@ export declare interface ThemeShadow {
  * @public
  */
 export declare function Toast(
-  props: ToastProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>
-): React_2.ReactElement
+  props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>
+): React.ReactElement
 
 /**
  * @public
@@ -14562,22 +14551,22 @@ export declare interface ToastParams {
  */
 export declare interface ToastProps {
   closable?: boolean
-  description?: React_2.ReactNode
+  description?: React.ReactNode
   onClose?: () => void
-  title?: React_2.ReactNode
+  title?: React.ReactNode
   status?: 'error' | 'warning' | 'success' | 'info'
 }
 
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React_2.ReactElement
+export declare function ToastProvider(props: ToastProviderProps): React.ReactElement
 
 /**
  * @public
  */
 export declare interface ToastProviderProps {
-  children?: React_2.ReactNode
+  children?: React.ReactNode
   padding?: number | number[]
   paddingX?: number | number[]
   paddingY?: number | number[]
@@ -14587,9 +14576,9 @@ export declare interface ToastProviderProps {
 /**
  * @public
  */
-export declare const Tooltip: React_2.ForwardRefExoticComponent<
+export declare const Tooltip: ForwardRefExoticComponent<
   Pick<
-    TooltipProps & Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'content' | 'as'>,
+    TooltipProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'content' | 'as'>,
     | 'default'
     | 'selected'
     | 'name'
@@ -14948,7 +14937,7 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<
     | 'wmode'
     | keyof TooltipProps
   > &
-    React_2.RefAttributes<HTMLDivElement>
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -14957,8 +14946,8 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<
 export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   allowedAutoPlacements?: Placement[]
   boundaryElement?: HTMLElement | null
-  children?: React_2.ReactElement
-  content?: React_2.ReactNode
+  children?: React.ReactElement
+  content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]
   placement?: Placement
@@ -14970,11 +14959,11 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const Tree: React_2.MemoExoticComponent<
-  React_2.ForwardRefExoticComponent<
+export declare const Tree: MemoExoticComponent<
+  ForwardRefExoticComponent<
     TreeProps &
-      Omit<React_2.HTMLProps<HTMLDivElement>, 'ref' | 'wrap' | 'height' | 'role' | 'as' | 'align'> &
-      React_2.RefAttributes<HTMLDivElement>
+      Omit<HTMLProps<HTMLDivElement>, 'ref' | 'wrap' | 'height' | 'role' | 'as' | 'align'> &
+      RefAttributes<HTMLDivElement>
   >
 >
 
@@ -14997,8 +14986,8 @@ export declare interface TreeContextValue {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const TreeItem: React_2.NamedExoticComponent<
-  TreeItemProps & Omit<React_2.HTMLProps<HTMLLIElement>, 'ref' | 'role' | 'as'>
+export declare const TreeItem: NamedExoticComponent<
+  TreeItemProps & Omit<HTMLProps<HTMLLIElement>, 'ref' | 'role' | 'as'>
 >
 
 /**
@@ -15007,10 +14996,10 @@ export declare const TreeItem: React_2.NamedExoticComponent<
 export declare interface TreeItemProps {
   expanded?: boolean
   fontSize?: number | number[]
-  icon?: React_2.ComponentType
+  icon?: React.ComponentType
   padding?: number | number[]
   space?: number | number[]
-  text?: React_2.ReactNode
+  text?: React.ReactNode
   weight?: ThemeFontWeightKey
 }
 
@@ -15038,7 +15027,7 @@ export declare interface TreeState {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function useArrayProp<T extends Primitive = Primitive>(
+export declare function useArrayProp<T extends ArrayPropPrimitive = ArrayPropPrimitive>(
   val: T | T[] | undefined,
   defaultVal?: T[]
 ): T[]
@@ -15077,6 +15066,8 @@ export declare function useDialog(): DialogContextValue
 
 /**
  * Subscribe to the rect of a DOM element.
+ * @beta
+ *
  * @deprecated Use `useElementSize` instead
  */
 export declare function useElementRect(element: HTMLElement | null): DOMRectReadOnly | null
@@ -15091,8 +15082,8 @@ export declare function useElementSize(element: HTMLElement | null): ElementSize
  * @beta
  */
 export declare function useForwardedRef<T>(
-  ref: React_2.ForwardedRef<T>
-): React_2.MutableRefObject<T | null>
+  ref: React.ForwardedRef<T>
+): React.MutableRefObject<T | null>
 
 /**
  * @beta
@@ -15143,11 +15134,11 @@ export declare function useTree(): TreeContextValue
 /**
  * @beta
  */
-export declare const VirtualList: React_2.ForwardRefExoticComponent<
+export declare const VirtualList: ForwardRefExoticComponent<
   VirtualListProps<any> &
     StackProps &
-    Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'ref' | 'onChange' | 'as'> &
-    React_2.RefAttributes<HTMLDivElement>
+    Omit<HTMLProps<HTMLDivElement>, 'children' | 'ref' | 'onChange' | 'as'> &
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -15166,12 +15157,12 @@ export declare interface VirtualListChangeOpts {
  * @beta
  */
 export declare interface VirtualListProps<Item = any> {
-  as?: React_2.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof JSX.IntrinsicElements
   gap?: number
   getItemKey?: (item: Item, itemIndex: number) => string
   items?: Item[]
   onChange?: (opts: VirtualListChangeOpts) => void
-  renderItem?: (item: Item) => React_2.ReactNode
+  renderItem?: (item: Item) => React.ReactNode
 }
 
 export {}