sanity-plugin-iconify 4.0.2 → 5.0.0

package/README.md

@@ -41,7 +41,9 @@ Enhance your [Sanity](https://www.sanity.io/) project with the Iconify plugin, w
 
 ## 🚀 Getting Started
 
-> **Requires Sanity Studio v5 or v6.** For Sanity Studio v3/v4, use [v2.x](https://github.com/waspeer/sanity-plugin-iconify/tree/v2).
+> **Requires Sanity Studio v6.9.2 or later** — the first release to ship [`@sanity/ui`](https://github.com/sanity-io/ui) v4. The plugin declares `@sanity/ui` as a peer dependency so it shares the Studio's own copy; a Studio that ships `@sanity/ui` v3 would load a second, separate copy and break React context.
+>
+> For Sanity Studio v5, or v6.0–v6.9.1, install `sanity-plugin-iconify@4`. For Sanity Studio v3/v4, use [v2.x](https://github.com/waspeer/sanity-plugin-iconify/tree/v2).
 
 ### Installation
 

package/dist/index.cjs

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
@@ -25,6 +25,8 @@ let sanity = require("sanity");
 let _sanity_ui = require("@sanity/ui");
 let _sanity_ui_theme = require("@sanity/ui/theme");
 let react = require("react");
+let _sanity_ui_popover = require("@sanity/ui/popover");
+let _sanity_ui_toast = require("@sanity/ui/toast");
 let downshift = require("downshift");
 let ts_pattern = require("ts-pattern");
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -33,7 +35,7 @@ let styled_components = require("styled-components");
 styled_components = __toESM(styled_components, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _iconify_react = require("@iconify/react");
-let _sanity_icons = require("@sanity/icons");
+let _sanity_icons_Trash = require("@sanity/icons/Trash");
 let _iconify_utils = require("@iconify/utils");
 let change_case = require("change-case");
 //#region src/lib/api.ts
@@ -80,7 +82,7 @@ function useSearch({ collections }) {
 		},
 		enabled: debouncedTerm.length > 0,
 		placeholderData: _tanstack_react_query.keepPreviousData,
-		staleTime: 300 * 1e3
+		staleTime: 3e5
 	});
 	return {
 		term,
@@ -216,7 +218,7 @@ function UnsetButton(props) {
 		radius: 2,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Button, {
 			"data-testid": "iconify-unset",
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons.TrashIcon, {}),
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_Trash.TrashIcon, {}),
 			onClick: onUnset,
 			mode: "bleed",
 			fontSize: 1,
@@ -229,7 +231,7 @@ function UnsetButton(props) {
 const IconifyCombobox = (0, react.memo)(function IconifyCombobox(props) {
 	const { selectedIcon, onSelect: pushSelection, collections, studioElementProps, fieldFocused } = props;
 	const id = (0, react.useId)();
-	const toast = (0, _sanity_ui.useToast)();
+	const toast = (0, _sanity_ui_toast.useToast)();
 	const inputRef = (0, react.useRef)(null);
 	const composedInputRef = (0, react.useCallback)((node) => {
 		inputRef.current = node;
@@ -304,7 +306,7 @@ const IconifyCombobox = (0, react.memo)(function IconifyCombobox(props) {
 		onBlur: handleBlur,
 		selectedIcon,
 		suffix: selectedIcon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnsetButton, { onUnset: handleUnset }) : null
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Popover, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui_popover.Popover, {
 		open: true,
 		style: { display: isOpen ? "block" : "none" },
 		placement: "bottom",
@@ -350,15 +352,16 @@ const IconifyInput = (0, react.memo)(function IconifyInput(props) {
 	const options = schemaType.options;
 	const collections = !!options?.collections?.length && options.collections || !!config?.collections?.length && config.collections || null;
 	const showName = options?.showName ?? config?.showName ?? false;
+	const handleSelect = (0, react.useCallback)((icon) => {
+		pushChange(icon === "" ? (0, sanity.unset)() : (0, sanity.set)(icon, ["name"]));
+	}, [pushChange]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QueryClientProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.ThemeProvider, {
 		theme,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Stack, {
-			space: 2,
+			gap: 2,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconifyCombobox, {
 				selectedIcon,
-				onSelect: (0, react.useCallback)((icon) => {
-					pushChange(icon === "" ? (0, sanity.unset)() : (0, sanity.set)(icon, ["name"]));
-				}, [pushChange]),
+				onSelect: handleSelect,
 				collections,
 				studioElementProps: elementProps,
 				fieldFocused: focused

package/dist/index.d.cts

@@ -1,37 +1,50 @@
 import { BaseSchemaDefinition, BaseSchemaDefinition as BaseSchemaDefinition$1, ConditionalPropertyCallbackContext, FieldGroupDefinition, FieldsetDefinition, InitialValueProperty, ObjectOptions, RuleDef, ValidationBuilder } from "sanity";
-
 //#region node_modules/.pnpm/@iconify+types@2.0.0/node_modules/@iconify/types/types.d.ts
 /**
  * Icon set information block.
  */
 interface IconifyInfo {
   // Icon set name.
-  name: string; // Total number of icons.
-  total?: number; // Version string.
-  version?: string; // Author information.
+  name: string;
+  // Total number of icons.
+  total?: number;
+  // Version string.
+  version?: string;
+  // Author information.
   author: {
     // Author name.
-    name: string; // Link to author's website or icon set website.
+    name: string;
+    // Link to author's website or icon set website.
     url?: string;
-  }; // License
+  };
+  // License
   license: {
     // Human readable license.
-    title: string; // SPDX license identifier.
-    spdx?: string; // License URL.
+    title: string;
+    // SPDX license identifier.
+    spdx?: string;
+    // License URL.
     url?: string;
-  }; // Array of icons that should be used for samples in icon sets list.
-  samples?: string[]; // Icon grid: number or array of numbers.
-  height?: number | number[]; // Display height for samples: 16 - 24
-  displayHeight?: number; // Category on Iconify collections list.
-  category?: string; // List of tags to group similar icon sets.
-  tags?: string[]; // Palette status. True if icons have predefined color scheme, false if icons use currentColor.
+  };
+  // Array of icons that should be used for samples in icon sets list.
+  samples?: string[];
+  // Icon grid: number or array of numbers.
+  height?: number | number[];
+  // Display height for samples: 16 - 24
+  displayHeight?: number;
+  // Category on Iconify collections list.
+  category?: string;
+  // List of tags to group similar icon sets.
+  tags?: string[];
+  // Palette status. True if icons have predefined color scheme, false if icons use currentColor.
   // Ideally, icon set should not mix icons with and without palette to simplify search.
-  palette?: boolean; // If true, icon set should not appear in icon sets list.
+  palette?: boolean;
+  // If true, icon set should not appear in icon sets list.
   hidden?: boolean;
 }
 //#endregion
 //#region src/lib/icon-types.gen.d.ts
-type IconPrefix = 'material-symbols' | 'material-symbols-light' | 'ic' | 'mdi' | 'mdi-light' | 'line-md' | 'solar' | 'tabler' | 'boxicons' | 'mingcute' | 'ri' | 'mynaui' | 'iconamoon' | 'iconoir' | 'lucide' | 'lucide-lab' | 'uil' | 'tdesign' | 'si' | 'majesticons' | 'gg' | 'flowbite' | 'basil' | 'pixelarticons' | 'pixel' | 'akar-icons' | 'ci' | 'proicons' | 'typcn' | 'meteor-icons' | 'prime' | 'circum' | 'fe' | 'eos-icons' | 'bitcoin-icons' | 'humbleicons' | 'uim' | 'uit' | 'uis' | 'gridicons' | 'mi' | 'cuida' | 'weui' | 'duo-icons' | 'svg-spinners' | 'hugeicons' | 'lets-icons' | 'streamline-ultimate' | 'streamline-plump' | 'streamline-sharp' | 'mage' | 'stash' | 'lineicons' | 'wordpress' | 'icon-park-outline' | 'icon-park-solid' | 'icon-park-twotone' | 'jam' | 'streamline-cyber' | 'guidance' | 'carbon' | 'ion' | 'famicons' | 'ant-design' | 'lsicon' | 'gravity-ui' | 'cil' | 'at-icons' | 'ep' | 'charm' | 'quill' | 'bytesize' | 'bi' | 'streamline-pixel' | 'streamline-block' | 'rivet-icons' | 'nimbus' | 'formkit' | 'fluent' | 'ph' | 'glyphs' | 'glyphs-poly' | 'teenyicons' | 'clarity' | 'streamline-freehand' | 'ix' | 'octicon' | 'memory' | 'system-uicons' | 'radix-icons' | 'zondicons' | 'uiw' | 'codex' | 'ei' | 'heroicons' | 'sidekickicons' | 'pepicons-pop' | 'pepicons-print' | 'pepicons-pencil' | 'f7' | 'pajamas' | 'garden' | 'streamline' | 'streamline-flex' | 'fa7-solid' | 'fa7-regular' | 'picon' | 'ooui' | 'oui' | 'nrk' | 'dinkie-icons' | 'qlementine-icons' | 'streamline-ultimate-color' | 'streamline-plump-color' | 'streamline-freehand-color' | 'streamline-kameleon-color' | 'streamline-stickies-color' | 'fluent-color' | 'streamline-color' | 'streamline-flex-color' | 'streamline-sharp-color' | 'streamline-cyber-color' | 'icon-park' | 'marketeq' | 'vscode-icons' | 'codicon' | 'material-icon-theme' | 'file-icons' | 'devicon' | 'devicon-plain' | 'catppuccin' | 'skill-icons' | 'gcp' | 'unjs' | 'simple-icons' | 'logos' | 'streamline-logos' | 'cib' | 'fa7-brands' | 'bxl' | 'nonicons' | 'arcticons' | 'cbi' | 'brandico' | 'entypo-social' | 'token' | 'token-branded' | 'cryptocurrency' | 'cryptocurrency-color' | 'openmoji' | 'twemoji' | 'noto' | 'fluent-emoji-flat' | 'fluent-emoji-high-contrast' | 'noto-v1' | 'emojione' | 'emojione-monotone' | 'emojione-v1' | 'fxemoji' | 'streamline-emojis' | 'circle-flags' | 'flag' | 'flagpack' | 'cif' | 'pinhead' | 'roentgen' | 'maki' | 'temaki' | 'gis' | 'map' | 'geo' | 'game-icons' | 'fad' | 'academicons' | 'wi' | 'meteocons' | 'healthicons' | 'medical-icon' | 'covid' | 'ginetex' | 'la' | 'eva' | 'dashicons' | 'flat-color-icons' | 'entypo' | 'foundation' | 'raphael' | 'icons8' | 'iwwa' | 'gala' | 'heroicons-outline' | 'heroicons-solid' | 'bx' | 'bxs' | 'fa6-solid' | 'fa6-regular' | 'fa6-brands' | 'fa-solid' | 'fa-regular' | 'fa-brands' | 'fa' | 'fluent-mdl2' | 'fontisto' | 'icomoon-free' | 'subway' | 'oi' | 'wpf' | 'simple-line-icons' | 'et' | 'el' | 'vaadin' | 'grommet-icons' | 'whh' | 'si-glyph' | 'zmdi' | 'ls' | 'bpmn' | 'flat-ui' | 'vs' | 'topcoat' | 'il' | 'websymbol' | 'fontelico' | 'ps' | 'feather' | 'mono-icons' | 'pepicons' | 'fluent-emoji';
+type IconPrefix = 'material-symbols' | 'material-symbols-light' | 'ic' | 'mdi' | 'mdi-light' | 'line-md' | 'solar' | 'tabler' | 'boxicons' | 'mingcute' | 'ri' | 'mynaui' | 'griddy-icons' | 'iconamoon' | 'iconoir' | 'lucide' | 'lucide-lab' | 'uil' | 'tdesign' | 'si' | 'majesticons' | 'gg' | 'flowbite' | 'vadivam' | 'basil' | 'pixelarticons' | 'pixel' | 'akar-icons' | 'ci' | 'proicons' | 'typcn' | 'meteor-icons' | 'prime' | 'circum' | 'fe' | 'eos-icons' | 'bitcoin-icons' | 'humbleicons' | 'uim' | 'uit' | 'uis' | 'gridicons' | 'mi' | 'cuida' | 'weui' | 'duo-icons' | 'svg-spinners' | 'reicon' | 'hugeicons' | 'lets-icons' | 'streamline-ultimate' | 'streamline-plump' | 'streamline-sharp' | 'mage' | 'stash' | 'lineicons' | 'wordpress' | 'icon-park-outline' | 'icon-park-solid' | 'icon-park-twotone' | 'jam' | 'streamline-cyber' | 'guidance' | 'carbon' | 'ion' | 'famicons' | 'ant-design' | 'lsicon' | 'gravity-ui' | 'cil' | 'at-icons' | 'ep' | 'charm' | 'quill' | 'bytesize' | 'bi' | 'streamline-pixel' | 'streamline-block' | 'rivet-icons' | 'nimbus' | 'formkit' | 'fluent' | 'ph' | 'glyphs' | 'glyphs-poly' | 'teenyicons' | 'clarity' | 'streamline-freehand' | 'ix' | 'octicon' | 'memory' | 'system-uicons' | 'radix-icons' | 'zondicons' | 'uiw' | 'codex' | 'ei' | 'heroicons' | 'sidekickicons' | 'pepicons-pop' | 'pepicons-print' | 'pepicons-pencil' | 'f7' | 'pajamas' | 'garden' | 'streamline' | 'streamline-flex' | 'fa7-solid' | 'fa7-regular' | 'picon' | 'ooui' | 'oui' | 'nrk' | 'dinkie-icons' | 'qlementine-icons' | 'streamline-ultimate-color' | 'streamline-plump-color' | 'streamline-freehand-color' | 'streamline-kameleon-color' | 'streamline-stickies-color' | 'fluent-color' | 'streamline-color' | 'streamline-flex-color' | 'streamline-sharp-color' | 'streamline-cyber-color' | 'icon-park' | 'marketeq' | 'vscode-icons' | 'codicon' | 'material-icon-theme' | 'file-icons' | 'devicon' | 'devicon-plain' | 'catppuccin' | 'skill-icons' | 'gcp' | 'k8s' | 'unjs' | 'simple-icons' | 'logos' | 'streamline-logos' | 'cib' | 'fa7-brands' | 'bxl' | 'nonicons' | 'arcticons' | 'thesvg' | 'thesvg-color' | 'selfhst' | 'cbi' | 'brandico' | 'entypo-social' | 'token' | 'token-branded' | 'cryptocurrency' | 'cryptocurrency-color' | 'openmoji' | 'twemoji' | 'noto' | 'fluent-emoji-flat' | 'fluent-emoji-high-contrast' | 'noto-v1' | 'emojione' | 'emojione-monotone' | 'emojione-v1' | 'fxemoji' | 'streamline-emojis' | 'circle-flags' | 'flag' | 'flagpack' | 'cif' | 'pinhead' | 'roentgen' | 'maki' | 'temaki' | 'gis' | 'map' | 'geo' | 'osmic' | 'game-icons' | 'fad' | 'academicons' | 'wi' | 'meteocons' | 'healthicons' | 'medical-icon' | 'covid' | 'ginetex' | 'la' | 'eva' | 'dashicons' | 'flat-color-icons' | 'entypo' | 'foundation' | 'raphael' | 'icons8' | 'iwwa' | 'gala' | 'heroicons-outline' | 'heroicons-solid' | 'bx' | 'bxs' | 'fa6-solid' | 'fa6-regular' | 'fa6-brands' | 'fa-solid' | 'fa-regular' | 'fa-brands' | 'fa' | 'fluent-mdl2' | 'fontisto' | 'icomoon-free' | 'subway' | 'oi' | 'wpf' | 'simple-line-icons' | 'et' | 'el' | 'vaadin' | 'grommet-icons' | 'whh' | 'si-glyph' | 'zmdi' | 'ls' | 'bpmn' | 'flat-ui' | 'vs' | 'topcoat' | 'il' | 'websymbol' | 'fontelico' | 'ps' | 'feather' | 'mono-icons' | 'pepicons' | 'fluent-emoji';
 //#endregion
 //#region src/lib/types.d.ts
 type IconOptions = {

package/dist/index.d.mts

@@ -1,37 +1,50 @@
 import { BaseSchemaDefinition, BaseSchemaDefinition as BaseSchemaDefinition$1, ConditionalPropertyCallbackContext, FieldGroupDefinition, FieldsetDefinition, InitialValueProperty, ObjectOptions, RuleDef, ValidationBuilder } from "sanity";
-
 //#region node_modules/.pnpm/@iconify+types@2.0.0/node_modules/@iconify/types/types.d.ts
 /**
  * Icon set information block.
  */
 interface IconifyInfo {
   // Icon set name.
-  name: string; // Total number of icons.
-  total?: number; // Version string.
-  version?: string; // Author information.
+  name: string;
+  // Total number of icons.
+  total?: number;
+  // Version string.
+  version?: string;
+  // Author information.
   author: {
     // Author name.
-    name: string; // Link to author's website or icon set website.
+    name: string;
+    // Link to author's website or icon set website.
     url?: string;
-  }; // License
+  };
+  // License
   license: {
     // Human readable license.
-    title: string; // SPDX license identifier.
-    spdx?: string; // License URL.
+    title: string;
+    // SPDX license identifier.
+    spdx?: string;
+    // License URL.
     url?: string;
-  }; // Array of icons that should be used for samples in icon sets list.
-  samples?: string[]; // Icon grid: number or array of numbers.
-  height?: number | number[]; // Display height for samples: 16 - 24
-  displayHeight?: number; // Category on Iconify collections list.
-  category?: string; // List of tags to group similar icon sets.
-  tags?: string[]; // Palette status. True if icons have predefined color scheme, false if icons use currentColor.
+  };
+  // Array of icons that should be used for samples in icon sets list.
+  samples?: string[];
+  // Icon grid: number or array of numbers.
+  height?: number | number[];
+  // Display height for samples: 16 - 24
+  displayHeight?: number;
+  // Category on Iconify collections list.
+  category?: string;
+  // List of tags to group similar icon sets.
+  tags?: string[];
+  // Palette status. True if icons have predefined color scheme, false if icons use currentColor.
   // Ideally, icon set should not mix icons with and without palette to simplify search.
-  palette?: boolean; // If true, icon set should not appear in icon sets list.
+  palette?: boolean;
+  // If true, icon set should not appear in icon sets list.
   hidden?: boolean;
 }
 //#endregion
 //#region src/lib/icon-types.gen.d.ts
-type IconPrefix = 'material-symbols' | 'material-symbols-light' | 'ic' | 'mdi' | 'mdi-light' | 'line-md' | 'solar' | 'tabler' | 'boxicons' | 'mingcute' | 'ri' | 'mynaui' | 'iconamoon' | 'iconoir' | 'lucide' | 'lucide-lab' | 'uil' | 'tdesign' | 'si' | 'majesticons' | 'gg' | 'flowbite' | 'basil' | 'pixelarticons' | 'pixel' | 'akar-icons' | 'ci' | 'proicons' | 'typcn' | 'meteor-icons' | 'prime' | 'circum' | 'fe' | 'eos-icons' | 'bitcoin-icons' | 'humbleicons' | 'uim' | 'uit' | 'uis' | 'gridicons' | 'mi' | 'cuida' | 'weui' | 'duo-icons' | 'svg-spinners' | 'hugeicons' | 'lets-icons' | 'streamline-ultimate' | 'streamline-plump' | 'streamline-sharp' | 'mage' | 'stash' | 'lineicons' | 'wordpress' | 'icon-park-outline' | 'icon-park-solid' | 'icon-park-twotone' | 'jam' | 'streamline-cyber' | 'guidance' | 'carbon' | 'ion' | 'famicons' | 'ant-design' | 'lsicon' | 'gravity-ui' | 'cil' | 'at-icons' | 'ep' | 'charm' | 'quill' | 'bytesize' | 'bi' | 'streamline-pixel' | 'streamline-block' | 'rivet-icons' | 'nimbus' | 'formkit' | 'fluent' | 'ph' | 'glyphs' | 'glyphs-poly' | 'teenyicons' | 'clarity' | 'streamline-freehand' | 'ix' | 'octicon' | 'memory' | 'system-uicons' | 'radix-icons' | 'zondicons' | 'uiw' | 'codex' | 'ei' | 'heroicons' | 'sidekickicons' | 'pepicons-pop' | 'pepicons-print' | 'pepicons-pencil' | 'f7' | 'pajamas' | 'garden' | 'streamline' | 'streamline-flex' | 'fa7-solid' | 'fa7-regular' | 'picon' | 'ooui' | 'oui' | 'nrk' | 'dinkie-icons' | 'qlementine-icons' | 'streamline-ultimate-color' | 'streamline-plump-color' | 'streamline-freehand-color' | 'streamline-kameleon-color' | 'streamline-stickies-color' | 'fluent-color' | 'streamline-color' | 'streamline-flex-color' | 'streamline-sharp-color' | 'streamline-cyber-color' | 'icon-park' | 'marketeq' | 'vscode-icons' | 'codicon' | 'material-icon-theme' | 'file-icons' | 'devicon' | 'devicon-plain' | 'catppuccin' | 'skill-icons' | 'gcp' | 'unjs' | 'simple-icons' | 'logos' | 'streamline-logos' | 'cib' | 'fa7-brands' | 'bxl' | 'nonicons' | 'arcticons' | 'cbi' | 'brandico' | 'entypo-social' | 'token' | 'token-branded' | 'cryptocurrency' | 'cryptocurrency-color' | 'openmoji' | 'twemoji' | 'noto' | 'fluent-emoji-flat' | 'fluent-emoji-high-contrast' | 'noto-v1' | 'emojione' | 'emojione-monotone' | 'emojione-v1' | 'fxemoji' | 'streamline-emojis' | 'circle-flags' | 'flag' | 'flagpack' | 'cif' | 'pinhead' | 'roentgen' | 'maki' | 'temaki' | 'gis' | 'map' | 'geo' | 'game-icons' | 'fad' | 'academicons' | 'wi' | 'meteocons' | 'healthicons' | 'medical-icon' | 'covid' | 'ginetex' | 'la' | 'eva' | 'dashicons' | 'flat-color-icons' | 'entypo' | 'foundation' | 'raphael' | 'icons8' | 'iwwa' | 'gala' | 'heroicons-outline' | 'heroicons-solid' | 'bx' | 'bxs' | 'fa6-solid' | 'fa6-regular' | 'fa6-brands' | 'fa-solid' | 'fa-regular' | 'fa-brands' | 'fa' | 'fluent-mdl2' | 'fontisto' | 'icomoon-free' | 'subway' | 'oi' | 'wpf' | 'simple-line-icons' | 'et' | 'el' | 'vaadin' | 'grommet-icons' | 'whh' | 'si-glyph' | 'zmdi' | 'ls' | 'bpmn' | 'flat-ui' | 'vs' | 'topcoat' | 'il' | 'websymbol' | 'fontelico' | 'ps' | 'feather' | 'mono-icons' | 'pepicons' | 'fluent-emoji';
+type IconPrefix = 'material-symbols' | 'material-symbols-light' | 'ic' | 'mdi' | 'mdi-light' | 'line-md' | 'solar' | 'tabler' | 'boxicons' | 'mingcute' | 'ri' | 'mynaui' | 'griddy-icons' | 'iconamoon' | 'iconoir' | 'lucide' | 'lucide-lab' | 'uil' | 'tdesign' | 'si' | 'majesticons' | 'gg' | 'flowbite' | 'vadivam' | 'basil' | 'pixelarticons' | 'pixel' | 'akar-icons' | 'ci' | 'proicons' | 'typcn' | 'meteor-icons' | 'prime' | 'circum' | 'fe' | 'eos-icons' | 'bitcoin-icons' | 'humbleicons' | 'uim' | 'uit' | 'uis' | 'gridicons' | 'mi' | 'cuida' | 'weui' | 'duo-icons' | 'svg-spinners' | 'reicon' | 'hugeicons' | 'lets-icons' | 'streamline-ultimate' | 'streamline-plump' | 'streamline-sharp' | 'mage' | 'stash' | 'lineicons' | 'wordpress' | 'icon-park-outline' | 'icon-park-solid' | 'icon-park-twotone' | 'jam' | 'streamline-cyber' | 'guidance' | 'carbon' | 'ion' | 'famicons' | 'ant-design' | 'lsicon' | 'gravity-ui' | 'cil' | 'at-icons' | 'ep' | 'charm' | 'quill' | 'bytesize' | 'bi' | 'streamline-pixel' | 'streamline-block' | 'rivet-icons' | 'nimbus' | 'formkit' | 'fluent' | 'ph' | 'glyphs' | 'glyphs-poly' | 'teenyicons' | 'clarity' | 'streamline-freehand' | 'ix' | 'octicon' | 'memory' | 'system-uicons' | 'radix-icons' | 'zondicons' | 'uiw' | 'codex' | 'ei' | 'heroicons' | 'sidekickicons' | 'pepicons-pop' | 'pepicons-print' | 'pepicons-pencil' | 'f7' | 'pajamas' | 'garden' | 'streamline' | 'streamline-flex' | 'fa7-solid' | 'fa7-regular' | 'picon' | 'ooui' | 'oui' | 'nrk' | 'dinkie-icons' | 'qlementine-icons' | 'streamline-ultimate-color' | 'streamline-plump-color' | 'streamline-freehand-color' | 'streamline-kameleon-color' | 'streamline-stickies-color' | 'fluent-color' | 'streamline-color' | 'streamline-flex-color' | 'streamline-sharp-color' | 'streamline-cyber-color' | 'icon-park' | 'marketeq' | 'vscode-icons' | 'codicon' | 'material-icon-theme' | 'file-icons' | 'devicon' | 'devicon-plain' | 'catppuccin' | 'skill-icons' | 'gcp' | 'k8s' | 'unjs' | 'simple-icons' | 'logos' | 'streamline-logos' | 'cib' | 'fa7-brands' | 'bxl' | 'nonicons' | 'arcticons' | 'thesvg' | 'thesvg-color' | 'selfhst' | 'cbi' | 'brandico' | 'entypo-social' | 'token' | 'token-branded' | 'cryptocurrency' | 'cryptocurrency-color' | 'openmoji' | 'twemoji' | 'noto' | 'fluent-emoji-flat' | 'fluent-emoji-high-contrast' | 'noto-v1' | 'emojione' | 'emojione-monotone' | 'emojione-v1' | 'fxemoji' | 'streamline-emojis' | 'circle-flags' | 'flag' | 'flagpack' | 'cif' | 'pinhead' | 'roentgen' | 'maki' | 'temaki' | 'gis' | 'map' | 'geo' | 'osmic' | 'game-icons' | 'fad' | 'academicons' | 'wi' | 'meteocons' | 'healthicons' | 'medical-icon' | 'covid' | 'ginetex' | 'la' | 'eva' | 'dashicons' | 'flat-color-icons' | 'entypo' | 'foundation' | 'raphael' | 'icons8' | 'iwwa' | 'gala' | 'heroicons-outline' | 'heroicons-solid' | 'bx' | 'bxs' | 'fa6-solid' | 'fa6-regular' | 'fa6-brands' | 'fa-solid' | 'fa-regular' | 'fa-brands' | 'fa' | 'fluent-mdl2' | 'fontisto' | 'icomoon-free' | 'subway' | 'oi' | 'wpf' | 'simple-line-icons' | 'et' | 'el' | 'vaadin' | 'grommet-icons' | 'whh' | 'si-glyph' | 'zmdi' | 'ls' | 'bpmn' | 'flat-ui' | 'vs' | 'topcoat' | 'il' | 'websymbol' | 'fontelico' | 'ps' | 'feather' | 'mono-icons' | 'pepicons' | 'fluent-emoji';
 //#endregion
 //#region src/lib/types.d.ts
 type IconOptions = {

package/dist/index.mjs

@@ -1,7 +1,9 @@
 import { definePlugin, set, unset } from "sanity";
-import { Box, Button, Card, Flex, Grid, Popover, Stack, Text, TextInput, ThemeProvider, useToast } from "@sanity/ui";
+import { Box, Button, Card, Flex, Grid, Stack, Text, TextInput, ThemeProvider } from "@sanity/ui";
 import { buildTheme } from "@sanity/ui/theme";
 import { forwardRef, memo, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { Popover } from "@sanity/ui/popover";
+import { useToast } from "@sanity/ui/toast";
 import { useCombobox } from "downshift";
 import { match } from "ts-pattern";
 import { QueryClient, QueryClientProvider, keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -9,7 +11,7 @@ import { useDebounce } from "use-debounce";
 import styled from "styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Icon } from "@iconify/react";
-import { TrashIcon } from "@sanity/icons";
+import { TrashIcon } from "@sanity/icons/Trash";
 import { stringToIcon } from "@iconify/utils";
 import { sentenceCase } from "change-case";
 //#region src/lib/api.ts
@@ -56,7 +58,7 @@ function useSearch({ collections }) {
 		},
 		enabled: debouncedTerm.length > 0,
 		placeholderData: keepPreviousData,
-		staleTime: 300 * 1e3
+		staleTime: 3e5
 	});
 	return {
 		term,
@@ -326,15 +328,16 @@ const IconifyInput = memo(function IconifyInput(props) {
 	const options = schemaType.options;
 	const collections = !!options?.collections?.length && options.collections || !!config?.collections?.length && config.collections || null;
 	const showName = options?.showName ?? config?.showName ?? false;
+	const handleSelect = useCallback((icon) => {
+		pushChange(icon === "" ? unset() : set(icon, ["name"]));
+	}, [pushChange]);
 	return /* @__PURE__ */ jsx(QueryClientProvider$1, { children: /* @__PURE__ */ jsx(ThemeProvider, {
 		theme,
 		children: /* @__PURE__ */ jsxs(Stack, {
-			space: 2,
+			gap: 2,
 			children: [/* @__PURE__ */ jsx(IconifyCombobox, {
 				selectedIcon,
-				onSelect: useCallback((icon) => {
-					pushChange(icon === "" ? unset() : set(icon, ["name"]));
-				}, [pushChange]),
+				onSelect: handleSelect,
 				collections,
 				studioElementProps: elementProps,
 				fieldFocused: focused

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-iconify",
-  "version": "4.0.2",
+  "version": "5.0.0",
   "description": "Icon picker based on Iconify",
   "keywords": [
     "sanity",
@@ -65,51 +65,52 @@
   "browserslist": "extends @sanity/browserslist-config",
   "dependencies": {
     "@iconify/react": "^6.0.2",
-    "@iconify/utils": "^3.1.3",
-    "@sanity/icons": "^3.7.4",
+    "@iconify/utils": "^3.1.4",
+    "@sanity/icons": "^5.2.1",
     "@sanity/incompatible-plugin": "^1.0.5",
-    "@sanity/ui": "^3.2.0",
-    "@tanstack/react-query": "^5.101.0",
+    "@tanstack/react-query": "^5.101.4",
     "change-case": "^5.4.4",
-    "downshift": "^9.3.6",
+    "downshift": "^9.4.0",
     "ts-pattern": "^5.9.0",
     "use-debounce": "^10.1.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^21.0.2",
-    "@commitlint/config-conventional": "^21.0.2",
-    "@iconify/json": "^2.2.486",
+    "@commitlint/cli": "^21.2.2",
+    "@commitlint/config-conventional": "^21.2.2",
+    "@iconify/json": "^2.2.517",
     "@iconify/types": "^2.0.0",
-    "@playwright/test": "^1.61.0",
-    "@release-it/conventional-changelog": "^11.0.1",
+    "@playwright/test": "^1.62.1",
+    "@release-it/conventional-changelog": "^12.0.0",
     "@sanity/plugin-kit": "^4.0.20",
-    "@tanstack/eslint-plugin-query": "^5.101.0",
-    "@tanstack/react-query-devtools": "^5.101.0",
-    "@types/react": "^19.2.17",
+    "@sanity/ui": "^4.0.3",
+    "@tanstack/eslint-plugin-query": "^5.101.4",
+    "@tanstack/react-query-devtools": "^5.101.4",
+    "@types/react": "^19.2.18",
     "@types/styled-components": "^5.1.36",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/ui": "^4.1.9",
+    "@vitejs/plugin-react": "^6.0.5",
+    "@vitest/ui": "^4.1.10",
     "@waspeer/config": "^3.0.0",
-    "eslint": "^10.1.0",
-    "lefthook": "^2.1.9",
-    "npm-run-all2": "^9.0.2",
-    "prettier": "^3.8.4",
-    "publint": "^0.3.18",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-is": "^19.2.7",
-    "release-it": "^20.2.0",
+    "eslint": "^10.8.1",
+    "lefthook": "^2.1.10",
+    "npm-run-all2": "^9.0.3",
+    "prettier": "^3.9.6",
+    "publint": "^0.3.23",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-is": "^19.2.8",
+    "release-it": "^21.0.2",
     "rimraf": "^6.1.3",
-    "sanity": "^6.0.0",
-    "tsdown": "^0.22.2",
-    "tsx": "^4.22.4",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.2",
-    "vitest": "^4.1.9"
+    "sanity": "^6.9.2",
+    "tsdown": "^0.22.14",
+    "tsx": "^4.23.12",
+    "typescript": "^6.0.3",
+    "vite": "^8.2.1",
+    "vitest": "^4.1.10"
   },
   "peerDependencies": {
+    "@sanity/ui": "^4.0.1",
     "react": "^19.2",
-    "sanity": "^5.0.0-0 || ^6.0.0-0",
+    "sanity": "^6.9.2",
     "styled-components": "^6"
   },
   "packageManager": "pnpm@10.17.0",

package/src/combobox/iconify-combobox.tsx

@@ -1,4 +1,5 @@
-import { Popover, useToast } from '@sanity/ui';
+import { Popover } from '@sanity/ui/popover';
+import { useToast } from '@sanity/ui/toast';
 import { useCombobox } from 'downshift';
 import { memo, useCallback, useEffect, useId, useRef } from 'react';
 import type { ObjectInputProps } from 'sanity';

package/src/combobox/unset-button.tsx

@@ -1,4 +1,4 @@
-import { TrashIcon } from '@sanity/icons';
+import { TrashIcon } from '@sanity/icons/Trash';
 import { Button, Card } from '@sanity/ui';
 
 // ------------ //

package/src/iconify-input.tsx

@@ -36,7 +36,7 @@ export const IconifyInput = memo(function IconifyInput(props: IconifyInputProps)
   return (
     <QueryClientProvider>
       <ThemeProvider theme={theme}>
-        <Stack space={2}>
+        <Stack gap={2}>
           <IconifyCombobox
             selectedIcon={selectedIcon}
             onSelect={handleSelect}

package/src/lib/api.ts

@@ -44,7 +44,6 @@ export function useSearch({ collections }: { collections: string[] | null }) {
     [setDebouncedTerm],
   );
 
-  // eslint-disable-next-line @tanstack/query/exhaustive-deps -- queryClient from useQueryClient() is a stable reference, not a query dependency
   const { isLoading, isError, error, data, isPlaceholderData } = useQuery<string[], Error>({
     queryKey: ['search', collections, debouncedTerm],
     queryFn: async ({ signal }) => {

package/src/lib/icon-types.gen.ts

@@ -1 +1 @@
-export type IconPrefix = 'material-symbols' | 'material-symbols-light' | 'ic' | 'mdi' | 'mdi-light' | 'line-md' | 'solar' | 'tabler' | 'boxicons' | 'mingcute' | 'ri' | 'mynaui' | 'iconamoon' | 'iconoir' | 'lucide' | 'lucide-lab' | 'uil' | 'tdesign' | 'si' | 'majesticons' | 'gg' | 'flowbite' | 'basil' | 'pixelarticons' | 'pixel' | 'akar-icons' | 'ci' | 'proicons' | 'typcn' | 'meteor-icons' | 'prime' | 'circum' | 'fe' | 'eos-icons' | 'bitcoin-icons' | 'humbleicons' | 'uim' | 'uit' | 'uis' | 'gridicons' | 'mi' | 'cuida' | 'weui' | 'duo-icons' | 'svg-spinners' | 'hugeicons' | 'lets-icons' | 'streamline-ultimate' | 'streamline-plump' | 'streamline-sharp' | 'mage' | 'stash' | 'lineicons' | 'wordpress' | 'icon-park-outline' | 'icon-park-solid' | 'icon-park-twotone' | 'jam' | 'streamline-cyber' | 'guidance' | 'carbon' | 'ion' | 'famicons' | 'ant-design' | 'lsicon' | 'gravity-ui' | 'cil' | 'at-icons' | 'ep' | 'charm' | 'quill' | 'bytesize' | 'bi' | 'streamline-pixel' | 'streamline-block' | 'rivet-icons' | 'nimbus' | 'formkit' | 'fluent' | 'ph' | 'glyphs' | 'glyphs-poly' | 'teenyicons' | 'clarity' | 'streamline-freehand' | 'ix' | 'octicon' | 'memory' | 'system-uicons' | 'radix-icons' | 'zondicons' | 'uiw' | 'codex' | 'ei' | 'heroicons' | 'sidekickicons' | 'pepicons-pop' | 'pepicons-print' | 'pepicons-pencil' | 'f7' | 'pajamas' | 'garden' | 'streamline' | 'streamline-flex' | 'fa7-solid' | 'fa7-regular' | 'picon' | 'ooui' | 'oui' | 'nrk' | 'dinkie-icons' | 'qlementine-icons' | 'streamline-ultimate-color' | 'streamline-plump-color' | 'streamline-freehand-color' | 'streamline-kameleon-color' | 'streamline-stickies-color' | 'fluent-color' | 'streamline-color' | 'streamline-flex-color' | 'streamline-sharp-color' | 'streamline-cyber-color' | 'icon-park' | 'marketeq' | 'vscode-icons' | 'codicon' | 'material-icon-theme' | 'file-icons' | 'devicon' | 'devicon-plain' | 'catppuccin' | 'skill-icons' | 'gcp' | 'unjs' | 'simple-icons' | 'logos' | 'streamline-logos' | 'cib' | 'fa7-brands' | 'bxl' | 'nonicons' | 'arcticons' | 'cbi' | 'brandico' | 'entypo-social' | 'token' | 'token-branded' | 'cryptocurrency' | 'cryptocurrency-color' | 'openmoji' | 'twemoji' | 'noto' | 'fluent-emoji-flat' | 'fluent-emoji-high-contrast' | 'noto-v1' | 'emojione' | 'emojione-monotone' | 'emojione-v1' | 'fxemoji' | 'streamline-emojis' | 'circle-flags' | 'flag' | 'flagpack' | 'cif' | 'pinhead' | 'roentgen' | 'maki' | 'temaki' | 'gis' | 'map' | 'geo' | 'game-icons' | 'fad' | 'academicons' | 'wi' | 'meteocons' | 'healthicons' | 'medical-icon' | 'covid' | 'ginetex' | 'la' | 'eva' | 'dashicons' | 'flat-color-icons' | 'entypo' | 'foundation' | 'raphael' | 'icons8' | 'iwwa' | 'gala' | 'heroicons-outline' | 'heroicons-solid' | 'bx' | 'bxs' | 'fa6-solid' | 'fa6-regular' | 'fa6-brands' | 'fa-solid' | 'fa-regular' | 'fa-brands' | 'fa' | 'fluent-mdl2' | 'fontisto' | 'icomoon-free' | 'subway' | 'oi' | 'wpf' | 'simple-line-icons' | 'et' | 'el' | 'vaadin' | 'grommet-icons' | 'whh' | 'si-glyph' | 'zmdi' | 'ls' | 'bpmn' | 'flat-ui' | 'vs' | 'topcoat' | 'il' | 'websymbol' | 'fontelico' | 'ps' | 'feather' | 'mono-icons' | 'pepicons' | 'fluent-emoji';
+export type IconPrefix = 'material-symbols' | 'material-symbols-light' | 'ic' | 'mdi' | 'mdi-light' | 'line-md' | 'solar' | 'tabler' | 'boxicons' | 'mingcute' | 'ri' | 'mynaui' | 'griddy-icons' | 'iconamoon' | 'iconoir' | 'lucide' | 'lucide-lab' | 'uil' | 'tdesign' | 'si' | 'majesticons' | 'gg' | 'flowbite' | 'vadivam' | 'basil' | 'pixelarticons' | 'pixel' | 'akar-icons' | 'ci' | 'proicons' | 'typcn' | 'meteor-icons' | 'prime' | 'circum' | 'fe' | 'eos-icons' | 'bitcoin-icons' | 'humbleicons' | 'uim' | 'uit' | 'uis' | 'gridicons' | 'mi' | 'cuida' | 'weui' | 'duo-icons' | 'svg-spinners' | 'reicon' | 'hugeicons' | 'lets-icons' | 'streamline-ultimate' | 'streamline-plump' | 'streamline-sharp' | 'mage' | 'stash' | 'lineicons' | 'wordpress' | 'icon-park-outline' | 'icon-park-solid' | 'icon-park-twotone' | 'jam' | 'streamline-cyber' | 'guidance' | 'carbon' | 'ion' | 'famicons' | 'ant-design' | 'lsicon' | 'gravity-ui' | 'cil' | 'at-icons' | 'ep' | 'charm' | 'quill' | 'bytesize' | 'bi' | 'streamline-pixel' | 'streamline-block' | 'rivet-icons' | 'nimbus' | 'formkit' | 'fluent' | 'ph' | 'glyphs' | 'glyphs-poly' | 'teenyicons' | 'clarity' | 'streamline-freehand' | 'ix' | 'octicon' | 'memory' | 'system-uicons' | 'radix-icons' | 'zondicons' | 'uiw' | 'codex' | 'ei' | 'heroicons' | 'sidekickicons' | 'pepicons-pop' | 'pepicons-print' | 'pepicons-pencil' | 'f7' | 'pajamas' | 'garden' | 'streamline' | 'streamline-flex' | 'fa7-solid' | 'fa7-regular' | 'picon' | 'ooui' | 'oui' | 'nrk' | 'dinkie-icons' | 'qlementine-icons' | 'streamline-ultimate-color' | 'streamline-plump-color' | 'streamline-freehand-color' | 'streamline-kameleon-color' | 'streamline-stickies-color' | 'fluent-color' | 'streamline-color' | 'streamline-flex-color' | 'streamline-sharp-color' | 'streamline-cyber-color' | 'icon-park' | 'marketeq' | 'vscode-icons' | 'codicon' | 'material-icon-theme' | 'file-icons' | 'devicon' | 'devicon-plain' | 'catppuccin' | 'skill-icons' | 'gcp' | 'k8s' | 'unjs' | 'simple-icons' | 'logos' | 'streamline-logos' | 'cib' | 'fa7-brands' | 'bxl' | 'nonicons' | 'arcticons' | 'thesvg' | 'thesvg-color' | 'selfhst' | 'cbi' | 'brandico' | 'entypo-social' | 'token' | 'token-branded' | 'cryptocurrency' | 'cryptocurrency-color' | 'openmoji' | 'twemoji' | 'noto' | 'fluent-emoji-flat' | 'fluent-emoji-high-contrast' | 'noto-v1' | 'emojione' | 'emojione-monotone' | 'emojione-v1' | 'fxemoji' | 'streamline-emojis' | 'circle-flags' | 'flag' | 'flagpack' | 'cif' | 'pinhead' | 'roentgen' | 'maki' | 'temaki' | 'gis' | 'map' | 'geo' | 'osmic' | 'game-icons' | 'fad' | 'academicons' | 'wi' | 'meteocons' | 'healthicons' | 'medical-icon' | 'covid' | 'ginetex' | 'la' | 'eva' | 'dashicons' | 'flat-color-icons' | 'entypo' | 'foundation' | 'raphael' | 'icons8' | 'iwwa' | 'gala' | 'heroicons-outline' | 'heroicons-solid' | 'bx' | 'bxs' | 'fa6-solid' | 'fa6-regular' | 'fa6-brands' | 'fa-solid' | 'fa-regular' | 'fa-brands' | 'fa' | 'fluent-mdl2' | 'fontisto' | 'icomoon-free' | 'subway' | 'oi' | 'wpf' | 'simple-line-icons' | 'et' | 'el' | 'vaadin' | 'grommet-icons' | 'whh' | 'si-glyph' | 'zmdi' | 'ls' | 'bpmn' | 'flat-ui' | 'vs' | 'topcoat' | 'il' | 'websymbol' | 'fontelico' | 'ps' | 'feather' | 'mono-icons' | 'pepicons' | 'fluent-emoji';

package/src/lib/types.ts

@@ -49,9 +49,7 @@ export type IconConditionalPropertyCallbackContext = Omit<
 };
 
 export type IconConditionalProperty =
-  | boolean
-  | ((context: IconConditionalPropertyCallbackContext) => boolean)
-  | undefined;
+  boolean | ((context: IconConditionalPropertyCallbackContext) => boolean) | undefined;
 
 export interface IconDefinition extends Omit<BaseSchemaDefinition, 'hidden' | 'readOnly'> {
   type: 'icon';