asterui 0.12.49 → 0.12.50

package/dist/components/Command.js

@@ -1,23 +1,23 @@
-import { jsx as n, jsxs as m, Fragment as _ } from "react/jsx-runtime";
-import W, { forwardRef as ue, useRef as K, useId as ee, useState as H, useCallback as V, useMemo as Z, useEffect as M, createContext as me, useContext as pe } from "react";
-const te = me(null);
-function j() {
-  const r = pe(te);
+import { jsx as n, jsxs as m, Fragment as te } from "react/jsx-runtime";
+import W, { forwardRef as pe, useRef as H, useId as ne, useState as K, useCallback as V, useMemo as ee, useEffect as M, createContext as fe, useContext as he } from "react";
+const be = "modal", ge = "modal-box", Q = "kbd", Y = "kbd-xs", re = fe(null);
+function A() {
+  const r = he(re);
   if (!r)
     throw new Error("Command compound components must be used within a Command");
   return r;
 }
-const fe = (r, c, a = []) => {
+const xe = (r, c, s = []) => {
   const d = c.toLowerCase();
-  return r.toLowerCase().includes(d) ? !0 : a.some((p) => p.toLowerCase().includes(d));
-}, ne = ue(
+  return r.toLowerCase().includes(d) ? !0 : s.some((p) => p.toLowerCase().includes(d));
+}, se = pe(
   ({
     children: r,
     open: c,
-    onOpenChange: a,
+    onOpenChange: s,
     defaultOpen: d = !1,
     items: l,
-    filter: p = fe,
+    filter: p = xe,
     loop: f = !0,
     shortcut: x = ["k"],
     placeholder: I = "Type a command or search...",
@@ -25,44 +25,44 @@ const fe = (r, c, a = []) => {
     className: q = "",
     ...z
   }, h) => {
-    const E = K(null), G = K(null), F = K(null), U = K(null), L = ee(), [D, J] = H(d), v = c !== void 0, A = v ? c : D, b = V(
+    const E = H(null), G = H(null), F = H(null), U = H(null), L = ne(), [$, X] = K(d), v = c !== void 0, D = v ? c : $, b = V(
       (e) => {
-        v || J(e), a?.(e);
+        v || X(e), s?.(e);
       },
-      [v, a]
-    ), [k, P] = H(""), [g, w] = H(0), [O, X] = H(/* @__PURE__ */ new Map()), [C, Q] = H(["root"]), Y = C[C.length - 1], ae = V((e) => {
-      Q((t) => [...t, e]), P(""), w(0);
-    }, []), R = V(() => {
-      C.length > 1 && (Q((e) => e.slice(0, -1)), P(""), w(0));
-    }, [C.length]), se = V(
-      (e, t, s, i, u) => {
-        X((o) => {
-          const $ = new Map(o);
-          return $.set(e, { id: e, value: t, keywords: s, disabled: i, onSelect: u }), $;
+      [v, s]
+    ), [k, j] = K(""), [g, w] = K(0), [O, Z] = K(/* @__PURE__ */ new Map()), [C, J] = K(["root"]), _ = C[C.length - 1], oe = V((e) => {
+      J((t) => [...t, e]), j(""), w(0);
+    }, []), B = V(() => {
+      C.length > 1 && (J((e) => e.slice(0, -1)), j(""), w(0));
+    }, [C.length]), le = V(
+      (e, t, a, i, u) => {
+        Z((o) => {
+          const S = new Map(o);
+          return S.set(e, { id: e, value: t, keywords: a, disabled: i, onSelect: u }), S;
         });
       },
       []
-    ), oe = V((e) => {
-      X((t) => {
-        const s = new Map(t);
-        return s.delete(e), s;
+    ), ie = V((e) => {
+      Z((t) => {
+        const a = new Map(t);
+        return a.delete(e), a;
       });
-    }, []), B = Z(() => l ? l.filter((t) => {
+    }, []), P = ee(() => l ? l.filter((t) => {
       if (!k) return !0;
-      const s = typeof t.label == "string" ? t.label : "";
-      return p(s, k, t.keywords);
+      const a = typeof t.label == "string" ? t.label : "";
+      return p(a, k, t.keywords);
     }).map((t) => ({
       id: t.key,
       value: typeof t.label == "string" ? t.label : t.key,
       keywords: t.keywords || [],
       disabled: t.disabled || !1
-    })) : Array.from(O.values()).filter((t) => k ? p(t.value, k, t.keywords) : !0), [l, O, k, p]), N = Z(
-      () => B.filter((e) => !e.disabled),
-      [B]
-    ), S = V(
+    })) : Array.from(O.values()).filter((t) => k ? p(t.value, k, t.keywords) : !0), [l, O, k, p]), N = ee(
+      () => P.filter((e) => !e.disabled),
+      [P]
+    ), R = V(
       (e) => {
         if (l) {
-          const t = l.find((s) => s.key === e);
+          const t = l.find((a) => a.key === e);
           t && !t.disabled && (t.onSelect?.(), b(!1));
         } else {
           const t = O.get(e);
@@ -72,11 +72,11 @@ const fe = (r, c, a = []) => {
       [l, O, b]
     );
     M(() => {
-      A && (P(""), w(0), Q(["root"]));
-    }, [A]), M(() => {
+      D && (j(""), w(0), J(["root"]));
+    }, [D]), M(() => {
       const e = E.current;
-      e && (A ? e.open || (U.current = document.activeElement, e.showModal(), setTimeout(() => G.current?.focus(), 0)) : e.open && (e.close(), U.current?.focus()));
-    }, [A]), M(() => {
+      e && (D ? e.open || (U.current = document.activeElement, e.showModal(), setTimeout(() => G.current?.focus(), 0)) : e.open && (e.close(), U.current?.focus()));
+    }, [D]), M(() => {
       const e = E.current;
       if (!e) return;
       const t = () => {
@@ -85,72 +85,72 @@ const fe = (r, c, a = []) => {
       return e.addEventListener("close", t), () => e.removeEventListener("close", t);
     }, [b]), M(() => {
       const e = (t) => {
-        const s = x[0]?.toLowerCase();
-        (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === s && (t.preventDefault(), b(!A));
+        const a = x[0]?.toLowerCase();
+        (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === a && (t.preventDefault(), b(!D));
       };
       return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-    }, [x, A, b]);
-    const le = V(
+    }, [x, D, b]);
+    const ce = V(
       (e) => {
         switch (e.key) {
           case "ArrowDown": {
             if (e.preventDefault(), N.length === 0) return;
             w((t) => {
-              const s = t + 1;
-              return s >= N.length ? f ? 0 : t : s;
+              const a = t + 1;
+              return a >= N.length ? f ? 0 : t : a;
             });
             break;
           }
           case "ArrowUp": {
             if (e.preventDefault(), N.length === 0) return;
             w((t) => {
-              const s = t - 1;
-              return s < 0 ? f ? N.length - 1 : 0 : s;
+              const a = t - 1;
+              return a < 0 ? f ? N.length - 1 : 0 : a;
             });
             break;
           }
           case "Enter": {
             e.preventDefault();
             const t = N[g];
-            t && S(t.id);
+            t && R(t.id);
             break;
           }
           case "Escape": {
-            e.preventDefault(), C.length > 1 ? R() : b(!1);
+            e.preventDefault(), C.length > 1 ? B() : b(!1);
             break;
           }
           case "Backspace": {
-            k === "" && C.length > 1 && (e.preventDefault(), R());
+            k === "" && C.length > 1 && (e.preventDefault(), B());
             break;
           }
         }
       },
-      [N, g, f, S, C, R, k, b]
+      [N, g, f, R, C, B, k, b]
     );
     M(() => {
       g >= 0 && F.current && F.current.querySelectorAll("[data-command-item]")[g]?.scrollIntoView({ block: "nearest" });
     }, [g]);
-    const ie = (e) => {
+    const de = (e) => {
       e.target === E.current && b(!1);
-    }, ce = {
+    }, ue = {
       searchValue: k,
-      setSearchValue: P,
+      setSearchValue: j,
       highlightedIndex: g,
       setHighlightedIndex: w,
-      registerItem: (e, t, s, i) => se(e, t, s, i),
-      unregisterItem: oe,
-      filteredItems: B,
-      selectItem: S,
+      registerItem: (e, t, a, i) => le(e, t, a, i),
+      unregisterItem: ie,
+      filteredItems: P,
+      selectItem: R,
       loop: f,
       baseId: L,
-      currentPage: Y,
-      setPage: ae,
-      goBack: R,
+      currentPage: _,
+      setPage: oe,
+      goBack: B,
       pageStack: C
-    }, de = () => {
+    }, me = () => {
       if (!l) return null;
       const e = /* @__PURE__ */ new Map(), t = [];
-      B.forEach((i) => {
+      P.forEach((i) => {
         const u = l.find((o) => o.key === i.id);
         if (u)
           if (u.group) {
@@ -159,12 +159,12 @@ const fe = (r, c, a = []) => {
           } else
             t.push(u);
       });
-      let s = 0;
-      return /* @__PURE__ */ m(_, { children: [
+      let a = 0;
+      return /* @__PURE__ */ m(te, { children: [
         Array.from(e.entries()).map(([i, u]) => /* @__PURE__ */ m("div", { role: "group", "aria-label": i, children: [
           /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: i }),
           u.map((o) => {
-            const $ = s++, T = $ === g;
+            const S = a++, T = S === g;
             return /* @__PURE__ */ m(
               "div",
               {
@@ -179,8 +179,8 @@ const fe = (r, c, a = []) => {
                   !T && "hover:bg-base-200",
                   o.disabled && "opacity-50 cursor-not-allowed"
                 ].filter(Boolean).join(" "),
-                onClick: () => !o.disabled && S(o.key),
-                onMouseEnter: () => !o.disabled && w($),
+                onClick: () => !o.disabled && R(o.key),
+                onMouseEnter: () => !o.disabled && w(S),
                 children: [
                   o.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: o.icon }),
                   /* @__PURE__ */ n("span", { children: o.label })
@@ -191,7 +191,7 @@ const fe = (r, c, a = []) => {
           })
         ] }, i)),
         t.length > 0 && /* @__PURE__ */ n("div", { role: "group", children: t.map((i) => {
-          const u = s++, o = u === g;
+          const u = a++, o = u === g;
           return /* @__PURE__ */ m(
             "div",
             {
@@ -206,7 +206,7 @@ const fe = (r, c, a = []) => {
                 !o && "hover:bg-base-200",
                 i.disabled && "opacity-50 cursor-not-allowed"
               ].filter(Boolean).join(" "),
-              onClick: () => !i.disabled && S(i.key),
+              onClick: () => !i.disabled && R(i.key),
               onMouseEnter: () => !i.disabled && w(u),
               children: [
                 i.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: i.icon }),
@@ -224,28 +224,28 @@ const fe = (r, c, a = []) => {
         ref: (e) => {
           E.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
         },
-        className: `modal ${q}`,
-        onClick: ie,
+        className: `${be} ${q}`,
+        onClick: de,
         ...z,
         children: /* @__PURE__ */ n(
           "div",
           {
-            className: "modal-box p-0 max-w-lg w-full overflow-hidden",
+            className: `${ge} p-0 max-w-lg w-full overflow-hidden`,
             role: "dialog",
             "aria-modal": "true",
             "aria-label": "Command palette",
-            children: /* @__PURE__ */ m(te.Provider, { value: ce, children: [
+            children: /* @__PURE__ */ m(re.Provider, { value: ue, children: [
               C.length > 1 && /* @__PURE__ */ m("div", { className: "px-3 py-2 border-b border-base-content/10 flex items-center gap-2 text-sm", children: [
                 /* @__PURE__ */ n(
                   "button",
                   {
-                    onClick: R,
+                    onClick: B,
                     className: "hover:bg-base-200 rounded p-1",
                     "aria-label": "Go back",
                     children: /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
                   }
                 ),
-                /* @__PURE__ */ n("span", { className: "text-base-content/60", children: Y })
+                /* @__PURE__ */ n("span", { className: "text-base-content/60", children: _ })
               ] }),
               /* @__PURE__ */ n("div", { className: "px-3 py-3 border-b border-base-content/10", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ n(
@@ -275,9 +275,9 @@ const fe = (r, c, a = []) => {
                     placeholder: I,
                     value: k,
                     onChange: (e) => {
-                      P(e.target.value), w(0);
+                      j(e.target.value), w(0);
                     },
-                    onKeyDown: le,
+                    onKeyDown: ce,
                     role: "combobox",
                     "aria-expanded": "true",
                     "aria-controls": `${L}-listbox`,
@@ -292,20 +292,20 @@ const fe = (r, c, a = []) => {
                   className: "max-h-80 overflow-y-auto py-2",
                   role: "listbox",
                   id: `${L}-listbox`,
-                  children: l ? B.length > 0 ? de() : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: y }) : r
+                  children: l ? P.length > 0 ? me() : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: y }) : r
                 }
               ),
               /* @__PURE__ */ n("div", { className: "px-3 py-2 border-t border-base-content/10 flex items-center justify-between text-xs text-base-content/50", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-4", children: [
                 /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ n("kbd", { className: "kbd kbd-xs", children: "↑↓" }),
+                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "↑↓" }),
                   " navigate"
                 ] }),
                 /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ n("kbd", { className: "kbd kbd-xs", children: "↵" }),
+                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "↵" }),
                   " select"
                 ] }),
                 /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ n("kbd", { className: "kbd kbd-xs", children: "esc" }),
+                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "esc" }),
                   " close"
                 ] })
               ] }) })
@@ -316,9 +316,9 @@ const fe = (r, c, a = []) => {
     );
   }
 );
-ne.displayName = "Command";
-function he({ placeholder: r, value: c, onValueChange: a, ...d }) {
-  const { searchValue: l, setSearchValue: p } = j();
+se.displayName = "Command";
+function ye({ placeholder: r, value: c, onValueChange: s, ...d }) {
+  const { searchValue: l, setSearchValue: p } = A();
   return /* @__PURE__ */ n(
     "input",
     {
@@ -328,31 +328,31 @@ function he({ placeholder: r, value: c, onValueChange: a, ...d }) {
       value: c !== void 0 ? c : l,
       onChange: (I) => {
         const y = I.target.value;
-        a ? a(y) : p(y);
+        s ? s(y) : p(y);
       },
       ...d
     }
   );
 }
-function be({ children: r }) {
-  const { baseId: c, currentPage: a } = j(), d = W.Children.toArray(r).filter((l) => W.isValidElement(l) ? l.type === re ? l.props.id === a : a === "root" : !1);
+function ve({ children: r }) {
+  const { baseId: c, currentPage: s } = A(), d = W.Children.toArray(r).filter((l) => W.isValidElement(l) ? l.type === ae ? l.props.id === s : s === "root" : !1);
   return /* @__PURE__ */ n("div", { role: "listbox", id: `${c}-listbox`, className: "py-2", children: d });
 }
-function ge({ heading: r, children: c }) {
-  const { searchValue: a, filteredItems: d } = j(), p = W.Children.toArray(c).some((f) => {
+function ke({ heading: r, children: c }) {
+  const { searchValue: s, filteredItems: d } = A(), p = W.Children.toArray(c).some((f) => {
     if (!W.isValidElement(f)) return !1;
     const x = f.props, I = x.value || "";
-    return a ? d.some((y) => y.value === I || y.id === x.value) : !0;
+    return s ? d.some((y) => y.value === I || y.id === x.value) : !0;
   });
-  return a && !p ? null : /* @__PURE__ */ m("div", { role: "group", "aria-label": typeof r == "string" ? r : void 0, children: [
+  return s && !p ? null : /* @__PURE__ */ m("div", { role: "group", "aria-label": typeof r == "string" ? r : void 0, children: [
     r && /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: r }),
     c
   ] });
 }
-function xe({
+function we({
   children: r,
   value: c,
-  onSelect: a,
+  onSelect: s,
   disabled: d = !1,
   keywords: l = [],
   icon: p
@@ -364,29 +364,29 @@ function xe({
     highlightedIndex: y,
     setHighlightedIndex: q,
     baseId: z
-  } = j(), h = ee(), E = c || (typeof r == "string" ? r : "");
+  } = A(), h = ne(), E = c || (typeof r == "string" ? r : "");
   M(() => (f(h, E, l, d), () => x(h)), [h, E, l, d, f, x]);
-  const G = K(a);
-  if (G.current = a, !I.some((v) => v.id === h)) return null;
-  const L = I.filter((v) => !v.disabled).findIndex((v) => v.id === h), D = L === y, J = () => {
-    !d && a && a();
+  const G = H(s);
+  if (G.current = s, !I.some((v) => v.id === h)) return null;
+  const L = I.filter((v) => !v.disabled).findIndex((v) => v.id === h), $ = L === y, X = () => {
+    !d && s && s();
   };
   return /* @__PURE__ */ m(
     "div",
     {
       id: `${z}-item-${h}`,
       role: "option",
-      "aria-selected": D,
+      "aria-selected": $,
       "aria-disabled": d,
       "data-command-item": !0,
-      "data-highlighted": D,
+      "data-highlighted": $,
       className: [
         "px-3 py-2 cursor-pointer flex items-center gap-3",
-        D && "bg-primary text-primary-content",
-        !D && "hover:bg-base-200",
+        $ && "bg-primary text-primary-content",
+        !$ && "hover:bg-base-200",
         d && "opacity-50 cursor-not-allowed"
       ].filter(Boolean).join(" "),
-      onClick: J,
+      onClick: X,
       onMouseEnter: () => !d && q(L),
       children: [
         p && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: p }),
@@ -395,28 +395,28 @@ function xe({
     }
   );
 }
-function ye({ children: r = "No results found." }) {
-  const { filteredItems: c, searchValue: a } = j();
-  return c.length > 0 || !a ? null : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: r });
+function Ce({ children: r = "No results found." }) {
+  const { filteredItems: c, searchValue: s } = A();
+  return c.length > 0 || !s ? null : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: r });
 }
-function re({ id: r, children: c }) {
-  const { currentPage: a } = j();
-  return a !== r ? null : /* @__PURE__ */ n(_, { children: c });
+function ae({ id: r, children: c }) {
+  const { currentPage: s } = A();
+  return s !== r ? null : /* @__PURE__ */ n(te, { children: c });
 }
-function ve() {
+function Ie() {
   return /* @__PURE__ */ n("div", { className: "my-2 border-t border-base-content/10", role: "separator" });
 }
-const Ce = Object.assign(ne, {
-  Input: he,
-  List: be,
-  Group: ge,
-  Item: xe,
-  Empty: ye,
-  Page: re,
-  Separator: ve
+const Le = Object.assign(se, {
+  Input: ye,
+  List: ve,
+  Group: ke,
+  Item: we,
+  Empty: Ce,
+  Page: ae,
+  Separator: Ie
 });
 export {
-  Ce as Command,
-  Ce as default
+  Le as Command,
+  Le as default
 };
 //# sourceMappingURL=Command.js.map