@sanity/ui 0.38.2-next.22 → 0.38.3-next.5

package/dist/types/src/index.d.ts

@@ -94,7 +94,7 @@ export declare interface AutocompleteProps<
   customValidity?: string
   filterOption?: (query: string, option: Option) => boolean
   fontSize?: number | number[]
-  icon?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
   id: string
   /**
    * @beta
@@ -1567,8 +1567,8 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
   as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   mode?: ButtonMode
-  icon?: React.ComponentType | React.ReactNode
-  iconRight?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
+  iconRight?: React.ElementType | React.ReactNode
   justify?: FlexJustify | FlexJustify[]
   /**
    * @beta Do not use in production, as this might change.
@@ -8123,7 +8123,7 @@ export declare function MenuGroup(
 export declare interface MenuGroupProps {
   as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
-  icon?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
   padding?: number | number[]
   popover?: Omit<PopoverProps, 'content' | 'open'>
   radius?: number | number[]
@@ -8148,8 +8148,8 @@ export declare interface MenuItemProps extends ResponsivePaddingProps, Responsiv
   as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   hotkeys?: string[]
-  icon?: React.ComponentType | React.ReactNode
-  iconRight?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
+  iconRight?: React.ElementType | React.ReactNode
   pressed?: boolean
   selected?: boolean
   space?: number | number[]
@@ -12378,7 +12378,7 @@ export declare interface TabProps {
    */
   'aria-controls': string
   id: string
-  icon?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
   focused?: boolean
   fontSize?: number | number[]
   label?: React.ReactNode
@@ -13527,8 +13527,8 @@ export declare interface TextInputProps {
   clearButton?: boolean | TextInputClearButtonProps
   customValidity?: string
   fontSize?: number | number[]
-  icon?: React.ComponentType | React.ReactNode
-  iconRight?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
+  iconRight?: React.ElementType | React.ReactNode
   /**
    * @beta
    */
@@ -14996,7 +14996,7 @@ export declare const TreeItem: NamedExoticComponent<
 export declare interface TreeItemProps {
   expanded?: boolean
   fontSize?: number | number[]
-  icon?: React.ComponentType
+  icon?: React.ElementType
   padding?: number | number[]
   space?: number | number[]
   text?: React.ReactNode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "0.38.2-next.22+11066dc1",
+  "version": "0.38.3-next.5+6563c40f",
   "sideEffects": false,
   "source": "./src/index.ts",
   "module": "./dist/sanity-ui.js",
@@ -21,10 +21,12 @@
   ],
   "license": "MIT",
   "scripts": {
-    "build": "pkg build --tsconfig tsconfig.dist.json && pkg --strict",
+    "build": "pkg build --tsconfig tsconfig.dist.json",
+    "check:package": "pkg --strict --tsconfig tsconfig.dist.json",
     "clean": "rimraf dist",
     "lint": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx --quiet",
-    "prebuild": "yarn clean",
+    "postbuild": "run-s check:package",
+    "prebuild": "run-s clean",
     "test": "vitest run",
     "type-check": "tsc --build",
     "watch": "pkg watch --tsconfig tsconfig.dist.json"
@@ -32,8 +34,8 @@
   "dependencies": {
     "@juggle/resize-observer": "^3.4.0",
     "@popperjs/core": "^2.11.6",
-    "@sanity/color": "2.1.16-next.22+11066dc1",
-    "@sanity/icons": "1.3.6-next.22+11066dc1",
+    "@sanity/color": "2.1.17-next.5+6563c40f",
+    "@sanity/icons": "1.3.7-next.5+6563c40f",
     "framer-motion": "^7.3.2",
     "popper-max-size-modifier": "^0.2.0",
     "react-is": "^18.2.0",
@@ -42,7 +44,7 @@
   },
   "devDependencies": {
     "@testing-library/dom": "^8.17.1",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^12.1.5",
     "@types/refractor": "^3.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -70,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "11066dc1633849a19e1aae1a2f64e1d48c8b1e1a"
+  "gitHead": "6563c40f58e38749d55e348ced73ceecefdd3319"
 }

package/src/components/autocomplete/autocomplete.tsx

@@ -32,7 +32,7 @@ export interface AutocompleteProps<Option extends BaseAutocompleteOption = BaseA
   customValidity?: string
   filterOption?: (query: string, option: Option) => boolean
   fontSize?: number | number[]
-  icon?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
   id: string
   /**
    * @beta

package/src/components/menu/menuGroup.tsx

@@ -14,7 +14,7 @@ import {useMenu} from './useMenu'
 export interface MenuGroupProps {
   as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
-  icon?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
   padding?: number | number[]
   popover?: Omit<PopoverProps, 'content' | 'open'>
   radius?: number | number[]

package/src/components/menu/menuItem.tsx

@@ -23,8 +23,8 @@ export interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusP
   as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   hotkeys?: string[]
-  icon?: React.ComponentType | React.ReactNode
-  iconRight?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
+  iconRight?: React.ElementType | React.ReactNode
   pressed?: boolean
   selected?: boolean
   space?: number | number[]

package/src/components/tab/tab.tsx

@@ -12,7 +12,7 @@ export interface TabProps {
    */
   'aria-controls': string
   id: string
-  icon?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
   focused?: boolean
   fontSize?: number | number[]
   label?: React.ReactNode

package/src/components/tree/treeItem.tsx

@@ -19,7 +19,7 @@ import {useTree} from './useTree'
 export interface TreeItemProps {
   expanded?: boolean
   fontSize?: number | number[]
-  icon?: React.ComponentType
+  icon?: React.ElementType
   padding?: number | number[]
   space?: number | number[]
   text?: React.ReactNode

package/src/primitives/button/button.tsx

@@ -20,8 +20,8 @@ export interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusPro
   as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   mode?: ButtonMode
-  icon?: React.ComponentType | React.ReactNode
-  iconRight?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
+  iconRight?: React.ElementType | React.ReactNode
   justify?: FlexJustify | FlexJustify[]
   /**
    * @beta Do not use in production, as this might change.

package/src/primitives/textInput/textInput.tsx

@@ -55,8 +55,8 @@ export interface TextInputProps {
   clearButton?: boolean | TextInputClearButtonProps
   customValidity?: string
   fontSize?: number | number[]
-  icon?: React.ComponentType | React.ReactNode
-  iconRight?: React.ComponentType | React.ReactNode
+  icon?: React.ElementType | React.ReactNode
+  iconRight?: React.ElementType | React.ReactNode
   /**
    * @beta
    */

package/src/styles/helpers.ts

@@ -30,7 +30,7 @@ export function _responsive<T>(
   values: T[],
   callback: (value: T, index: number, array: T[]) => CSSObject
 ): CSSObject[] {
-  const statements = values.map(callback)
+  const statements = values?.map(callback) || []
 
   return statements.map((statement, mediaIndex) => {
     if (mediaIndex === 0) return statement