@sanity/ui 2.10.0-corel.0 → 2.10.0

package/dist/index.d.mts

@@ -13,7 +13,7 @@ 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 {MemoExoticComponent} from 'react'
+import {JSX} from 'react'
 import {multiply as multiply_2} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
@@ -130,7 +130,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
     > & {
       ref?: Ref<HTMLInputElement>
     },
-) => ReactElement
+) => ReactElement<any>
 
 /**
  * @internal
@@ -199,11 +199,11 @@ export declare interface AutocompleteProps<
   /** @beta */
   relatedElements?: HTMLElement[]
   /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => ReactElement
+  renderOption?: (option: Option) => ReactElement<any>
   /** @beta */
   renderPopover?: (
     props: {
-      content: ReactElement | null
+      content: ReactElement<any> | null
       hidden: boolean
       inputElement: HTMLInputElement | null
       onMouseEnter: () => void
@@ -427,7 +427,7 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace BoundaryElementProvider {
   var displayName: string
@@ -504,13 +504,8 @@ export declare const Breadcrumbs: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface BreadcrumbsProps {
-  expandButton?: Omit<ButtonProps, 'onClick' | 'selected'>
-  gap?: number | number[]
-  gapX?: number | number[]
-  gapY?: number | number[]
   maxLength?: number
   separator?: React.ReactNode
-  /** @deprecated - Use `gap`, `gapX`, `gapY` instead */
   space?: number | number[]
 }
 
@@ -546,8 +541,6 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
   textAlign?: ButtonTextAlign
   muted?: boolean
   text?: React.ReactNode
-  textOverflow?: TextProps['textOverflow']
-  textWeight?: TextProps['weight']
   tone?: ButtonTone
   type?: 'button' | 'reset' | 'submit'
   width?: ButtonWidth
@@ -817,7 +810,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
+export declare function DialogProvider(props: DialogProviderProps): React.ReactElement<any>
 
 export declare namespace DialogProvider {
   var displayName: string
@@ -958,8 +951,6 @@ export declare interface FlexProps
     ResponsiveFlexProps,
     ResponsiveFlexItemProps {
   gap?: number | number[]
-  gapX?: number | number[]
-  gapY?: number | number[]
 }
 
 /**
@@ -1092,7 +1083,7 @@ export declare interface HeadingProps {
    * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
    * @beta
    */
-  textOverflow?: 'ellipsis' | 'none'
+  textOverflow?: 'ellipsis'
   weight?: ThemeFontWeightKey_2
 }
 
@@ -1313,7 +1304,7 @@ export declare interface LayerProps {
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React.ReactElement
+export declare function LayerProvider(props: LayerProviderProps): React.ReactElement<any>
 
 export declare namespace LayerProvider {
   var displayName: string
@@ -1375,9 +1366,9 @@ export declare interface MenuButtonProps {
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
   boundaryElement?: HTMLElement
-  button: React.ReactElement
+  button: React.ReactElement<any>
   id: string
-  menu?: React.ReactElement
+  menu?: React.ReactElement<any>
   onClose?: () => void
   onOpen?: () => void
   /**
@@ -1419,7 +1410,7 @@ export declare const MenuDivider: IStyledComponentBase<
 export declare function MenuGroup(
   props: Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'popover' | 'ref' | 'tabIndex'> &
     MenuGroupProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace MenuGroup {
   var displayName: string
@@ -1472,19 +1463,21 @@ 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[]
+  '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
 }
 
 /**
@@ -1525,14 +1518,12 @@ export declare type Placement =
  *
  * @public
  */
-export declare const Popover: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    Omit<
-      PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
-      'ref'
-    > &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Popover: NamedExoticComponent<
+  Omit<
+    PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
+    'ref'
+  > &
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -1557,7 +1548,7 @@ export declare interface PopoverProps
   arrow?: boolean
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   /**
      * When `true`, prevent overflow within the current boundary:
      * - by flipping on its side axis
@@ -1644,7 +1635,7 @@ export declare interface PortalProps {
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React.ReactElement
+export declare function PortalProvider(props: PortalProviderProps): React.ReactElement<any>
 
 export declare namespace PortalProvider {
   var displayName: string
@@ -2100,7 +2091,7 @@ export declare const TabList: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React.ReactElement | null | undefined | false>
+  children: Array<React.ReactElement<any> | null | undefined | false>
 }
 
 /**
@@ -2263,7 +2254,7 @@ export declare interface TextProps {
    * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
    * @beta
    */
-  textOverflow?: 'ellipsis' | 'none'
+  textOverflow?: 'ellipsis'
   weight?: ThemeFontWeightKey_2
 }
 
@@ -2336,7 +2327,7 @@ export {ThemeColorName}
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement
+export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeColorProvider {
   var displayName: string
@@ -2448,7 +2439,7 @@ export declare interface ThemeProps {
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement
+export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeProvider {
   var displayName: string
@@ -2479,7 +2470,7 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast(
   props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace Toast {
   var displayName: string
@@ -2522,7 +2513,7 @@ export declare interface ToastProps {
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React.ReactElement
+export declare function ToastProvider(props: ToastProviderProps): React.ReactElement<any>
 
 export declare namespace ToastProvider {
   var displayName: string
@@ -2573,7 +2564,7 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace TooltipDelayGroupProvider {
   var displayName: string
@@ -2604,7 +2595,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   allowedAutoPlacements?: Placement[]
   arrow?: boolean
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]
@@ -2639,12 +2630,10 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const Tree: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    TreeProps &
-      Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Tree: NamedExoticComponent<
+  TreeProps &
+    Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
+    RefAttributes<HTMLDivElement>
 >
 
 /**

package/dist/index.d.ts

@@ -13,7 +13,7 @@ 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 {MemoExoticComponent} from 'react'
+import {JSX} from 'react'
 import {multiply as multiply_2} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
@@ -130,7 +130,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
     > & {
       ref?: Ref<HTMLInputElement>
     },
-) => ReactElement
+) => ReactElement<any>
 
 /**
  * @internal
@@ -199,11 +199,11 @@ export declare interface AutocompleteProps<
   /** @beta */
   relatedElements?: HTMLElement[]
   /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => ReactElement
+  renderOption?: (option: Option) => ReactElement<any>
   /** @beta */
   renderPopover?: (
     props: {
-      content: ReactElement | null
+      content: ReactElement<any> | null
       hidden: boolean
       inputElement: HTMLInputElement | null
       onMouseEnter: () => void
@@ -427,7 +427,7 @@ export declare interface BoundaryElementContextValue {
  */
 export declare function BoundaryElementProvider(
   props: BoundaryElementProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace BoundaryElementProvider {
   var displayName: string
@@ -504,13 +504,8 @@ export declare const Breadcrumbs: ForwardRefExoticComponent<
  * @beta
  */
 export declare interface BreadcrumbsProps {
-  expandButton?: Omit<ButtonProps, 'onClick' | 'selected'>
-  gap?: number | number[]
-  gapX?: number | number[]
-  gapY?: number | number[]
   maxLength?: number
   separator?: React.ReactNode
-  /** @deprecated - Use `gap`, `gapX`, `gapY` instead */
   space?: number | number[]
 }
 
@@ -546,8 +541,6 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
   textAlign?: ButtonTextAlign
   muted?: boolean
   text?: React.ReactNode
-  textOverflow?: TextProps['textOverflow']
-  textWeight?: TextProps['weight']
   tone?: ButtonTone
   type?: 'button' | 'reset' | 'submit'
   width?: ButtonWidth
@@ -817,7 +810,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
+export declare function DialogProvider(props: DialogProviderProps): React.ReactElement<any>
 
 export declare namespace DialogProvider {
   var displayName: string
@@ -958,8 +951,6 @@ export declare interface FlexProps
     ResponsiveFlexProps,
     ResponsiveFlexItemProps {
   gap?: number | number[]
-  gapX?: number | number[]
-  gapY?: number | number[]
 }
 
 /**
@@ -1092,7 +1083,7 @@ export declare interface HeadingProps {
    * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
    * @beta
    */
-  textOverflow?: 'ellipsis' | 'none'
+  textOverflow?: 'ellipsis'
   weight?: ThemeFontWeightKey_2
 }
 
@@ -1313,7 +1304,7 @@ export declare interface LayerProps {
 /**
  * @public
  */
-export declare function LayerProvider(props: LayerProviderProps): React.ReactElement
+export declare function LayerProvider(props: LayerProviderProps): React.ReactElement<any>
 
 export declare namespace LayerProvider {
   var displayName: string
@@ -1375,9 +1366,9 @@ export declare interface MenuButtonProps {
    * @deprecated Use `popover={{boundaryElement: element}}` instead.
    */
   boundaryElement?: HTMLElement
-  button: React.ReactElement
+  button: React.ReactElement<any>
   id: string
-  menu?: React.ReactElement
+  menu?: React.ReactElement<any>
   onClose?: () => void
   onOpen?: () => void
   /**
@@ -1419,7 +1410,7 @@ export declare const MenuDivider: IStyledComponentBase<
 export declare function MenuGroup(
   props: Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'popover' | 'ref' | 'tabIndex'> &
     MenuGroupProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace MenuGroup {
   var displayName: string
@@ -1472,19 +1463,21 @@ 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[]
+  '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
 }
 
 /**
@@ -1525,14 +1518,12 @@ export declare type Placement =
  *
  * @public
  */
-export declare const Popover: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    Omit<
-      PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
-      'ref'
-    > &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Popover: NamedExoticComponent<
+  Omit<
+    PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'children' | 'as'>,
+    'ref'
+  > &
+    RefAttributes<HTMLDivElement>
 >
 
 /**
@@ -1557,7 +1548,7 @@ export declare interface PopoverProps
   arrow?: boolean
   /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   /**
      * When `true`, prevent overflow within the current boundary:
      * - by flipping on its side axis
@@ -1644,7 +1635,7 @@ export declare interface PortalProps {
 /**
  * @public
  */
-export declare function PortalProvider(props: PortalProviderProps): React.ReactElement
+export declare function PortalProvider(props: PortalProviderProps): React.ReactElement<any>
 
 export declare namespace PortalProvider {
   var displayName: string
@@ -2100,7 +2091,7 @@ export declare const TabList: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
-  children: Array<React.ReactElement | null | undefined | false>
+  children: Array<React.ReactElement<any> | null | undefined | false>
 }
 
 /**
@@ -2263,7 +2254,7 @@ export declare interface TextProps {
    * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
    * @beta
    */
-  textOverflow?: 'ellipsis' | 'none'
+  textOverflow?: 'ellipsis'
   weight?: ThemeFontWeightKey_2
 }
 
@@ -2336,7 +2327,7 @@ export {ThemeColorName}
 /**
  * @public
  */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement
+export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeColorProvider {
   var displayName: string
@@ -2448,7 +2439,7 @@ export declare interface ThemeProps {
 /**
  * @public
  */
-export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement
+export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement<any>
 
 export declare namespace ThemeProvider {
   var displayName: string
@@ -2479,7 +2470,7 @@ export declare type ThemeShadow = ThemeShadow_2
  */
 export declare function Toast(
   props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace Toast {
   var displayName: string
@@ -2522,7 +2513,7 @@ export declare interface ToastProps {
 /**
  * @public
  */
-export declare function ToastProvider(props: ToastProviderProps): React.ReactElement
+export declare function ToastProvider(props: ToastProviderProps): React.ReactElement<any>
 
 export declare namespace ToastProvider {
   var displayName: string
@@ -2573,7 +2564,7 @@ export declare interface TooltipDelayGroupContextValue {
  */
 export declare function TooltipDelayGroupProvider(
   props: TooltipDelayGroupProviderProps,
-): React.ReactElement
+): React.ReactElement<any>
 
 export declare namespace TooltipDelayGroupProvider {
   var displayName: string
@@ -2604,7 +2595,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
   allowedAutoPlacements?: Placement[]
   arrow?: boolean
   boundaryElement?: HTMLElement | null
-  children?: React.ReactElement
+  children?: React.ReactElement<any>
   content?: React.ReactNode
   disabled?: boolean
   fallbackPlacements?: Placement[]
@@ -2639,12 +2630,10 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare const Tree: MemoExoticComponent<
-  ForwardRefExoticComponent<
-    TreeProps &
-      Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
-      RefAttributes<HTMLDivElement>
-  >
+export declare const Tree: NamedExoticComponent<
+  TreeProps &
+    Omit<HTMLProps<HTMLDivElement>, 'height' | 'role' | 'wrap' | 'ref' | 'as' | 'align'> &
+    RefAttributes<HTMLDivElement>
 >
 
 /**