@sanity/ui 4.0.0-static.3 → 4.0.0-static.30

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'
@@ -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 */
@@ -471,8 +466,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 +475,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 +621,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.
@@ -1397,7 +1392,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 +1440,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 +1485,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 +1652,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 +1985,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.