@fangxinyan/lumina 0.6.17 → 0.7.0

package/dist/chunk-4HJBF4GY.js

@@ -1,218 +0,0 @@
-import { useFloating } from './chunk-DUFRASGO.js';
-import { Input } from './chunk-IOAOG5L7.js';
-import { Icon, renderIconSlot } from './chunk-FDZG27IG.js';
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './Cascader-ANEQUPMI.css';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var collectPaths = (options, prefix = []) => options.flatMap((option) => {
-  const next = [...prefix, option];
-  if (option.children?.length) return collectPaths(option.children, next);
-  return [next];
-});
-var defaultSearchFilter = (inputValue, path) => {
-  const q = inputValue.trim().toLowerCase();
-  if (!q) return true;
-  return path.map((option) => String(option.label ?? option.value)).join(" / ").toLowerCase().includes(q);
-};
-var Cascader = React.forwardRef(({
-  options,
-  value,
-  defaultValue = [],
-  onChange,
-  placeholder = "\u8BF7\u9009\u62E9",
-  disabled,
-  allowClear,
-  onClear,
-  changeOnSelect,
-  showSearch,
-  popupClassName = "",
-  dropdownClassName = "",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React.useState(defaultValue);
-  const isControlled = value !== void 0;
-  const cur = isControlled ? value : inner;
-  const [open, setOpen] = React.useState(false);
-  const [path, setPath] = React.useState(cur);
-  const [query, setQuery] = React.useState("");
-  const panelRef = React.useRef(null);
-  const searchRef = React.useRef(null);
-  const searchConfig = typeof showSearch === "object" ? showSearch : {};
-  const searchable = !!showSearch;
-  const { triggerRef, floatingStyle } = useFloating({
-    open,
-    placement: "bottom",
-    panelWidth: 520,
-    panelHeight: 260
-  });
-  const setTriggerRef = React.useCallback(
-    (node) => {
-      triggerRef.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    },
-    [ref, triggerRef]
-  );
-  React.useEffect(() => {
-    const h = (e) => {
-      const t = e.target;
-      if (triggerRef.current?.contains(t)) return;
-      if (panelRef.current?.contains(t)) return;
-      setOpen(false);
-    };
-    document.addEventListener("mousedown", h);
-    return () => document.removeEventListener("mousedown", h);
-  }, []);
-  React.useEffect(() => {
-    if (open) setPath(cur);
-    if (!open) setQuery("");
-  }, [open, cur]);
-  React.useEffect(() => {
-    if (!open || !searchable) return;
-    requestAnimationFrame(() => searchRef.current?.focus());
-  }, [open, searchable]);
-  const columns = [options];
-  let cursor = options;
-  for (const v of path) {
-    const match = cursor.find((o) => o.value === v);
-    if (match && match.children) {
-      cursor = match.children;
-      columns.push(cursor);
-    } else break;
-  }
-  const selectedOptionsForPath = (nextPath) => {
-    const selected = [];
-    let list2 = options;
-    for (const item of nextPath) {
-      const match = list2.find((option) => option.value === item);
-      if (!match) break;
-      selected.push(match);
-      list2 = match.children ?? [];
-    }
-    return selected;
-  };
-  const commit = (nextPath, closeAfterSelect) => {
-    if (!isControlled) setInner(nextPath);
-    onChange?.(nextPath, selectedOptionsForPath(nextPath));
-    if (closeAfterSelect) setOpen(false);
-  };
-  const pick = (depth, val, hasChildren) => {
-    const np = [...path.slice(0, depth), val];
-    setPath(np);
-    if (!hasChildren || changeOnSelect) commit(np, !hasChildren);
-  };
-  const clear = (e) => {
-    e.stopPropagation();
-    if (disabled) return;
-    setPath([]);
-    if (!isControlled) setInner([]);
-    onChange?.([], []);
-    onClear?.();
-  };
-  const labels = [];
-  let list = options;
-  for (const v of cur) {
-    const m = list.find((o) => o.value === v);
-    if (!m) break;
-    labels.push(m.label);
-    if (!m.children) break;
-    list = m.children;
-  }
-  const allPaths = React.useMemo(() => collectPaths(options), [options]);
-  const matchedPaths = React.useMemo(() => {
-    if (!query.trim()) return [];
-    const filter = searchConfig.filter ?? defaultSearchFilter;
-    const result = allPaths.filter((itemPath) => filter(query, itemPath));
-    const limit = searchConfig.limit === false ? result.length : searchConfig.limit ?? 50;
-    return result.slice(0, limit);
-  }, [allPaths, query, searchConfig.filter, searchConfig.limit]);
-  const panelClassName = [
-    "cascader-panel",
-    searchable && "with-search",
-    popupClassName,
-    dropdownClassName
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { ref: setTriggerRef, className: `cascader ${open ? "open" : ""} ${className}`, ...rest, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: `cascader-trigger ${labels.length === 0 ? "placeholder" : ""}`,
-        disabled,
-        onClick: () => !disabled && setOpen((o) => !o),
-        children: [
-          /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: labels.length ? labels.map((l, i) => /* @__PURE__ */ jsxs("span", { children: [
-            i > 0 && " / ",
-            l
-          ] }, i)) : placeholder }),
-          !!allowClear && labels.length > 0 && !disabled && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "cascader-clear",
-              role: "button",
-              "aria-label": "Clear",
-              onClick: clear,
-              children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 14 }) })
-        ]
-      }
-    ),
-    open && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsxs("div", { ref: panelRef, className: panelClassName, style: floatingStyle, children: [
-        searchable && /* @__PURE__ */ jsx("div", { className: "cascader-search", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            ref: searchRef,
-            size: "sm",
-            leadingIcon: "search",
-            value: query,
-            onValueChange: setQuery,
-            placeholder: "\u641C\u7D22..."
-          }
-        ) }),
-        searchable && query.trim() ? /* @__PURE__ */ jsx("div", { className: "cascader-search-list", children: matchedPaths.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cascader-empty", children: "\u6682\u65E0\u5339\u914D\u9879" }) : matchedPaths.map((itemPath) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "cascader-search-item",
-            onClick: () => commit(itemPath.map((item) => item.value), true),
-            children: searchConfig.render ? searchConfig.render(query, itemPath) : itemPath.map((item) => item.label).map((label, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-              index > 0 && /* @__PURE__ */ jsx("span", { className: "cascader-path-sep", children: "/" }),
-              /* @__PURE__ */ jsx("span", { children: label })
-            ] }, index))
-          },
-          itemPath.map((item) => item.value).join("__")
-        )) }) : /* @__PURE__ */ jsx("div", { className: "cascader-columns", children: columns.map((col, depth) => /* @__PURE__ */ jsx("div", { className: "cascader-col", children: col.map((o) => {
-          const isActive = path[depth] === o.value;
-          const hasChildren = !!(o.children && o.children.length);
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: `cascader-item ${isActive ? "active" : ""}`,
-              disabled: o.disabled,
-              onClick: () => pick(depth, o.value, hasChildren),
-              children: [
-                renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
-                /* @__PURE__ */ jsx("span", { children: o.label }),
-                hasChildren && /* @__PURE__ */ jsx("span", { className: "chev", children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 }) })
-              ]
-            },
-            o.value
-          );
-        }) }, depth)) })
-      ] }),
-      document.body
-    )
-  ] });
-});
-Cascader.displayName = "Cascader";
-
-export { Cascader };

