@sanity/ui 4.0.0-static.4 → 4.0.0-static.41

package/dist/index.d.ts

@@ -10,8 +10,6 @@ import type {CardTone} from '@sanity/ui/theme'
 import {CodeStyleProps} from '@sanity/ui/css'
 import type {ColorScheme} from '@sanity/ui/theme'
 import {Component} from 'react'
-import type {ComponentClass} from 'react'
-import type {ComponentProps} from 'react'
 import type {ComponentType as ComponentType_2} from 'react'
 import {ContainerStyleProps} from '@sanity/ui/css'
 import type {ContainerWidth} from '@sanity/ui/theme'
@@ -20,7 +18,6 @@ import type {DisplayStyleProps} from '@sanity/ui/css'
 import type {ElementTone} from '@sanity/ui/theme'
 import {ElementType as ElementType_2} from 'react'
 import {ErrorInfo} from 'react'
-import type {ExoticComponent} from 'react'
 import type {FlexDirection} from '@sanity/ui/css'
 import {FlexStyleProps} from '@sanity/ui/css'
 import type {FlexWrap} from '@sanity/ui/css'
@@ -30,12 +27,10 @@ import type {FontLabelSize} from '@sanity/ui/theme'
 import type {FontTextSize} from '@sanity/ui/theme'
 import type {FontWeight} from '@sanity/ui/theme'
 import {ForwardedRef} from 'react'
-import type {FunctionComponent} from 'react'
 import {GapStyleProps} from '@sanity/ui/css'
 import {HeadingStyleProps} from '@sanity/ui/css'
 import {HTMLAttributes} from 'react'
 import {InputStyleProps} from '@sanity/ui/css'
-import type {JSX} from 'react'
 import type {JustifyContent} from '@sanity/ui/css'
 import {LabelStyleProps} from '@sanity/ui/css'
 import {MaxWidth} from '@sanity/ui/css'
@@ -46,7 +41,7 @@ import type {Radius} from '@sanity/ui/theme'
 import {RadiusStyleProps} from '@sanity/ui/css'
 import {ReactElement} from 'react'
 import {ReactNode} from 'react'
-import type {ReactPortal} from 'react'
+import {ReactPortal} from 'react'
 import {Ref} from 'react'
 import {RefAttributes} from 'react'
 import {ResponsiveProp} from '@sanity/ui/css'
@@ -161,7 +156,7 @@ export declare type AutocompleteOwnProps<
   /** The options to render. */
   options?: O[]
   padding?: ResponsiveProp<Space>
-  popover?: Omit<Props<PopoverProps, 'div'>, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'>
+  popover?: Omit<PopoverProps<'div'>, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'>
   prefix?: ReactNode
   radius?: Radius | Radius[]
   /** @beta */
@@ -364,10 +359,7 @@ export declare interface BaseAutocompleteOption {
 }
 
 /** @public */
