@sanity/ui 2.10.15 → 2.10.17-canary.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025–2024 Sanity.io
+Copyright (c) 2025 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.d.mts

@@ -13,7 +13,6 @@ 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 {JSX} from 'react'
 import {multiply as multiply_2} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
@@ -121,6 +120,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
       | 'inputMode'
       | 'onChange'
       | 'onSelect'
+      | 'popover'
       | 'prefix'
       | 'ref'
       | 'role'
@@ -321,7 +321,7 @@ export declare interface AvatarProps {
   __unstable_hideInnerStroke?: boolean
   animateArrowFrom?: AvatarPosition
   arrowPosition?: AvatarPosition
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   color?: ThemeColorAvatarColorKey
   initials?: string
   onImageLoadError?: (event: Error) => void
@@ -389,7 +389,7 @@ export declare type BadgeMode = 'default' | 'outline'
  * @public
  */
 export declare interface BadgeProps extends BoxProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   /** @deprecated No longer used. */
   mode?: BadgeMode
@@ -476,8 +476,8 @@ export declare interface BoxProps
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
     ResponsivePaddingProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
-  forwardedAs?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
+  forwardedAs?: React.ElementType | keyof React.JSX.IntrinsicElements
 }
 
 /**
@@ -526,7 +526,7 @@ export declare type ButtonMode = ThemeColorButtonModeKey_2
  * @public
  */
 export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   mode?: ButtonMode
   icon?: React.ElementType | React.ReactNode
@@ -660,7 +660,7 @@ export declare const Code: ForwardRefExoticComponent<
  * @public
  */
 export declare interface CodeProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   /** Define the language to use for syntax highlighting. */
   language?: string
   size?: number | number[]
@@ -1075,7 +1075,7 @@ export declare const Heading: ForwardRefExoticComponent<
 export declare interface HeadingProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
   /**
@@ -1220,7 +1220,7 @@ export declare const KBD: ForwardRefExoticComponent<
  * @public
  */
 export declare interface KBDProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   padding?: number | number[]
   radius?: Radius | Radius[]
@@ -1242,7 +1242,7 @@ export declare const Label: ForwardRefExoticComponent<
 export declare interface LabelProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
   /**
@@ -1295,7 +1295,7 @@ export declare interface LayerContextValue {
  * @public
  */
 export declare interface LayerProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
   onActivate?: (props: {activeElement: HTMLElement | null}) => void
   zOffset?: number | number[]
@@ -1323,7 +1323,7 @@ export declare interface LayerProviderProps {
  * @beta
  */
 export declare interface MediaQueryProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   media?: number[]
 }
 
@@ -1420,7 +1420,7 @@ export declare namespace MenuGroup {
  * @public
  */
 export declare interface MenuGroupProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   icon?: React.ElementType | React.ReactNode
   padding?: number | number[]
@@ -1444,7 +1444,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
  * @public
  */
 export declare interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   hotkeys?: string[]
   icon?: React.ElementType | React.ReactNode
@@ -2012,7 +2012,7 @@ export declare const SrOnly: ForwardRefExoticComponent<
  * @public
  */
 export declare interface SrOnlyProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   children?: React.ReactNode
 }
 
@@ -2029,7 +2029,7 @@ export declare const Stack: ForwardRefExoticComponent<
  * @public
  */
 export declare interface StackProps extends BoxProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   space?: number | number[]
 }
 
@@ -2246,7 +2246,7 @@ export declare type TextInputType =
 export declare interface TextProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   /** When `true` the text color will be muted. */
   muted?: boolean
   size?: number | number[]
