@devalok/shilp-sutra 0.57.0 → 0.60.0

package/dist/composed/bulk-action-bar.js

@@ -1,140 +1,3 @@
 "use client";
-import { springs as e } from "../ui/lib/motion.js";
-import { cn as t } from "../ui/lib/utils.js";
-import { Icon as n } from "../ui/icon.js";
-import { BadgeCompound as r } from "../_chunks/badge-group.js";
-import { Button as i } from "../ui/button.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { createPortal as c } from "react-dom";
-import { IconX as l } from "@tabler/icons-react";
-import { AnimatePresence as u, motion as d, useReducedMotion as f } from "framer-motion";
-//#region src/composed/bulk-action-bar.tsx
-var p = a.forwardRef(function({ show: p, count: m, onClearSelection: h, actions: g, totalCount: _, onSelectAll: v, className: y, ...b }, x) {
-	let S = f(), [C, w] = a.useState(!1), [T, E] = a.useState(0), [D, O] = a.useState(null), k = a.useRef([]), A = a.useRef(null), j = _ != null && _ > m && !!v, M = +!!j, N = M + g.length + 1;
-	a.useEffect(() => {
-		w(!0);
-	}, []), a.useEffect(() => {
-		E(0), O(null);
-	}, [g.length]), a.useEffect(() => {
-		D != null && A.current?.focus();
-	}, [D]);
-	let P = (e) => {
-		let t = (e + N) % N;
-		E(t), k.current[t]?.focus();
-	};
-	function F(e) {
-		if (e.key === "Escape") {
-			e.preventDefault(), D == null ? h() : (O(null), P(T));
-			return;
-		}
-		if (D != null) return;
-		let t = e.currentTarget.dir === "rtl" || document.dir === "rtl", n = t ? "ArrowLeft" : "ArrowRight", r = t ? "ArrowRight" : "ArrowLeft";
-		e.key === n ? (e.preventDefault(), P(T + 1)) : e.key === r ? (e.preventDefault(), P(T - 1)) : e.key === "Home" ? (e.preventDefault(), P(0)) : e.key === "End" && (e.preventDefault(), P(N - 1));
-	}
-	if (!C) return null;
-	let I = S ? { duration: 0 } : e.smooth;
-	return c(/* @__PURE__ */ o(u, { children: p && /* @__PURE__ */ s(d.div, {
-		ref: x,
-		initial: S ? { opacity: 0 } : {
-			y: 100,
-			opacity: 0
-		},
-		animate: S ? { opacity: 1 } : {
-			y: 0,
-			opacity: 1
-		},
-		exit: S ? { opacity: 0 } : {
-			y: 100,
-			opacity: 0
-		},
-		transition: I,
-		className: t("fixed bottom-ds-06 start-1/2 z-sticky -translate-x-1/2", "flex items-center gap-ds-04 rounded-surface bg-surface-overlay px-ds-05 py-ds-03 shadow-floating", y),
-		role: "toolbar",
-		"aria-label": `${m} items selected`,
-		onKeyDown: F,
-		...b,
-		children: [
-			/* @__PURE__ */ s(r, {
-				variant: "solid",
-				size: "sm",
-				children: [m, " selected"]
-			}),
-			j && /* @__PURE__ */ s(i, {
-				ref: (e) => {
-					k.current[0] = e;
-				},
-				variant: "link",
-				size: "xs",
-				tabIndex: T === 0 ? 0 : -1,
-				onClick: v,
-				children: ["Select all ", _]
-			}),
-			/* @__PURE__ */ o("div", {
-				className: "flex items-center gap-ds-02",
-				children: g.map((e, t) => {
-					let n = M + t;
-					return D === t ? /* @__PURE__ */ s("div", {
-						role: "group",
-						"aria-live": "assertive",
-						className: "flex items-center gap-ds-02",
-						children: [
-							/* @__PURE__ */ o("span", {
-								className: "whitespace-nowrap text-body-sm text-surface-fg-muted",
-								children: e.confirmMessage ?? "Are you sure?"
-							}),
-							/* @__PURE__ */ o(i, {
-								ref: A,
-								variant: "solid",
-								size: "sm",
-								color: e.color === "error" ? "error" : e.color ?? "accent",
-								onClick: () => {
-									O(null), e.onClick();
-								},
-								children: "Confirm"
-							}),
-							/* @__PURE__ */ o(i, {
-								variant: "ghost",
-								size: "sm",
-								onClick: () => {
-									O(null), P(n);
-								},
-								children: "Cancel"
-							})
-						]
-					}, e.label) : /* @__PURE__ */ o(i, {
-						ref: (e) => {
-							k.current[n] = e;
-						},
-						variant: "ghost",
-						size: "sm",
-						color: e.color ?? "accent",
-						disabled: e.disabled,
-						loading: e.loading,
-						startIcon: e.icon ?? void 0,
-						tabIndex: T === n ? 0 : -1,
-						onClick: e.requiresConfirmation ? () => O(t) : e.onClick,
-						children: e.label
-					}, e.label);
-				})
-			}),
-			/* @__PURE__ */ o(i, {
-				ref: (e) => {
-					k.current[N - 1] = e;
-				},
-				variant: "ghost",
-				size: "icon-sm",
-				tabIndex: T === N - 1 ? 0 : -1,
-				onClick: h,
-				"aria-label": "Clear selection",
-				children: /* @__PURE__ */ o(n, {
-					icon: l,
-					size: "sm"
-				})
-			})
-		]
-	}) }), document.body);
-});
-p.displayName = "BulkActionBar";
-//#endregion
-export { p as BulkActionBar };
+import { BulkActionBar as e } from "../ui/bulk-action-bar.js";
+export { e as BulkActionBar };

package/dist/composed/command-palette.js

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