package/dist/chunk-4TTRHEGM.cjs

@@ -1,217 +0,0 @@
-'use strict';
-
-var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./CommandPalette-RTKWNH2D.css');
-var React = require('react');
-var ReactDOM = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-var DEFAULT_FILTER = (item, q) => {
-  if (!q) return true;
-  const hay = [item.label, ...item.keywords ?? []].join(" ").toLowerCase();
-  const needle = q.toLowerCase();
-  let i = 0;
-  for (const ch of hay) {
-    if (ch === needle[i]) i++;
-    if (i === needle.length) return true;
-  }
-  return i === needle.length;
-};
-var CommandPalette = React__namespace.forwardRef(({
-  open,
-  onOpenChange,
-  items,
-  placeholder = "\u641C\u7D22\u547D\u4EE4\u2026",
-  filter = DEFAULT_FILTER,
-  emptyText = "\u6682\u65E0\u5339\u914D\u7ED3\u679C",
-  resetOnOpen = true,
-  footer,
-  className = "",
-  onMouseDown,
-  ...rest
-}, ref) => {
-  const [query, setQuery] = React__namespace.useState("");
-  const [active, setActive] = React__namespace.useState(0);
-  const inputRef = React__namespace.useRef(null);
-  const listRef = React__namespace.useRef(null);
-  const panelRef = React__namespace.useRef(null);
-  React__namespace.useImperativeHandle(ref, () => panelRef.current, []);
-  const filtered = React__namespace.useMemo(() => items.filter((it) => filter(it, query)), [items, query, filter]);
-  const grouped = React__namespace.useMemo(() => {
-    const order = [];
-    const map = /* @__PURE__ */ new Map();
-    for (const it of filtered) {
-      const g = it.group ?? "";
-      if (!map.has(g)) {
-        map.set(g, []);
-        order.push(g);
-      }
-      map.get(g).push(it);
-    }
-    return order.map((g) => ({ group: g, items: map.get(g) }));
-  }, [filtered]);
-  const close = React__namespace.useCallback(() => onOpenChange?.(false), [onOpenChange]);
-  React__namespace.useEffect(() => {
-    if (!open) return;
-    if (resetOnOpen) setQuery("");
-    setActive(0);
-    const id = requestAnimationFrame(() => inputRef.current?.focus());
-    return () => cancelAnimationFrame(id);
-  }, [open, resetOnOpen]);
-  React__namespace.useEffect(() => {
-    setActive((a) => filtered.length === 0 ? 0 : Math.min(a, filtered.length - 1));
-  }, [filtered.length]);
-  React__namespace.useEffect(() => {
-    const el = listRef.current?.querySelector(`[data-cmd-idx="${active}"]`);
-    el?.scrollIntoView({ block: "nearest" });
-  }, [active, filtered]);
-  const pick = (it) => {
-    if (it.disabled) return;
-    it.onSelect?.();
-    close();
-  };
-  const onKey = (e) => {
-    if (e.key === "Escape") {
-      e.preventDefault();
-      close();
-      return;
-    }
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setActive((a) => {
-        if (filtered.length === 0) return 0;
-        for (let n = 1; n <= filtered.length; n++) {
-          const i = (a + n) % filtered.length;
-          if (!filtered[i].disabled) return i;
-        }
-        return a;
-      });
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setActive((a) => {
-        if (filtered.length === 0) return 0;
-        for (let n = 1; n <= filtered.length; n++) {
-          const i = (a - n + filtered.length) % filtered.length;
-          if (!filtered[i].disabled) return i;
-        }
-        return a;
-      });
-    }
-    if (e.key === "Enter") {
-      const it = filtered[active];
-      if (it) {
-        e.preventDefault();
-        pick(it);
-      }
-    }
-  };
-  if (typeof document === "undefined" || !open) return null;
-  let flatIdx = -1;
-  return ReactDOM__default.default.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `cmdp-overlay ${className}`, onMouseDown: close, role: "presentation", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: panelRef,
-        className: "cmdp-panel",
-        onMouseDown: (e) => {
-          onMouseDown?.(e);
-          e.stopPropagation();
-        },
-        role: "dialog",
-        "aria-modal": true,
-        "aria-label": "\u547D\u4EE4\u9762\u677F",
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkVS3I5OKA_cjs.Input,
-            {
-              ref: inputRef,
-              size: "lg",
-              leadingIcon: "search",
-              placeholder,
-              value: query,
-              onValueChange: (v) => setQuery(v),
-              onKeyDown: onKey,
-              suffix: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-kbd", children: "esc" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: listRef, className: "cmdp-list", role: "listbox", children: grouped.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-empty", children: emptyText }) : grouped.map(({ group, items: gItems }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cmdp-group", children: [
-            group && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-group-head", children: group }),
-            gItems.map((it) => {
-              flatIdx += 1;
-              const i = flatIdx;
-              const isActive = i === active;
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  type: "button",
-                  role: "option",
-                  "aria-selected": isActive,
-                  "data-cmd-idx": i,
-                  disabled: it.disabled,
-                  className: `cmdp-item ${isActive ? "active" : ""}`,
-                  onMouseEnter: () => setActive(i),
-                  onClick: () => pick(it),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-icon", children: it.icon }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cmdp-labels", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-label", children: it.label }),
-                      it.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-desc", children: it.description })
-                    ] }),
-                    it.shortcut && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-shortcut", children: it.shortcut })
-                  ]
-                },
-                it.key
-              );
-            })
-          ] }, group || "_")) }),
-          footer === null ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-footer", children: footer ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-kbd", children: "\u2191" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-kbd", children: "\u2193" }),
-              " \u5207\u6362"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-kbd", children: "\u23CE" }),
-              " \u6267\u884C"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cmdp-kbd", children: "esc" }),
-              " \u5173\u95ED"
-            ] })
-          ] }) })
-        ]
-      }
-    ) }),
-    document.body
-  );
-});
-CommandPalette.displayName = "CommandPalette";
-
-exports.CommandPalette = CommandPalette;