-export declare interface BoundaryElementContextValue {
-  version: 0.0
-  element: HTMLElement | null
-}
+export declare type BoundaryElementContextValue = HTMLElement | null
 
 /** @public */
 export declare function BoundaryElementProvider(
@@ -471,8 +463,8 @@ export declare type ButtonOwnProps = ButtonStyleProps &
     'data-ui'?: string
     'disabled'?: boolean
     'fontSize'?: ResponsiveProp<FontTextSize>
-    'icon'?: ElementType_2 | ReactNode
-    'iconRight'?: ElementType_2 | ReactNode
+    'icon'?: React.ElementType | React.ReactNode
+    'iconRight'?: React.ElementType | React.ReactNode
     'justify'?: BoxStyleProps['justifyContent']
     /** @beta Do not use in production, as this might change.*/
     'loading'?: boolean
@@ -480,7 +472,7 @@ export declare type ButtonOwnProps = ButtonStyleProps &
     'textAlign'?: ButtonTextAlign
     'muted'?: boolean
     'target'?: string
-    'text'?: ReactNode
+    'text'?: React.ReactNode
     'textOverflow'?: TextOwnProps['textOverflow']
     'textWeight'?: TextOwnProps['weight']
     'width'?: ResponsiveProp<Width>
@@ -626,9 +618,9 @@ export declare type CodeSkeletonProps<E extends CodeSkeletonElementType = CodeSk
 
 /** @public */
 export declare type ComponentType<P = any> =
-  | FunctionComponent<P>
-  | ComponentClass<P>
-  | ExoticComponent<P>
+  | React.FunctionComponent<P>
+  | React.ComponentClass<P>
+  | React.ExoticComponent<P>
 
 /**
  * The `Container` component wraps content layout in a defined set of widths.
@@ -1045,11 +1037,6 @@ export declare function focusFirstDescendant(element: HTMLElement): boolean
  */
 export declare function focusLastDescendant(element: HTMLElement): boolean
 
-/**
- * @internal
- */
-export declare function _getArrayProp<T>(val: T | T[] | undefined, defaultVal?: T[]): T[]
-
 /**
  * @internal
  */
@@ -1397,7 +1384,7 @@ export declare type MenuButtonProps = {
   menu?: ReactElement
   onClose?: () => void
   onOpen?: () => void
-  popover?: Omit<PopoverProps, 'content' | 'open'>
+  popover?: Omit<PopoverProps<'div'>, 'content' | 'open'>
   ref?: ForwardedRef<HTMLButtonElement | null>
 }
 
@@ -1445,7 +1432,7 @@ export declare type MenuGroupOwnProps = RadiusStyleProps & {
     | 'onBlurCapture'
   >
   padding?: ResponsiveProp<Space>
-  popover?: Omit<PopoverProps, 'content' | 'open'>
+  popover?: Omit<PopoverProps<'div'>, 'content' | 'open'>
   text?: ReactNode
   tone?: ElementTone
 }
@@ -1490,7 +1477,7 @@ export declare type MenuOwnProps = PaddingStyleProps & {
   'gap'?: ResponsiveProp<Space>
   'onClickOutside'?: (event: MouseEvent) => void
   'onEscape'?: () => void
-  'onItemClick'?: () => void
+  'onItemClick'?: (event: React.MouseEvent<HTMLButtonElement>) => void
   'onItemSelect'?: (index: number) => void
   'originElement'?: HTMLElement | null
   'registerElement'?: (el: HTMLElement) => () => void
@@ -1657,7 +1644,7 @@ export declare interface PortalProviderProps {
 
 /** @public */
 export declare type Props<P extends EmptyProps, E extends ElementType<P>> = Assign<
-  E extends TagType ? JSX.IntrinsicElements[E] : ComponentProps<E>,
+  E extends TagType ? React.JSX.IntrinsicElements[E] : React.ComponentProps<E>,
   P & {
     as?: E
   }
@@ -1990,7 +1977,7 @@ export declare type TabPanelProps<E extends TabPanelElementType = TabPanelElemen
 export declare type TabProps<E extends TabElementType = TabElementType> = Props<TabOwnProps, E>
 
 /** @public */
-export declare type TagType = keyof JSX.IntrinsicElements
+export declare type TagType = keyof React.JSX.IntrinsicElements
 
 /**
  * The `Text` component is an agile, themed typographic element.
@@ -2374,7 +2361,10 @@ export declare interface TreeState {
 }
 
 /** @public */
-export declare function useBoundaryElement(): BoundaryElementContextValue
+export declare function useBoundaryElement(): {
+  version: 0.0
+  element: BoundaryElementContextValue
+}
 
 /** @public */
 export declare function useCard(): CardContextValue
@@ -2411,9 +2401,16 @@ export declare function useDialog(): DialogContextValue
 export declare function useElementSize(element: HTMLElement | null): ElementSize | null
 
 /**
+ * Adds global keydown event listener to the window.
+ *
+ * @param onKeyDown - The function to call when a keydown event is triggered.
+ * @param options - The options to pass to the addEventListener function (example, capture: true)
  * @beta
  */
-export declare function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): void
+export declare function useGlobalKeyDown(
+  onKeyDown: (event: KeyboardEvent) => void,
+  options?: AddEventListenerOptions,
+): void
 
 /** @public */
 export declare function useLayer(): LayerContextValue
@@ -2465,15 +2462,6 @@ export declare function usePrefersDark(getServerSnapshot?: () => boolean): boole
  */
 export declare function usePrefersReducedMotion(getServerSnapshot?: () => boolean): boolean
 
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useResponsiveProp<T>(
-  val: ResponsiveProp<T> | undefined,
-  defaultVal?: Partial<Record<Breakpoint, T>>,
-): Partial<Record<Breakpoint, T>>
-
 /** @public */
 export declare function useToast(): ToastContextValue