@sanity/ui 2.11.0 → 2.11.2-canary.0

package/dist/index.d.mts

@@ -19,7 +19,6 @@ import {NamedExoticComponent} from 'react'
 import {parseColor as parseColor_2} from '@sanity/ui/theme'
 import {PartialThemeColorBuilderOpts} from '@sanity/ui/theme'
 import {PropsWithChildren} from 'react'
-import {ReactElement} from 'react'
 import {ReactNode} from 'react'
 import {Ref} from 'react'
 import {RefAttributes} from 'react'
@@ -130,7 +129,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
     > & {
       ref?: Ref<HTMLInputElement>
     },
-) => ReactElement<any>
+) => React.JSX.Element
 
 /**
  * @internal
@@ -199,11 +198,11 @@ export declare interface AutocompleteProps<
   /** @beta */
   relatedElements?: HTMLElement[]
   /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => ReactElement<any>
+  renderOption?: (option: Option) => React.JSX.Element
   /** @beta */
   renderPopover?: (
     props: {
-      content: ReactElement<any> | null
+      content: React.JSX.Element | null
       hidden: boolean
       inputElement: HTMLInputElement | null
       onMouseEnter: () => void
@@ -427,7 +426,7 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace BoundaryElementProvider {
   var displayName: string
@@ -810,7 +809,7 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function DialogProvider(props: DialogProviderProps): React.ReactElement<any>
+export declare function DialogProvider(props: DialogProviderProps): React.JSX.Element
 
 export declare namespace DialogProvider {
   var displayName: string
@@ -1304,7 +1303,7 @@ export declare interface LayerProps {
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React.ReactElement<any>
+export declare function LayerProvider(props: LayerProviderProps): React.JSX.Element
 
 export declare namespace LayerProvider {
   var displayName: string
@@ -1366,9 +1365,9 @@ export declare interface MenuButtonProps {
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
   boundaryElement?: HTMLElement
-  button: React.ReactElement<any>
+  button: React.JSX.Element
   id: string
-  menu?: React.ReactElement<any>
+  menu?: React.JSX.Element
   onClose?: () => void
   onOpen?: () => void
   /**
@@ -1410,7 +1409,7 @@ export declare const MenuDivider: IStyledComponentBase<
 export declare function MenuGroup(
   props: Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'popover' | 'ref' | 'tabIndex'> &
     MenuGroupProps,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace MenuGroup {
   var displayName: string
@@ -1559,7 +1558,7 @@ export declare interface PopoverProps
   arrow?: boolean
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement<any>
+  children?: React.JSX.Element
   /**
      * When `true`, prevent overflow within the current boundary:
      * - by flipping on its side axis
@@ -1646,7 +1645,7 @@ export declare interface PortalProps {
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React.ReactElement<any>
+export declare function PortalProvider(props: PortalProviderProps): React.JSX.Element
 
 export declare namespace PortalProvider {
   var displayName: string
@@ -2102,7 +2101,7 @@ export declare const TabList: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React.ReactElement<any> | null | undefined | false>
+  children: Array<React.JSX.Element | null | undefined | false>
 }
 
 /**
@@ -2339,7 +2338,7 @@ export {ThemeColorName}
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement<any>
+export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.JSX.Element
 
 export declare namespace ThemeColorProvider {
   var displayName: string
@@ -2451,7 +2450,7 @@ export declare interface ThemeProps {
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement<any>
+export declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element
 
 export declare namespace ThemeProvider {
   var displayName: string
@@ -2482,7 +2481,7 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast(
   props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace Toast {
   var displayName: string
@@ -2525,7 +2524,7 @@ export declare interface ToastProps {
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React.ReactElement<any>
+export declare function ToastProvider(props: ToastProviderProps): React.JSX.Element
 
 export declare namespace ToastProvider {
   var displayName: string
@@ -2576,7 +2575,7 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace TooltipDelayGroupProvider {
   var displayName: string
@@ -2607,7 +2606,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   allowedAutoPlacements?: Placement[]
   arrow?: boolean
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement<any>
+  children?: React.JSX.Element
   content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]

package/dist/index.d.ts

@@ -19,7 +19,6 @@ import {NamedExoticComponent} from 'react'
 import {parseColor as parseColor_2} from '@sanity/ui/theme'
 import {PartialThemeColorBuilderOpts} from '@sanity/ui/theme'
 import {PropsWithChildren} from 'react'
-import {ReactElement} from 'react'
 import {ReactNode} from 'react'
 import {Ref} from 'react'
 import {RefAttributes} from 'react'
@@ -130,7 +129,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
     > & {
       ref?: Ref<HTMLInputElement>
     },
-) => ReactElement<any>
+) => React.JSX.Element
 
 /**
  * @internal
@@ -199,11 +198,11 @@ export declare interface AutocompleteProps<
   /** @beta */
   relatedElements?: HTMLElement[]
   /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => ReactElement<any>
+  renderOption?: (option: Option) => React.JSX.Element
   /** @beta */
   renderPopover?: (
     props: {
-      content: ReactElement<any> | null
+      content: React.JSX.Element | null
       hidden: boolean
       inputElement: HTMLInputElement | null
       onMouseEnter: () => void
@@ -427,7 +426,7 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace BoundaryElementProvider {
   var displayName: string
@@ -810,7 +809,7 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare function DialogProvider(props: DialogProviderProps): React.ReactElement<any>
+export declare function DialogProvider(props: DialogProviderProps): React.JSX.Element
 
 export declare namespace DialogProvider {
   var displayName: string
@@ -1304,7 +1303,7 @@ export declare interface LayerProps {
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React.ReactElement<any>
+export declare function LayerProvider(props: LayerProviderProps): React.JSX.Element
 
 export declare namespace LayerProvider {
   var displayName: string
@@ -1366,9 +1365,9 @@ export declare interface MenuButtonProps {
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
   boundaryElement?: HTMLElement
-  button: React.ReactElement<any>
+  button: React.JSX.Element
   id: string
-  menu?: React.ReactElement<any>
+  menu?: React.JSX.Element
   onClose?: () => void
   onOpen?: () => void
   /**
@@ -1410,7 +1409,7 @@ export declare const MenuDivider: IStyledComponentBase<
 export declare function MenuGroup(
   props: Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'popover' | 'ref' | 'tabIndex'> &
     MenuGroupProps,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace MenuGroup {
   var displayName: string
@@ -1559,7 +1558,7 @@ export declare interface PopoverProps
   arrow?: boolean
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement<any>
+  children?: React.JSX.Element
   /**
      * When `true`, prevent overflow within the current boundary:
      * - by flipping on its side axis
@@ -1646,7 +1645,7 @@ export declare interface PortalProps {
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React.ReactElement<any>
+export declare function PortalProvider(props: PortalProviderProps): React.JSX.Element
 
 export declare namespace PortalProvider {
   var displayName: string
@@ -2102,7 +2101,7 @@ export declare const TabList: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React.ReactElement<any> | null | undefined | false>
+  children: Array<React.JSX.Element | null | undefined | false>
 }
 
 /**
@@ -2339,7 +2338,7 @@ export {ThemeColorName}
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement<any>
+export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.JSX.Element
 
 export declare namespace ThemeColorProvider {
   var displayName: string
@@ -2451,7 +2450,7 @@ export declare interface ThemeProps {
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement<any>
+export declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element
 
 export declare namespace ThemeProvider {
   var displayName: string
@@ -2482,7 +2481,7 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast(
   props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace Toast {
   var displayName: string
@@ -2525,7 +2524,7 @@ export declare interface ToastProps {
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React.ReactElement<any>
+export declare function ToastProvider(props: ToastProviderProps): React.JSX.Element
 
 export declare namespace ToastProvider {
   var displayName: string
@@ -2576,7 +2575,7 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): React.ReactElement<any>
+): React.JSX.Element
 
 export declare namespace TooltipDelayGroupProvider {
   var displayName: string
@@ -2607,7 +2606,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   allowedAutoPlacements?: Placement[]
   arrow?: boolean
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement<any>
+  children?: React.JSX.Element
   content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]