sanity-plugin-iconify 4.0.2 → 5.0.1

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
 
@@ -281,9 +283,26 @@ git push origin new-feature-branch
 
 ## 🧪 Develop & test
 
-This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit) with default configuration for build & watch scripts.
+The repo ships a dev studio in `dev/` that loads the plugin straight from `src/`.
+Copy `dev/.env.example` to `dev/.env`, fill in a Sanity project id and dataset,
+then:
 
-See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio) on how to run this plugin with hotreload in the studio.
+```sh
+pnpm install       # or: vp install
+pnpm dev           # dev studio on http://localhost:3333
+pnpm build         # verify package, bundle with tsdown, check the dist output
+pnpm test          # unit/type tests (vitest)
+pnpm test:e2e      # playwright against the dev studio, running the plugin from src
+pnpm test:e2e:dist # same specs against a production build of dist/
+vp check           # format, lint and type check (oxfmt + oxlint via vite-plus)
+```
+
+Tooling is [vite-plus](https://viteplus.dev): `vp check --fix` also runs on
+staged files through lefthook, which additionally lints commit messages with
+commitlint (the changelog is generated from them).
+
+[@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit) is used for
+`verify-package` only; bundling is done by [tsdown](https://tsdown.dev).
 
 ## 👏 Acknowledgments
 

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' | 'iconmind' | 'boxicons' | 'mingcute' | 'keyline-icons' | '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 = {
@@ -84,6 +97,6 @@ declare module 'sanity' {
  * })
  * ```
  */
-declare const iconify: import("sanity").Plugin<void | IconifyPluginConfig>;
+export declare const iconify: import("sanity").Plugin<void | IconifyPluginConfig>;
 //#endregion
-export { type BaseSchemaDefinition, type IconConditionalProperty, type IconConditionalPropertyCallbackContext, type IconDefinition, type IconOptions, type IconPrefix, type IconRule, type IconValue, type IconifyPluginConfig, type IconifySearchResult, iconify };
+export type { BaseSchemaDefinition, IconConditionalProperty, IconConditionalPropertyCallbackContext, IconDefinition, IconOptions, IconPrefix, IconRule, IconValue, IconifyPluginConfig, IconifySearchResult };

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' | 'iconmind' | 'boxicons' | 'mingcute' | 'keyline-icons' | '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 = {
@@ -84,6 +97,6 @@ declare module 'sanity' {
  * })
  * ```
  */
-declare const iconify: import("sanity").Plugin<void | IconifyPluginConfig>;
+export declare const iconify: import("sanity").Plugin<void | IconifyPluginConfig>;
 //#endregion
-export { type BaseSchemaDefinition, type IconConditionalProperty, type IconConditionalPropertyCallbackContext, type IconDefinition, type IconOptions, type IconPrefix, type IconRule, type IconValue, type IconifyPluginConfig, type IconifySearchResult, iconify };
+export type { BaseSchemaDefinition, IconConditionalProperty, IconConditionalPropertyCallbackContext, IconDefinition, IconOptions, IconPrefix, IconRule, IconValue, IconifyPluginConfig, IconifySearchResult };

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.1",
   "description": "Icon picker based on Iconify",
   "keywords": [
     "sanity",
@@ -10,14 +10,23 @@
   "bugs": {
     "url": "https://github.com/waspeer/sanity-plugin-iconify/issues"
   },
+  "license": "MIT",
+  "author": "Wannes Salomé <mail@wannessalome.nl>",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/waspeer/sanity-plugin-iconify.git"
   },
-  "license": "MIT",
-  "author": "Wannes Salomé <mail@wannessalome.nl>",
-  "sideEffects": true,
+  "files": [
+    "dist",
+    "sanity.json",
+    "src",
+    "v2-incompatible.js"
+  ],
   "type": "module",
+  "sideEffects": true,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "exports": {
     ".": {
       "source": "./src/index.ts",
@@ -32,15 +41,6 @@
     },
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
-  "files": [
-    "dist",
-    "sanity.json",
-    "src",
-    "v2-incompatible.js"
-  ],
   "scripts": {
     "build": "run-s build:verify build:bundle build:check",
     "build:bundle": "tsdown",
@@ -48,9 +48,7 @@
     "build:verify": "plugin-kit verify-package --silent",
     "dev": "vite dev --config dev/vite.config.ts",
     "dev:dist": "vite build --config dev/vite.config.ts && vite preview --config dev/vite.config.ts",
-    "format": "prettier --write --cache --ignore-unknown .",
     "generate-types": "node src/lib/generate-types",
-    "lint": "eslint .",
     "prepublishOnly": "node scripts/check-dist.mjs",
     "release": "release-it",
     "test": "vitest run",
@@ -62,60 +60,58 @@
     "test:watch": "vitest",
     "watch": "tsdown --watch"
   },
-  "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.7",
+    "@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.102.8",
     "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.526",
     "@iconify/types": "^2.0.0",
-    "@playwright/test": "^1.61.0",
-    "@release-it/conventional-changelog": "^11.0.1",
-    "@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",
-    "@types/styled-components": "^5.1.36",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/ui": "^4.1.9",
-    "@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",
-    "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"
+    "@playwright/test": "^1.63.0",
+    "@release-it/conventional-changelog": "^12.0.0",
+    "@sanity/pkg-utils": "^12.3.4",
+    "@sanity/plugin-kit": "^10.0.9",
+    "@sanity/ui": "^4.2.0",
+    "@tanstack/react-query-devtools": "^5.102.8",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitest/ui": "^5.0.0",
+    "lefthook": "^2.1.12",
+    "npm-run-all2": "^9.0.3",
+    "publint": "^0.3.24",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "react-is": "^19.3.0",
+    "release-it": "^21.0.2",
+    "sanity": "^6.13.1",
+    "tsdown": "^0.23.0",
+    "tsx": "^4.23.13",
+    "typescript": "^7.0.2",
+    "vite": "^8.2.2",
+    "vite-plus": "^0.3.1",
+    "vitest": "^5.0.0"
   },
   "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",
+  "browserslist": "extends @sanity/browserslist-config",
   "engines": {
     "node": ">=22.12"
   },
+  "packageManager": "pnpm@10.17.0",
   "pnpm": {
     "onlyBuiltDependencies": [
       "esbuild",
@@ -123,33 +119,30 @@
       "unrs-resolver"
     ],
     "overrides": {
-      "@babel/core@<7.29.6": ">=7.29.6",
-      "@isaacs/brace-expansion@<5.0.1": ">=5.0.1",
-      "@typescript-eslint/utils": "^8.61.1",
-      "brace-expansion@>=4.0.0 <5.0.6": ">=5.0.6",
       "brace-expansion@<2.0.3": ">=2.0.3",
-      "esbuild@<0.28.1": ">=0.28.1",
-      "follow-redirects@<1.16.0": ">=1.16.0",
-      "lodash@<4.17.23": ">=4.17.23",
-      "micromatch@<4.0.8": ">=4.0.8",
       "minimatch@<10.2.3": ">=10.2.3",
-      "picomatch@<4.0.4": ">=4.0.4",
-      "postcss@<8.5.18": ">=8.5.18",
-      "prismjs@<1.30.0": ">=1.30.0",
-      "rollup@<4.59.0": ">=4.59.0",
-      "serialize-javascript@<7.0.5": ">=7.0.5",
-      "shell-quote@<1.8.4": ">=1.8.4",
-      "tmp@<0.2.6": ">=0.2.6",
-      "uuid@>=11.0.0 <11.1.1": ">=11.1.1"
+      "picomatch@<4.0.4": ">=4.0.4"
+    },
+    "peerDependencyRules": {
+      "allowAny": [
+        "vite",
+        "vitest"
+      ],
+      "allowedVersions": {
+        "vite": "*",
+        "vitest": "*"
+      }
     }
   },
   "sanityPlugin": {
     "verifyPackage": {
-      "scripts": false,
-      "eslintImports": false,
+      "bannedFiles": false,
+      "esmOnly": false,
       "nodeEngine": false,
+      "oxfmt": false,
+      "oxlint": false,
       "pkg-utils": false,
-      "rollupConfig": false,
+      "scripts": false,
       "tsconfig": false
     }
   }

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' | 'iconmind' | 'boxicons' | 'mingcute' | 'keyline-icons' | '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';