@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/command-palette.js

@@ -1,312 +1,294 @@
 "use client";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import * as r from "react";
-import { Dialog as ne, DialogPortal as oe, DialogOverlay as ie, DialogContentRaw as de, DialogTitle as ce, DialogDescription as le } from "../ui/dialog.js";
-import { IconSearch as fe, IconCornerDownLeft as K, IconArrowUp as ue, IconArrowDown as me } from "@tabler/icons-react";
-import { Icon as w } from "../ui/icon.js";
-import { cn as N } from "../ui/lib/utils.js";
-import { springs as P, tweens as q } from "../ui/lib/motion.js";
-import { VisuallyHidden as pe } from "../ui/visually-hidden.js";
-import { u as be } from "../_chunks/motion-provider.js";
-import { g as xe, a as ge, m as he } from "../_chunks/keybinding.js";
-import { m, A as ye } from "../_chunks/framer.js";
-function ve(n) {
-  return n.filterValue ? n.filterValue : typeof n.label == "string" ? n.label : "";
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n, tweens as r } from "../ui/lib/motion.js";
+import { cn as i } from "../ui/lib/utils.js";
+import { Icon as a } from "../ui/icon.js";
+import { Dialog as o, DialogContentRaw as s, DialogDescription as c, DialogOverlay as l, DialogPortal as u, DialogTitle as ee } from "../ui/dialog.js";
+import { VisuallyHidden as d } from "../ui/visually-hidden.js";
+import { n as f } from "../_chunks/motion-provider.js";
+import { n as te, r as p, t as m } from "../_chunks/keybinding.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IconArrowDown as v, IconArrowUp as y, IconCornerDownLeft as b, IconSearch as ne } from "@tabler/icons-react";
+//#region src/composed/command-palette.tsx
+function re(e) {
+	return e.filterValue ? e.filterValue : typeof e.label == "string" ? e.label : "";
 }