@@ -2902,7 +2902,7 @@ export declare interface VirtualListChangeOpts {
  * @beta
  */
 export declare interface VirtualListProps<Item = any> {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   gap?: number
   getItemKey?: (item: Item, itemIndex: number) => string
   items?: Item[]

package/dist/index.d.ts

@@ -13,7 +13,6 @@ 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 {JSX} from 'react'
 import {multiply as multiply_2} from '@sanity/ui/theme'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
@@ -121,6 +120,7 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
       | 'inputMode'
       | 'onChange'
       | 'onSelect'
+      | 'popover'
       | 'prefix'
       | 'ref'
       | 'role'
@@ -321,7 +321,7 @@ export declare interface AvatarProps {
   __unstable_hideInnerStroke?: boolean
   animateArrowFrom?: AvatarPosition
   arrowPosition?: AvatarPosition
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   color?: ThemeColorAvatarColorKey
   initials?: string
   onImageLoadError?: (event: Error) => void
@@ -389,7 +389,7 @@ export declare type BadgeMode = 'default' | 'outline'
  * @public
  */
 export declare interface BadgeProps extends BoxProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   /** @deprecated No longer used. */
   mode?: BadgeMode
@@ -476,8 +476,8 @@ export declare interface BoxProps
     ResponsiveGridItemProps,
     ResponsiveMarginProps,
     ResponsivePaddingProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
-  forwardedAs?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
+  forwardedAs?: React.ElementType | keyof React.JSX.IntrinsicElements
 }
 
 /**
@@ -526,7 +526,7 @@ export declare type ButtonMode = ThemeColorButtonModeKey_2
  * @public
  */
 export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   mode?: ButtonMode
   icon?: React.ElementType | React.ReactNode
@@ -660,7 +660,7 @@ export declare const Code: ForwardRefExoticComponent<
  * @public
  */
 export declare interface CodeProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   /** Define the language to use for syntax highlighting. */
   language?: string
   size?: number | number[]
@@ -1075,7 +1075,7 @@ export declare const Heading: ForwardRefExoticComponent<
 export declare interface HeadingProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
   /**
@@ -1220,7 +1220,7 @@ export declare const KBD: ForwardRefExoticComponent<
  * @public
  */
 export declare interface KBDProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   padding?: number | number[]
   radius?: Radius | Radius[]
@@ -1242,7 +1242,7 @@ export declare const Label: ForwardRefExoticComponent<
 export declare interface LabelProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   muted?: boolean
   size?: number | number[]
   /**
@@ -1295,7 +1295,7 @@ export declare interface LayerContextValue {
  * @public
  */
 export declare interface LayerProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
   onActivate?: (props: {activeElement: HTMLElement | null}) => void
   zOffset?: number | number[]
@@ -1323,7 +1323,7 @@ export declare interface LayerProviderProps {
  * @beta
  */
 export declare interface MediaQueryProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   media?: number[]
 }
 
@@ -1420,7 +1420,7 @@ export declare namespace MenuGroup {
  * @public
  */
 export declare interface MenuGroupProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   icon?: React.ElementType | React.ReactNode
   padding?: number | number[]
@@ -1444,7 +1444,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
  * @public
  */
 export declare interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   hotkeys?: string[]
   icon?: React.ElementType | React.ReactNode
@@ -2012,7 +2012,7 @@ export declare const SrOnly: ForwardRefExoticComponent<
  * @public
  */
 export declare interface SrOnlyProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   children?: React.ReactNode
 }
 
@@ -2029,7 +2029,7 @@ export declare const Stack: ForwardRefExoticComponent<
  * @public
  */
 export declare interface StackProps extends BoxProps {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   space?: number | number[]
 }
 
@@ -2246,7 +2246,7 @@ export declare type TextInputType =
 export declare interface TextProps {
   accent?: boolean
   align?: TextAlign | TextAlign[]
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   /** When `true` the text color will be muted. */
   muted?: boolean
   size?: number | number[]
@@ -2902,7 +2902,7 @@ export declare interface VirtualListChangeOpts {
  * @beta
  */
 export declare interface VirtualListProps<Item = any> {
-  as?: React.ElementType | keyof JSX.IntrinsicElements
+  as?: React.ElementType | keyof React.JSX.IntrinsicElements
   gap?: number
   getItemKey?: (item: Item, itemIndex: number) => string
   items?: Item[]