sanity-plugin-iconify 1.1.1 → 2.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Wannes Salomé
+Copyright (c) 2024 Wannes Salomé
 
 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/README.md

@@ -11,6 +11,7 @@
 ---
 
 ## 📒 Table of Contents
+
 - [📒 Table of Contents](#-table-of-contents)
 - [📍 Overview](#-overview)
 - [🚀 Getting Started](#-getting-started)
@@ -30,7 +31,6 @@
 
 ---
 
-
 ## 📍 Overview
 
 Enhance your [Sanity](https://www.sanity.io/) project with the Iconify plugin, which introduces an Icon schema type and a custom input component. Leveraging the extensive library of open-source vector icons available through the [Iconify](https://iconify.design/), this plugin enables you to effortlessly select and integrate over 150,000 icons from popular icon sets directly into your Sanity project.
@@ -158,9 +158,11 @@ import { defineConfig } from 'sanity';
 
 export default defineConfig({
   //...
-  plugins: [iconify({
-    showName: true, // <-- Shows the selected icon name and collection underneath all icon pickers
-  })],
+  plugins: [
+    iconify({
+      showName: true, // <-- Shows the selected icon name and collection underneath all icon pickers
+    }),
+  ],
 });
 ```
 
@@ -200,7 +202,7 @@ This name can be utilized in your frontend to render the icon dynamically. For i
 ```tsx
 import { Icon } from '@iconify/react';
 
-<Icon icon={icon.name} />
+<Icon icon={icon.name} />;
 ```
 
 This will render an SVG on demand, which looks great and is very performant. There are also libraries/API's for:
@@ -214,7 +216,7 @@ For further information, you may refer to the [official documentation](https://i
 
 ### Preview
 
-The plugin includes a custom list preview that automatically renders the selected icon accompanied by its name and collection. 
+The plugin includes a custom list preview that automatically renders the selected icon accompanied by its name and collection.
 
 <img width="618" alt="array-of-icons" src="https://github.com/waspeer/sanity-plugin-iconify/assets/11842931/0c1c32a1-e796-434f-ae64-c134f9b51ab9">
 
@@ -255,18 +257,24 @@ Contributions, whether in the form of code enhancements, bug fixes, documentatio
 1. Fork the project repository. This creates a copy of the project on your account that you can modify without affecting the original project.
 2. Clone the forked repository to your local machine using a Git client like Git or GitHub Desktop.
 3. Create a new branch with a descriptive name (e.g., `new-feature-branch` or `bugfix-issue-123`).
+
 ```sh
 git checkout -b new-feature-branch
 ```
+
 1. Make changes to the project's codebase.
 2. Commit your changes to your local branch with a clear conventional commit message that explains the changes you've made.
+
 ```sh
 git commit -m 'feat: Implemented new feature.'
 ```
+
 1. Push your changes to your forked repository on GitHub using the following command
+
 ```sh
 git push origin new-feature-branch
 ```
+
 1. Create a new pull request to the original project repository. In the pull request, describe the changes you've made and why they are necessary. Make sure to update or add documentation as relevant. I will review your changes, provide feedback, or merge them into the main branch.
 
 ## 🧪 Develop & test

package/dist/index.cjs

@@ -0,0 +1,278 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), ui = require("@sanity/ui"), theme = require("@sanity/ui/theme"), react = require("react"), react$1 = require("@headlessui/react"), tsPattern = require("ts-pattern"), reactQuery = require("@tanstack/react-query"), useDebounce = require("use-debounce"), styled = require("styled-components"), react$2 = require("@iconify/react"), icons = require("@sanity/icons"), utils = require("@iconify/utils"), changeCase = require("change-case");
+function _interopDefaultCompat(e) {
+  return e && typeof e == "object" && "default" in e ? e : { default: e };
+}
+var styled__default = /* @__PURE__ */ _interopDefaultCompat(styled);
+const BASE_API_URL = "https://api.iconify.design";
+function fetchJson({ url, signal }) {
+  return fetch(url, { signal }).then((response) => {
+    if (!response.ok)
+      throw new Error(`Network error: status ${response.status}`);
+    return response.json();
+  }).then(
+    (result) => result,
+    (error) => {
+      throw error instanceof Error ? error : (console.error(`Unknown error: ${error}`), new Error("Something went wrong"));
+    }
+  );
+}
+function useSearch({ collections }) {
+  const queryClient2 = reactQuery.useQueryClient(), [term, setTerm] = react.useState(""), [debouncedTerm, setDebouncedTerm] = useDebounce.useDebounce(term, 500), updateTerm = react.useCallback(
+    (newTerm, updateImmediately = !1) => {
+      setTerm(newTerm), updateImmediately && setDebouncedTerm(newTerm);
+    },
+    [setDebouncedTerm]
+  ), { isLoading, isError, error, data, isPlaceholderData } = reactQuery.useQuery({
+    queryKey: ["search", collections, debouncedTerm],
+    queryFn: async ({ signal }) => {
+      var _a;
+      const url = new URL("/search", BASE_API_URL);
+      url.searchParams.append("query", debouncedTerm), url.searchParams.append("limit", "60"), collections && url.searchParams.append("prefixes", collections.join(","));
+      const result = debouncedTerm ? await fetchJson({ url, signal }) : null;
+      return result && Object.entries(result.collections).forEach(([prefix, info]) => {
+        queryClient2.setQueryData(["iconSetInfo", prefix], info);
+      }), (_a = result == null ? void 0 : result.icons) != null ? _a : [];
+    },
+    enabled: debouncedTerm.length > 0,
+    placeholderData: reactQuery.keepPreviousData,
+    staleTime: 5 * 60 * 1e3
+    // 5 minutes
+  });
+  return {
+    term,
+    setTerm: updateTerm,
+    debouncedTerm,
+    isLoading,
+    isError,
+    error,
+    data,
+    isPreviousData: isPlaceholderData
+  };
+}
+function useIconSetInfo({ prefix }) {
+  return reactQuery.useQuery({
+    queryKey: ["iconSetInfo", prefix],
+    queryFn: async ({ signal }) => {
+      var _a;
+      if (!prefix) return null;
+      const url = new URL("/collection", BASE_API_URL);
+      url.searchParams.append("prefix", prefix), url.searchParams.append("info", "true");
+      const result = await fetchJson({ url, signal });
+      return (_a = result == null ? void 0 : result.info) != null ? _a : null;
+    },
+    staleTime: 1 / 0
+  });
+}
+const ComboboxWrapper = styled__default.default(ui.Grid)`
+  grid-template-columns: 1fr min-content;
+  position: relative;
+`, OptionsWrapper = styled__default.default(ui.Box)`
+  box-sizing: border-box;
+  padding: 0.5rem;
+
+  & [role='listbox'] {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 2.5rem), 1fr));
+    gap: 0.5rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    @media (min-width: 650px) {
+      grid-template-columns: repeat(10, minmax(min(100%, 2.5rem), 1fr));
+    }
+  }
+
+  & [role='option'] {
+    display: grid;
+    place-items: center;
+
+    & button {
+      cursor: pointer;
+      aspect-ratio: 1;
+      width: 100%;
+
+      & > [data-ui='Box'] {
+        display: flex;
+      }
+    }
+  }
+`;
+function MessageWrapper({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { align: "center", muted: !0, children }) });
+}
+const SearchInput = react.forwardRef((props, ref) => {
+  const { term, selectedIcon, onChange, suffix } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react$1.ComboboxInput,
+    {
+      as: ui.TextInput,
+      ref,
+      inputMode: "search",
+      value: term,
+      onChange,
+      icon: selectedIcon ? /* @__PURE__ */ jsxRuntime.jsx(react$2.Icon, { icon: selectedIcon }) : null,
+      placeholder: selectedIcon ? "Search and replace selected icon..." : "Search for an icon...",
+      suffix
+    }
+  );
+});
+SearchInput.displayName = "SearchInput";
+function SearchResults(props) {
+  const { state, data } = props;
+  return state === "initial" ? /* @__PURE__ */ jsxRuntime.jsx(MessageWrapper, { children: "Search for icons" }) : state === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(MessageWrapper, { children: "Searching..." }) : state === "error" ? /* @__PURE__ */ jsxRuntime.jsx(MessageWrapper, { children: "Something went wrong..." }) : state === "empty" ? /* @__PURE__ */ jsxRuntime.jsx(MessageWrapper, { children: "No icons found" }) : /* @__PURE__ */ jsxRuntime.jsx(react$1.ComboboxOptions, { style: { opacity: state === "stale" ? 0.5 : 1 }, children: data.map((icon) => /* @__PURE__ */ jsxRuntime.jsx(react$1.ComboboxOption, { value: icon, children: ({ focus }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { padding: 3, mode: "bleed", selected: focus, children: /* @__PURE__ */ jsxRuntime.jsx(react$2.Icon, { icon, width: "100%", height: "100%" }) }) }, icon)) });
+}
+function UnsetButton(props) {
+  const { onUnset } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { border: !0, borderLeft: !1, padding: 1, display: "flex", radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.TrashIcon, {}), onClick: onUnset, mode: "bleed", fontSize: 1, padding: 2 }) });
+}
+function IconifyCombobox(props) {
+  const { selectedIcon, onSelect: pushSelection, collections } = props, id = react.useId(), toast = ui.useToast(), inputRef = react.useRef(null), { term, setTerm, debouncedTerm, isLoading, isError, error, data, isPreviousData } = useSearch({
+    collections
+  }), handleTermChange = react.useCallback(
+    (event) => setTerm(event.target.value),
+    [setTerm]
+  ), handleSelect = react.useCallback(
+    (icon) => {
+      pushSelection(icon), setTerm("", !0);
+    },
+    [pushSelection, setTerm]
+  ), handleUnset = react.useCallback(() => handleSelect(""), [handleSelect]);
+  return react.useEffect(() => {
+    isError && (console.error("Iconify input error:", error), toast.push({
+      id,
+      status: "error",
+      title: "Iconify input error",
+      description: error == null ? void 0 : error.message
+    }));
+  }, [error, id, isError, toast]), /* @__PURE__ */ jsxRuntime.jsx(ComboboxWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Combobox, { onChange: handleSelect, children: ({ open }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SearchInput,
+      {
+        ref: inputRef,
+        term,
+        selectedIcon,
+        onChange: handleTermChange,
+        suffix: selectedIcon ? /* @__PURE__ */ jsxRuntime.jsx(UnsetButton, { onUnset: handleUnset }) : null
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Popover,
+      {
+        open,
+        placement: "bottom",
+        arrow: !1,
+        matchReferenceWidth: !0,
+        portal: !0,
+        constrainSize: !0,
+        referenceElement: inputRef.current,
+        content: /* @__PURE__ */ jsxRuntime.jsx(OptionsWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          SearchResults,
+          {
+            state: tsPattern.match(!0).returnType().with(isLoading, () => "loading").with(!debouncedTerm, () => "initial").with(isError, () => "error").with(!data || data.length === 0, () => "empty").with(isPreviousData, () => "stale").otherwise(() => "data"),
+            data
+          }
+        ) })
+      }
+    )
+  ] }) }) });
+}
+const queryClient = new reactQuery.QueryClient();
+function QueryClientProvider(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: props.children });
+}
+function usePrettyIconName(props) {
+  var _a, _b;
+  const { name } = props, iconMeta = react.useMemo(
+    () => {
+      var _a2;
+      return (_a2 = props.iconMeta) != null ? _a2 : name ? utils.stringToIcon(name) : null;
+    },
+    [name, props.iconMeta]
+  ), iconSetInfo = useIconSetInfo({ prefix: (_a = iconMeta == null ? void 0 : iconMeta.prefix) != null ? _a : null });
+  return react.useMemo(
+    () => {
+      var _a2, _b2;
+      return iconMeta ? {
+        name: changeCase.sentenceCase(iconMeta.name),
+        collection: (_b2 = (_a2 = iconSetInfo.data) == null ? void 0 : _a2.name) != null ? _b2 : iconMeta.prefix
+      } : null;
+    },
+    [iconMeta, (_b = iconSetInfo.data) == null ? void 0 : _b.name]
+  );
+}
+function IconifyInput(props) {
+  var _a, _b, _c, _d, _e;
+  const { config, value, onChange: pushChange, schemaType } = props, selectedIcon = (_a = value == null ? void 0 : value.name) != null ? _a : null, options = schemaType.options, collections = !!((_b = options == null ? void 0 : options.collections) != null && _b.length) && options.collections || !!((_c = config == null ? void 0 : config.collections) != null && _c.length) && config.collections || null, showName = (_e = (_d = options == null ? void 0 : options.showName) != null ? _d : config == null ? void 0 : config.showName) != null ? _e : !1, handleSelect = react.useCallback(
+    (icon) => {
+      pushChange(icon === "" ? sanity.unset() : sanity.set(icon, ["name"]));
+    },
+    [pushChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(QueryClientProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.ThemeProvider, { theme: theme.buildTheme(), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconifyCombobox,
+      {
+        selectedIcon,
+        onSelect: handleSelect,
+        collections
+      }
+    ),
+    showName && selectedIcon ? /* @__PURE__ */ jsxRuntime.jsx(IconifyNameDisplay, { name: selectedIcon }) : null
+  ] }) }) });
+}
+function IconifyNameDisplay(props) {
+  var _a;
+  const { name } = props, prettyName = usePrettyIconName({ name });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "Selected:" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: (_a = prettyName == null ? void 0 : prettyName.name) != null ? _a : name }),
+    (prettyName == null ? void 0 : prettyName.collection) && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children: [
+      "by ",
+      prettyName == null ? void 0 : prettyName.collection
+    ] })
+  ] });
+}
+function IconifyPreview(props) {
+  const { title } = props, iconName = typeof props.title == "string" ? utils.stringToIcon(props.title) : null;
+  return typeof title == "string" && iconName ? /* @__PURE__ */ jsxRuntime.jsx(QueryClientProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(IconifyPreviewInner, { ...props, iconName: title, iconMeta: iconName }) }) : props.renderDefault(props);
+}
+function IconifyPreviewInner(props) {
+  var _a;
+  const { iconMeta, iconName, ...previewProps } = props, prettyName = usePrettyIconName({ iconMeta });
+  return props.renderDefault({
+    ...previewProps,
+    media: /* @__PURE__ */ jsxRuntime.jsx(react$2.Icon, { icon: iconName }),
+    title: (_a = prettyName == null ? void 0 : prettyName.name) != null ? _a : iconName,
+    subtitle: prettyName == null ? void 0 : prettyName.collection
+  });
+}
+const iconify = sanity.definePlugin((config = {}) => ({
+  name: "sanity-plugin-iconify",
+  schema: {
+    types: [
+      {
+        name: "icon",
+        title: "Icon",
+        type: "object",
+        fields: [
+          {
+            name: "name",
+            title: "Name",
+            type: "string"
+          }
+        ],
+        components: {
+          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(IconifyInput, { ...props, config }),
+          preview: IconifyPreview,
+          // This makes sure the input component is not indented
+          field: (props) => props.renderDefault({ ...props, level: 0 })
+        }
+      }
+    ]
+  }
+}));
+exports.iconify = iconify;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/lib/api.ts","../src/combobox/iconify-combobox.styles.tsx","../src/combobox/search-input.tsx","../src/combobox/search-result.tsx","../src/combobox/unset-button.tsx","../src/combobox/iconify-combobox.tsx","../src/lib/query-client.tsx","../src/lib/use-pretty-icon-name.ts","../src/iconify-input.tsx","../src/iconify-preview.tsx","../src/iconify-plugin.tsx"],"sourcesContent":["import type { IconifyInfo } from '@iconify/types';\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useCallback, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\nimport type { IconifySearchResult } from './types';\n\nconst BASE_API_URL = 'https://api.iconify.design';\n\nfunction fetchJson<T>({ url, signal }: { url: string | URL; signal?: AbortSignal }): Promise<T> {\n  return fetch(url, { signal })\n    .then((response) => {\n      if (!response.ok) {\n        throw new Error(`Network error: status ${response.status}`);\n      }\n\n      return response.json();\n    })\n    .then(\n      (result) => result as T,\n      (error) => {\n        if (error instanceof Error) {\n          throw error;\n        } else {\n          console.error(`Unknown error: ${error}`);\n          throw new Error('Something went wrong');\n        }\n      },\n    );\n}\n\nexport function useSearch({ collections }: { collections: string[] | null }) {\n  const queryClient = useQueryClient();\n  const [term, setTerm] = useState('');\n  const [debouncedTerm, setDebouncedTerm] = useDebounce(term, 500);\n\n  const updateTerm = useCallback(\n    (newTerm: string, updateImmediately = false) => {\n      setTerm(newTerm);\n\n      if (updateImmediately) {\n        setDebouncedTerm(newTerm);\n      }\n    },\n    [setDebouncedTerm],\n  );\n\n  const { isLoading, isError, error, data, isPlaceholderData } = useQuery<string[], Error>({\n    queryKey: ['search', collections, debouncedTerm],\n    queryFn: async ({ signal }) => {\n      const url = new URL(`/search`, BASE_API_URL);\n\n      url.searchParams.append('query', debouncedTerm);\n      url.searchParams.append('limit', '60');\n\n      if (collections) {\n        url.searchParams.append('prefixes', collections.join(','));\n      }\n\n      const result = debouncedTerm ? await fetchJson<IconifySearchResult>({ url, signal }) : null;\n\n      if (result) {\n        // Cache the info for each collection\n        Object.entries(result.collections).forEach(([prefix, info]) => {\n          queryClient.setQueryData<IconifyInfo>(['iconSetInfo', prefix], info);\n        });\n      }\n\n      return result?.icons ?? [];\n    },\n    enabled: debouncedTerm.length > 0,\n    placeholderData: keepPreviousData,\n    staleTime: 5 * 60 * 1000, // 5 minutes\n  });\n\n  return {\n    term,\n    setTerm: updateTerm,\n    debouncedTerm,\n    isLoading,\n    isError,\n    error,\n    data,\n    isPreviousData: isPlaceholderData,\n  };\n}\n\nexport function useIconSetInfo({ prefix }: { prefix?: string | null }) {\n  return useQuery<IconifyInfo | null, Error>({\n    queryKey: ['iconSetInfo', prefix],\n    queryFn: async ({ signal }) => {\n      if (!prefix) return null;\n\n      const url = new URL('/collection', BASE_API_URL);\n\n      url.searchParams.append('prefix', prefix);\n      url.searchParams.append('info', 'true');\n\n      const result = await fetchJson<{ info: IconifyInfo }>({ url, signal });\n\n      return result?.info ?? null;\n    },\n    staleTime: Infinity,\n  });\n}\n","import { Box, Card, Grid, Text } from '@sanity/ui';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport const ComboboxWrapper = styled(Grid)`\n  grid-template-columns: 1fr min-content;\n  position: relative;\n`;\n\nexport const OptionsWrapper = styled(Box)`\n  box-sizing: border-box;\n  padding: 0.5rem;\n\n  & [role='listbox'] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, 2.5rem), 1fr));\n    gap: 0.5rem;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    @media (min-width: 650px) {\n      grid-template-columns: repeat(10, minmax(min(100%, 2.5rem), 1fr));\n    }\n  }\n\n  & [role='option'] {\n    display: grid;\n    place-items: center;\n\n    & button {\n      cursor: pointer;\n      aspect-ratio: 1;\n      width: 100%;\n\n      & > [data-ui='Box'] {\n        display: flex;\n      }\n    }\n  }\n`;\n\nexport function MessageWrapper({ children }: { children: ReactNode }) {\n  return (\n    <Card padding={4}>\n      <Text align=\"center\" muted>\n        {children}\n      </Text>\n    </Card>\n  );\n}\n","import { ComboboxInput } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { TextInput } from '@sanity/ui';\nimport type { ChangeEventHandler } from 'react';\nimport { forwardRef } from 'react';\n\n// ------------ //\n// SEARCH INPUT //\n// ------------ //\n\ninterface SearchInputProps {\n  term: string;\n  selectedIcon: string | null;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n  suffix?: React.ReactNode;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>((props, ref) => {\n  const { term, selectedIcon, onChange, suffix } = props;\n\n  return (\n    <ComboboxInput\n      as={TextInput}\n      ref={ref}\n      inputMode=\"search\"\n      value={term}\n      onChange={onChange}\n      icon={selectedIcon ? <Icon icon={selectedIcon} /> : null}\n      placeholder={selectedIcon ? 'Search and replace selected icon...' : 'Search for an icon...'}\n      suffix={suffix}\n    />\n  );\n});\n\nSearchInput.displayName = 'SearchInput';\n","import { ComboboxOption, ComboboxOptions } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { Button } from '@sanity/ui';\nimport { MessageWrapper } from './iconify-combobox.styles';\n\n// -------------- //\n// SEARCH RESULTS //\n// -------------- //\n\nexport interface SearchResultsProps {\n  state: 'initial' | 'loading' | 'error' | 'empty' | 'data' | 'stale';\n  data?: string[];\n}\n\nexport function SearchResults(props: SearchResultsProps) {\n  const { state, data } = props;\n\n  if (state === 'initial') {\n    return <MessageWrapper>Search for icons</MessageWrapper>;\n  }\n\n  if (state === 'loading') {\n    return <MessageWrapper>Searching...</MessageWrapper>;\n  }\n\n  if (state === 'error') {\n    return <MessageWrapper>Something went wrong...</MessageWrapper>;\n  }\n\n  if (state === 'empty') {\n    return <MessageWrapper>No icons found</MessageWrapper>;\n  }\n\n  return (\n    <ComboboxOptions style={{ opacity: state === 'stale' ? 0.5 : 1 }}>\n      {data!.map((icon) => (\n        <ComboboxOption key={icon} value={icon}>\n          {({ focus }) => (\n            <Button padding={3} mode=\"bleed\" selected={focus}>\n              <Icon icon={icon} width=\"100%\" height=\"100%\" />\n            </Button>\n          )}\n        </ComboboxOption>\n      ))}\n    </ComboboxOptions>\n  );\n}\n","import { TrashIcon } from '@sanity/icons';\nimport { Button, Card } from '@sanity/ui';\n\n// ------------ //\n// UNSET BUTTON //\n// ------------ //\n\ninterface UnsetButtonProps {\n  onUnset: () => void;\n}\n\nexport function UnsetButton(props: UnsetButtonProps) {\n  const { onUnset } = props;\n\n  return (\n    <Card border borderLeft={false} padding={1} display=\"flex\" radius={2}>\n      <Button icon={<TrashIcon />} onClick={onUnset} mode=\"bleed\" fontSize={1} padding={2} />\n    </Card>\n  );\n}\n","import { Combobox } from '@headlessui/react';\nimport { Popover, useToast } from '@sanity/ui';\nimport type { ChangeEventHandler } from 'react';\nimport { useCallback, useEffect, useId, useRef } from 'react';\nimport { match } from 'ts-pattern';\nimport { useSearch } from '../lib/api';\nimport { ComboboxWrapper, OptionsWrapper } from './iconify-combobox.styles';\nimport { SearchInput } from './search-input';\nimport type { SearchResultsProps } from './search-result';\nimport { SearchResults } from './search-result';\nimport { UnsetButton } from './unset-button';\n\nexport interface IconifyComboboxProps {\n  selectedIcon: string | null;\n  onSelect: (newValue: string) => void;\n  collections: string[] | null;\n}\n\nexport function IconifyCombobox(props: IconifyComboboxProps) {\n  const { selectedIcon, onSelect: pushSelection, collections } = props;\n\n  const id = useId();\n  const toast = useToast();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { term, setTerm, debouncedTerm, isLoading, isError, error, data, isPreviousData } =\n    useSearch({\n      collections,\n    });\n\n  const handleTermChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n    (event) => setTerm(event.target.value),\n    [setTerm],\n  );\n\n  const handleSelect = useCallback(\n    (icon: string) => {\n      pushSelection(icon);\n      setTerm('', true);\n    },\n    [pushSelection, setTerm],\n  );\n\n  const handleUnset = useCallback(() => handleSelect(''), [handleSelect]);\n\n  useEffect(() => {\n    if (isError) {\n      console.error('Iconify input error:', error);\n\n      toast.push({\n        id,\n        status: 'error',\n        title: 'Iconify input error',\n        description: error?.message,\n      });\n    }\n  }, [error, id, isError, toast]);\n\n  return (\n    <ComboboxWrapper>\n      <Combobox onChange={handleSelect}>\n        {({ open }) => (\n          <>\n            <SearchInput\n              ref={inputRef}\n              term={term}\n              selectedIcon={selectedIcon}\n              onChange={handleTermChange}\n              suffix={selectedIcon ? <UnsetButton onUnset={handleUnset} /> : null}\n            />\n\n            <Popover\n              open={open}\n              placement=\"bottom\"\n              arrow={false}\n              matchReferenceWidth\n              portal\n              constrainSize\n              referenceElement={inputRef.current}\n              content={\n                <OptionsWrapper>\n                  <SearchResults\n                    state={match<boolean>(true)\n                      .returnType<SearchResultsProps['state']>()\n                      .with(isLoading, () => 'loading')\n                      .with(!debouncedTerm, () => 'initial')\n                      .with(isError, () => 'error')\n                      .with(!data || data.length === 0, () => 'empty')\n                      .with(isPreviousData, () => 'stale')\n                      .otherwise(() => 'data')}\n                    data={data}\n                  />\n                </OptionsWrapper>\n              }\n            />\n          </>\n        )}\n      </Combobox>\n    </ComboboxWrapper>\n  );\n}\n","import {\n  QueryClient,\n  QueryClientProvider as ReactQueryClientProvider,\n} from '@tanstack/react-query';\nimport type { ReactNode } from 'react';\n\nexport const queryClient = new QueryClient();\n\nexport function QueryClientProvider(props: { children: ReactNode }) {\n  return <ReactQueryClientProvider client={queryClient}>{props.children}</ReactQueryClientProvider>;\n}\n","import type { IconifyIconName } from '@iconify/utils';\nimport { stringToIcon } from '@iconify/utils';\nimport { sentenceCase } from 'change-case';\nimport { useMemo } from 'react';\nimport { useIconSetInfo } from './api';\n\ninterface UsePrettyIconNameProps {\n  name?: string | null;\n  iconMeta?: IconifyIconName | null;\n}\n\nexport function usePrettyIconName(props: UsePrettyIconNameProps) {\n  const { name } = props;\n  const iconMeta = useMemo(\n    () => props.iconMeta ?? (name ? stringToIcon(name) : null),\n    [name, props.iconMeta],\n  );\n  const iconSetInfo = useIconSetInfo({ prefix: iconMeta?.prefix ?? null });\n\n  return useMemo(\n    () =>\n      iconMeta\n        ? {\n            name: sentenceCase(iconMeta.name),\n            collection: iconSetInfo.data?.name ?? iconMeta.prefix,\n          }\n        : null,\n    [iconMeta, iconSetInfo.data?.name],\n  );\n}\n","import { Flex, Stack, Text, ThemeProvider } from '@sanity/ui';\nimport { buildTheme } from '@sanity/ui/theme';\nimport { useCallback } from 'react';\nimport type { ObjectInputProps } from 'sanity';\nimport { set, unset } from 'sanity';\nimport { IconifyCombobox } from './combobox';\nimport { QueryClientProvider } from './lib/query-client';\nimport type { IconifyPluginConfig, IconOptions } from './lib/types';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\n// -------------- //\n// ICONIFY INPUT //\n// -------------- //\n\ninterface IconifyInputProps extends ObjectInputProps {\n  config: IconifyPluginConfig;\n}\n\nexport function IconifyInput(props: IconifyInputProps) {\n  const { config, value, onChange: pushChange, schemaType } = props;\n\n  const selectedIcon: string | null = value?.name ?? null;\n\n  const options: IconOptions = schemaType.options;\n  const collections =\n    (!!options?.collections?.length && options.collections) ||\n    (!!config?.collections?.length && config.collections) ||\n    null;\n  const showName = options?.showName ?? config?.showName ?? false;\n\n  // const parentTheme = useTheme();\n  // const theme: RootTheme = useMemo(\n  //   () => (parentTheme ? { ...parentTheme.sanity, color: studioTheme.color } : studioTheme),\n  //   [parentTheme],\n  // );\n\n  const handleSelect = useCallback(\n    (icon: string) => {\n      pushChange(icon === '' ? unset() : set(icon, ['name']));\n    },\n    [pushChange],\n  );\n\n  return (\n    <QueryClientProvider>\n      <ThemeProvider theme={buildTheme()}>\n        <Stack space={2}>\n          <IconifyCombobox\n            selectedIcon={selectedIcon}\n            onSelect={handleSelect}\n            collections={collections}\n          />\n\n          {showName && selectedIcon ? <IconifyNameDisplay name={selectedIcon} /> : null}\n        </Stack>\n      </ThemeProvider>\n    </QueryClientProvider>\n  );\n}\n\ninterface IconifyNameDisplayProps {\n  name?: string | null;\n}\n\nfunction IconifyNameDisplay(props: IconifyNameDisplayProps) {\n  const { name } = props;\n  const prettyName = usePrettyIconName({ name });\n\n  return (\n    <Flex gap={1}>\n      <Text size={1} muted>\n        Selected:\n      </Text>\n\n      <Text size={1} weight=\"semibold\">\n        {prettyName?.name ?? name}\n      </Text>\n\n      {prettyName?.collection && (\n        <Text size={1} muted style={{ fontStyle: 'italic' }}>\n          by {prettyName?.collection}\n        </Text>\n      )}\n    </Flex>\n  );\n}\n","import { Icon } from '@iconify/react';\nimport type { IconifyIconName } from '@iconify/utils';\nimport { stringToIcon } from '@iconify/utils';\nimport type { PreviewProps } from 'sanity';\nimport { QueryClientProvider } from './lib/query-client';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\n// --------------- //\n// ICONIFY PREVIEW //\n// --------------- //\n\nexport function IconifyPreview(props: PreviewProps) {\n  const { title } = props;\n  const iconName = typeof props.title === 'string' ? stringToIcon(props.title) : null;\n\n  // We check this double to avoid the TS error\n  if (typeof title === 'string' && iconName) {\n    return (\n      <QueryClientProvider>\n        <IconifyPreviewInner {...props} iconName={title} iconMeta={iconName} />\n      </QueryClientProvider>\n    );\n  }\n\n  return props.renderDefault(props);\n}\n\n// --------------------- //\n// ICONIFY PREVIEW INNER //\n// --------------------- //\n\ninterface IconifyPreviewInnerProps extends PreviewProps {\n  iconName: string;\n  iconMeta: IconifyIconName;\n}\n\nfunction IconifyPreviewInner(props: IconifyPreviewInnerProps) {\n  const { iconMeta, iconName, ...previewProps } = props;\n  const prettyName = usePrettyIconName({ iconMeta });\n\n  return props.renderDefault({\n    ...previewProps,\n    media: <Icon icon={iconName} />,\n    title: prettyName?.name ?? iconName,\n    subtitle: prettyName?.collection,\n  });\n}\n","import type { FieldProps, ObjectInputProps } from 'sanity';\nimport { definePlugin } from 'sanity';\nimport { IconifyInput } from './iconify-input';\nimport { IconifyPreview } from './iconify-preview';\nimport type { IconifyPluginConfig } from './lib/types';\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import { defineConfig } from 'sanity'\n * import { iconify } from 'sanity-plugin-iconify'\n *\n * export default defineConfig({\n *   // ...\n *   plugins: [iconify()],\n * })\n * ```\n */\nexport const iconify = definePlugin<IconifyPluginConfig | void>((config = {}) => {\n  return {\n    name: 'sanity-plugin-iconify',\n    schema: {\n      types: [\n        {\n          name: 'icon',\n          title: 'Icon',\n          type: 'object',\n          fields: [\n            {\n              name: 'name',\n              title: 'Name',\n              type: 'string',\n            },\n          ],\n          components: {\n            input: (props: ObjectInputProps) => <IconifyInput {...props} config={config!} />,\n            preview: IconifyPreview,\n\n            // This makes sure the input component is not indented\n            field: (props: FieldProps) => props.renderDefault({ ...props, level: 0 }),\n          },\n        },\n      ],\n    },\n  };\n});\n"],"names":["queryClient","useQueryClient","useState","useDebounce","useCallback","useQuery","keepPreviousData","styled","Grid","Box","jsx","Card","Text","forwardRef","ComboboxInput","TextInput","Icon","ComboboxOptions","ComboboxOption","Button","TrashIcon","useId","useToast","useRef","useEffect","Combobox","jsxs","Fragment","Popover","match","QueryClient","ReactQueryClientProvider","useMemo","_a","stringToIcon","_b","sentenceCase","unset","set","ThemeProvider","buildTheme","Stack","Flex","definePlugin"],"mappings":";;;;;;;AAMA,MAAM,eAAe;AAErB,SAAS,UAAa,EAAE,KAAK,UAAmE;AACvF,SAAA,MAAM,KAAK,EAAE,OAAQ,CAAA,EACzB,KAAK,CAAC,aAAa;AAClB,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,yBAAyB,SAAS,MAAM,EAAE;AAG5D,WAAO,SAAS;EACjB,CAAA,EACA;AAAA,IACC,CAAC,WAAW;AAAA,IACZ,CAAC,UAAU;AACL,YAAA,iBAAiB,QACb,SAEN,QAAQ,MAAM,kBAAkB,KAAK,EAAE,GACjC,IAAI,MAAM,sBAAsB;AAAA,IAE1C;AAAA,EAAA;AAEN;AAEgB,SAAA,UAAU,EAAE,eAAiD;AAC3E,QAAMA,eAAcC,WAAAA,kBACd,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,EAAE,GAC7B,CAAC,eAAe,gBAAgB,IAAIC,wBAAY,MAAM,GAAG,GAEzD,aAAaC,MAAA;AAAA,IACjB,CAAC,SAAiB,oBAAoB,OAAU;AAC9C,cAAQ,OAAO,GAEX,qBACF,iBAAiB,OAAO;AAAA,IAE5B;AAAA,IACA,CAAC,gBAAgB;AAAA,EAAA,GAGb,EAAE,WAAW,SAAS,OAAO,MAAM,sBAAsBC,oBAA0B;AAAA,IACvF,UAAU,CAAC,UAAU,aAAa,aAAa;AAAA,IAC/C,SAAS,OAAO,EAAE,aAAa;AAhDnC,UAAA;AAiDM,YAAM,MAAM,IAAI,IAAI,WAAW,YAAY;AAE3C,UAAI,aAAa,OAAO,SAAS,aAAa,GAC9C,IAAI,aAAa,OAAO,SAAS,IAAI,GAEjC,eACF,IAAI,aAAa,OAAO,YAAY,YAAY,KAAK,GAAG,CAAC;AAGrD,YAAA,SAAS,gBAAgB,MAAM,UAA+B,EAAE,KAAK,OAAA,CAAQ,IAAI;AAEnF,aAAA,UAEF,OAAO,QAAQ,OAAO,WAAW,EAAE,QAAQ,CAAC,CAAC,QAAQ,IAAI,MAAM;AAC7D,QAAAL,aAAY,aAA0B,CAAC,eAAe,MAAM,GAAG,IAAI;AAAA,MACpE,CAAA,IAGI,KAAQ,UAAA,OAAA,SAAA,OAAA,UAAR,YAAiB,CAAA;AAAA,IAC1B;AAAA,IACA,SAAS,cAAc,SAAS;AAAA,IAChC,iBAAiBM,WAAA;AAAA,IACjB,WAAW,IAAI,KAAK;AAAA;AAAA,EAAA,CACrB;AAEM,SAAA;AAAA,IACL;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAAA;AAEpB;AAEgB,SAAA,eAAe,EAAE,UAAsC;AACrE,SAAOD,oBAAoC;AAAA,IACzC,UAAU,CAAC,eAAe,MAAM;AAAA,IAChC,SAAS,OAAO,EAAE,aAAa;AAzFnC,UAAA;AA0FU,UAAA,CAAC,OAAe,QAAA;AAEpB,YAAM,MAAM,IAAI,IAAI,eAAe,YAAY;AAE3C,UAAA,aAAa,OAAO,UAAU,MAAM,GACxC,IAAI,aAAa,OAAO,QAAQ,MAAM;AAEtC,YAAM,SAAS,MAAM,UAAiC,EAAE,KAAK,OAAQ,CAAA;AAE9D,cAAA,KAAA,UAAA,OAAA,SAAA,OAAQ,SAAR,OAAgB,KAAA;AAAA,IACzB;AAAA,IACA,WAAW;AAAA,EAAA,CACZ;AACH;ACnGa,MAAA,kBAAkBE,gBAAAA,QAAOC,GAAAA,IAAI;AAAA;AAAA;AAAA,GAK7B,iBAAiBD,wBAAOE,GAAAA,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCxB,SAAA,eAAe,EAAE,YAAqC;AAElE,SAAAC,2BAAAA,IAACC,GAAAA,MAAK,EAAA,SAAS,GACb,UAAAD,+BAACE,GAAAA,MAAK,EAAA,OAAM,UAAS,OAAK,IACvB,SAAA,CACH,EACF,CAAA;AAEJ;ACjCO,MAAM,cAAcC,MAAA,WAA+C,CAAC,OAAO,QAAQ;AACxF,QAAM,EAAE,MAAM,cAAc,UAAU,WAAW;AAG/C,SAAAH,2BAAA;AAAA,IAACI,QAAA;AAAA,IAAA;AAAA,MACC,IAAIC,GAAA;AAAA,MACJ;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,MACP;AAAA,MACA,MAAM,eAAeL,+BAACM,QAAAA,MAAK,EAAA,MAAM,aAAc,CAAA,IAAK;AAAA,MACpD,aAAa,eAAe,wCAAwC;AAAA,MACpE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,YAAY,cAAc;ACpBnB,SAAS,cAAc,OAA2B;AACjD,QAAA,EAAE,OAAO,KAAS,IAAA;AAExB,SAAI,UAAU,YACJN,2BAAA,IAAA,gBAAA,EAAe,UAAgB,mBAAA,CAAA,IAGrC,UAAU,YACJA,2BAAAA,IAAA,gBAAA,EAAe,UAAY,gBAAA,IAGjC,UAAU,UACLA,2BAAAA,IAAC,gBAAe,EAAA,UAAA,0BAAuB,CAAA,IAG5C,UAAU,UACLA,2BAAA,IAAC,gBAAe,EAAA,UAAA,iBAAA,CAAc,IAIrCA,+BAACO,QAAAA,iBAAgB,EAAA,OAAO,EAAE,SAAS,UAAU,UAAU,MAAM,EAAE,GAC5D,UAAM,KAAA,IAAI,CAAC,SACTP,2BAAAA,IAAAQ,QAAA,gBAAA,EAA0B,OAAO,MAC/B,UAAC,CAAA,EAAE,MAAM,qCACPC,GAAO,QAAA,EAAA,SAAS,GAAG,MAAK,SAAQ,UAAU,OACzC,UAAAT,2BAAA,IAACM,gBAAK,MAAY,OAAM,QAAO,QAAO,QAAO,EAAA,CAC/C,EAJiB,GAAA,IAMrB,CACD,EACH,CAAA;AAEJ;ACnCO,SAAS,YAAY,OAAyB;AAC7C,QAAA,EAAE,QAAY,IAAA;AAGlB,SAAAN,2BAAAA,IAACC,GAAAA,MAAK,EAAA,QAAM,IAAC,YAAY,IAAO,SAAS,GAAG,SAAQ,QAAO,QAAQ,GACjE,UAAAD,2BAAAA,IAACS,GAAAA,UAAO,MAAMT,2BAAA,IAACU,MAAU,WAAA,CAAA,CAAA,GAAI,SAAS,SAAS,MAAK,SAAQ,UAAU,GAAG,SAAS,EAAA,CAAG,EACvF,CAAA;AAEJ;ACDO,SAAS,gBAAgB,OAA6B;AACrD,QAAA,EAAE,cAAc,UAAU,eAAe,YAAgB,IAAA,OAEzD,KAAKC,MAAA,MAAA,GACL,QAAQC,GAAS,SAAA,GACjB,WAAWC,MAAA,OAAyB,IAAI,GAExC,EAAE,MAAM,SAAS,eAAe,WAAW,SAAS,OAAO,MAAM,eAAe,IACpF,UAAU;AAAA,IACR;AAAA,EAAA,CACD,GAEG,mBAAyDnB,MAAA;AAAA,IAC7D,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,IACrC,CAAC,OAAO;AAAA,KAGJ,eAAeA,MAAA;AAAA,IACnB,CAAC,SAAiB;AAChB,oBAAc,IAAI,GAClB,QAAQ,IAAI,EAAI;AAAA,IAClB;AAAA,IACA,CAAC,eAAe,OAAO;AAAA,EAAA,GAGnB,cAAcA,MAAAA,YAAY,MAAM,aAAa,EAAE,GAAG,CAAC,YAAY,CAAC;AAEtE,SAAAoB,MAAA,UAAU,MAAM;AACV,gBACF,QAAQ,MAAM,wBAAwB,KAAK,GAE3C,MAAM,KAAK;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,aAAa,SAAO,OAAA,SAAA,MAAA;AAAA,IACrB,CAAA;AAAA,EAAA,GAEF,CAAC,OAAO,IAAI,SAAS,KAAK,CAAC,GAG5Bd,2BAAA,IAAC,iBACC,EAAA,UAAAA,2BAAAA,IAACe,QAAAA,YAAS,UAAU,cACjB,WAAC,EAAE,KAAA,MAEAC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAjB,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,eAAeA,+BAAC,aAAY,EAAA,SAAS,YAAa,CAAA,IAAK;AAAA,MAAA;AAAA,IACjE;AAAA,IAEAA,2BAAA;AAAA,MAACkB,GAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,QACP,qBAAmB;AAAA,QACnB,QAAM;AAAA,QACN,eAAa;AAAA,QACb,kBAAkB,SAAS;AAAA,QAC3B,wCACG,gBACC,EAAA,UAAAlB,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAOmB,UAAe,MAAA,EAAI,EACvB,WAAA,EACA,KAAK,WAAW,MAAM,SAAS,EAC/B,KAAK,CAAC,eAAe,MAAM,SAAS,EACpC,KAAK,SAAS,MAAM,OAAO,EAC3B,KAAK,CAAC,QAAQ,KAAK,WAAW,GAAG,MAAM,OAAO,EAC9C,KAAK,gBAAgB,MAAM,OAAO,EAClC,UAAU,MAAM,MAAM;AAAA,YACzB;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,GACF,GAEJ,EACF,CAAA;AAEJ;AC9Fa,MAAA,cAAc,IAAIC,WAAAA;AAExB,SAAS,oBAAoB,OAAgC;AAClE,SAAQpB,2BAAA,IAAAqB,WAAA,qBAAA,EAAyB,QAAQ,aAAc,gBAAM,SAAS,CAAA;AACxE;ACCO,SAAS,kBAAkB,OAA+B;AAXjE,MAAA,IAAA;AAYE,QAAM,EAAE,KAAA,IAAS,OACX,WAAWC,MAAA;AAAA,IACf,MAAG;AAdPC,UAAAA;AAcUA,cAAAA,MAAA,MAAM,aAAN,OAAAA,MAAmB,OAAOC,MAAA,aAAa,IAAI,IAAI;AAAA,IAAA;AAAA,IACrD,CAAC,MAAM,MAAM,QAAQ;AAAA,EAAA,GAEjB,cAAc,eAAe,EAAE,SAAQ,KAAU,YAAA,OAAA,SAAA,SAAA,WAAV,OAAoB,KAAA,KAAA,CAAM;AAEhE,SAAAF,MAAA;AAAA,IACL,MAAG;AApBP,UAAAC,KAAAE;AAsBU,aAAA,WAAA;AAAA,QACE,MAAMC,WAAAA,aAAa,SAAS,IAAI;AAAA,QAChC,aAAYD,OAAAF,MAAA,YAAY,SAAZ,gBAAAA,IAAkB,SAAlB,OAAAE,MAA0B,SAAS;AAAA,MAEjD,IAAA;AAAA,IAAA;AAAA,IACN,CAAC,WAAU,KAAY,YAAA,SAAZ,mBAAkB,IAAI;AAAA,EAAA;AAErC;ACXO,SAAS,aAAa,OAA0B;AAlBvD,MAAA,IAAA,IAAA,IAAA,IAAA;AAmBE,QAAM,EAAE,QAAQ,OAAO,UAAU,YAAY,eAAe,OAEtD,gBAA8B,oCAAO,SAAP,OAAA,KAAe,MAE7C,UAAuB,WAAW,SAClC,cACH,CAAC,GAAC,KAAS,WAAA,OAAA,SAAA,QAAA,gBAAT,QAAsB,GAAA,WAAU,QAAQ,eAC1C,CAAC,GAAC,KAAQ,UAAA,OAAA,SAAA,OAAA,gBAAR,WAAqB,WAAU,OAAO,eACzC,MACI,YAAW,8CAAS,aAAT,OAAA,KAAqB,iCAAQ,aAA7B,OAAA,KAAyC,IAQpD,eAAe/B,MAAA;AAAA,IACnB,CAAC,SAAiB;AACL,iBAAA,SAAS,KAAKiC,aAAM,IAAIC,WAAI,MAAM,CAAC,MAAM,CAAC,CAAC;AAAA,IACxD;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAIX,SAAA5B,2BAAAA,IAAC,qBACC,EAAA,UAAAA,2BAAA,IAAC6B,GAAc,eAAA,EAAA,OAAOC,oBACpB,UAAAd,2BAAAA,KAACe,GAAAA,OAAM,EAAA,OAAO,GACZ,UAAA;AAAA,IAAA/B,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,YAAY,eAAeA,+BAAC,oBAAmB,EAAA,MAAM,aAAc,CAAA,IAAK;AAAA,EAAA,GAC3E,GACF,EACF,CAAA;AAEJ;AAMA,SAAS,mBAAmB,OAAgC;AAhE5D,MAAA;AAiEQ,QAAA,EAAE,SAAS,OACX,aAAa,kBAAkB,EAAE,MAAM;AAG3C,SAAAgB,2BAAA,KAACgB,GAAK,MAAA,EAAA,KAAK,GACT,UAAA;AAAA,IAAAhC,+BAACE,GAAAA,MAAK,EAAA,MAAM,GAAG,OAAK,IAAC,UAErB,aAAA;AAAA,IAEAF,2BAAA,IAACE,WAAK,MAAM,GAAG,QAAO,YACnB,WAAA,KAAA,cAAA,OAAA,SAAA,WAAY,SAAZ,OAAA,KAAoB,MACvB;AAAA,KAEC,cAAY,OAAA,SAAA,WAAA,eACVc,2BAAA,KAAAd,SAAA,EAAK,MAAM,GAAG,OAAK,IAAC,OAAO,EAAE,WAAW,SAAY,GAAA,UAAA;AAAA,MAAA;AAAA,MAC/C,cAAY,OAAA,SAAA,WAAA;AAAA,IAAA,GAClB;AAAA,EAEJ,EAAA,CAAA;AAEJ;AC1EO,SAAS,eAAe,OAAqB;AAClD,QAAM,EAAE,MAAU,IAAA,OACZ,WAAW,OAAO,MAAM,SAAU,WAAWsB,MAAAA,aAAa,MAAM,KAAK,IAAI;AAG/E,SAAI,OAAO,SAAU,YAAY,WAE5BxB,2BAAAA,IAAA,qBAAA,EACC,yCAAC,qBAAqB,EAAA,GAAG,OAAO,UAAU,OAAO,UAAU,SAAA,CAAU,EACvE,CAAA,IAIG,MAAM,cAAc,KAAK;AAClC;AAWA,SAAS,oBAAoB,OAAiC;AApC9D,MAAA;AAqCQ,QAAA,EAAE,UAAU,UAAU,GAAG,aAAiB,IAAA,OAC1C,aAAa,kBAAkB,EAAE,SAAA,CAAU;AAEjD,SAAO,MAAM,cAAc;AAAA,IACzB,GAAG;AAAA,IACH,OAAOA,2BAAAA,IAACM,QAAAA,MAAK,EAAA,MAAM,SAAU,CAAA;AAAA,IAC7B,QAAO,KAAY,cAAA,OAAA,SAAA,WAAA,SAAZ,OAAoB,KAAA;AAAA,IAC3B,UAAU,cAAY,OAAA,SAAA,WAAA;AAAA,EAAA,CACvB;AACH;AC3BO,MAAM,UAAU2B,OAAA,aAAyC,CAAC,SAAS,QACjE;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,UACN;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAM;AAAA,UACR;AAAA,QACF;AAAA,QACA,YAAY;AAAA,UACV,OAAO,CAAC,yCAA6B,cAAc,EAAA,GAAG,OAAO,QAAiB;AAAA,UAC9E,SAAS;AAAA;AAAA,UAGT,OAAO,CAAC,UAAsB,MAAM,cAAc,EAAE,GAAG,OAAO,OAAO,GAAG;AAAA,QAC1E;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,EACD;;"}

package/dist/index.d.cts

@@ -0,0 +1,222 @@
+import { BaseSchemaDefinition } from 'sanity';
+import type { IconifyInfo } from '@iconify/types';
+import { Plugin as Plugin_2 } from 'sanity';
+
+export { BaseSchemaDefinition };
+
+/**
+ * Usage in `sanity.config.ts` (or .js)
+ *
+ * ```ts
+ * import { defineConfig } from 'sanity'
+ * import { iconify } from 'sanity-plugin-iconify'
+ *
+ * export default defineConfig({
+ *   // ...
+ *   plugins: [iconify()],
+ * })
+ * ```
+ */
+export declare const iconify: Plugin_2<void | IconifyPluginConfig>;
+
+export declare interface IconifyPluginConfig {
+  collections?: IconPrefix[];
+  showName?: boolean;
+}
+
+export declare interface IconifySearchResult {
+  icons: string[];
+  collections: Record<string, IconifyInfo>;
+}
+
+export declare interface IconOptions {
+  collections?: IconPrefix[];
+  showName?: boolean;
+}
+
+export declare type IconPrefix =
+  | 'material-symbols'
+  | 'material-symbols-light'
+  | 'ic'
+  | 'mdi'
+  | 'ph'
+  | 'solar'
+  | 'tabler'
+  | 'hugeicons'
+  | 'mingcute'
+  | 'ri'
+  | 'bi'
+  | 'carbon'
+  | 'iconamoon'
+  | 'iconoir'
+  | 'ion'
+  | 'lucide'
+  | 'uil'
+  | 'tdesign'
+  | 'teenyicons'
+  | 'clarity'
+  | 'bx'
+  | 'bxs'
+  | 'majesticons'
+  | 'ant-design'
+  | 'gg'
+  | 'gravity-ui'
+  | 'octicon'
+  | 'memory'
+  | 'cil'
+  | 'flowbite'
+  | 'mynaui'
+  | 'basil'
+  | 'pixelarticons'
+  | 'akar-icons'
+  | 'ci'
+  | 'system-uicons'
+  | 'typcn'
+  | 'radix-icons'
+  | 'zondicons'
+  | 'ep'
+  | 'circum'
+  | 'mdi-light'
+  | 'fe'
+  | 'eos-icons'
+  | 'bitcoin-icons'
+  | 'charm'
+  | 'prime'
+  | 'humbleicons'
+  | 'uiw'
+  | 'uim'
+  | 'uit'
+  | 'uis'
+  | 'maki'
+  | 'gridicons'
+  | 'mi'
+  | 'quill'
+  | 'gala'
+  | 'lets-icons'
+  | 'f7'
+  | 'mage'
+  | 'marketeq'
+  | 'fluent'
+  | 'icon-park-outline'
+  | 'icon-park-solid'
+  | 'icon-park-twotone'
+  | 'icon-park'
+  | 'vscode-icons'
+  | 'jam'
+  | 'heroicons'
+  | 'codicon'
+  | 'pajamas'
+  | 'pepicons-pop'
+  | 'pepicons-print'
+  | 'pepicons-pencil'
+  | 'bytesize'
+  | 'ei'
+  | 'streamline'
+  | 'guidance'
+  | 'fa6-solid'
+  | 'fa6-regular'
+  | 'ooui'
+  | 'nimbus'
+  | 'oui'
+  | 'formkit'
+  | 'line-md'
+  | 'meteocons'
+  | 'svg-spinners'
+  | 'openmoji'
+  | 'twemoji'
+  | 'noto'
+  | 'fluent-emoji'
+  | 'fluent-emoji-flat'
+  | 'fluent-emoji-high-contrast'
+  | 'noto-v1'
+  | 'emojione'
+  | 'emojione-monotone'
+  | 'emojione-v1'
+  | 'fxemoji'
+  | 'streamline-emojis'
+  | 'bxl'
+  | 'logos'
+  | 'simple-icons'
+  | 'cib'
+  | 'fa6-brands'
+  | 'nonicons'
+  | 'arcticons'
+  | 'cbi'
+  | 'file-icons'
+  | 'devicon'
+  | 'devicon-plain'
+  | 'skill-icons'
+  | 'unjs'
+  | 'brandico'
+  | 'entypo-social'
+  | 'token'
+  | 'token-branded'
+  | 'cryptocurrency'
+  | 'cryptocurrency-color'
+  | 'flag'
+  | 'circle-flags'
+  | 'flagpack'
+  | 'cif'
+  | 'gis'
+  | 'map'
+  | 'geo'
+  | 'game-icons'
+  | 'fad'
+  | 'academicons'
+  | 'wi'
+  | 'healthicons'
+  | 'medical-icon'
+  | 'covid'
+  | 'la'
+  | 'eva'
+  | 'dashicons'
+  | 'flat-color-icons'
+  | 'entypo'
+  | 'foundation'
+  | 'raphael'
+  | 'icons8'
+  | 'iwwa'
+  | 'heroicons-outline'
+  | 'heroicons-solid'
+  | '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';
+
+export {};
+
+declare module 'sanity' {
+  interface IconDefinition extends BaseSchemaDefinition {
+    type: 'icon';
+    options?: IconOptions;
+  }
+  interface IntrinsicDefinitions {
+    icon: IconDefinition;
+  }
+}