@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/commandpalette/commandpalette.js

@@ -0,0 +1,249 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { InputControl } from "../input/input.js";
+import { ModalBase } from "../modal/modal.js";
+import { useControllable } from "../shared/use-controllable.js";
+import { useText } from "../shared/use-text.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function CommandPalette(rawProps) {
+    const { items, open: controlled, defaultOpen = false, onOpenChange, onSelect, shortcut = 'k', placeholder, loading, emptyContent, onSearch, onError } = useComponentProps('CommandPalette', rawProps);
+    const t = useText(), { messages } = useLeafConfig(), id = useId();
+    const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);
+    const callback = useRef(setOpen);
+    callback.current = setOpen;
+    const [query, setQuery] = useState(''), [active, setActive] = useState(0), [busy, setBusy] = useState();
+    const [error, setError] = useState('');
+    const inFlight = useRef(false);
+    const generation = useRef(0);
+    const input = useRef(null);
+    const listRef = useRef(null);
+    const [selection, setSelection] = useState();
+    useEffect(()=>{
+        if (!shortcut) return;
+        const key = (event)=>{
+            if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === shortcut.toLowerCase()) {
+                event.preventDefault();
+                callback.current(!open);
+            }
+        };
+        document.addEventListener('keydown', key);
+        return ()=>document.removeEventListener('keydown', key);
+    }, [
+        shortcut,
+        open
+    ]);
+    useEffect(()=>{
+        generation.current++;
+        inFlight.current = false;
+        setBusy(void 0);
+        setError('');
+        if (open) {
+            setQuery('');
+            setActive(0);
+            const frame = requestAnimationFrame(()=>input.current?.focus());
+            return ()=>cancelAnimationFrame(frame);
+        }
+    }, [
+        open
+    ]);
+    useEffect(()=>()=>{
+            generation.current++;
+        }, []);
+    const list = items.filter((item)=>`${'string' == typeof item.label ? item.label : item.key} ${item.keywords ?? ''}`.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+    useBrowserLayoutEffect(()=>{
+        const node = listRef.current;
+        if (!node || !open) return;
+        const update = ()=>{
+            const row = node.querySelector('[aria-selected="true"]:not(:disabled)');
+            setSelection(row ? {
+                '--leaf-command-selection-y': `${row.offsetTop}px`,
+                '--leaf-command-selection-height': `${row.offsetHeight}px`
+            } : void 0);
+        };
+        update();
+        if ("u" < typeof ResizeObserver) return;
+        const observer = new ResizeObserver(update);
+        observer.observe(node);
+        return ()=>observer.disconnect();
+    }, [
+        open,
+        active,
+        query,
+        items,
+        busy
+    ]);
+    useEffect(()=>{
+        document.getElementById(`${id}-${active}`)?.scrollIntoView?.({
+            block: 'nearest'
+        });
+    }, [
+        id,
+        active
+    ]);
+    const select = async (item)=>{
+        if (item.disabled || inFlight.current) return;
+        inFlight.current = true;
+        const request = generation.current;
+        setError('');
+        setBusy(item.key);
+        try {
+            await item.onSelect?.();
+            if (generation.current !== request) return;
+            onSelect?.(item);
+            setOpen(false);
+        } catch (reason) {
+            if (generation.current !== request) return;
+            setError(reason instanceof Error ? reason.message : String(reason));
+            onError?.(reason, item);
+        } finally{
+            if (generation.current === request) {
+                inFlight.current = false;
+                setBusy(void 0);
+            }
+        }
+    };
+    return /*#__PURE__*/ jsxs(ModalBase, {
+        open: open,
+        title: t('commandPalette.commandSearch'),
+        footer: null,
+        onClose: ()=>setOpen(false),
+        width: 560,
+        className: "leaf-command-palette",
+        children: [
+            /*#__PURE__*/ jsx(InputControl, {
+                ref: input,
+                prefix: /*#__PURE__*/ jsx(Search, {
+                    size: 17
+                }),
+                value: query,
+                placeholder: placeholder ?? t('commandPalette.placeholder'),
+                "aria-label": t('commandPalette.searchCommands'),
+                role: "combobox",
+                "aria-expanded": true,
+                "aria-controls": id,
+                "aria-activedescendant": list[active] ? `${id}-${active}` : void 0,
+                onChange: (event)=>{
+                    setQuery(event.target.value);
+                    setActive(0);
+                    onSearch?.(event.target.value);
+                },
+                onKeyDown: (event)=>{
+                    if (event.nativeEvent.isComposing) return;
+                    if ([
+                        'ArrowDown',
+                        'ArrowUp'
+                    ].includes(event.key)) {
+                        event.preventDefault();
+                        let next = active;
+                        for(let i = 0; i < list.length; i++){
+                            next = (next + ('ArrowDown' === event.key ? 1 : -1) + list.length) % list.length;
+                            if (!list[next]?.disabled) break;
+                        }
+                        setActive(next);
+                    }
+                    const item = list[active];
+                    if ('Enter' === event.key && item) {
+                        event.preventDefault();
+                        select(item);
+                    }
+                }
+            }),
+            error && /*#__PURE__*/ jsx("p", {
+                role: "alert",
+                className: "leaf-command-palette__error",
+                children: error
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                ref: listRef,
+                id: id,
+                role: "listbox",
+                "aria-label": t('commandPalette.commands'),
+                "aria-busy": loading || !!busy,
+                className: "leaf-command-palette__list",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "leaf-command-palette__selection",
+                        style: selection,
+                        "data-ready": Boolean(selection),
+                        "aria-hidden": "true"
+                    }),
+                    list.map((item, index)=>/*#__PURE__*/ jsxs("div", {
+                            children: [
+                                void 0 !== item.group && (0 === index || list[index - 1]?.group !== item.group) && /*#__PURE__*/ jsx("div", {
+                                    className: "leaf-command-palette__group",
+                                    children: item.group
+                                }),
+                                /*#__PURE__*/ jsxs("button", {
+                                    type: "button",
+                                    role: "option",
+                                    id: `${id}-${index}`,
+                                    "aria-selected": active === index,
+                                    disabled: item.disabled || !!busy,
+                                    tabIndex: -1,
+                                    className: "leaf-floating__option",
+                                    onMouseEnter: ()=>!item.disabled && !busy && setActive(index),
+                                    onClick: ()=>void select(item),
+                                    children: [
+                                        item.icon,
+                                        /*#__PURE__*/ jsx("span", {
+                                            children: item.label
+                                        }),
+                                        item.shortcut && /*#__PURE__*/ jsx("kbd", {
+                                            children: item.shortcut
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, item.key)),
+                    !list.length && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-floating__empty",
+                        children: loading ? messages.common.loading : emptyContent ?? messages.common.noData
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-command-palette__hint",
+                "aria-hidden": "true",
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            /*#__PURE__*/ jsx("kbd", {
+                                children: "↑"
+                            }),
+                            /*#__PURE__*/ jsx("kbd", {
+                                children: "↓"
+                            }),
+                            " ",
+                            t('commandPalette.navigate')
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            /*#__PURE__*/ jsx("kbd", {
+                                children: "↵"
+                            }),
+                            " ",
+                            t('commandPalette.run')
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            /*#__PURE__*/ jsx("kbd", {
+                                children: "Esc"
+                            }),
+                            " ",
+                            messages.common.close
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { CommandPalette };
+
+//# sourceMappingURL=commandpalette.js.map

package/dist/esm/commandpalette/commandpalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandpalette/commandpalette.js","sources":["../../../src/commandpalette/commandpalette.tsx"],"sourcesContent":["import { Search } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { InputControl } from '../input/input';\nimport { ModalBase } from '../modal/modal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface CommandItem {\n  key: string;\n  label: ReactNode;\n  keywords?: string;\n  group?: ReactNode;\n  icon?: ReactNode;\n  shortcut?: string;\n  disabled?: boolean;\n  onSelect?: () => void | Promise<void>;\n}\nexport interface CommandPaletteProps {\n  items: readonly CommandItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (item: CommandItem) => void;\n  shortcut?: string | false;\n  placeholder?: string;\n  loading?: boolean;\n  emptyContent?: ReactNode;\n  onSearch?: (query: string) => void;\n  onError?: (error: unknown, item: CommandItem) => void;\n}\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport function CommandPalette(rawProps: CommandPaletteProps) {\n  const {\n    items,\n    open: controlled,\n    defaultOpen = false,\n    onOpenChange,\n    onSelect,\n    shortcut = 'k',\n    placeholder,\n    loading,\n    emptyContent,\n    onSearch,\n    onError,\n  } = useComponentProps('CommandPalette', rawProps);\n  const t = useText(),\n    { messages } = useLeafConfig(),\n    id = useId();\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const callback = useRef(setOpen);\n  callback.current = setOpen;\n  const [query, setQuery] = useState(''),\n    [active, setActive] = useState(0),\n    [busy, setBusy] = useState<string>();\n  const [error, setError] = useState('');\n  const inFlight = useRef(false);\n  const generation = useRef(0);\n  const input = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const [selection, setSelection] = useState<CSSProperties>();\n  useEffect(() => {\n    if (!shortcut) return;\n    const key = (event: KeyboardEvent) => {\n      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === shortcut.toLowerCase()) {\n        event.preventDefault();\n        callback.current(!open);\n      }\n    };\n    document.addEventListener('keydown', key);\n    return () => document.removeEventListener('keydown', key);\n  }, [shortcut, open]);\n  useEffect(() => {\n    generation.current++;\n    inFlight.current = false;\n    setBusy(undefined);\n    setError('');\n    if (open) {\n      setQuery('');\n      setActive(0);\n      const frame = requestAnimationFrame(() => input.current?.focus());\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [open]);\n  useEffect(\n    () => () => {\n      generation.current++;\n    },\n    [],\n  );\n  const list = items.filter((item) =>\n    `${typeof item.label === 'string' ? item.label : item.key} ${item.keywords ?? ''}`\n      .toLocaleLowerCase()\n      .includes(query.toLocaleLowerCase()),\n  );\n  useBrowserLayoutEffect(() => {\n    const node = listRef.current;\n    if (!node || !open) return;\n    const update = () => {\n      const row = node.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]:not(:disabled)');\n      setSelection(\n        row\n          ? ({\n              '--leaf-command-selection-y': `${row.offsetTop}px`,\n              '--leaf-command-selection-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [open, active, query, items, busy]);\n  useEffect(() => {\n    document.getElementById(`${id}-${active}`)?.scrollIntoView?.({ block: 'nearest' });\n  }, [id, active]);\n  const select = async (item: CommandItem) => {\n    if (item.disabled || inFlight.current) return;\n    inFlight.current = true;\n    const request = generation.current;\n    setError('');\n    setBusy(item.key);\n    try {\n      await item.onSelect?.();\n      if (generation.current !== request) return;\n      onSelect?.(item);\n      setOpen(false);\n    } catch (reason) {\n      if (generation.current !== request) return;\n      setError(reason instanceof Error ? reason.message : String(reason));\n      onError?.(reason, item);\n    } finally {\n      if (generation.current === request) {\n        inFlight.current = false;\n        setBusy(undefined);\n      }\n    }\n  };\n  return (\n    <ModalBase\n      open={open}\n      title={t('commandPalette.commandSearch')}\n      footer={null}\n      onClose={() => setOpen(false)}\n      width={560}\n      className=\"leaf-command-palette\"\n    >\n      <InputControl\n        ref={input}\n        prefix={<Search size={17} />}\n        value={query}\n        placeholder={placeholder ?? t('commandPalette.placeholder')}\n        aria-label={t('commandPalette.searchCommands')}\n        role=\"combobox\"\n        aria-expanded={true}\n        aria-controls={id}\n        aria-activedescendant={list[active] ? `${id}-${active}` : undefined}\n        onChange={(event) => {\n          setQuery(event.target.value);\n          setActive(0);\n          onSearch?.(event.target.value);\n        }}\n        onKeyDown={(event) => {\n          if (event.nativeEvent.isComposing) return;\n          if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n            event.preventDefault();\n            let next = active;\n            for (let i = 0; i < list.length; i++) {\n              next = (next + (event.key === 'ArrowDown' ? 1 : -1) + list.length) % list.length;\n              if (!list[next]?.disabled) break;\n            }\n            setActive(next);\n          }\n          const item = list[active];\n          if (event.key === 'Enter' && item) {\n            event.preventDefault();\n            void select(item);\n          }\n        }}\n      />\n      {error && (\n        <p role=\"alert\" className=\"leaf-command-palette__error\">\n          {error}\n        </p>\n      )}\n      <div\n        ref={listRef}\n        id={id}\n        role=\"listbox\"\n        aria-label={t('commandPalette.commands')}\n        aria-busy={loading || !!busy}\n        className=\"leaf-command-palette__list\"\n      >\n        <div\n          className=\"leaf-command-palette__selection\"\n          style={selection}\n          data-ready={Boolean(selection)}\n          aria-hidden=\"true\"\n        />\n        {list.map((item, index) => (\n          <div key={item.key}>\n            {item.group !== undefined && (index === 0 || list[index - 1]?.group !== item.group) && (\n              <div className=\"leaf-command-palette__group\">{item.group}</div>\n            )}\n            <button\n              type=\"button\"\n              role=\"option\"\n              id={`${id}-${index}`}\n              aria-selected={active === index}\n              disabled={item.disabled || !!busy}\n              tabIndex={-1}\n              className=\"leaf-floating__option\"\n              onMouseEnter={() => !item.disabled && !busy && setActive(index)}\n              onClick={() => void select(item)}\n            >\n              {item.icon}\n              <span>{item.label}</span>\n              {item.shortcut && <kbd>{item.shortcut}</kbd>}\n            </button>\n          </div>\n        ))}\n        {!list.length && (\n          <div className=\"leaf-floating__empty\">\n            {loading ? messages.common.loading : (emptyContent ?? messages.common.noData)}\n          </div>\n        )}\n      </div>\n      <div className=\"leaf-command-palette__hint\" aria-hidden=\"true\">\n        <span>\n          <kbd>↑</kbd>\n          <kbd>↓</kbd> {t('commandPalette.navigate')}\n        </span>\n        <span>\n          <kbd>↵</kbd> {t('commandPalette.run')}\n        </span>\n        <span>\n          <kbd>Esc</kbd> {messages.common.close}\n        </span>\n      </div>\n    </ModalBase>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","CommandPalette","rawProps","items","controlled","defaultOpen","onOpenChange","onSelect","shortcut","placeholder","loading","emptyContent","onSearch","onError","useComponentProps","t","useText","messages","useLeafConfig","id","useId","open","setOpen","useControllable","callback","useRef","query","setQuery","useState","active","setActive","busy","setBusy","error","setError","inFlight","generation","input","listRef","selection","setSelection","key","event","document","undefined","frame","requestAnimationFrame","cancelAnimationFrame","list","item","node","update","row","ResizeObserver","observer","select","request","reason","Error","String","ModalBase","InputControl","Search","next","i","Boolean","index"],"mappings":";;;;;;;;;;AAuCA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AACpE,SAASC,eAAeC,QAA6B;IAC1D,MAAM,EACJC,KAAK,EACL,MAAMC,UAAU,EAChBC,cAAc,KAAK,EACnBC,YAAY,EACZC,QAAQ,EACRC,WAAW,GAAG,EACdC,WAAW,EACXC,OAAO,EACPC,YAAY,EACZC,QAAQ,EACRC,OAAO,EACR,GAAGC,kBAAkB,kBAAkBZ;IACxC,MAAMa,IAAIC,WACR,EAAEC,QAAQ,EAAE,GAAGC,iBACfC,KAAKC;IACP,MAAM,CAACC,MAAMC,QAAQ,GAAGC,gBAAgBnB,YAAYC,aAAaC;IACjE,MAAMkB,WAAWC,OAAOH;IACxBE,SAAS,OAAO,GAAGF;IACnB,MAAM,CAACI,OAAOC,SAAS,GAAGC,SAAS,KACjC,CAACC,QAAQC,UAAU,GAAGF,SAAS,IAC/B,CAACG,MAAMC,QAAQ,GAAGJ;IACpB,MAAM,CAACK,OAAOC,SAAS,GAAGN,SAAS;IACnC,MAAMO,WAAWV,OAAO;IACxB,MAAMW,aAAaX,OAAO;IAC1B,MAAMY,QAAQZ,OAAyB;IACvC,MAAMa,UAAUb,OAAuB;IACvC,MAAM,CAACc,WAAWC,aAAa,GAAGZ;IAClC7B,UAAU;QACR,IAAI,CAACS,UAAU;QACf,MAAMiC,MAAM,CAACC;YACX,IAAKA,AAAAA,CAAAA,MAAM,OAAO,IAAIA,MAAM,OAAM,KAAMA,MAAM,GAAG,CAAC,WAAW,OAAOlC,SAAS,WAAW,IAAI;gBAC1FkC,MAAM,cAAc;gBACpBlB,SAAS,OAAO,CAAC,CAACH;YACpB;QACF;QACAsB,SAAS,gBAAgB,CAAC,WAAWF;QACrC,OAAO,IAAME,SAAS,mBAAmB,CAAC,WAAWF;IACvD,GAAG;QAACjC;QAAUa;KAAK;IACnBtB,UAAU;QACRqC,WAAW,OAAO;QAClBD,SAAS,OAAO,GAAG;QACnBH,QAAQY;QACRV,SAAS;QACT,IAAIb,MAAM;YACRM,SAAS;YACTG,UAAU;YACV,MAAMe,QAAQC,sBAAsB,IAAMT,MAAM,OAAO,EAAE;YACzD,OAAO,IAAMU,qBAAqBF;QACpC;IACF,GAAG;QAACxB;KAAK;IACTtB,UACE,IAAM;YACJqC,WAAW,OAAO;QACpB,GACA,EAAE;IAEJ,MAAMY,OAAO7C,MAAM,MAAM,CAAC,CAAC8C,OACzB,GAAG,AAAsB,YAAtB,OAAOA,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGA,KAAK,GAAG,CAAC,CAAC,EAAEA,KAAK,QAAQ,IAAI,IAAI,CAC/E,iBAAiB,GACjB,QAAQ,CAACvB,MAAM,iBAAiB;IAErC7B,uBAAuB;QACrB,MAAMqD,OAAOZ,QAAQ,OAAO;QAC5B,IAAI,CAACY,QAAQ,CAAC7B,MAAM;QACpB,MAAM8B,SAAS;YACb,MAAMC,MAAMF,KAAK,aAAa,CAAoB;YAClDV,aACEY,MACK;gBACC,8BAA8B,GAAGA,IAAI,SAAS,CAAC,EAAE,CAAC;gBAClD,mCAAmC,GAAGA,IAAI,YAAY,CAAC,EAAE,CAAC;YAC5D,IACAR;QAER;QACAO;QACA,IAAI,AAA0B,MAA1B,OAAOE,gBAAgC;QAC3C,MAAMC,WAAW,IAAID,eAAeF;QACpCG,SAAS,OAAO,CAACJ;QACjB,OAAO,IAAMI,SAAS,UAAU;IAClC,GAAG;QAACjC;QAAMQ;QAAQH;QAAOvB;QAAO4B;KAAK;IACrChC,UAAU;QACR4C,SAAS,cAAc,CAAC,GAAGxB,GAAG,CAAC,EAAEU,QAAQ,GAAG,iBAAiB;YAAE,OAAO;QAAU;IAClF,GAAG;QAACV;QAAIU;KAAO;IACf,MAAM0B,SAAS,OAAON;QACpB,IAAIA,KAAK,QAAQ,IAAId,SAAS,OAAO,EAAE;QACvCA,SAAS,OAAO,GAAG;QACnB,MAAMqB,UAAUpB,WAAW,OAAO;QAClCF,SAAS;QACTF,QAAQiB,KAAK,GAAG;QAChB,IAAI;YACF,MAAMA,KAAK,QAAQ;YACnB,IAAIb,WAAW,OAAO,KAAKoB,SAAS;YACpCjD,WAAW0C;YACX3B,QAAQ;QACV,EAAE,OAAOmC,QAAQ;YACf,IAAIrB,WAAW,OAAO,KAAKoB,SAAS;YACpCtB,SAASuB,kBAAkBC,QAAQD,OAAO,OAAO,GAAGE,OAAOF;YAC3D5C,UAAU4C,QAAQR;QACpB,SAAU;YACR,IAAIb,WAAW,OAAO,KAAKoB,SAAS;gBAClCrB,SAAS,OAAO,GAAG;gBACnBH,QAAQY;YACV;QACF;IACF;IACA,OAAO,WAAP,GACE,KAACgB,WAASA;QACR,MAAMvC;QACN,OAAON,EAAE;QACT,QAAQ;QACR,SAAS,IAAMO,QAAQ;QACvB,OAAO;QACP,WAAU;;0BAEV,IAACuC,cAAYA;gBACX,KAAKxB;gBACL,sBAAQ,IAACyB,QAAMA;oBAAC,MAAM;;gBACtB,OAAOpC;gBACP,aAAajB,eAAeM,EAAE;gBAC9B,cAAYA,EAAE;gBACd,MAAK;gBACL,iBAAe;gBACf,iBAAeI;gBACf,yBAAuB6B,IAAI,CAACnB,OAAO,GAAG,GAAGV,GAAG,CAAC,EAAEU,QAAQ,GAAGe;gBAC1D,UAAU,CAACF;oBACTf,SAASe,MAAM,MAAM,CAAC,KAAK;oBAC3BZ,UAAU;oBACVlB,WAAW8B,MAAM,MAAM,CAAC,KAAK;gBAC/B;gBACA,WAAW,CAACA;oBACV,IAAIA,MAAM,WAAW,CAAC,WAAW,EAAE;oBACnC,IAAI;wBAAC;wBAAa;qBAAU,CAAC,QAAQ,CAACA,MAAM,GAAG,GAAG;wBAChDA,MAAM,cAAc;wBACpB,IAAIqB,OAAOlC;wBACX,IAAK,IAAImC,IAAI,GAAGA,IAAIhB,KAAK,MAAM,EAAEgB,IAAK;4BACpCD,OAAQA,AAAAA,CAAAA,OAAQrB,CAAAA,AAAc,gBAAdA,MAAM,GAAG,GAAmB,IAAI,EAAC,IAAKM,KAAK,MAAK,IAAKA,KAAK,MAAM;4BAChF,IAAI,CAACA,IAAI,CAACe,KAAK,EAAE,UAAU;wBAC7B;wBACAjC,UAAUiC;oBACZ;oBACA,MAAMd,OAAOD,IAAI,CAACnB,OAAO;oBACzB,IAAIa,AAAc,YAAdA,MAAM,GAAG,IAAgBO,MAAM;wBACjCP,MAAM,cAAc;wBACfa,OAAON;oBACd;gBACF;;YAEDhB,SAAS,WAATA,GACC,IAAC;gBAAE,MAAK;gBAAQ,WAAU;0BACvBA;;0BAGL,KAAC;gBACC,KAAKK;gBACL,IAAInB;gBACJ,MAAK;gBACL,cAAYJ,EAAE;gBACd,aAAWL,WAAW,CAAC,CAACqB;gBACxB,WAAU;;kCAEV,IAAC;wBACC,WAAU;wBACV,OAAOQ;wBACP,cAAY0B,QAAQ1B;wBACpB,eAAY;;oBAEbS,KAAK,GAAG,CAAC,CAACC,MAAMiB,QAAAA,WAAAA,GACf,KAAC;;gCACiBtB,WAAfK,KAAK,KAAK,IAAmBiB,CAAAA,AAAU,MAAVA,SAAelB,IAAI,CAACkB,QAAQ,EAAE,EAAE,UAAUjB,KAAK,KAAI,mBAC/E,IAAC;oCAAI,WAAU;8CAA+BA,KAAK,KAAK;;8CAE1D,KAAC;oCACC,MAAK;oCACL,MAAK;oCACL,IAAI,GAAG9B,GAAG,CAAC,EAAE+C,OAAO;oCACpB,iBAAerC,WAAWqC;oCAC1B,UAAUjB,KAAK,QAAQ,IAAI,CAAC,CAAClB;oCAC7B,UAAU;oCACV,WAAU;oCACV,cAAc,IAAM,CAACkB,KAAK,QAAQ,IAAI,CAAClB,QAAQD,UAAUoC;oCACzD,SAAS,IAAM,KAAKX,OAAON;;wCAE1BA,KAAK,IAAI;sDACV,IAAC;sDAAMA,KAAK,KAAK;;wCAChBA,KAAK,QAAQ,IAAI,WAAJ,GAAI,IAAC;sDAAKA,KAAK,QAAQ;;;;;2BAjB/BA,KAAK,GAAG;oBAqBnB,CAACD,KAAK,MAAM,IAAI,WAAJ,GACX,IAAC;wBAAI,WAAU;kCACZtC,UAAUO,SAAS,MAAM,CAAC,OAAO,GAAIN,gBAAgBM,SAAS,MAAM,CAAC,MAAM;;;;0BAIlF,KAAC;gBAAI,WAAU;gBAA6B,eAAY;;kCACtD,KAAC;;0CACC,IAAC;0CAAI;;0CACL,IAAC;0CAAI;;4BAAO;4BAAEF,EAAE;;;kCAElB,KAAC;;0CACC,IAAC;0CAAI;;4BAAO;4BAAEA,EAAE;;;kCAElB,KAAC;;0CACC,IAAC;0CAAI;;4BAAS;4BAAEE,SAAS,MAAM,CAAC,KAAK;;;;;;;AAK/C"}

package/dist/esm/commandpalette/index.d.ts

@@ -0,0 +1,3 @@
+export type { CommandItem, CommandPaletteProps } from './commandpalette.js';
+export { CommandPalette } from './commandpalette.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/commandpalette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/commandpalette/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esm/commandpalette/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { CommandPalette } from "./commandpalette.js";