-function we(n) {
-  return typeof n.description == "string" ? n.description : "";
+function ie(e) {
+	return typeof e.description == "string" ? e.description : "";
 }
-function Ne(n) {
-  return n.includes("+") ? n.split("+").map((p) => p.trim()).filter(Boolean) : n.split(/\s+/).filter(Boolean);
+function ae(e) {
+	return e.includes("+") ? e.split("+").map((e) => e.trim()).filter(Boolean) : e.split(/\s+/).filter(Boolean);
 }
-const ke = r.forwardRef(
-  function({
-    groups: p = [],
-    placeholder: O = "Search or jump to...",
-    onSearch: B,
-    emptyMessage: Q = "No results found.",
-    emptyState: T,
-    open: S,
-    defaultOpen: U,
-    onOpenChange: j,
-    keybinding: b = "mod+k",
-    maxHeight: C = "320px",
-    footerHints: A,
-    className: G,
-    ...H
-  }, J) {
-    const D = S !== void 0, [W, X] = r.useState(U ?? !1), x = D ? S : W, R = r.useRef(x);
-    R.current = x;
-    const d = r.useCallback(
-      (e) => {
-        const s = typeof e == "function" ? e(R.current) : e;
-        D || X(s), j?.(s);
-      },
-      [D, j]
-    ), [g, z] = r.useState(""), [f, h] = r.useState(0), L = r.useRef(null), $ = r.useRef(null), I = r.useId(), V = `command-palette-listbox-${I}`, { reducedMotion: c } = be(), k = { duration: 0 }, Y = r.useMemo(() => xe(), []), u = r.useMemo(() => {
-      if (!g.trim()) return p;
-      const e = g.toLowerCase();
-      return p.map((s) => ({
-        ...s,
-        items: s.items.filter(
-          (a) => ve(a).toLowerCase().includes(e) || we(a).toLowerCase().includes(e)
-        )
-      })).filter((s) => s.items.length > 0);
-    }, [p, g]), y = r.useMemo(
-      () => u.flatMap((e) => e.items),
-      [u]
-    );
-    r.useEffect(() => {
-      if (b === !1) return;
-      const e = Array.isArray(b) ? b : [b];
-      function s(a) {
-        for (const i of e)
-          if (he(a, i)) {
-            a.preventDefault(), d((l) => !l);
-            return;
-          }
-      }
-      return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-    }, [b, d]), r.useEffect(() => {
-      x && (z(""), h(0), requestAnimationFrame(() => {
-        L.current?.focus();
-      }));
-    }, [x]);
-    const Z = (e) => {
-      switch (e.key) {
-        case "ArrowDown": {
-          e.preventDefault(), h(
-            (s) => s < y.length - 1 ? s + 1 : 0
-          );
-          break;
-        }
-        case "ArrowUp": {
-          e.preventDefault(), h(
-            (s) => s > 0 ? s - 1 : y.length - 1
-          );
-          break;
-        }
-        case "Enter": {
-          e.preventDefault();
-          const s = y[f];
-          s && (s.onSelect(), d(!1));
-          break;
-        }
-        case "Escape": {
-          e.preventDefault(), d(!1);
-          break;
-        }
-      }
-    };
-    r.useEffect(() => {
-      $.current?.querySelector(
-        `[data-command-index="${f}"]`
-      )?.scrollIntoView({ block: "nearest" });
-    }, [f]);
-    const _ = (e) => {
-      z(e), h(0), B?.(e);
-    }, ee = r.useMemo(() => {
-      const e = /* @__PURE__ */ new Map();
-      let s = 0;
-      for (const a of u)
-        for (const i of a.items)
-          e.set(i.id, s++);
-      return e;
-    }, [u]), te = c ? k : P.snappy, M = c ? k : q.fade, v = c ? { opacity: 1, scale: 1, y: 0 } : void 0, se = typeof C == "number" ? `${C}px` : C, F = A === !1 ? !1 : A ?? [
-      { keys: "↑↓", label: "Navigate" },
-      { keys: "↵", label: "Select" },
-      { keys: "Esc", label: "Close" }
-    ], ae = r.useCallback(
-      (e) => {
-        d(e);
-      },
-      [d]
-    );
-    return /* @__PURE__ */ t(ne, { open: x, onOpenChange: ae, children: /* @__PURE__ */ o(oe, { children: [
-      /* @__PURE__ */ t(
-        ie,
-        {
-          className: "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
-        }
-      ),
-      /* @__PURE__ */ o(
-        de,
-        {
-          ref: J,
-          ...H,
-          className: N(
-            "fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2",
-            "overflow-hidden rounded-ds-xl border border-surface-border-strong bg-surface-overlay shadow-overlay",
-            "duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-            "data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2",
-            "data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2",
-            G
-          ),
-          onKeyDown: Z,
-          children: [
-            /* @__PURE__ */ o(pe, { children: [
-              /* @__PURE__ */ t(ce, { children: "Command Palette" }),
-              /* @__PURE__ */ t(le, { children: "Search or jump to pages, projects, tasks, and actions" })
-            ] }),
-            /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-04 border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
-              /* @__PURE__ */ t(
-                m.span,
-                {
-                  initial: v ?? { opacity: 0, scale: 0.96 },
-                  animate: { opacity: 1, scale: 1 },
-                  transition: te,
-                  className: "inline-flex shrink-0",
-                  children: /* @__PURE__ */ t(w, { icon: fe, size: "sm", stroke: "light", className: "text-surface-fg-subtle" })
-                }
-              ),
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: L,
-                  value: g,
-                  onChange: (e) => _(e.target.value),
-                  placeholder: O,
-                  role: "combobox",
-                  "aria-expanded": !0,
-                  "aria-controls": V,
-                  "aria-activedescendant": y[f] ? `command-item-${I}-${y[f].id}` : void 0,
-                  "aria-autocomplete": "list",
-                  className: N(
-                    "flex-1 bg-transparent text-ds-base text-surface-fg outline-hidden",
-                    "placeholder:text-surface-fg-subtle"
-                  ),
-                  autoComplete: "off",
-                  autoCorrect: "off",
-                  spellCheck: !1
-                }
-              ),
-              /* @__PURE__ */ t("kbd", { className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex", children: "Esc" })
-            ] }),
-            /* @__PURE__ */ o(
-              "div",
-              {
-                ref: $,
-                id: V,
-                role: "listbox",
-                "aria-label": "Command results",
-                className: "overflow-y-auto px-ds-03 py-ds-03",
-                style: { maxHeight: se },
-                children: [
-                  u.length === 0 && /* @__PURE__ */ t(
-                    m.div,
-                    {
-                      initial: v ?? { opacity: 0 },
-                      animate: { opacity: 1 },
-                      transition: M,
-                      className: "flex items-center justify-center py-ds-07",
-                      children: T ?? /* @__PURE__ */ t("p", { className: "text-ds-md text-surface-fg-subtle", children: Q })
-                    }
-                  ),
-                  u.map((e, s) => /* @__PURE__ */ o(
-                    m.div,
-                    {
-                      initial: v ?? { opacity: 0 },
-                      animate: { opacity: 1 },
-                      transition: c ? k : { ...q.fade, delay: s * 0.06 },
-                      className: "mb-ds-02",
-                      children: [
-                        /* @__PURE__ */ t("div", { className: "px-ds-03 pb-ds-02 pt-ds-03", children: /* @__PURE__ */ t("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: e.label }) }),
-                        e.items.map((a) => {
-                          const i = ee.get(a.id) ?? 0, l = i === f;
-                          return /* @__PURE__ */ o(
-                            m.button,
-                            {
-                              id: `command-item-${I}-${a.id}`,
-                              type: "button",
-                              role: "option",
-                              "aria-selected": l,
-                              "data-command-index": i,
-                              initial: v ?? { opacity: 0, y: 4 },
-                              animate: { opacity: 1, y: 0 },
-                              transition: c ? k : { ...P.snappy, delay: i * 0.03 },
-                              onClick: () => {
-                                a.onSelect(), d(!1);
-                              },
-                              onMouseEnter: () => h(i),
-                              className: N(
-                                "flex w-full items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 text-left transition-[color,background-color] duration-fast-02 ease-productive-standard",
-                                l ? "bg-surface-raised-hover text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"
-                              ),
-                              children: [
-                                a.icon && /* @__PURE__ */ t(
-                                  "span",
-                                  {
-                                    className: N(
-                                      "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02 ease-productive-standard",
-                                      l ? "text-accent-11" : "text-surface-fg-subtle"
-                                    ),
-                                    "aria-hidden": "true",
-                                    children: a.icon
-                                  }
-                                ),
-                                /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col", children: [
-                                  /* @__PURE__ */ t("span", { className: "text-ds-md", children: a.renderLabel ? a.renderLabel(g) : a.label }),
-                                  a.description && /* @__PURE__ */ t("span", { className: "text-ds-sm text-surface-fg-subtle", children: a.description })
-                                ] }),
-                                a.shortcut && /* @__PURE__ */ t("span", { className: "flex shrink-0 items-center gap-ds-01", children: Ne(a.shortcut).map((E, re) => /* @__PURE__ */ t(
-                                  "kbd",
-                                  {
-                                    className: N(
-                                      "inline-flex min-w-[20px] items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-kbd transition-colors duration-fast-02 ease-productive-standard",
-                                      l ? "bg-accent-2 text-accent-11 border-accent-6" : "bg-surface-raised text-surface-fg-subtle border-surface-border-strong"
-                                    ),
-                                    children: E === "Ctrl" || E === "ctrl" ? ge(Y) : E
-                                  },
-                                  re
-                                )) }),
-                                /* @__PURE__ */ t(ye, { children: l && /* @__PURE__ */ t(
-                                  m.span,
-                                  {
-                                    initial: c ? void 0 : { opacity: 0 },
-                                    animate: { opacity: 1 },
-                                    exit: c ? void 0 : { opacity: 0 },
-                                    transition: M,
-                                    className: "inline-flex shrink-0",
-                                    children: /* @__PURE__ */ t(w, { icon: K, size: "sm", stroke: "light", className: "text-surface-fg-subtle" })
-                                  }
-                                ) })
-                              ]
-                            },
-                            a.id
-                          );
-                        })
-                      ]
-                    },
-                    e.label
-                  ))
-                ]
-              }
-            ),
-            F !== !1 && /* @__PURE__ */ t(
-              m.div,
-              {
-                initial: v ?? { opacity: 0 },
-                animate: { opacity: 1 },
-                transition: M,
-                className: "flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03",
-                children: F.map((e, s) => /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02b", children: [
-                  e.keys === "↑↓" ? /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-01", children: [
-                    /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd", children: /* @__PURE__ */ t(w, { icon: ue, size: "xs", className: "text-surface-fg-subtle" }) }),
-                    /* @__PURE__ */ t("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd", children: /* @__PURE__ */ t(w, { icon: me, size: "xs", className: "text-surface-fg-subtle" }) })
-                  ] }) : e.keys === "↵" ? /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd", children: /* @__PURE__ */ t(w, { icon: K, size: "xs", className: "text-surface-fg-subtle" }) }) : /* @__PURE__ */ t("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd", children: e.keys }),
-                  /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: e.label })
-                ] }, s))
-              }
-            )
-          ]
-        }
-      )
-    ] }) });
-  }
-);
-ke.displayName = "CommandPalette";
-export {
-  ke as CommandPalette
-};
+var x = h.forwardRef(function({ groups: x = [], placeholder: oe = "Search or jump to...", onSearch: S, emptyMessage: C = "No results found.", emptyState: se, open: w, defaultOpen: T, onOpenChange: E, keybinding: D = "mod+k", maxHeight: O = "320px", footerHints: k, className: ce, ...A }, j) {
+	let M = w !== void 0, [N, P] = h.useState(T ?? !1), F = M ? w : N, I = h.useRef(F);
+	I.current = F;
+	let L = h.useCallback((e) => {
+		let t = typeof e == "function" ? e(I.current) : e;
+		M || P(t), E?.(t);
+	}, [M, E]), [R, z] = h.useState(""), [B, V] = h.useState(0), H = h.useRef(null), U = h.useRef(null), W = h.useId(), G = `command-palette-listbox-${W}`, { reducedMotion: K } = f(), q = { duration: 0 }, le = h.useMemo(() => m(), []), J = h.useMemo(() => {
+		if (!R.trim()) return x;
+		let e = R.toLowerCase();
+		return x.map((t) => ({
+			...t,
+			items: t.items.filter((t) => re(t).toLowerCase().includes(e) || ie(t).toLowerCase().includes(e))
+		})).filter((e) => e.items.length > 0);
+	}, [x, R]), Y = h.useMemo(() => J.flatMap((e) => e.items), [J]);
+	h.useEffect(() => {
+		if (D === !1) return;
+		let e = Array.isArray(D) ? D : [D];
+		function t(t) {
+			for (let n of e) if (p(t, n)) {
+				t.preventDefault(), L((e) => !e);
+				return;
+			}
+		}
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [D, L]), h.useEffect(() => {
+		F && (z(""), V(0), requestAnimationFrame(() => {
+			H.current?.focus();
+		}));
+	}, [F]);
+	let ue = (e) => {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), V((e) => e < Y.length - 1 ? e + 1 : 0);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), V((e) => e > 0 ? e - 1 : Y.length - 1);
+				break;
+			case "Enter": {
+				e.preventDefault();
+				let t = Y[B];
+				t && (t.onSelect(), L(!1));
+				break;
+			}
+			case "Escape":
+				e.preventDefault(), L(!1);
+				break;
+		}
+	};
+	h.useEffect(() => {
+		(U.current?.querySelector(`[data-command-index="${B}"]`))?.scrollIntoView({ block: "nearest" });
+	}, [B]);
+	let de = (e) => {
+		z(e), V(0), S?.(e);
+	}, fe = h.useMemo(() => {
+		let e = /* @__PURE__ */ new Map(), t = 0;
+		for (let n of J) for (let r of n.items) e.set(r.id, t++);
+		return e;
+	}, [J]), X = K ? q : n.snappy, Z = K ? q : r.fade, Q = K ? {
+		opacity: 1,
+		scale: 1,
+		y: 0
+	} : void 0, pe = typeof O == "number" ? `${O}px` : O, $ = k === !1 ? !1 : k ?? [
+		{
+			keys: "↑↓",
+			label: "Navigate"
+		},
+		{
+			keys: "↵",
+			label: "Select"
+		},
+		{
+			keys: "Esc",
+			label: "Close"
+		}
+	];
+	return /* @__PURE__ */ g(o, {
+		open: F,
+		onOpenChange: h.useCallback((e) => {
+			L(e);
+		}, [L]),
+		children: /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(l, { className: "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), /* @__PURE__ */ _(s, {
+			ref: j,
+			...A,
+			className: i("fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2", "overflow-hidden rounded-ds-xl border border-surface-border-strong bg-surface-overlay shadow-overlay", "duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2", "data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2", ce),
+			onKeyDown: ue,
+			children: [
+				/* @__PURE__ */ _(d, { children: [/* @__PURE__ */ g(ee, { children: "Command Palette" }), /* @__PURE__ */ g(c, { children: "Search or jump to pages, projects, tasks, and actions" })] }),
+				/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-ds-04 border-b border-surface-border-strong px-ds-05 py-ds-04",
+					children: [
+						/* @__PURE__ */ g(e.span, {
+							initial: Q ?? {
+								opacity: 0,
+								scale: .96
+							},
+							animate: {
+								opacity: 1,
+								scale: 1
+							},
+							transition: X,
+							className: "inline-flex shrink-0",
+							children: /* @__PURE__ */ g(a, {
+								icon: ne,
+								size: "sm",
+								stroke: "light",
+								className: "text-surface-fg-subtle"
+							})
+						}),
+						/* @__PURE__ */ g("input", {
+							ref: H,
+							value: R,
+							onChange: (e) => de(e.target.value),
+							placeholder: oe,
+							role: "combobox",
+							"aria-expanded": !0,
+							"aria-controls": G,
+							"aria-activedescendant": Y[B] ? `command-item-${W}-${Y[B].id}` : void 0,
+							"aria-autocomplete": "list",
+							className: i("flex-1 bg-transparent text-ds-base text-surface-fg outline-hidden", "placeholder:text-surface-fg-subtle"),
+							autoComplete: "off",
+							autoCorrect: "off",
+							spellCheck: !1
+						}),
+						/* @__PURE__ */ g("kbd", {
+							className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex",
+							children: "Esc"
+						})
+					]
+				}),
+				/* @__PURE__ */ _("div", {
+					ref: U,
+					id: G,
+					role: "listbox",
+					"aria-label": "Command results",
+					className: "overflow-y-auto px-ds-03 py-ds-03",
+					style: { maxHeight: pe },
+					children: [J.length === 0 && /* @__PURE__ */ g(e.div, {
+						initial: Q ?? { opacity: 0 },
+						animate: { opacity: 1 },
+						transition: Z,
+						className: "flex items-center justify-center py-ds-07",
+						children: se ?? /* @__PURE__ */ g("p", {
+							className: "text-ds-md text-surface-fg-subtle",
+							children: C
+						})
+					}), J.map((o, s) => /* @__PURE__ */ _(e.div, {
+						initial: Q ?? { opacity: 0 },
+						animate: { opacity: 1 },
+						transition: K ? q : {
+							...r.fade,
+							delay: s * .06
+						},
+						className: "mb-ds-02",
+						children: [/* @__PURE__ */ g("div", {
+							className: "px-ds-03 pb-ds-02 pt-ds-03",
+							children: /* @__PURE__ */ g("span", {
+								className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
+								children: o.label
+							})
+						}), o.items.map((r) => {
+							let o = fe.get(r.id) ?? 0, s = o === B;
+							return /* @__PURE__ */ _(e.button, {
+								id: `command-item-${W}-${r.id}`,
+								type: "button",
+								role: "option",
+								"aria-selected": s,
+								"data-command-index": o,
+								initial: Q ?? {
+									opacity: 0,
+									y: 4
+								},
+								animate: {
+									opacity: 1,
+									y: 0
+								},
+								transition: K ? q : {
+									...n.snappy,
+									delay: o * .03
+								},
+								onClick: () => {
+									r.onSelect(), L(!1);
+								},
+								onMouseEnter: () => V(o),
+								className: i("flex w-full items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 text-left transition-[color,background-color] duration-fast-02 ease-productive-standard", s ? "bg-surface-raised-hover text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
+								children: [
+									r.icon && /* @__PURE__ */ g("span", {
+										className: i("[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02 ease-productive-standard", s ? "text-accent-11" : "text-surface-fg-subtle"),
+										"aria-hidden": "true",
+										children: r.icon
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "flex flex-1 flex-col",
+										children: [/* @__PURE__ */ g("span", {
+											className: "text-ds-md",
+											children: r.renderLabel ? r.renderLabel(R) : r.label
+										}), r.description && /* @__PURE__ */ g("span", {
+											className: "text-ds-sm text-surface-fg-subtle",
+											children: r.description
+										})]
+									}),
+									r.shortcut && /* @__PURE__ */ g("span", {
+										className: "flex shrink-0 items-center gap-ds-01",
+										children: ae(r.shortcut).map((e, t) => /* @__PURE__ */ g("kbd", {
+											className: i("inline-flex min-w-[20px] items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-kbd transition-colors duration-fast-02 ease-productive-standard", s ? "bg-accent-2 text-accent-11 border-accent-6" : "bg-surface-raised text-surface-fg-subtle border-surface-border-strong"),
+											children: e === "Ctrl" || e === "ctrl" ? te(le) : e
+										}, t))
+									}),
+									/* @__PURE__ */ g(t, { children: s && /* @__PURE__ */ g(e.span, {
+										initial: K ? void 0 : { opacity: 0 },
+										animate: { opacity: 1 },
+										exit: K ? void 0 : { opacity: 0 },
+										transition: Z,
+										className: "inline-flex shrink-0",
+										children: /* @__PURE__ */ g(a, {
+											icon: b,
+											size: "sm",
+											stroke: "light",
+											className: "text-surface-fg-subtle"
+										})
+									}) })
+								]
+							}, r.id);
+						})]
+					}, o.label))]
+				}),
+				$ !== !1 && /* @__PURE__ */ g(e.div, {
+					initial: Q ?? { opacity: 0 },
+					animate: { opacity: 1 },
+					transition: Z,
+					className: "flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03",
+					children: $.map((e, t) => /* @__PURE__ */ _("div", {
+						className: "flex items-center gap-ds-02b",
+						children: [e.keys === "↑↓" ? /* @__PURE__ */ _("div", {
+							className: "flex items-center gap-ds-01",
+							children: [/* @__PURE__ */ g("kbd", {
+								className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd",
+								children: /* @__PURE__ */ g(a, {
+									icon: y,
+									size: "xs",
+									className: "text-surface-fg-subtle"
+								})
+							}), /* @__PURE__ */ g("kbd", {
+								className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd",
+								children: /* @__PURE__ */ g(a, {
+									icon: v,
+									size: "xs",
+									className: "text-surface-fg-subtle"
+								})
+							})]
+						}) : e.keys === "↵" ? /* @__PURE__ */ g("kbd", {
+							className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd",
+							children: /* @__PURE__ */ g(a, {
+								icon: b,
+								size: "xs",
+								className: "text-surface-fg-subtle"
+							})
+						}) : /* @__PURE__ */ g("kbd", {
+							className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd",
+							children: e.keys
+						}), /* @__PURE__ */ g("span", {
+							className: "text-ds-xs text-surface-fg-subtle",
+							children: e.label
+						})]
+					}, t))
+				})
+			]
+		})] })
+	});
+});
+x.displayName = "CommandPalette";
+//#endregion
+export { x as CommandPalette };