@alfadocs/ui-kit 1.80.0 → 1.82.0

package/dist/_chunks/{command-palette-D9TBzmOG.js → command-palette-B3dVqm9D.js}

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as m, Fragment as K } from "react/jsx-runtime";
+import { jsx as n, jsxs as m, Fragment as K } from "react/jsx-runtime";
 import { forwardRef as u, useState as k, useEffect as v, useRef as C, useMemo as w, useCallback as B } from "react";
 import { _ as p, R as J } from "./index-4xgbg-sn.js";
 import * as h from "@radix-ui/react-dialog";
@@ -112,8 +112,8 @@ function pe() {
         r.preventDefault(), t((f) => !f);
         return;
       }
-      const d = r.target, l = d == null ? void 0 : d.tagName.toLowerCase();
-      (l === "input" || l === "textarea" || d != null && d.isContentEditable) && (e && r.key);
+      const o = r.target, l = o == null ? void 0 : o.tagName.toLowerCase();
+      (l === "input" || l === "textarea" || o != null && o.isContentEditable) && (e && r.key);
     }
     return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
   }, [e]), { open: e, setOpen: t };
@@ -122,10 +122,10 @@ const Z = [
   "ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden",
   "ds:rounded-[var(--radius-md)]",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
-].join(" "), M = u(({ className: e, filter: t = X, id: a, ...r }, o) => /* @__PURE__ */ s(
+].join(" "), M = u(({ className: e, filter: t = X, id: a, ...r }, d) => /* @__PURE__ */ n(
   p,
   {
-    ref: o,
+    ref: d,
     filter: t,
     className: [Z, e].filter(Boolean).join(" "),
     "data-component": "command-palette",
@@ -147,20 +147,20 @@ const ee = [
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   "ds:border-0"
 ].join(" "), O = u(({ className: e, placeholder: t, ...a }, r) => {
-  const { t: o } = R("ui");
+  const { t: d } = R("ui");
   return /* @__PURE__ */ m("div", { className: ee, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ n(
       $,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:me-2 ds:text-[var(--muted-foreground)]"
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ n(
       p.Input,
       {
         ref: r,
-        placeholder: t ?? o("navigation.cmdk.placeholder", "Type a command or search…"),
+        placeholder: t ?? d("navigation.cmdk.placeholder", "Type a command or search…"),
         className: [te, e].filter(Boolean).join(" "),
         ...a
       }
@@ -168,7 +168,7 @@ const ee = [
   ] });
 });
 O.displayName = "CommandInput";
-const A = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+const A = u(({ className: e, ...t }, a) => /* @__PURE__ */ n(
   p.List,
   {
     ref: a,
@@ -183,8 +183,8 @@ const A = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
 ));
 A.displayName = "CommandList";
 const D = u(({ className: e, children: t, ...a }, r) => {
-  const { t: o } = R("ui");
-  return /* @__PURE__ */ s(
+  const { t: d } = R("ui");
+  return /* @__PURE__ */ n(
     p.Empty,
     {
       ref: r,
@@ -194,12 +194,12 @@ const D = u(({ className: e, children: t, ...a }, r) => {
         e ?? ""
       ].filter(Boolean).join(" "),
       ...a,
-      children: t ?? o("navigation.cmdk.empty", "No results found")
+      children: t ?? d("navigation.cmdk.empty", "No results found")
     }
   );
 });
 D.displayName = "CommandEmpty";
-const N = u(({ className: e, heading: t, ...a }, r) => /* @__PURE__ */ s(
+const N = u(({ className: e, heading: t, ...a }, r) => /* @__PURE__ */ n(
   p.Group,
   {
     ref: r,
@@ -229,7 +229,7 @@ const ae = [
   V.selected,
   "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), x = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), x = u(({ className: e, ...t }, a) => /* @__PURE__ */ n(
   p.Item,
   {
     ref: a,
@@ -238,7 +238,7 @@ const ae = [
   }
 ));
 x.displayName = "CommandItem";
-const G = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+const G = u(({ className: e, ...t }, a) => /* @__PURE__ */ n(
   p.Separator,
   {
     ref: a,
@@ -253,7 +253,7 @@ const G = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
 ));
 G.displayName = "CommandSeparator";
 const S = u(
-  ({ className: e, children: t, ...a }, r) => /* @__PURE__ */ s(
+  ({ className: e, children: t, ...a }, r) => /* @__PURE__ */ n(
     "kbd",
     {
       ref: r,
@@ -276,18 +276,18 @@ const S = u(
   )
 );
 S.displayName = "CommandShortcut";
-function se(e, t) {
+function ne(e, t) {
   if (!t) return e;
-  const a = y(e), r = y(t), o = a.indexOf(r);
-  if (o === -1) return e;
-  const d = e.slice(0, o), l = e.slice(o, o + r.length), g = e.slice(o + r.length);
+  const a = y(e), r = y(t), d = a.indexOf(r);
+  if (d === -1) return e;
+  const o = e.slice(0, d), l = e.slice(d, d + r.length), g = e.slice(d + r.length);
   return /* @__PURE__ */ m(K, { children: [
-    d,
-    /* @__PURE__ */ s("mark", { className: "ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em] ds:group-data-[selected=true]/menu-row:bg-transparent ds:group-data-[selected=true]/menu-row:underline", children: l }),
+    o,
+    /* @__PURE__ */ n("mark", { className: "ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em] ds:group-data-[selected=true]/menu-row:bg-transparent ds:group-data-[selected=true]/menu-row:underline", children: l }),
     g
   ] });
 }
-const ne = [
+const se = [
   "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
   "ds:bg-[var(--background)]/70 ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
@@ -309,15 +309,15 @@ const ne = [
   "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
   "ds:motion-reduce:animate-none",
   "ds:focus:outline-none"
-].join(" "), q = ({ children: e }) => /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e });
+].join(" "), q = ({ children: e }) => /* @__PURE__ */ n("span", { className: "ds:sr-only", children: e });
 function ge({
   open: e,
   onOpenChange: t,
   commands: a,
   header: r,
-  id: o
+  id: d
 }) {
-  const { t: d } = R("ui"), [l, g] = k(""), [f, E] = k(Y);
+  const { t: o } = R("ui"), [l, g] = k(""), [f, E] = k(Y);
   v(() => {
     e || g("");
   }, [e]);
@@ -339,40 +339,40 @@ function ge({
       getIsOpen: () => I.current,
       open: () => b.current(!0),
       close: () => b.current(!1),
-      setQuery: (n) => g(n)
+      setQuery: (s) => g(s)
     }),
     []
   );
-  W(U, H, o);
+  W(U, H, d);
   const F = w(() => {
-    const n = /* @__PURE__ */ new Map();
+    const s = /* @__PURE__ */ new Map();
     return a.forEach((c) => {
-      const i = n.get(c.group) ?? [];
-      i.push(c), n.set(c.group, i);
-    }), n;
+      const i = s.get(c.group) ?? [];
+      i.push(c), s.set(c.group, i);
+    }), s;
   }, [a]), z = w(() => {
     if (l) return [];
-    const n = new Map(a.map((c) => [c.id, c]));
-    return f.map((c) => n.get(c)).filter(Boolean);
+    const s = new Map(a.map((c) => [c.id, c]));
+    return f.map((c) => s.get(c)).filter(Boolean);
   }, [a, f, l]), P = B(
-    (n) => {
+    (s) => {
       t(!1);
-      const c = [n.id, ...f.filter((i) => i !== n.id)].slice(
+      const c = [s.id, ...f.filter((i) => i !== s.id)].slice(
         0,
         j
       );
-      E(c), T(c), setTimeout(() => n.onSelect(), 0);
+      E(c), T(c), setTimeout(() => s.onSelect(), 0);
     },
     [f, t]
   ), Q = B(() => {
     E([]), T([]);
   }, []);
-  return /* @__PURE__ */ s(h.Root, { open: e, onOpenChange: t, children: /* @__PURE__ */ m(h.Portal, { children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(h.Root, { open: e, onOpenChange: t, children: /* @__PURE__ */ m(h.Portal, { children: [
+    /* @__PURE__ */ n(
       h.Overlay,
       {
         "data-component": "command-palette-overlay",
-        className: ne
+        className: se
       }
     ),
     /* @__PURE__ */ m(
@@ -380,49 +380,49 @@ function ge({
       {
         "data-component": "command-palette-dialog",
         className: re,
-        "aria-label": d("navigation.cmdk.title", "Command palette"),
+        "aria-label": o("navigation.cmdk.title", "Command palette"),
         children: [
-          /* @__PURE__ */ s(h.Title, { asChild: !0, children: /* @__PURE__ */ s(q, { children: d("navigation.cmdk.title", "Command palette") }) }),
-          /* @__PURE__ */ s(h.Description, { asChild: !0, children: /* @__PURE__ */ s(q, { children: d(
+          /* @__PURE__ */ n(h.Title, { asChild: !0, children: /* @__PURE__ */ n(q, { children: o("navigation.cmdk.title", "Command palette") }) }),
+          /* @__PURE__ */ n(h.Description, { asChild: !0, children: /* @__PURE__ */ n(q, { children: o(
             "navigation.cmdk.description",
             "Search for commands, pages, and actions"
           ) }) }),
           /* @__PURE__ */ m(
             M,
             {
-              id: o,
-              label: d("navigation.cmdk.title", "Command palette"),
+              id: d,
+              label: o("navigation.cmdk.title", "Command palette"),
               children: [
                 r,
-                /* @__PURE__ */ s(O, { value: l, onValueChange: g }),
-                /* @__PURE__ */ m(A, { children: [
-                  /* @__PURE__ */ s(D, {}),
+                /* @__PURE__ */ n(O, { value: l, onValueChange: g }),
+                /* @__PURE__ */ m(A, { label: o("navigation.cmdk.title", "Command palette"), children: [
+                  /* @__PURE__ */ n(D, {}),
                   z.length > 0 ? /* @__PURE__ */ m(K, { children: [
                     /* @__PURE__ */ m(
                       N,
                       {
-                        heading: d("navigation.cmdk.recents", "Recent"),
+                        heading: o("navigation.cmdk.recents", "Recent"),
                         children: [
-                          z.map((n) => /* @__PURE__ */ m(
+                          z.map((s) => /* @__PURE__ */ m(
                             x,
                             {
-                              value: `recent-${n.label}`,
-                              "data-command-id": n.id,
-                              onSelect: () => P(n),
+                              value: `recent-${s.label}`,
+                              "data-command-id": s.id,
+                              onSelect: () => P(s),
                               children: [
-                                n.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: n.icon }) : null,
-                                /* @__PURE__ */ s("span", { children: n.label }),
-                                n.shortcut ? /* @__PURE__ */ s(S, { children: n.shortcut }) : null
+                                s.icon ? /* @__PURE__ */ n("span", { "aria-hidden": "true", children: s.icon }) : null,
+                                /* @__PURE__ */ n("span", { children: s.label }),
+                                s.shortcut ? /* @__PURE__ */ n(S, { children: s.shortcut }) : null
                               ]
                             },
-                            `recent-${n.id}`
+                            `recent-${s.id}`
                           )),
-                          /* @__PURE__ */ s(
+                          /* @__PURE__ */ n(
                             x,
                             {
                               value: "__clear-recents",
                               onSelect: Q,
-                              children: /* @__PURE__ */ s("span", { children: d(
+                              children: /* @__PURE__ */ n("span", { children: o(
                                 "navigation.cmdk.clearRecents",
                                 "Clear recent commands"
                               ) })
@@ -431,9 +431,9 @@ function ge({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ s(G, {})
+                    /* @__PURE__ */ n(G, {})
                   ] }) : null,
-                  Array.from(F.entries()).map(([n, c]) => /* @__PURE__ */ s(N, { heading: n, children: c.map((i) => /* @__PURE__ */ m(
+                  Array.from(F.entries()).map(([s, c]) => /* @__PURE__ */ n(N, { heading: s, children: c.map((i) => /* @__PURE__ */ m(
                     x,
                     {
                       value: i.label,
@@ -441,13 +441,13 @@ function ge({
                       keywords: i.keywords,
                       onSelect: () => P(i),
                       children: [
-                        i.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: i.icon }) : null,
-                        /* @__PURE__ */ s("span", { children: se(i.label, l) }),
-                        i.shortcut ? /* @__PURE__ */ s(S, { children: i.shortcut }) : null
+                        i.icon ? /* @__PURE__ */ n("span", { "aria-hidden": "true", children: i.icon }) : null,
+                        /* @__PURE__ */ n("span", { children: ne(i.label, l) }),
+                        i.shortcut ? /* @__PURE__ */ n(S, { children: i.shortcut }) : null
                       ]
                     },
                     i.id
-                  )) }, n))
+                  )) }, s))
                 ] })
               ]
             }
@@ -469,7 +469,7 @@ export {
   S as h,
   U as i,
   X as j,
-  se as k,
+  ne as k,
   pe as u
 };
-//# sourceMappingURL=command-palette-D9TBzmOG.js.map
+//# sourceMappingURL=command-palette-B3dVqm9D.js.map