sanity-plugin-iconify 1.0.2 → 1.0.4

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { unset, set, definePlugin } from 'sanity';
-import { Grid, Box, Card, Text, TextInput, Button, useToast, Popover, Stack, Flex } from '@sanity/ui';
-import { useQueryClient, useQuery, QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { Grid, Box, Card, Text, TextInput, Button, useToast, Popover, useTheme, studioTheme, ThemeProvider, Stack, Flex } from '@sanity/ui';
 import { useState, useCallback, forwardRef, useId, useRef, useEffect, useMemo } from 'react';
 import { Combobox } from '@headlessui/react';
 import { match } from 'ts-pattern';
+import { useQueryClient, useQuery, QueryClient, QueryClientProvider as QueryClientProvider$1 } from '@tanstack/react-query';
 import { useDebounce } from 'use-debounce';
 import styled from 'styled-components';
 import { Icon } from '@iconify/react';
@@ -296,9 +296,22 @@ function IconifyCombobox(props) {
     }) : null]
   });
 }
-function usePrettyIconName(name) {
+const queryClient = new QueryClient();
+function QueryClientProvider(props) {
+  return /* @__PURE__ */jsx(QueryClientProvider$1, {
+    client: queryClient,
+    children: props.children
+  });
+}
+function usePrettyIconName(props) {
   var _a, _b;
-  const iconMeta = useMemo(() => name ? stringToIcon(name) : null, [name]);
+  const {
+    name
+  } = props;
+  const iconMeta = useMemo(() => {
+    var _a2;
+    return (_a2 = props.iconMeta) != null ? _a2 : name ? stringToIcon(name) : null;
+  }, [name, props.iconMeta]);
   const iconSetInfo = useIconSetInfo({
     prefix: (_a = iconMeta == null ? void 0 : iconMeta.prefix) != null ? _a : null
   });
@@ -310,9 +323,8 @@ function usePrettyIconName(name) {
     } : null;
   }, [iconMeta, (_b = iconSetInfo.data) == null ? void 0 : _b.name]);
 }