package/dist/chunk-5A6KSYWA.cjs

@@ -1,67 +0,0 @@
-'use strict';
-
-require('./tokens-RYJ3DFTU.css');
-require('./shared-NJHRNLRH.css');
-require('./Tabs-X5U5PCPV.css');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-// src/components/Tabs/Tabs.tsx
-var Tabs = React__namespace.forwardRef(({
-  items,
-  activeKey,
-  defaultActiveKey,
-  onChange,
-  variant = "line",
-  centered,
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React__namespace.useState(defaultActiveKey ?? items[0]?.key);
-  const isControlled = activeKey !== void 0;
-  const current = isControlled ? activeKey : inner;
-  const select = (k) => {
-    if (!isControlled) setInner(k);
-    onChange?.(k);
-  };
-  const active = items.find((i) => i.key === current);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-nav", role: "tablist", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": current === it.key,
-        disabled: it.disabled,
-        className: `tab ${current === it.key ? "active" : ""}`,
-        onClick: () => select(it.key),
-        children: it.label
-      },
-      it.key
-    )) }),
-    active?.content !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-content", children: active.content })
-  ] });
-});
-Tabs.displayName = "Tabs";
-
-exports.Tabs = Tabs;

package/dist/chunk-5MOYKVB7.js

@@ -1,192 +0,0 @@
-import { Input } from './chunk-IOAOG5L7.js';
-import './tokens-RYJ3DFTU.css';
-import './shared-NJHRNLRH.css';
-import './CommandPalette-RTKWNH2D.css';
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var DEFAULT_FILTER = (item, q) => {
-  if (!q) return true;
-  const hay = [item.label, ...item.keywords ?? []].join(" ").toLowerCase();
-  const needle = q.toLowerCase();
-  let i = 0;
-  for (const ch of hay) {
-    if (ch === needle[i]) i++;
-    if (i === needle.length) return true;
-  }
-  return i === needle.length;
-};
-var CommandPalette = React.forwardRef(({
-  open,
-  onOpenChange,
-  items,
-  placeholder = "\u641C\u7D22\u547D\u4EE4\u2026",
-  filter = DEFAULT_FILTER,
-  emptyText = "\u6682\u65E0\u5339\u914D\u7ED3\u679C",
-  resetOnOpen = true,
-  footer,
-  className = "",
-  onMouseDown,
-  ...rest
-}, ref) => {
-  const [query, setQuery] = React.useState("");
-  const [active, setActive] = React.useState(0);
-  const inputRef = React.useRef(null);
-  const listRef = React.useRef(null);
-  const panelRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => panelRef.current, []);
-  const filtered = React.useMemo(() => items.filter((it) => filter(it, query)), [items, query, filter]);
-  const grouped = React.useMemo(() => {
-    const order = [];
-    const map = /* @__PURE__ */ new Map();
-    for (const it of filtered) {
-      const g = it.group ?? "";
-      if (!map.has(g)) {
-        map.set(g, []);
-        order.push(g);
-      }
-      map.get(g).push(it);
-    }
-    return order.map((g) => ({ group: g, items: map.get(g) }));
-  }, [filtered]);
-  const close = React.useCallback(() => onOpenChange?.(false), [onOpenChange]);
-  React.useEffect(() => {
-    if (!open) return;
-    if (resetOnOpen) setQuery("");
-    setActive(0);
-    const id = requestAnimationFrame(() => inputRef.current?.focus());
-    return () => cancelAnimationFrame(id);
-  }, [open, resetOnOpen]);
-  React.useEffect(() => {
-    setActive((a) => filtered.length === 0 ? 0 : Math.min(a, filtered.length - 1));
-  }, [filtered.length]);
-  React.useEffect(() => {
-    const el = listRef.current?.querySelector(`[data-cmd-idx="${active}"]`);
-    el?.scrollIntoView({ block: "nearest" });
-  }, [active, filtered]);
-  const pick = (it) => {
-    if (it.disabled) return;
-    it.onSelect?.();
-    close();
-  };
-  const onKey = (e) => {
-    if (e.key === "Escape") {
-      e.preventDefault();
-      close();
-      return;
-    }
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      setActive((a) => {
-        if (filtered.length === 0) return 0;
-        for (let n = 1; n <= filtered.length; n++) {
-          const i = (a + n) % filtered.length;
-          if (!filtered[i].disabled) return i;
-        }
-        return a;
-      });
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      setActive((a) => {
-        if (filtered.length === 0) return 0;
-        for (let n = 1; n <= filtered.length; n++) {
-          const i = (a - n + filtered.length) % filtered.length;
-          if (!filtered[i].disabled) return i;
-        }
-        return a;
-      });
-    }
-    if (e.key === "Enter") {
-      const it = filtered[active];
-      if (it) {
-        e.preventDefault();
-        pick(it);
-      }
-    }
-  };
-  if (typeof document === "undefined" || !open) return null;
-  let flatIdx = -1;
-  return ReactDOM.createPortal(
-    /* @__PURE__ */ jsx("div", { className: `cmdp-overlay ${className}`, onMouseDown: close, role: "presentation", children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: panelRef,
-        className: "cmdp-panel",
-        onMouseDown: (e) => {
-          onMouseDown?.(e);
-          e.stopPropagation();
-        },
-        role: "dialog",
-        "aria-modal": true,
-        "aria-label": "\u547D\u4EE4\u9762\u677F",
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsx(
-            Input,
-            {
-              ref: inputRef,
-              size: "lg",
-              leadingIcon: "search",
-              placeholder,
-              value: query,
-              onValueChange: (v) => setQuery(v),
-              onKeyDown: onKey,
-              suffix: /* @__PURE__ */ jsx("span", { className: "cmdp-kbd", children: "esc" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { ref: listRef, className: "cmdp-list", role: "listbox", children: grouped.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cmdp-empty", children: emptyText }) : grouped.map(({ group, items: gItems }) => /* @__PURE__ */ jsxs("div", { className: "cmdp-group", children: [
-            group && /* @__PURE__ */ jsx("div", { className: "cmdp-group-head", children: group }),
-            gItems.map((it) => {
-              flatIdx += 1;
-              const i = flatIdx;
-              const isActive = i === active;
-              return /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  role: "option",
-                  "aria-selected": isActive,
-                  "data-cmd-idx": i,
-                  disabled: it.disabled,
-                  className: `cmdp-item ${isActive ? "active" : ""}`,
-                  onMouseEnter: () => setActive(i),
-                  onClick: () => pick(it),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: "cmdp-icon", children: it.icon }),
-                    /* @__PURE__ */ jsxs("span", { className: "cmdp-labels", children: [
-                      /* @__PURE__ */ jsx("span", { className: "cmdp-label", children: it.label }),
-                      it.description && /* @__PURE__ */ jsx("span", { className: "cmdp-desc", children: it.description })
-                    ] }),
-                    it.shortcut && /* @__PURE__ */ jsx("span", { className: "cmdp-shortcut", children: it.shortcut })
-                  ]
-                },
-                it.key
-              );
-            })
-          ] }, group || "_")) }),
-          footer === null ? null : /* @__PURE__ */ jsx("div", { className: "cmdp-footer", children: footer ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              /* @__PURE__ */ jsx("span", { className: "cmdp-kbd", children: "\u2191" }),
-              /* @__PURE__ */ jsx("span", { className: "cmdp-kbd", children: "\u2193" }),
-              " \u5207\u6362"
-            ] }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              /* @__PURE__ */ jsx("span", { className: "cmdp-kbd", children: "\u23CE" }),
-              " \u6267\u884C"
-            ] }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              /* @__PURE__ */ jsx("span", { className: "cmdp-kbd", children: "esc" }),
-              " \u5173\u95ED"
-            ] })
-          ] }) })
-        ]
-      }
-    ) }),
-    document.body
-  );
-});
-CommandPalette.displayName = "CommandPalette";
-
-export { CommandPalette };