-const queryClient = new QueryClient();
 function IconifyInput(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   const {
     config,
     value,
@@ -320,60 +332,96 @@ function IconifyInput(props) {
     schemaType
   } = props;
   const selectedIcon = (_a = value == null ? void 0 : value.name) != null ? _a : null;
-  const prettyName = usePrettyIconName(selectedIcon);
   const options = schemaType.options;
-  const collections = !((_b = options == null ? void 0 : options.collections) == null ? void 0 : _b.length) && options.collections || !((_c = config == null ? void 0 : config.collections) == null ? void 0 : _c.length) && config.collections || null;
+  const collections = !!((_b = options == null ? void 0 : options.collections) == null ? void 0 : _b.length) && options.collections || !!((_c = config == null ? void 0 : config.collections) == null ? void 0 : _c.length) && config.collections || null;
   const showName = (_e = (_d = options == null ? void 0 : options.showName) != null ? _d : config == null ? void 0 : config.showName) != null ? _e : false;
+  const parentTheme = useTheme();
+  const theme = useMemo(() => parentTheme ? {
+    ...parentTheme.sanity,
+    color: studioTheme.color
+  } : studioTheme, [parentTheme]);
   const handleSelect = useCallback(icon => {
     pushChange(icon === "" ? unset() : set(icon, ["name"]));
   }, [pushChange]);
   return /* @__PURE__ */jsx(QueryClientProvider, {
-    client: queryClient,
-    children: /* @__PURE__ */jsxs(Stack, {
-      space: 2,
-      children: [/* @__PURE__ */jsx(IconifyCombobox, {
-        selectedIcon,
-        onSelect: handleSelect,
-        collections
-      }), showName && selectedIcon ? /* @__PURE__ */jsxs(Flex, {
-        gap: 1,
-        children: [/* @__PURE__ */jsx(Text, {
-          size: 1,
-          muted: true,
-          children: "Selected:"
-        }), /* @__PURE__ */jsx(Text, {
-          size: 1,
-          weight: "semibold",
-          children: (_f = prettyName == null ? void 0 : prettyName.name) != null ? _f : selectedIcon
-        }), (prettyName == null ? void 0 : prettyName.collection) && /* @__PURE__ */jsxs(Text, {
-          size: 1,
-          muted: true,
-          style: {
-            fontStyle: "italic"
-          },
-          children: ["by ", prettyName == null ? void 0 : prettyName.collection]
-        })]
-      }) : null]
+    children: /* @__PURE__ */jsx(ThemeProvider, {
+      theme,
+      children: /* @__PURE__ */jsxs(Stack, {
+        space: 2,
+        children: [/* @__PURE__ */jsx(IconifyCombobox, {
+          selectedIcon,
+          onSelect: handleSelect,
+          collections
+        }), showName && selectedIcon ? /* @__PURE__ */jsx(IconifyNameDisplay, {
+          name: selectedIcon
+        }) : null]
+      })
     })
   });
 }
+function IconifyNameDisplay(props) {
+  var _a;
+  const {
+    name
+  } = props;
+  const prettyName = usePrettyIconName({
+    name
+  });
+  return /* @__PURE__ */jsxs(Flex, {
+    gap: 1,
+    children: [/* @__PURE__ */jsx(Text, {
+      size: 1,
+      muted: true,
+      children: "Selected:"
+    }), /* @__PURE__ */jsx(Text, {
+      size: 1,
+      weight: "semibold",
+      children: (_a = prettyName == null ? void 0 : prettyName.name) != null ? _a : name
+    }), (prettyName == null ? void 0 : prettyName.collection) && /* @__PURE__ */jsxs(Text, {
+      size: 1,
+      muted: true,
+      style: {
+        fontStyle: "italic"
+      },
+      children: ["by ", prettyName == null ? void 0 : prettyName.collection]
+    })]
+  });
+}
 function IconifyPreview(props) {
   const {
     title
   } = props;
-  const prettyName = usePrettyIconName(typeof title === "string" ? title : null);
-  if (typeof title === "string" && prettyName) {
-    return props.renderDefault({
-      ...props,
-      media: /* @__PURE__ */jsx(Icon, {
-        icon: title
-      }),
-      title: prettyName.name,
-      subtitle: prettyName.collection
+  const iconName = typeof props.title === "string" ? stringToIcon(props.title) : null;
+  if (typeof title === "string" && iconName) {
+    return /* @__PURE__ */jsx(QueryClientProvider, {
+      children: /* @__PURE__ */jsx(IconifyPreviewInner, {
+        ...props,
+        iconName: title,
+        iconMeta: iconName
+      })
     });
   }
   return props.renderDefault(props);
 }
+function IconifyPreviewInner(props) {
+  var _a;
+  const {
+    iconMeta,
+    iconName,
+    ...previewProps
+  } = props;
+  const prettyName = usePrettyIconName({
+    iconMeta
+  });
+  return props.renderDefault({
+    ...previewProps,
+    media: /* @__PURE__ */jsx(Icon, {
+      icon: iconName
+    }),
+    title: (_a = prettyName == null ? void 0 : prettyName.name) != null ? _a : iconName,
+    subtitle: prettyName == null ? void 0 : prettyName.collection
+  });
+}
 const iconify = definePlugin(function () {
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","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/use-pretty-icon-name.ts","../src/iconify-input.tsx","../src/iconify-preview.tsx","../src/iconify-plugin.tsx"],"sourcesContent":["import { IconifyInfo } from '@iconify/types';\nimport { useQuery, useQueryClient } from '@tanstack/react-query';\nimport { IconifySearchResult } from './types';\nimport { useCallback, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\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 { isInitialLoading, isError, error, data, isPreviousData } = 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    keepPreviousData: debouncedTerm.length > 0,\n    staleTime: 5 * 60 * 1000, // 5 minutes\n  });\n\n  return {\n    term,\n    setTerm: updateTerm,\n    debouncedTerm,\n    isInitialLoading,\n    isError,\n    error,\n    data,\n    isPreviousData,\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 { 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(10, minmax(min(100%, 1rem), 1fr));\n    gap: 0.5rem;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  & [role='option'] {\n    display: grid;\n    place-items: center;\n\n    & button {\n      aspect-ratio: 1;\n      cursor: pointer;\n      width: 100%;\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 { Combobox } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { TextInput } from '@sanity/ui';\nimport { ChangeEventHandler, forwardRef } from 'react';\n\n// ------------ //\n// SEARCH INPUT //\n// ------------ //\n\ninterface SearchInputProps {\n  term: string;\n  selectedIcon: string | null;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>((props, ref) => {\n  const { term, selectedIcon, onChange } = props;\n\n  return (\n    <Combobox.Input\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    />\n  );\n});\n\nSearchInput.displayName = 'SearchInput';\n","import { Combobox } 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    <Combobox.Options style={{ opacity: state === 'stale' ? 0.5 : 1 }}>\n      {data!.map((icon) => (\n        <Combobox.Option key={icon} value={icon}>\n          {({ active }) => <Button mode=\"bleed\" icon={<Icon icon={icon} />} selected={active} />}\n        </Combobox.Option>\n      ))}\n    </Combobox.Options>\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\">\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 { ChangeEventHandler, 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 { SearchResults, SearchResultsProps } 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, isInitialLoading, 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            />\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(isInitialLoading, () => '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\n      {selectedIcon ? <UnsetButton onUnset={handleUnset} /> : null}\n    </ComboboxWrapper>\n  );\n}\n","import { stringToIcon } from '@iconify/utils';\nimport { sentenceCase } from 'change-case';\nimport { useMemo } from 'react';\nimport { useIconSetInfo } from './api';\n\nexport function usePrettyIconName(name?: string | null) {\n  const iconMeta = useMemo(() => (name ? stringToIcon(name) : null), [name]);\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 } from '@sanity/ui';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { useCallback } from 'react';\nimport { ObjectInputProps, set, unset } from 'sanity';\nimport { IconifyCombobox } from './combobox';\nimport { IconOptions, IconifyPluginConfig } from './lib/types';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\nconst queryClient = new QueryClient();\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 = value?.name ?? null;\n  const prettyName = usePrettyIconName(selectedIcon);\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 handleSelect = useCallback(\n    (icon: string) => {\n      pushChange(icon === '' ? unset() : set(icon, ['name']));\n    },\n    [pushChange],\n  );\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <Stack space={2}>\n        <IconifyCombobox\n          selectedIcon={selectedIcon}\n          onSelect={handleSelect}\n          collections={collections}\n        />\n\n        {showName && selectedIcon ? (\n          <Flex gap={1}>\n            <Text size={1} muted>\n              Selected:\n            </Text>\n\n            <Text size={1} weight=\"semibold\">\n              {prettyName?.name ?? selectedIcon}\n            </Text>\n\n            {prettyName?.collection && (\n              <Text size={1} muted style={{ fontStyle: 'italic' }}>\n                by {prettyName?.collection}\n              </Text>\n            )}\n          </Flex>\n        ) : null}\n      </Stack>\n    </QueryClientProvider>\n  );\n}\n","import { Icon } from '@iconify/react';\nimport { PreviewProps } from 'sanity';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\nexport function IconifyPreview(props: PreviewProps) {\n  const { title } = props;\n  const prettyName = usePrettyIconName(typeof title === 'string' ? title : null);\n\n  // We check this double to avoid the TS error\n  if (typeof title === 'string' && prettyName) {\n    return props.renderDefault({\n      ...props,\n      media: <Icon icon={title} />,\n      title: prettyName.name,\n      subtitle: prettyName.collection,\n    });\n  }\n\n  return props.renderDefault(props);\n}\n","import { FieldProps, ObjectInputProps, definePlugin } from 'sanity';\nimport { IconifyInput } from './iconify-input';\nimport { IconifyPreview } from './iconify-preview';\nimport { 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":["BASE_API_URL","fetchJson","_ref","url","signal","fetch","then","response","ok","Error","concat","status","json","result","error","console","useSearch","_ref2","collections","queryClient","useQueryClient","term","setTerm","useState","debouncedTerm","setDebouncedTerm","useDebounce","updateTerm","useCallback","newTerm","updateImmediately","arguments","length","undefined","isInitialLoading","isError","data","isPreviousData","useQuery","queryKey","queryFn","_ref3","_a","URL","searchParams","append","join","Object","entries","forEach","_ref4","prefix","info","setQueryData","icons","enabled","keepPreviousData","staleTime","useIconSetInfo","_ref5","_ref6","Infinity","_b","ComboboxWrapper","styled","Grid","__template","OptionsWrapper","Box","MessageWrapper","_ref7","children","jsx","Card","padding","Text","align","muted","SearchInput","forwardRef","props","ref","selectedIcon","onChange","Combobox","Input","as","TextInput","inputMode","value","icon","Icon","placeholder","displayName","SearchResults","state","Options","style","opacity","map","Option","active","Button","mode","selected","UnsetButton","onUnset","border","borderLeft","display","TrashIcon","onClick","fontSize","IconifyCombobox","onSelect","pushSelection","id","useId","toast","useToast","inputRef","useRef","handleTermChange","event","target","handleSelect","handleUnset","useEffect","push","title","description","message","open","jsxs","Fragment","Popover","placement","arrow","matchReferenceWidth","portal","constrainSize","referenceElement","current","content","match","returnType","with","otherwise","usePrettyIconName","name","iconMeta","useMemo","stringToIcon","iconSetInfo","sentenceCase","collection","QueryClient","IconifyInput","_c","_d","_e","_f","config","pushChange","schemaType","prettyName","options","showName","unset","set","QueryClientProvider","client","Stack","space","Flex","gap","size","weight","fontStyle","IconifyPreview","renderDefault","media","subtitle","iconify","definePlugin","schema","types","type","fields","components","input","preview","field","level"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","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 { IconifyInfo } from '@iconify/types';\nimport { useQuery, useQueryClient } from '@tanstack/react-query';\nimport { IconifySearchResult } from './types';\nimport { useCallback, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\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 { isInitialLoading, isError, error, data, isPreviousData } = 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    keepPreviousData: debouncedTerm.length > 0,\n    staleTime: 5 * 60 * 1000, // 5 minutes\n  });\n\n  return {\n    term,\n    setTerm: updateTerm,\n    debouncedTerm,\n    isInitialLoading,\n    isError,\n    error,\n    data,\n    isPreviousData,\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 { 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(10, minmax(min(100%, 1rem), 1fr));\n    gap: 0.5rem;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  & [role='option'] {\n    display: grid;\n    place-items: center;\n\n    & button {\n      aspect-ratio: 1;\n      cursor: pointer;\n      width: 100%;\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 { Combobox } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { TextInput } from '@sanity/ui';\nimport { ChangeEventHandler, forwardRef } from 'react';\n\n// ------------ //\n// SEARCH INPUT //\n// ------------ //\n\ninterface SearchInputProps {\n  term: string;\n  selectedIcon: string | null;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>((props, ref) => {\n  const { term, selectedIcon, onChange } = props;\n\n  return (\n    <Combobox.Input\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    />\n  );\n});\n\nSearchInput.displayName = 'SearchInput';\n","import { Combobox } 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    <Combobox.Options style={{ opacity: state === 'stale' ? 0.5 : 1 }}>\n      {data!.map((icon) => (\n        <Combobox.Option key={icon} value={icon}>\n          {({ active }) => <Button mode=\"bleed\" icon={<Icon icon={icon} />} selected={active} />}\n        </Combobox.Option>\n      ))}\n    </Combobox.Options>\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\">\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 { ChangeEventHandler, 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 { SearchResults, SearchResultsProps } 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, isInitialLoading, 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            />\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(isInitialLoading, () => '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\n      {selectedIcon ? <UnsetButton onUnset={handleUnset} /> : null}\n    </ComboboxWrapper>\n  );\n}\n","import {\n  QueryClient,\n  QueryClientProvider as ReactQueryClientProvider,\n} from '@tanstack/react-query';\nimport { 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 { IconifyIconName, 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, RootTheme, Stack, Text, ThemeProvider, studioTheme, useTheme } from '@sanity/ui';\nimport { useCallback, useMemo } from 'react';\nimport { ObjectInputProps, set, unset } from 'sanity';\nimport { IconifyCombobox } from './combobox';\nimport { QueryClientProvider } from './lib/query-client';\nimport { IconOptions, IconifyPluginConfig } 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={theme}>\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 { PreviewProps } from 'sanity';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\nimport { IconifyIconName, stringToIcon } from '@iconify/utils';\nimport { QueryClientProvider } from './lib/query-client';\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 { FieldProps, ObjectInputProps, definePlugin } from 'sanity';\nimport { IconifyInput } from './iconify-input';\nimport { IconifyPreview } from './iconify-preview';\nimport { 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":["BASE_API_URL","fetchJson","_ref","url","signal","fetch","then","response","ok","Error","concat","status","json","result","error","console","useSearch","_ref2","collections","queryClient","useQueryClient","term","setTerm","useState","debouncedTerm","setDebouncedTerm","useDebounce","updateTerm","useCallback","newTerm","updateImmediately","arguments","length","undefined","isInitialLoading","isError","data","isPreviousData","useQuery","queryKey","queryFn","_ref3","_a","URL","searchParams","append","join","Object","entries","forEach","_ref4","prefix","info","setQueryData","icons","enabled","keepPreviousData","staleTime","useIconSetInfo","_ref5","_ref6","Infinity","_b","ComboboxWrapper","styled","Grid","__template","OptionsWrapper","Box","MessageWrapper","_ref7","children","jsx","Card","padding","Text","align","muted","SearchInput","forwardRef","props","ref","selectedIcon","onChange","Combobox","Input","as","TextInput","inputMode","value","icon","Icon","placeholder","displayName","SearchResults","state","Options","style","opacity","map","Option","active","Button","mode","selected","UnsetButton","onUnset","border","borderLeft","display","TrashIcon","onClick","fontSize","IconifyCombobox","onSelect","pushSelection","id","useId","toast","useToast","inputRef","useRef","handleTermChange","event","target","handleSelect","handleUnset","useEffect","push","title","description","message","open","jsxs","Fragment","Popover","placement","arrow","matchReferenceWidth","portal","constrainSize","referenceElement","current","content","match","returnType","with","otherwise","QueryClient","QueryClientProvider","ReactQueryClientProvider","client","usePrettyIconName","name","iconMeta","useMemo","stringToIcon","iconSetInfo","sentenceCase","collection","IconifyInput","_c","_d","_e","config","pushChange","schemaType","options","showName","parentTheme","useTheme","theme","sanity","color","studioTheme","unset","set","ThemeProvider","Stack","space","IconifyNameDisplay","prettyName","Flex","gap","size","weight","fontStyle","IconifyPreview","iconName","IconifyPreviewInner","renderDefault","previewProps","media","subtitle","iconify","definePlugin","schema","types","type","fields","components","input","preview","field","level"],"mappings":";;;;;;;;;;;;;AAMA,MAAMA,YAAe,GAAA,4BAAA;AAErB,SAASC,SAAaA,CAAAC,IAAA,EAA0E;EAAA,IAA1E;IAAEC,GAAK;IAAAC;GAAmE,GAAAF,IAAA;EACvF,OAAAG,KAAA,CAAMF,KAAK;IAAEC;EAAQ,CAAA,CACzB,CAAAE,IAAA,CAAMC,QAAa,IAAA;IACd,IAAA,CAACA,SAASC,EAAI,EAAA;MAChB,MAAM,IAAIC,KAAA,CAAM,wBAAyB,CAAAC,MAAA,CAAAH,QAAA,CAASI,MAAQ,CAAA,CAAA;IAC5D;IAEA,OAAOJ,SAASK,IAAK,EAAA;EACtB,CAAA,CACA,CAAAN,IAAA,CACEO,MAAW,IAAAA,MAAA,EACXC,KAAU,IAAA;IACT,IAAIA,iBAAiBL,KAAO,EAAA;MACpB,MAAAK,KAAA;IAAA,CACD,MAAA;MACGC,OAAA,CAAAD,KAAA,CAAM,kBAAkBJ,MAAO,CAAAI,KAAA,CAAA,CAAA;MACjC,MAAA,IAAIL,MAAM,sBAAsB,CAAA;IACxC;EACF,CAAA,CACF;AACJ;AAEgB,SAAAO,SAAAA,CAAAC,KAAA,EAA6D;EAAA,IAAnD;IAAEC;GAAiD,GAAAD,KAAA;EAC3E,MAAME,cAAcC,cAAe,EAAA;EACnC,MAAM,CAACC,IAAA,EAAMC,OAAO,CAAA,GAAIC,SAAS,EAAE,CAAA;EACnC,MAAM,CAACC,aAAe,EAAAC,gBAAgB,CAAI,GAAAC,WAAA,CAAYL,MAAM,GAAG,CAAA;EAE/D,MAAMM,UAAa,GAAAC,WAAA,CACjB,UAACC,OAAiB,EAA8B;IAAA,IAA9BC,iBAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAoB,KAAU;IAC9CT,OAAA,CAAQO,OAAO,CAAA;IAEf,IAAIC,iBAAmB,EAAA;MACrBL,gBAAA,CAAiBI,OAAO,CAAA;IAC1B;EACF,CAAA,EACA,CAACJ,gBAAgB,CAAA,CACnB;EAEA,MAAM;IAAES,gBAAkB;IAAAC,OAAA;IAASrB;IAAOsB,IAAM;IAAAC;MAAmBC,QAA0B,CAAA;IAC3FC,QAAU,EAAA,CAAC,QAAU,EAAArB,WAAA,EAAaM,aAAa,CAAA;IAC/CgB,OAAS,EAAA,MAAAC,KAAA,IAAsB;MAAA,IAAf;QAAErC;OAAa,GAAAqC,KAAA;MAhDnC,IAAAC,EAAA;MAiDM,MAAMvC,GAAM,GAAA,IAAIwC,GAAI,CAAA,SAAA,EAAW3C,YAAY,CAAA;MAEvCG,GAAA,CAAAyC,YAAA,CAAaC,MAAO,CAAA,OAAA,EAASrB,aAAa,CAAA;MAC1CrB,GAAA,CAAAyC,YAAA,CAAaC,MAAO,CAAA,OAAA,EAAS,IAAI,CAAA;MAErC,IAAI3B,WAAa,EAAA;QACff,GAAA,CAAIyC,aAAaC,MAAO,CAAA,UAAA,EAAY3B,WAAY,CAAA4B,IAAA,CAAK,GAAG,CAAC,CAAA;MAC3D;MAEM,MAAAjC,MAAA,GAASW,gBAAgB,MAAMvB,SAAA,CAA+B;QAAEE,GAAK;QAAAC;MAAA,CAAQ,CAAI,GAAA,IAAA;MAEvF,IAAIS,MAAQ,EAAA;QAEHkC,MAAA,CAAAC,OAAA,CAAQnC,OAAOK,WAAW,CAAA,CAAE+B,QAAQC,KAAA,IAAoB;UAAA,IAAnB,CAACC,MAAQ,EAAAC,IAAI,CAAM,GAAAF,KAAA;UAC7D/B,WAAA,CAAYkC,YAA0B,CAAA,CAAC,aAAe,EAAAF,MAAM,GAAGC,IAAI,CAAA;QAAA,CACpE,CAAA;MACH;MAEO,OAAA,CAAAV,EAAA,GAAA7B,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,MAAA,CAAQyC,KAAR,KAAA,IAAA,GAAAZ,EAAA,GAAiB,EAAC;IAC3B,CAAA;IACAa,OAAA,EAAS/B,cAAcQ,MAAS,GAAA,CAAA;IAChCwB,gBAAA,EAAkBhC,cAAcQ,MAAS,GAAA,CAAA;IACzCyB,SAAA,EAAW,IAAI,EAAK,GAAA;IAAA;EAAA,CACrB,CAAA;;EAEM,OAAA;IACLpC,IAAA;IACAC,OAAS,EAAAK,UAAA;IACTH,aAAA;IACAU,gBAAA;IACAC,OAAA;IACArB,KAAA;IACAsB,IAAA;IACAC;EAAA,CACF;AACF;AAEgB,SAAAqB,cAAAA,CAAAC,KAAA,EAAuD;EAAA,IAAxC;IAAER;GAAsC,GAAAQ,KAAA;EACrE,OAAOrB,QAAoC,CAAA;IACzCC,QAAA,EAAU,CAAC,aAAA,EAAeY,MAAM,CAAA;IAChCX,OAAS,EAAA,MAAAoB,KAAA,IAAsB;MAAA,IAAf;QAAExD;OAAa,GAAAwD,KAAA;MAzFnC,IAAAlB,EAAA;MA0FM,IAAI,CAACS,MAAA,EAAe,OAAA,IAAA;MAEpB,MAAMhD,GAAM,GAAA,IAAIwC,GAAI,CAAA,aAAA,EAAe3C,YAAY,CAAA;MAE3CG,GAAA,CAAAyC,YAAA,CAAaC,MAAO,CAAA,QAAA,EAAUM,MAAM,CAAA;MACpChD,GAAA,CAAAyC,YAAA,CAAaC,MAAO,CAAA,MAAA,EAAQ,MAAM,CAAA;MAEtC,MAAMhC,SAAS,MAAMZ,SAAA,CAAiC;QAAEE,GAAA;QAAKC;MAAQ,CAAA,CAAA;MAE9D,OAAA,CAAAsC,EAAA,GAAA7B,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,MAAA,CAAQuC,SAAR,IAAgB,GAAAV,EAAA,GAAA,IAAA;IACzB,CAAA;IACAe,SAAW,EAAAI;EAAA,CACZ,CAAA;AACH;;;;;;ACvGA,IAAAnB,EAAA,EAAAoB,EAAA;AAIO,MAAMC,eAAkB,GAAAC,MAAA,CAAOC,IAAI,CAAA,CAAXvB,EAAY,KAAAA,EAAA,GAAAwB,UAAA,CAAA,CAAA,sEAAA,CAAA,CAAA,CAAA,CAAA;AAKpC,MAAMC,cAAiB,GAAAH,MAAA,CAAOI,GAAG,CAAA,CAAVN,EAAW,KAAAA,EAAA,GAAAI,UAAA,CAAA,CAAA,+ZAAA,CAAA,CAAA,CAAA,CAAA;AAyBzB,SAAAG,cAAAA,CAAAC,KAAA,EAAsD;EAAA,IAAvC;IAAEC;GAAqC,GAAAD,KAAA;EAElE,OAAA,eAAAE,GAAA,CAACC,IAAK,EAAA;IAAAC,OAAA,EAAS,CACb;IAAAH,QAAA,EAAA,eAAAC,GAAA,CAACG,IAAK,EAAA;MAAAC,KAAA,EAAM,QAAS;MAAAC,KAAA,EAAK,IACvB;MAAAN;IAAA,CACH;EACF,CAAA,CAAA;AAEJ;AC3BO,MAAMO,WAAc,GAAAC,UAAA,CAA+C,CAACC,KAAA,EAAOC,GAAQ,KAAA;EACxF,MAAM;IAAE5D,IAAA;IAAM6D,YAAc;IAAAC;EAAA,CAAa,GAAAH,KAAA;EAGvC,sBAAAR,GAAA,CAACY,QAAS,CAAAC,KAAA,EAAT;IACCC,EAAI,EAAAC,SAAA;IACJN,GAAA;IACAO,SAAU,EAAA,QAAA;IACVC,KAAO,EAAApE,IAAA;IACP8D,QAAA;IACAO,MAAMR,YAAe,GAAA,eAAAV,GAAA,CAACmB,IAAK,EAAA;MAAAD,IAAA,EAAMR;IAAc,CAAA,CAAK,GAAA,IAAA;IACpDU,WAAA,EAAaV,eAAe,qCAAwC,GAAA;EAAA,CAAA,CACtE;AAEJ,CAAC,CAAA;AAEDJ,WAAA,CAAYe,WAAc,GAAA,aAAA;ACjBnB,SAASC,cAAcd,KAA2B,EAAA;EACjD,MAAA;IAAEe,KAAO;IAAA3D;EAAS,CAAA,GAAA4C,KAAA;EAExB,IAAIe,UAAU,SAAW,EAAA;IAChB,OAAA,eAAAvB,GAAA,CAACH;MAAeE,QAAgB,EAAA;IAAA,CAAA,CAAA;EACzC;EAEA,IAAIwB,UAAU,SAAW,EAAA;IAChB,OAAA,eAAAvB,GAAA,CAACH;MAAeE,QAAY,EAAA;IAAA,CAAA,CAAA;EACrC;EAEA,IAAIwB,UAAU,OAAS,EAAA;IACd,OAAA,eAAAvB,GAAA,CAACH;MAAeE,QAAuB,EAAA;IAAA,CAAA,CAAA;EAChD;EAEA,IAAIwB,UAAU,OAAS,EAAA;IACd,OAAA,eAAAvB,GAAA,CAACH;MAAeE,QAAc,EAAA;IAAA,CAAA,CAAA;EACvC;EAEA,0BACGa,QAAS,CAAAY,OAAA,EAAT;IAAiBC,KAAO,EAAA;MAAEC,SAASH,KAAU,KAAA,OAAA,GAAU,GAAM,GAAA;IAAA;IAC3DxB,QAAM,EAAAnC,IAAA,CAAA+D,GAAA,CAAKT,IACV,IAAA,eAAAlB,GAAA,CAACY,SAASgB,MAAT,EAAA;MAA2BX,KAAO,EAAAC,IAAA;MAChCnB;YAAC;UAAE8B;;eAAc,eAAA7B,GAAA,CAAA8B,MAAA,EAAA;UAAOC,MAAK,OAAQ;UAAAb,IAAA,EAAO,eAAAlB,GAAA,CAAAmB,IAAA,EAAA;YAAKD;WAAY,CAAI;UAAAc,QAAA,EAAUH;QAAQ,CAAA,CADhE;MAAA;KAAA,EAAAX,IAEtB,CACD;EACH,CAAA,CAAA;AAEJ;AC/BO,SAASe,YAAYzB,KAAyB,EAAA;EAC7C,MAAA;IAAE0B;EAAY,CAAA,GAAA1B,KAAA;EAGlB,OAAA,eAAAR,GAAA,CAACC,IAAK,EAAA;IAAAkC,MAAA,EAAM,IAAC;IAAAC,UAAA,EAAY;IAAOlC,OAAS,EAAA,CAAA;IAAGmC,OAAQ,EAAA,MAAA;IAClDtC,QAAC,EAAA,eAAAC,GAAA,CAAA8B,MAAA,EAAA;MAAOZ,qBAAOlB,GAAA,CAAAsC,SAAA,EAAA,CAAU,CAAA,CAAI;MAAAC,OAAA,EAASL,OAAS;MAAAH,IAAA,EAAK;MAAQS,QAAU,EAAA,CAAA;MAAGtC,OAAS,EAAA;IAAG,CAAA;EACvF,CAAA,CAAA;AAEJ;ACHO,SAASuC,gBAAgBjC,KAA6B,EAAA;EAC3D,MAAM;IAAEE,YAAA;IAAcgC,QAAU,EAAAC,aAAA;IAAejG;GAAgB,GAAA8D,KAAA;EAE/D,MAAMoC,KAAKC,KAAM,EAAA;EACjB,MAAMC,QAAQC,QAAS,EAAA;EACjB,MAAAC,QAAA,GAAWC,OAAyB,IAAI,CAAA;EAExC,MAAA;IAAEpG,IAAM;IAAAC,OAAA;IAASE,aAAe;IAAAU,gBAAA;IAAkBC;IAASrB,KAAO;IAAAsB,IAAA;IAAMC;EAAe,CAAA,GAC3FrB,SAAU,CAAA;IACRE;EAAA,CACD,CAAA;EAEH,MAAMwG,gBAAyD,GAAA9F,WAAA,CAC5D+F,KAAA,IAAUrG,OAAQ,CAAAqG,KAAA,CAAMC,OAAOnC,KAAK,CAAA,EACrC,CAACnE,OAAO,CAAA,CACV;EAEA,MAAMuG,YAAe,GAAAjG,WAAA,CAClB8D,IAAiB,IAAA;IAChByB,aAAA,CAAczB,IAAI,CAAA;IAClBpE,OAAA,CAAQ,IAAI,IAAI,CAAA;EAClB,CAAA,EACA,CAAC6F,eAAe7F,OAAO,CAAA,CACzB;EAEM,MAAAwG,WAAA,GAAclG,YAAY,MAAMiG,YAAA,CAAa,EAAE,CAAG,EAAA,CAACA,YAAY,CAAC,CAAA;EAEtEE,SAAA,CAAU,MAAM;IACd,IAAI5F,OAAS,EAAA;MACHpB,OAAA,CAAAD,KAAA,CAAM,wBAAwBA,KAAK,CAAA;MAE3CwG,KAAA,CAAMU,IAAK,CAAA;QACTZ,EAAA;QACAzG,MAAQ,EAAA,OAAA;QACRsH,KAAO,EAAA,qBAAA;QACPC,aAAapH,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAAqH;MAAA,CACrB,CAAA;IACH;KACC,CAACrH,KAAA,EAAOsG,EAAI,EAAAjF,OAAA,EAASmF,KAAK,CAAC,CAAA;EAE9B,2BACGvD,eACC,EAAA;IAAAQ,QAAA,EAAA,CAAA,eAAAC,GAAA,CAACY;MAASD,QAAU,EAAA0C,YAAA;MACjBtD;YAAC;UAAE6D;;eAEA,eAAAC,IAAA,CAAAC,QAAA,EAAA;UAAA/D,QAAA,EAAA,CAAA,eAAAC,GAAA,CAACM,WAAA,EAAA;YACCG,GAAK,EAAAuC,QAAA;YACLnG,IAAA;YACA6D,YAAA;YACAC,QAAU,EAAAuC;UAAA,CACZ,CAAA,EAAA,eAEAlD,GAAA,CAAC+D,OAAA,EAAA;YACCH,IAAA;YACAI,SAAU,EAAA,QAAA;YACVC,KAAO,EAAA,KAAA;YACPC,mBAAmB,EAAA,IAAA;YACnBC,MAAM,EAAA,IAAA;YACNC,aAAa,EAAA,IAAA;YACbC,kBAAkBrB,QAAS,CAAAsB,OAAA;YAC3BC,OAAA,qBACG5E,cACC,EAAA;cAAAI,QAAA,EAAA,eAAAC,GAAA,CAACsB,aAAA,EAAA;gBACCC,OAAOiD,KAAe,CAAA,IAAI,CACvB,CAAAC,UAAA,GACAC,IAAK,CAAAhH,gBAAA,EAAkB,MAAM,SAAS,EACtCgH,IAAK,CAAA,CAAC1H,eAAe,MAAM,SAAS,EACpC0H,IAAK,CAAA/G,OAAA,EAAS,MAAM,OAAO,EAC3B+G,IAAK,CAAA,CAAC9G,IAAQ,IAAAA,IAAA,CAAKJ,WAAW,CAAG,EAAA,MAAM,OAAO,CAAA,CAC9CkH,KAAK7G,cAAgB,EAAA,MAAM,OAAO,CAClC,CAAA8G,SAAA,CAAU,MAAM,MAAM,CAAA;gBACzB/G;cAAA,CAAA;aAEJ;UAAA,CAEJ,CAAA;QAAA,CACF,CAEJ;MAAA;IAAA,CAAA,CAAA,EAEC8C,YAAe,GAAA,eAAAV,GAAA,CAACiC,WAAY,EAAA;MAAAC,OAAA,EAASoB;IAAa,CAAA,CAAK,GAAA,IAAA;EAC1D,CAAA,CAAA;AAEJ;AC7Fa,MAAA3G,WAAA,GAAc,IAAIiI,WAAY,EAAA;AAEpC,SAASC,oBAAoBrE,KAAgC,EAAA;EAClE,sBAAQR,GAAA,CAAA8E,qBAAA,EAAA;IAAyBC,MAAQ,EAAApI,WAAA;IAAcoD,gBAAMA;EAAS,CAAA,CAAA;AACxE;ACAO,SAASiF,kBAAkBxE,KAA+B,EAAA;EAVjE,IAAAtC,EAAA,EAAAoB,EAAA;EAWQ,MAAA;IAAE2F;EAAS,CAAA,GAAAzE,KAAA;EACjB,MAAM0E,QAAW,GAAAC,OAAA,CACf,MAAG;IAbPjH,IAAAA,GAAAA;IAaUA,OAAAA,CAAAA,GAAAA,GAAAsC,MAAM0E,QAAN,KAAA,IAAA,GAAAhH,MAAmB+G,IAAO,GAAAG,YAAA,CAAaH,IAAI,CAAI,GAAA,IAAA;EAAA,CAAA,EACrD,CAACA,IAAM,EAAAzE,KAAA,CAAM0E,QAAQ,CAAA,CACvB;EACM,MAAAG,WAAA,GAAcnG,eAAe;IAAEP,MAAA,EAAA,CAAQT,0CAAUS,MAAV,KAAA,IAAA,GAAAT,EAAA,GAAoB;GAAM,CAAA;EAEhE,OAAAiH,OAAA,CACL,MAAG;IAnBP,IAAAjH,GAAAoB,EAAAA,GAAAA;IAqBU,OAAA4F,QAAA,GAAA;MACED,IAAA,EAAMK,YAAa,CAAAJ,QAAA,CAASD,IAAI,CAAA;MAChCM,UAAA,EAAA,CAAYjG,GAAApB,GAAAA,CAAAA,GAAAA,GAAAmH,WAAY,CAAAzH,IAAA,KAAZ,gBAAAM,GAAkB,CAAA+G,IAAA,KAAlB,IAAA3F,GAAAA,GAAAA,GAA0B4F,QAAS,CAAAvG;IAEjD,CAAA,GAAA,IAAA;EAAA,CAAA,EACN,CAACuG,QAAA,EAAA,CAAU5F,EAAY,GAAA+F,WAAA,CAAAzH,IAAA,KAAZ,mBAAkBqH,IAAI,CAAA,CACnC;AACF;ACZO,SAASO,aAAahF,KAA0B,EAAA;EAhBvD,IAAAtC,EAAA,EAAAoB,EAAA,EAAAmG,EAAA,EAAAC,EAAA,EAAAC,EAAA;EAiBE,MAAM;IAAEC,MAAQ;IAAA3E,KAAA;IAAON,QAAU,EAAAkF,UAAA;IAAYC;EAAe,CAAA,GAAAtF,KAAA;EAEtD,MAAAE,YAAA,GAAA,CAA8BxC,EAAO,GAAA+C,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAAgE,IAAA,KAAP,IAAe,GAAA/G,EAAA,GAAA,IAAA;EAEnD,MAAM6H,UAAuBD,UAAW,CAAAC,OAAA;EACxC,MAAMrJ,cACH,CAAC,EAAA,CAAC4C,EAAS,GAAAyG,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,OAAA,CAAArJ,WAAA,KAAT,mBAAsBc,MAAU,CAAA,IAAAuI,OAAA,CAAQrJ,WAC1C,IAAA,CAAC,GAAC+I,EAAQ,GAAAG,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,MAAA,CAAAlJ,WAAA,KAAR,IAAqB,GAAA,KAAA,CAAA,GAAA+I,EAAA,CAAAjI,MAAA,CAAA,IAAUoI,OAAOlJ,WACzC,IAAA,IAAA;EACF,MAAMsJ,YAAWL,EAAS,GAAA,CAAAD,EAAA,GAAAK,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,OAAA,CAAAC,QAAA,KAAT,IAAqB,GAAAN,EAAA,GAAAE,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,MAAA,CAAQI,aAA7B,IAAyC,GAAAL,EAAA,GAAA,KAAA;EAE1D,MAAMM,cAAcC,QAAS,EAAA;EAC7B,MAAMC,KAAmB,GAAAhB,OAAA,CACvB,MAAOc,cAAc;IAAE,GAAGA,YAAYG,MAAQ;IAAAC,KAAA,EAAOC,WAAY,CAAAD;EAAA,CAAU,GAAAC,WAAA,EAC3E,CAACL,WAAW,CAAA,CACd;EAEA,MAAM5C,YAAe,GAAAjG,WAAA,CAClB8D,IAAiB,IAAA;IACL2E,UAAA,CAAA3E,IAAA,KAAS,KAAKqF,KAAM,CAAA,CAAA,GAAIC,IAAItF,IAAM,EAAA,CAAC,MAAM,CAAC,CAAC,CAAA;EACxD,CAAA,EACA,CAAC2E,UAAU,CAAA,CACb;EAGE,OAAA,eAAA7F,GAAA,CAAC6E;IACC9E,QAAC,EAAA,eAAAC,GAAA,CAAAyG,aAAA,EAAA;MAAcN;MACbpG,QAAC,EAAA,eAAA8D,IAAA,CAAA6C,KAAA,EAAA;QAAMC,OAAO,CACZ;QAAA5G,QAAA,EAAA,CAAA,eAAAC,GAAA,CAACyC,eAAA,EAAA;UACC/B,YAAA;UACAgC,QAAU,EAAAW,YAAA;UACV3G;QAAA,CACF,CAAA,EAECsJ,YAAYtF,YAAe,GAAA,eAAAV,GAAA,CAAC4G,kBAAmB,EAAA;UAAA3B,IAAA,EAAMvE;QAAc,CAAA,CAAK,GAAA,IAAA;OAC3E;KACF;EACF,CAAA,CAAA;AAEJ;AAMA,SAASkG,mBAAmBpG,KAAgC,EAAA;EA9D5D,IAAAtC,EAAA;EA+DQ,MAAA;IAAE+G;EAAS,CAAA,GAAAzE,KAAA;EACjB,MAAMqG,UAAa,GAAA7B,iBAAA,CAAkB;IAAEC;EAAM,CAAA,CAAA;EAG3C,OAAA,eAAApB,IAAA,CAACiD,IAAK,EAAA;IAAAC,GAAA,EAAK,CACT;IAAAhH,QAAA,EAAA,CAAA,eAAAC,GAAA,CAACG,IAAK,EAAA;MAAA6G,IAAA,EAAM,CAAG;MAAA3G,KAAA,EAAK;MAACN,QAErB,EAAA;KAAA,CAAA,EAAA,eAEAC,GAAA,CAACG;MAAK6G,IAAM,EAAA,CAAA;MAAGC,QAAO,UACnB;MAAAlH,QAAA,EAAA,CAAA7B,EAAA,GAAA2I,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,UAAA,CAAY5B,IAAZ,KAAA,IAAA,GAAA/G,EAAA,GAAoB+G;KACvB,CAAA,EAAA,CAEC4B,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,UAAA,CAAAtB,UAAA,KAAA,eACV1B,IAAA,CAAA1D,IAAA,EAAA;MAAK6G,IAAM,EAAA,CAAA;MAAG3G,KAAK,EAAA,IAAA;MAACoB,KAAO,EAAA;QAAEyF,SAAW,EAAA;MAAY,CAAA;MAAAnH,QAAA,EAAA,CAAA,KAAA,EAC/C8G,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,UAAA,CAAAtB,UAAA;KAClB,CAAA;EAEJ,CAAA,CAAA;AAEJ;ACzEO,SAAS4B,eAAe3G,KAAqB,EAAA;EAC5C,MAAA;IAAEiD;EAAU,CAAA,GAAAjD,KAAA;EACZ,MAAA4G,QAAA,GAAW,OAAO5G,KAAM,CAAAiD,KAAA,KAAU,WAAW2B,YAAa,CAAA5E,KAAA,CAAMiD,KAAK,CAAI,GAAA,IAAA;EAG3E,IAAA,OAAOA,KAAU,KAAA,QAAA,IAAY2D,QAAU,EAAA;IAEvC,OAAA,eAAApH,GAAA,CAAC6E,mBACC,EAAA;MAAA9E,QAAA,EAAA,eAAAC,GAAA,CAACqH,mBAAqB,EAAA;QAAA,GAAG7G;QAAO4G,QAAU,EAAA3D,KAAA;QAAOyB,QAAU,EAAAkC;MAAU,CAAA;IACvE,CAAA,CAAA;EAEJ;EAEO,OAAA5G,KAAA,CAAM8G,cAAc9G,KAAK,CAAA;AAClC;AAWA,SAAS6G,oBAAoB7G,KAAiC,EAAA;EAnC9D,IAAAtC,EAAA;EAoCE,MAAM;IAAEgH,QAAA;IAAUkC,QAAU;IAAA,GAAGG;GAAiB,GAAA/G,KAAA;EAChD,MAAMqG,UAAa,GAAA7B,iBAAA,CAAkB;IAAEE;EAAU,CAAA,CAAA;EAEjD,OAAO1E,MAAM8G,aAAc,CAAA;IACzB,GAAGC,YAAA;IACHC,KAAO,EAAA,eAAAxH,GAAA,CAACmB,IAAK,EAAA;MAAAD,IAAA,EAAMkG;IAAU,CAAA,CAAA;IAC7B3D,KAAA,EAAA,CAAOvF,EAAY,GAAA2I,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,UAAA,CAAA5B,IAAA,KAAZ,IAAoB,GAAA/G,EAAA,GAAAkJ,QAAA;IAC3BK,UAAUZ,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,UAAA,CAAAtB;EAAA,CACvB,CAAA;AACH;AC3BO,MAAMmC,OAAU,GAAAC,YAAA,CAAyC,YAAiB;EAAA,IAAhB/B,MAAA,GAAArI,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAS,EAAO;EACxE,OAAA;IACL0H,IAAM,EAAA,uBAAA;IACN2C,MAAQ,EAAA;MACNC,KAAO,EAAA,CACL;QACE5C,IAAM,EAAA,MAAA;QACNxB,KAAO,EAAA,MAAA;QACPqE,IAAM,EAAA,QAAA;QACNC,MAAQ,EAAA,CACN;UACE9C,IAAM,EAAA,MAAA;UACNxB,KAAO,EAAA,MAAA;UACPqE,IAAM,EAAA;QACR,CAAA,CACF;QACAE,UAAY,EAAA;UACVC,OAAQzH,KAAA,uBAA6BgF,YAAc,EAAA;YAAA,GAAGhF;YAAOoF;WAAiB,CAAA;UAC9EsC,OAAS,EAAAf,cAAA;UAAA;UAGTgB,KAAA,EAAQ3H,KAAA,IAAsBA,KAAM,CAAA8G,aAAA,CAAc;YAAE,GAAG9G,KAAA;YAAO4H,KAAO,EAAA;WAAG;QAC1E;MACF,CAAA;IAEJ;EAAA,CACF;AACF,CAAC,CAAA;"}

package/dist/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, '__esModule', {
 var jsxRuntime = require('react/jsx-runtime');
 var sanity = require('sanity');
 var ui = require('@sanity/ui');
-var reactQuery = require('@tanstack/react-query');
 var react = require('react');
 var react$1 = require('@headlessui/react');
 var tsPattern = require('ts-pattern');
+var reactQuery = require('@tanstack/react-query');
 var useDebounce = require('use-debounce');
 var styled = require('styled-components');
 var react$2 = require('@iconify/react');
@@ -307,9 +307,22 @@ function IconifyCombobox(props) {
     }) : null]
   });
 }
-function usePrettyIconName(name) {
+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 iconMeta = react.useMemo(() => name ? utils.stringToIcon(name) : null, [name]);
+  const {
+    name
+  } = props;
+  const iconMeta = react.useMemo(() => {
+    var _a2;
+    return (_a2 = props.iconMeta) != null ? _a2 : name ? utils.stringToIcon(name) : null;
+  }, [name, props.iconMeta]);
   const iconSetInfo = useIconSetInfo({
     prefix: (_a = iconMeta == null ? void 0 : iconMeta.prefix) != null ? _a : null
   });
@@ -321,9 +334,8 @@ function usePrettyIconName(name) {
     } : null;
   }, [iconMeta, (_b = iconSetInfo.data) == null ? void 0 : _b.name]);
 }
-const queryClient = new reactQuery.QueryClient();
 function IconifyInput(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   const {
     config,
     value,
@@ -331,60 +343,96 @@ function IconifyInput(props) {
     schemaType
   } = props;
   const selectedIcon = (_a = value == null ? void 0 : value.name) != null ? _a : null;
-  const prettyName = usePrettyIconName(selectedIcon);
   const options = schemaType.options;
-  const collections = !((_b = options == null ? void 0 : options.collections) == null ? void 0 : _b.length) && options.collections || !((_c = config == null ? void 0 : config.collections) == null ? void 0 : _c.length) && config.collections || null;
+  const collections = !!((_b = options == null ? void 0 : options.collections) == null ? void 0 : _b.length) && options.collections || !!((_c = config == null ? void 0 : config.collections) == null ? void 0 : _c.length) && config.collections || null;
   const showName = (_e = (_d = options == null ? void 0 : options.showName) != null ? _d : config == null ? void 0 : config.showName) != null ? _e : false;
+  const parentTheme = ui.useTheme();
+  const theme = react.useMemo(() => parentTheme ? {
+    ...parentTheme.sanity,
+    color: ui.studioTheme.color
+  } : ui.studioTheme, [parentTheme]);
   const handleSelect = react.useCallback(icon => {
     pushChange(icon === "" ? sanity.unset() : sanity.set(icon, ["name"]));
   }, [pushChange]);
-  return /* @__PURE__ */jsxRuntime.jsx(reactQuery.QueryClientProvider, {
-    client: queryClient,
-    children: /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
-      space: 2,
-      children: [/* @__PURE__ */jsxRuntime.jsx(IconifyCombobox, {
-        selectedIcon,
-        onSelect: handleSelect,
-        collections
-      }), showName && selectedIcon ? /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
-        gap: 1,
-        children: [/* @__PURE__ */jsxRuntime.jsx(ui.Text, {
-          size: 1,
-          muted: true,
-          children: "Selected:"
-        }), /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
-          size: 1,
-          weight: "semibold",
-          children: (_f = prettyName == null ? void 0 : prettyName.name) != null ? _f : selectedIcon
-        }), (prettyName == null ? void 0 : prettyName.collection) && /* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
-          size: 1,
-          muted: true,
-          style: {
-            fontStyle: "italic"
-          },
-          children: ["by ", prettyName == null ? void 0 : prettyName.collection]
-        })]
-      }) : null]
+  return /* @__PURE__ */jsxRuntime.jsx(QueryClientProvider, {
+    children: /* @__PURE__ */jsxRuntime.jsx(ui.ThemeProvider, {
+      theme,
+      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;
+  const prettyName = usePrettyIconName({
+    name
+  });
+  return /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+    gap: 1,
+    children: [/* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+      size: 1,
+      muted: true,
+      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: true,
+      style: {
+        fontStyle: "italic"
+      },
+      children: ["by ", prettyName == null ? void 0 : prettyName.collection]
+    })]
+  });
+}
 function IconifyPreview(props) {
   const {
     title
   } = props;
-  const prettyName = usePrettyIconName(typeof title === "string" ? title : null);
-  if (typeof title === "string" && prettyName) {
-    return props.renderDefault({
-      ...props,
-      media: /* @__PURE__ */jsxRuntime.jsx(react$2.Icon, {
-        icon: title
-      }),
-      title: prettyName.name,
-      subtitle: prettyName.collection
+  const iconName = typeof props.title === "string" ? utils.stringToIcon(props.title) : null;
+  if (typeof title === "string" && iconName) {
+    return /* @__PURE__ */jsxRuntime.jsx(QueryClientProvider, {
+      children: /* @__PURE__ */jsxRuntime.jsx(IconifyPreviewInner, {
+        ...props,
+        iconName: title,
+        iconMeta: iconName
+      })
     });
   }
   return props.renderDefault(props);
 }
+function IconifyPreviewInner(props) {
+  var _a;
+  const {
+    iconMeta,
+    iconName,
+    ...previewProps
+  } = props;
+  const 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(function () {
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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/use-pretty-icon-name.ts","../src/iconify-input.tsx","../src/iconify-preview.tsx","../src/iconify-plugin.tsx"],"sourcesContent":["import { IconifyInfo } from '@iconify/types';\nimport { useQuery, useQueryClient } from '@tanstack/react-query';\nimport { IconifySearchResult } from './types';\nimport { useCallback, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\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 { isInitialLoading, isError, error, data, isPreviousData } = 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    keepPreviousData: debouncedTerm.length > 0,\n    staleTime: 5 * 60 * 1000, // 5 minutes\n  });\n\n  return {\n    term,\n    setTerm: updateTerm,\n    debouncedTerm,\n    isInitialLoading,\n    isError,\n    error,\n    data,\n    isPreviousData,\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 { 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(10, minmax(min(100%, 1rem), 1fr));\n    gap: 0.5rem;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  & [role='option'] {\n    display: grid;\n    place-items: center;\n\n    & button {\n      aspect-ratio: 1;\n      cursor: pointer;\n      width: 100%;\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 { Combobox } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { TextInput } from '@sanity/ui';\nimport { ChangeEventHandler, forwardRef } from 'react';\n\n// ------------ //\n// SEARCH INPUT //\n// ------------ //\n\ninterface SearchInputProps {\n  term: string;\n  selectedIcon: string | null;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>((props, ref) => {\n  const { term, selectedIcon, onChange } = props;\n\n  return (\n    <Combobox.Input\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    />\n  );\n});\n\nSearchInput.displayName = 'SearchInput';\n","import { Combobox } 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    <Combobox.Options style={{ opacity: state === 'stale' ? 0.5 : 1 }}>\n      {data!.map((icon) => (\n        <Combobox.Option key={icon} value={icon}>\n          {({ active }) => <Button mode=\"bleed\" icon={<Icon icon={icon} />} selected={active} />}\n        </Combobox.Option>\n      ))}\n    </Combobox.Options>\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\">\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 { ChangeEventHandler, 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 { SearchResults, SearchResultsProps } 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, isInitialLoading, 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            />\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(isInitialLoading, () => '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\n      {selectedIcon ? <UnsetButton onUnset={handleUnset} /> : null}\n    </ComboboxWrapper>\n  );\n}\n","import { stringToIcon } from '@iconify/utils';\nimport { sentenceCase } from 'change-case';\nimport { useMemo } from 'react';\nimport { useIconSetInfo } from './api';\n\nexport function usePrettyIconName(name?: string | null) {\n  const iconMeta = useMemo(() => (name ? stringToIcon(name) : null), [name]);\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 } from '@sanity/ui';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { useCallback } from 'react';\nimport { ObjectInputProps, set, unset } from 'sanity';\nimport { IconifyCombobox } from './combobox';\nimport { IconOptions, IconifyPluginConfig } from './lib/types';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\nconst queryClient = new QueryClient();\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 = value?.name ?? null;\n  const prettyName = usePrettyIconName(selectedIcon);\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 handleSelect = useCallback(\n    (icon: string) => {\n      pushChange(icon === '' ? unset() : set(icon, ['name']));\n    },\n    [pushChange],\n  );\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <Stack space={2}>\n        <IconifyCombobox\n          selectedIcon={selectedIcon}\n          onSelect={handleSelect}\n          collections={collections}\n        />\n\n        {showName && selectedIcon ? (\n          <Flex gap={1}>\n            <Text size={1} muted>\n              Selected:\n            </Text>\n\n            <Text size={1} weight=\"semibold\">\n              {prettyName?.name ?? selectedIcon}\n            </Text>\n\n            {prettyName?.collection && (\n              <Text size={1} muted style={{ fontStyle: 'italic' }}>\n                by {prettyName?.collection}\n              </Text>\n            )}\n          </Flex>\n        ) : null}\n      </Stack>\n    </QueryClientProvider>\n  );\n}\n","import { Icon } from '@iconify/react';\nimport { PreviewProps } from 'sanity';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\nexport function IconifyPreview(props: PreviewProps) {\n  const { title } = props;\n  const prettyName = usePrettyIconName(typeof title === 'string' ? title : null);\n\n  // We check this double to avoid the TS error\n  if (typeof title === 'string' && prettyName) {\n    return props.renderDefault({\n      ...props,\n      media: <Icon icon={title} />,\n      title: prettyName.name,\n      subtitle: prettyName.collection,\n    });\n  }\n\n  return props.renderDefault(props);\n}\n","import { FieldProps, ObjectInputProps, definePlugin } from 'sanity';\nimport { IconifyInput } from './iconify-input';\nimport { IconifyPreview } from './iconify-preview';\nimport { 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":["BASE_API_URL","fetchJson","_ref","url","signal","fetch","then","response","ok","Error","concat","status","json","result","error","console","useSearch","_ref2","collections","queryClient","useQueryClient","term","setTerm","useState","debouncedTerm","setDebouncedTerm","useDebounce","updateTerm","useCallback","newTerm","updateImmediately","arguments","length","undefined","isInitialLoading","isError","data","isPreviousData","useQuery","queryKey","queryFn","_ref3","_a","URL","searchParams","append","join","Object","entries","forEach","_ref4","prefix","info","setQueryData","icons","enabled","keepPreviousData","staleTime","useIconSetInfo","_ref5","_ref6","Infinity","_b","ComboboxWrapper","styled","Grid","__template","OptionsWrapper","Box","MessageWrapper","_ref7","children","jsx","Card","padding","Text","align","muted","SearchInput","forwardRef","props","ref","selectedIcon","onChange","Combobox","Input","as","TextInput","inputMode","value","icon","Icon","placeholder","displayName","SearchResults","state","Options","style","opacity","map","Option","active","Button","mode","selected","UnsetButton","onUnset","border","borderLeft","display","TrashIcon","onClick","fontSize","IconifyCombobox","onSelect","pushSelection","id","useId","toast","useToast","inputRef","useRef","handleTermChange","event","target","handleSelect","handleUnset","useEffect","push","title","description","message","open","jsxs","Fragment","Popover","placement","arrow","matchReferenceWidth","portal","constrainSize","referenceElement","current","content","match","returnType","with","otherwise","usePrettyIconName","name","iconMeta","useMemo","stringToIcon","iconSetInfo","sentenceCase","collection","QueryClient","IconifyInput","_c","_d","_e","_f","config","pushChange","schemaType","prettyName","options","showName","unset","set","QueryClientProvider","client","Stack","space","Flex","gap","size","weight","fontStyle","IconifyPreview","renderDefault","media","subtitle","iconify","definePlugin","schema","types","type","fields","components","input","preview","field","level"],"mappings":"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"}
+{"version":3,"file":"index.js","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 { IconifyInfo } from '@iconify/types';\nimport { useQuery, useQueryClient } from '@tanstack/react-query';\nimport { IconifySearchResult } from './types';\nimport { useCallback, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\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 { isInitialLoading, isError, error, data, isPreviousData } = 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    keepPreviousData: debouncedTerm.length > 0,\n    staleTime: 5 * 60 * 1000, // 5 minutes\n  });\n\n  return {\n    term,\n    setTerm: updateTerm,\n    debouncedTerm,\n    isInitialLoading,\n    isError,\n    error,\n    data,\n    isPreviousData,\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 { 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(10, minmax(min(100%, 1rem), 1fr));\n    gap: 0.5rem;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  & [role='option'] {\n    display: grid;\n    place-items: center;\n\n    & button {\n      aspect-ratio: 1;\n      cursor: pointer;\n      width: 100%;\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 { Combobox } from '@headlessui/react';\nimport { Icon } from '@iconify/react';\nimport { TextInput } from '@sanity/ui';\nimport { ChangeEventHandler, forwardRef } from 'react';\n\n// ------------ //\n// SEARCH INPUT //\n// ------------ //\n\ninterface SearchInputProps {\n  term: string;\n  selectedIcon: string | null;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>((props, ref) => {\n  const { term, selectedIcon, onChange } = props;\n\n  return (\n    <Combobox.Input\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    />\n  );\n});\n\nSearchInput.displayName = 'SearchInput';\n","import { Combobox } 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    <Combobox.Options style={{ opacity: state === 'stale' ? 0.5 : 1 }}>\n      {data!.map((icon) => (\n        <Combobox.Option key={icon} value={icon}>\n          {({ active }) => <Button mode=\"bleed\" icon={<Icon icon={icon} />} selected={active} />}\n        </Combobox.Option>\n      ))}\n    </Combobox.Options>\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\">\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 { ChangeEventHandler, 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 { SearchResults, SearchResultsProps } 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, isInitialLoading, 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            />\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(isInitialLoading, () => '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\n      {selectedIcon ? <UnsetButton onUnset={handleUnset} /> : null}\n    </ComboboxWrapper>\n  );\n}\n","import {\n  QueryClient,\n  QueryClientProvider as ReactQueryClientProvider,\n} from '@tanstack/react-query';\nimport { 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 { IconifyIconName, 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, RootTheme, Stack, Text, ThemeProvider, studioTheme, useTheme } from '@sanity/ui';\nimport { useCallback, useMemo } from 'react';\nimport { ObjectInputProps, set, unset } from 'sanity';\nimport { IconifyCombobox } from './combobox';\nimport { QueryClientProvider } from './lib/query-client';\nimport { IconOptions, IconifyPluginConfig } 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={theme}>\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 { PreviewProps } from 'sanity';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\nimport { IconifyIconName, stringToIcon } from '@iconify/utils';\nimport { QueryClientProvider } from './lib/query-client';\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 { FieldProps, ObjectInputProps, definePlugin } from 'sanity';\nimport { IconifyInput } from './iconify-input';\nimport { IconifyPreview } from './iconify-preview';\nimport { 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":["BASE_API_URL","fetchJson","_ref","url","signal","fetch","then","response","ok","Error","concat","status","json","result","error","console","useSearch","_ref2","collections","queryClient","useQueryClient","term","setTerm","useState","debouncedTerm","setDebouncedTerm","useDebounce","updateTerm","useCallback","newTerm","updateImmediately","arguments","length","undefined","isInitialLoading","isError","data","isPreviousData","useQuery","queryKey","queryFn","_ref3","_a","URL","searchParams","append","join","Object","entries","forEach","_ref4","prefix","info","setQueryData","icons","enabled","keepPreviousData","staleTime","useIconSetInfo","_ref5","_ref6","Infinity","_b","ComboboxWrapper","styled","Grid","__template","OptionsWrapper","Box","MessageWrapper","_ref7","children","jsx","Card","padding","Text","align","muted","SearchInput","forwardRef","props","ref","selectedIcon","onChange","Combobox","Input","as","TextInput","inputMode","value","icon","Icon","placeholder","displayName","SearchResults","state","Options","style","opacity","map","Option","active","Button","mode","selected","UnsetButton","onUnset","border","borderLeft","display","TrashIcon","onClick","fontSize","IconifyCombobox","onSelect","pushSelection","id","useId","toast","useToast","inputRef","useRef","handleTermChange","event","target","handleSelect","handleUnset","useEffect","push","title","description","message","open","jsxs","Fragment","Popover","placement","arrow","matchReferenceWidth","portal","constrainSize","referenceElement","current","content","match","returnType","with","otherwise","QueryClient","QueryClientProvider","ReactQueryClientProvider","client","usePrettyIconName","name","iconMeta","useMemo","stringToIcon","iconSetInfo","sentenceCase","collection","IconifyInput","_c","_d","_e","config","pushChange","schemaType","options","showName","parentTheme","useTheme","theme","sanity","color","studioTheme","unset","set","ThemeProvider","Stack","space","IconifyNameDisplay","prettyName","Flex","gap","size","weight","fontStyle","IconifyPreview","iconName","IconifyPreviewInner","renderDefault","previewProps","media","subtitle","iconify","definePlugin","schema","types","type","fields","components","input","preview","field","level"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-iconify",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Icon picker based on Iconify",
   "keywords": [
     "sanity",

package/src/iconify-input.tsx

@@ -1,12 +1,14 @@
-import { Flex, Stack, Text } from '@sanity/ui';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { useCallback } from 'react';
+import { Flex, RootTheme, Stack, Text, ThemeProvider, studioTheme, useTheme } from '@sanity/ui';
+import { useCallback, useMemo } from 'react';
 import { ObjectInputProps, set, unset } from 'sanity';
 import { IconifyCombobox } from './combobox';
+import { QueryClientProvider } from './lib/query-client';
 import { IconOptions, IconifyPluginConfig } from './lib/types';
 import { usePrettyIconName } from './lib/use-pretty-icon-name';
 
-const queryClient = new QueryClient();
+// -------------- //
+// ICONIFY INPUT //
+// -------------- //
 
 interface IconifyInputProps extends ObjectInputProps {
   config: IconifyPluginConfig;
@@ -15,16 +17,21 @@ interface IconifyInputProps extends ObjectInputProps {
 export function IconifyInput(props: IconifyInputProps) {
   const { config, value, onChange: pushChange, schemaType } = props;
 
-  const selectedIcon = value?.name ?? null;
-  const prettyName = usePrettyIconName(selectedIcon);
+  const selectedIcon: string | null = value?.name ?? null;
 
   const options: IconOptions = schemaType.options;
   const collections =
-    (!options?.collections?.length && options.collections) ||
-    (!config?.collections?.length && config.collections) ||
+    (!!options?.collections?.length && options.collections) ||
+    (!!config?.collections?.length && config.collections) ||
     null;
   const showName = options?.showName ?? config?.showName ?? false;
 
+  const parentTheme = useTheme();
+  const theme: RootTheme = useMemo(
+    () => (parentTheme ? { ...parentTheme.sanity, color: studioTheme.color } : studioTheme),
+    [parentTheme],
+  );
+
   const handleSelect = useCallback(
     (icon: string) => {
       pushChange(icon === '' ? unset() : set(icon, ['name']));
@@ -33,32 +40,45 @@ export function IconifyInput(props: IconifyInputProps) {
   );
 
   return (
-    <QueryClientProvider client={queryClient}>
-      <Stack space={2}>
-        <IconifyCombobox
-          selectedIcon={selectedIcon}
-          onSelect={handleSelect}
-          collections={collections}
-        />
+    <QueryClientProvider>
+      <ThemeProvider theme={theme}>
+        <Stack space={2}>
+          <IconifyCombobox
+            selectedIcon={selectedIcon}
+            onSelect={handleSelect}
+            collections={collections}
+          />
 
-        {showName && selectedIcon ? (
-          <Flex gap={1}>
-            <Text size={1} muted>
-              Selected:
-            </Text>
+          {showName && selectedIcon ? <IconifyNameDisplay name={selectedIcon} /> : null}
+        </Stack>
+      </ThemeProvider>
+    </QueryClientProvider>
+  );
+}
 
-            <Text size={1} weight="semibold">
-              {prettyName?.name ?? selectedIcon}
-            </Text>
+interface IconifyNameDisplayProps {
+  name?: string | null;
+}
 
-            {prettyName?.collection && (
-              <Text size={1} muted style={{ fontStyle: 'italic' }}>
-                by {prettyName?.collection}
-              </Text>
-            )}
-          </Flex>
-        ) : null}
-      </Stack>
-    </QueryClientProvider>
+function IconifyNameDisplay(props: IconifyNameDisplayProps) {
+  const { name } = props;
+  const prettyName = usePrettyIconName({ name });
+
+  return (
+    <Flex gap={1}>
+      <Text size={1} muted>
+        Selected:
+      </Text>
+
+      <Text size={1} weight="semibold">
+        {prettyName?.name ?? name}
+      </Text>
+
+      {prettyName?.collection && (
+        <Text size={1} muted style={{ fontStyle: 'italic' }}>
+          by {prettyName?.collection}
+        </Text>
+      )}
+    </Flex>
   );
 }

package/src/iconify-preview.tsx

@@ -1,20 +1,46 @@
 import { Icon } from '@iconify/react';
 import { PreviewProps } from 'sanity';
 import { usePrettyIconName } from './lib/use-pretty-icon-name';
+import { IconifyIconName, stringToIcon } from '@iconify/utils';
+import { QueryClientProvider } from './lib/query-client';
+
+// --------------- //
+// ICONIFY PREVIEW //
+// --------------- //
 
 export function IconifyPreview(props: PreviewProps) {
   const { title } = props;
-  const prettyName = usePrettyIconName(typeof title === 'string' ? title : null);
+  const iconName = typeof props.title === 'string' ? stringToIcon(props.title) : null;
 
   // We check this double to avoid the TS error
-  if (typeof title === 'string' && prettyName) {
-    return props.renderDefault({
-      ...props,
-      media: <Icon icon={title} />,
-      title: prettyName.name,
-      subtitle: prettyName.collection,
-    });
+  if (typeof title === 'string' && iconName) {
+    return (
+      <QueryClientProvider>
+        <IconifyPreviewInner {...props} iconName={title} iconMeta={iconName} />
+      </QueryClientProvider>
+    );
   }
 
   return props.renderDefault(props);
 }
+
+// --------------------- //
+// ICONIFY PREVIEW INNER //
+// --------------------- //
+
+interface IconifyPreviewInnerProps extends PreviewProps {
+  iconName: string;
+  iconMeta: IconifyIconName;
+}
+
+function IconifyPreviewInner(props: IconifyPreviewInnerProps) {
+  const { iconMeta, iconName, ...previewProps } = props;
+  const prettyName = usePrettyIconName({ iconMeta });
+
+  return props.renderDefault({
+    ...previewProps,
+    media: <Icon icon={iconName} />,
+    title: prettyName?.name ?? iconName,
+    subtitle: prettyName?.collection,
+  });
+}

package/src/lib/query-client.tsx

@@ -0,0 +1,11 @@
+import {
+  QueryClient,
+  QueryClientProvider as ReactQueryClientProvider,
+} from '@tanstack/react-query';
+import { ReactNode } from 'react';
+
+export const queryClient = new QueryClient();
+
+export function QueryClientProvider(props: { children: ReactNode }) {
+  return <ReactQueryClientProvider client={queryClient}>{props.children}</ReactQueryClientProvider>;
+}

package/src/lib/use-pretty-icon-name.ts

@@ -1,10 +1,19 @@
-import { stringToIcon } from '@iconify/utils';
+import { IconifyIconName, stringToIcon } from '@iconify/utils';
 import { sentenceCase } from 'change-case';
 import { useMemo } from 'react';
 import { useIconSetInfo } from './api';
 
-export function usePrettyIconName(name?: string | null) {
-  const iconMeta = useMemo(() => (name ? stringToIcon(name) : null), [name]);
+interface UsePrettyIconNameProps {
+  name?: string | null;
+  iconMeta?: IconifyIconName | null;
+}
+
+export function usePrettyIconName(props: UsePrettyIconNameProps) {
+  const { name } = props;
+  const iconMeta = useMemo(
+    () => props.iconMeta ?? (name ? stringToIcon(name) : null),
+    [name, props.iconMeta],
+  );
   const iconSetInfo = useIconSetInfo({ prefix: iconMeta?.prefix ?? null });
 
   return useMemo(