@devalok/shilp-sutra 0.52.0 → 0.53.0

package/dist/ai/command-bar.js

@@ -3,21 +3,21 @@ 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 { normalizeIcon as a } from "../_chunks/normalize-icon.js";
-import { Dialog as o, DialogContentRaw as s, DialogDescription as ee, DialogOverlay as te, DialogPortal as ne, DialogTitle as re } from "../ui/dialog.js";
-import { VisuallyHidden as ie } from "../ui/visually-hidden.js";
-import { useMotion as c } from "../_chunks/motion-provider.js";
-import { getIsMac as ae, getModifierDisplay as oe, matchesKeybinding as se } from "../_chunks/keybinding.js";
-import * as l from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { IconArrowDown as ce, IconArrowUp as le, IconCornerDownLeft as ue, IconLoader2 as de, IconSearch as fe, IconX as pe } from "@tabler/icons-react";
-import { AnimatePresence as p, motion as m } from "framer-motion";
+import { useMotion as a } from "../_chunks/motion-provider.js";
+import { normalizeIcon as o } from "../_chunks/normalize-icon.js";
+import { Dialog as s, DialogContentRaw as ee, DialogDescription as te, DialogOverlay as ne, DialogPortal as re, DialogTitle as ie } from "../ui/dialog.js";
+import { VisuallyHidden as ae } from "../ui/visually-hidden.js";
+import { getIsMac as oe, getModifierDisplay as se, matchesKeybinding as ce } from "../_chunks/keybinding.js";
+import * as c from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { IconArrowDown as le, IconArrowUp as ue, IconCornerDownLeft as de, IconLoader2 as fe, IconSearch as pe, IconX as me } from "@tabler/icons-react";
+import { AnimatePresence as f, motion as p } from "framer-motion";
 //#region src/ai/command-bar.tsx
-function me({ active: e, rounded: t, reducedMotion: n, children: i }) {
-	return e ? n ? /* @__PURE__ */ d("div", {
+function he({ active: e, rounded: t, reducedMotion: n, children: i }) {
+	return e ? n ? /* @__PURE__ */ u("div", {
 		className: r("p-[1.5px] bg-accent-9", t),
 		children: i
-	}) : /* @__PURE__ */ d(m.div, {
+	}) : /* @__PURE__ */ u(p.div, {
 		className: r("relative p-[1.5px]", t),
 		style: {
 			background: "linear-gradient(var(--gradient-angle, 0deg), #D33163, #9B5DE5, #C850C0, #D33163)",
@@ -34,32 +34,32 @@ function me({ active: e, rounded: t, reducedMotion: n, children: i }) {
 			ease: "linear"
 		} },
 		children: i
-	}) : /* @__PURE__ */ d(u, { children: i });
+	}) : /* @__PURE__ */ u(l, { children: i });
 }
-function he(e) {
+function ge(e) {
 	return e.filterValue ? e.filterValue : typeof e.label == "string" ? e.label : "";
 }
-function ge(e) {
+function _e(e) {
 	return typeof e.description == "string" ? e.description : "";
 }
-function _e({ placeholders: e, interval: t, paused: r }) {
-	let [i, a] = l.useState(0), { reducedMotion: o } = c();
-	return l.useEffect(() => {
+function ve({ placeholders: e, interval: t, paused: r }) {
+	let [i, o] = c.useState(0), { reducedMotion: s } = a();
+	return c.useEffect(() => {
 		if (r || e.length <= 1) return;
 		let n = setInterval(() => {
-			a((t) => (t + 1) % e.length);
+			o((t) => (t + 1) % e.length);
 		}, t);
 		return () => clearInterval(n);
 	}, [
 		r,
 		e.length,
 		t
-	]), o ? /* @__PURE__ */ d("span", {
+	]), s ? /* @__PURE__ */ u("span", {
 		className: "pointer-events-none absolute text-surface-fg-subtle",
 		children: e[i]
-	}) : /* @__PURE__ */ d(p, {
+	}) : /* @__PURE__ */ u(f, {
 		mode: "wait",
-		children: /* @__PURE__ */ d(m.span, {
+		children: /* @__PURE__ */ u(p.span, {
 			initial: {
 				opacity: 0,
 				y: -4
@@ -78,78 +78,78 @@ function _e({ placeholders: e, interval: t, paused: r }) {
 		}, e[i])
 	});
 }
-var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [], onSearch: _, emptyMessage: ve = "No results found.", emptyState: ye, variant: v = "hero", placeholder: y = "Ask anything...", placeholderInterval: be = 5e3, greeting: b, hints: x, agentName: xe, agentIcon: Se, open: Ce, defaultOpen: we, onOpenChange: Te, keybinding: S = "mod+j", disabled: C = !1, maxHeight: w = "320px", children: T, className: E, ...D }, O) {
-	let k = Ce !== void 0, [Ee, De] = l.useState(we ?? !1), A = k ? Ce : Ee, j = l.useRef(A);
-	j.current = A;
-	let M = l.useCallback((e) => {
-		let t = typeof e == "function" ? e(j.current) : e;
-		k || De(t), Te?.(t);
-	}, [k, Te]), [N, P] = l.useState(""), [F, I] = l.useState(-1), [L, Oe] = l.useState(""), [R, ke] = l.useState(!1), [z, Ae] = l.useState(!1), B = l.useRef(null), je = l.useRef(null), V = l.useId(), Me = `command-bar-listbox-${V}`, { reducedMotion: H } = c(), U = { duration: 0 }, Ne = l.useMemo(() => ae(), []), W = l.useMemo(() => Array.isArray(y) ? y : [y], [y]), G = g.length > 0, K = l.useMemo(() => {
+var m = c.forwardRef(function({ onSubmit: l, state: m = "idle", groups: h = [], onSearch: ye, emptyMessage: be = "No results found.", emptyState: xe, variant: g = "hero", placeholder: _ = "Ask anything...", placeholderInterval: Se = 5e3, greeting: v, hints: y, agentName: b, agentIcon: Ce, open: x, defaultOpen: we, onOpenChange: S, keybinding: C = "mod+j", disabled: w = !1, maxHeight: T = "320px", children: E, className: D, ...O }, k) {
+	let A = x !== void 0, [Te, Ee] = c.useState(we ?? !1), j = A ? x : Te, M = c.useRef(j);
+	M.current = j;
+	let N = c.useCallback((e) => {
+		let t = typeof e == "function" ? e(M.current) : e;
+		A || Ee(t), S?.(t);
+	}, [A, S]), [P, F] = c.useState(""), [I, L] = c.useState(-1), [De, Oe] = c.useState(""), [R, ke] = c.useState(!1), [z, Ae] = c.useState(!1), B = c.useRef(null), je = c.useRef(null), V = c.useId(), Me = `command-bar-listbox-${V}`, { reducedMotion: H } = a(), U = { duration: 0 }, Ne = c.useMemo(() => oe(), []), W = c.useMemo(() => Array.isArray(_) ? _ : [_], [_]), G = h.length > 0, K = c.useMemo(() => {
 		if (!G) return [];
-		if (!N.trim()) return g;
-		let e = N.toLowerCase();
-		return g.map((t) => ({
+		if (!P.trim()) return h;
+		let e = P.toLowerCase();
+		return h.map((t) => ({
 			...t,
-			items: t.items.filter((t) => he(t).toLowerCase().includes(e) || ge(t).toLowerCase().includes(e))
+			items: t.items.filter((t) => ge(t).toLowerCase().includes(e) || _e(t).toLowerCase().includes(e))
 		})).filter((e) => e.items.length > 0);
 	}, [
-		g,
-		N,
+		h,
+		P,
 		G
-	]), q = l.useMemo(() => K.flatMap((e) => e.items), [K]), Pe = l.useMemo(() => {
+	]), q = c.useMemo(() => K.flatMap((e) => e.items), [K]), Pe = c.useMemo(() => {
 		let e = /* @__PURE__ */ new Map(), t = 0;
 		for (let n of K) for (let r of n.items) e.set(r.id, t++);
 		return e;
-	}, [K]), Fe = typeof w == "number" ? `${w}px` : w;
-	l.useEffect(() => {
-		if (v !== "floating" || S === !1) return;
-		let e = Array.isArray(S) ? S : [S];
+	}, [K]), Fe = typeof T == "number" ? `${T}px` : T;
+	c.useEffect(() => {
+		if (g !== "floating" || C === !1) return;
+		let e = Array.isArray(C) ? C : [C];
 		function t(t) {
-			for (let n of e) if (se(t, n)) {
-				t.preventDefault(), M((e) => !e);
+			for (let n of e) if (ce(t, n)) {
+				t.preventDefault(), N((e) => !e);
 				return;
 			}
 		}
 		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
 	}, [
-		v,
-		S,
-		M
-	]), l.useEffect(() => {
-		v === "floating" && A && (P(""), I(-1), requestAnimationFrame(() => {
+		g,
+		C,
+		N
+	]), c.useEffect(() => {
+		g === "floating" && j && (F(""), L(-1), requestAnimationFrame(() => {
 			B.current?.focus();
 		}));
-	}, [v, A]), l.useEffect(() => {
-		F < 0 || (je.current?.querySelector(`[data-command-index="${F}"]`))?.scrollIntoView({ block: "nearest" });
-	}, [F]);
+	}, [g, j]), c.useEffect(() => {
+		I < 0 || (je.current?.querySelector(`[data-command-index="${I}"]`))?.scrollIntoView({ block: "nearest" });
+	}, [I]);
 	let Ie = (e) => {
-		P(e), I(G && e.trim() ? 0 : -1), _?.(e);
-	}, Le = l.useCallback(() => {
-		!N.trim() || C || (Oe(N), u?.(N));
+		F(e), L(G && e.trim() ? 0 : -1), ye?.(e);
+	}, Le = c.useCallback(() => {
+		!P.trim() || w || (Oe(P), l?.(P));
 	}, [
-		N,
-		C,
-		u
+		P,
+		w,
+		l
 	]), Re = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
 				if (!G || q.length === 0) return;
-				e.preventDefault(), I((e) => e < q.length - 1 ? e + 1 : 0);
+				e.preventDefault(), L((e) => e < q.length - 1 ? e + 1 : 0);
 				break;
 			case "ArrowUp":
-				G && q.length > 0 ? (e.preventDefault(), I((e) => e > 0 ? e - 1 : q.length - 1)) : !G && !N && L && (e.preventDefault(), P(L));
+				G && q.length > 0 ? (e.preventDefault(), L((e) => e > 0 ? e - 1 : q.length - 1)) : !G && !P && De && (e.preventDefault(), F(De));
 				break;
 			case "Enter":
-				e.preventDefault(), e.metaKey || e.ctrlKey ? Le() : G && F >= 0 && q[F] ? (q[F].onSelect(), v === "floating" && M(!1)) : Le();
+				e.preventDefault(), e.metaKey || e.ctrlKey ? Le() : G && I >= 0 && q[I] ? (q[I].onSelect(), g === "floating" && N(!1)) : Le();
 				break;
 			case "Escape":
-				e.preventDefault(), h === "responded" ? P("") : v === "floating" ? M(!1) : B.current?.blur();
+				e.preventDefault(), m === "responded" ? F("") : g === "floating" ? N(!1) : B.current?.blur();
 				break;
 		}
 	}, ze = () => {
-		P(""), I(-1), B.current?.focus();
+		F(""), L(-1), B.current?.focus();
 	};
-	l.useEffect(() => {
+	c.useEffect(() => {
 		if (z) {
 			let e = setTimeout(() => Ae(!1), 500);
 			return () => clearTimeout(e);
@@ -159,95 +159,95 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 		opacity: 1,
 		scale: 1,
 		y: 0
-	} : void 0, X = v === "inline", Z = h === "processing", Be = h === "responded", Q = () => /* @__PURE__ */ d(me, {
+	} : void 0, X = g === "inline", Z = m === "processing", Be = m === "responded", Q = () => /* @__PURE__ */ u(he, {
 		active: Z,
 		rounded: X ? "rounded-control" : "rounded-surface",
 		reducedMotion: H,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: r("flex items-center gap-ds-04 border bg-surface-overlay transition-colors transition-shadow duration-fast-02 ease-productive-standard", X ? "rounded-control px-ds-04" : "rounded-surface px-ds-05", Z ? "border-transparent" : "border-surface-border-strong", R && !Z && "border-accent-7 shadow-ring", z && "animate-shake"),
 			children: [
-				/* @__PURE__ */ d(i, {
-					icon: fe,
+				/* @__PURE__ */ u(i, {
+					icon: pe,
 					size: X ? "xs" : "sm",
 					stroke: "light",
 					className: r("shrink-0 transition-colors duration-fast-02 ease-productive-standard", R ? "text-accent-9" : "text-surface-fg-subtle")
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					className: "relative flex flex-1 items-center",
-					children: [!N && !R && W.length > 1 && /* @__PURE__ */ d(_e, {
+					children: [!P && !R && W.length > 1 && /* @__PURE__ */ u(ve, {
 						placeholders: W,
-						interval: be,
-						paused: R || !!N
-					}), /* @__PURE__ */ d("input", {
+						interval: Se,
+						paused: R || !!P
+					}), /* @__PURE__ */ u("input", {
 						ref: B,
-						value: N,
+						value: P,
 						onChange: (e) => Ie(e.target.value),
 						onFocus: () => ke(!0),
 						onBlur: () => ke(!1),
 						onKeyDown: Re,
 						placeholder: W.length === 1 || R ? W[0] : "",
 						readOnly: Z,
-						disabled: C,
+						disabled: w,
 						role: "combobox",
 						"aria-expanded": G && q.length > 0,
 						"aria-controls": G ? Me : void 0,
-						"aria-activedescendant": G && F >= 0 && q[F] ? `command-bar-item-${V}-${q[F].id}` : void 0,
+						"aria-activedescendant": G && I >= 0 && q[I] ? `command-bar-item-${V}-${q[I].id}` : void 0,
 						"aria-autocomplete": G ? "list" : void 0,
-						"aria-label": xe ? `Ask ${xe}` : "AI Command Bar",
-						className: r("flex-1 bg-transparent text-surface-fg outline-hidden", "placeholder:text-surface-fg-subtle", X ? "h-9 text-body-sm" : "h-12 text-body-lg", Z && "cursor-wait", C && "cursor-not-allowed opacity-50"),
+						"aria-label": b ? `Ask ${b}` : "AI Command Bar",
+						className: r("flex-1 bg-transparent text-surface-fg outline-hidden", "placeholder:text-surface-fg-subtle", X ? "h-9 text-body-sm" : "h-12 text-body-lg", Z && "cursor-wait", w && "cursor-not-allowed opacity-50"),
 						autoComplete: "off",
 						autoCorrect: "off",
 						spellCheck: !1
 					})]
 				}),
-				Z ? /* @__PURE__ */ d("span", {
+				Z ? /* @__PURE__ */ u("span", {
 					"data-testid": "command-bar-spinner",
 					className: "shrink-0",
-					children: /* @__PURE__ */ d(i, {
-						icon: de,
+					children: /* @__PURE__ */ u(i, {
+						icon: fe,
 						size: X ? "xs" : "sm",
 						stroke: "light",
 						animate: "spin",
 						className: "text-accent-9"
 					})
-				}) : Be ? /* @__PURE__ */ d("button", {
+				}) : Be ? /* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: ze,
 					className: "shrink-0 rounded-control-inner p-ds-01 text-surface-fg-subtle transition-colors duration-fast-01 hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
 					"aria-label": "Clear",
 					title: "Clear",
-					children: /* @__PURE__ */ d(i, {
-						icon: pe,
+					children: /* @__PURE__ */ u(i, {
+						icon: me,
 						size: X ? "xs" : "sm",
 						stroke: "light"
 					})
-				}) : v === "hero" ? /* @__PURE__ */ d(p, { children: !R && /* @__PURE__ */ f(m.kbd, {
+				}) : g === "hero" ? /* @__PURE__ */ u(f, { children: !R && /* @__PURE__ */ d(p.kbd, {
 					initial: Y ?? { opacity: 0 },
 					animate: { opacity: 1 },
 					exit: H ? void 0 : { opacity: 0 },
 					transition: J,
 					className: "hidden shrink-0 select-none rounded-control border border-card-strong bg-surface-raised px-ds-02b py-ds-01 text-body-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex",
-					children: [oe(Ne), "J"]
+					children: [se(Ne), "J"]
 				}) }) : null
 			]
 		})
-	}), $ = () => !G || !(q.length > 0 || N.trim() && K.length === 0) && !N.trim() ? null : /* @__PURE__ */ f("div", {
+	}), $ = () => !G || !(q.length > 0 || P.trim() && K.length === 0) && !P.trim() ? null : /* @__PURE__ */ d("div", {
 		ref: je,
 		id: Me,
 		role: "listbox",
 		"aria-label": "Command results",
 		className: "overflow-y-auto px-ds-03 py-ds-03",
 		style: { maxHeight: Fe },
-		children: [K.length === 0 && N.trim() && /* @__PURE__ */ d(m.div, {
+		children: [K.length === 0 && P.trim() && /* @__PURE__ */ u(p.div, {
 			initial: Y ?? { opacity: 0 },
 			animate: { opacity: 1 },
 			transition: J,
 			className: "flex items-center justify-center py-ds-07",
-			children: ye ?? /* @__PURE__ */ d("p", {
+			children: xe ?? /* @__PURE__ */ u("p", {
 				className: "text-body-md text-surface-fg-subtle",
-				children: ve
+				children: be
 			})
-		}), K.map((o, s) => /* @__PURE__ */ f(m.div, {
+		}), K.map((a, s) => /* @__PURE__ */ d(p.div, {
 			initial: Y ?? { opacity: 0 },
 			animate: { opacity: 1 },
 			transition: H ? U : {
@@ -255,20 +255,20 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 				delay: s * .06
 			},
 			className: "mb-ds-02",
-			children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ u("div", {
 				className: "px-ds-03 pb-ds-02 pt-ds-03",
-				children: /* @__PURE__ */ d("span", {
+				children: /* @__PURE__ */ u("span", {
 					className: "text-label-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
-					children: o.label
+					children: a.label
 				})
-			}), o.items.map((n) => {
-				let o = Pe.get(n.id) ?? 0, s = o === F;
-				return /* @__PURE__ */ f(m.button, {
+			}), a.items.map((n) => {
+				let a = Pe.get(n.id) ?? 0, s = a === I;
+				return /* @__PURE__ */ d(p.button, {
 					id: `command-bar-item-${V}-${n.id}`,
 					type: "button",
 					role: "option",
 					"aria-selected": s,
-					"data-command-index": o,
+					"data-command-index": a,
 					initial: Y ?? {
 						opacity: 0,
 						y: 4
@@ -279,40 +279,40 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 					},
 					transition: H ? U : {
 						...t.snappy,
-						delay: o * .03
+						delay: a * .03
 					},
 					onClick: () => {
-						n.onSelect(), v === "floating" && M(!1);
+						n.onSelect(), g === "floating" && N(!1);
 					},
-					onMouseEnter: () => I(o),
+					onMouseEnter: () => L(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-raised-hover text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
 					children: [
-						n.icon && /* @__PURE__ */ d("span", {
+						n.icon && /* @__PURE__ */ u("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"),
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ d(e, {
+							children: /* @__PURE__ */ u(e, {
 								size: "sm",
-								children: a(n.icon)
+								children: o(n.icon)
 							})
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex flex-1 flex-col",
-							children: [/* @__PURE__ */ d("span", {
+							children: [/* @__PURE__ */ u("span", {
 								className: "text-body-md",
-								children: n.renderLabel ? n.renderLabel(N) : n.label
-							}), n.description && /* @__PURE__ */ d("span", {
+								children: n.renderLabel ? n.renderLabel(P) : n.label
+							}), n.description && /* @__PURE__ */ u("span", {
 								className: "text-body-sm text-surface-fg-subtle",
 								children: n.description
 							})]
 						}),
-						/* @__PURE__ */ d(p, { children: s && /* @__PURE__ */ d(m.span, {
+						/* @__PURE__ */ u(f, { children: s && /* @__PURE__ */ u(p.span, {
 							initial: H ? void 0 : { opacity: 0 },
 							animate: { opacity: 1 },
 							exit: H ? void 0 : { opacity: 0 },
 							transition: J,
 							className: "inline-flex shrink-0",
-							children: /* @__PURE__ */ d(i, {
-								icon: ue,
+							children: /* @__PURE__ */ u(i, {
+								icon: de,
 								size: "sm",
 								stroke: "light",
 								className: "text-surface-fg-subtle"
@@ -321,119 +321,119 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 					]
 				}, n.id);
 			})]
-		}, o.label))]
+		}, a.label))]
 	});
-	return v === "hero" ? /* @__PURE__ */ f("div", {
-		ref: O,
+	return g === "hero" ? /* @__PURE__ */ d("div", {
+		ref: k,
 		role: "search",
-		className: r("bg-surface-raised rounded-overlay-lg shadow-raised p-ds-07", E),
-		...D,
+		className: r("bg-surface-raised rounded-overlay-lg shadow-raised p-ds-07", D),
+		...O,
 		children: [
-			b && /* @__PURE__ */ d("p", {
+			v && /* @__PURE__ */ u("p", {
 				className: "text-heading-xs text-surface-fg-muted mb-ds-04",
-				children: b
+				children: v
 			}),
 			Q(),
 			$(),
-			x && x.length > 0 && /* @__PURE__ */ d("div", {
+			y && y.length > 0 && /* @__PURE__ */ u("div", {
 				className: "mt-ds-04 flex flex-wrap gap-ds-02b",
-				children: x.map((e) => /* @__PURE__ */ d("button", {
+				children: y.map((e) => /* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: () => {
-						P(e), _?.(e), B.current?.focus();
+						F(e), ye?.(e), B.current?.focus();
 					},
 					className: "rounded-control border border-card-strong bg-surface-overlay px-ds-03 py-ds-01 text-body-sm text-surface-fg-subtle transition-colors duration-fast-02 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted",
 					children: e
 				}, e))
 			}),
-			T && /* @__PURE__ */ d("div", {
+			E && /* @__PURE__ */ u("div", {
 				className: "mt-ds-05",
-				children: T
+				children: E
 			})
 		]
-	}) : v === "inline" ? /* @__PURE__ */ f("div", {
-		ref: O,
+	}) : g === "inline" ? /* @__PURE__ */ d("div", {
+		ref: k,
 		role: "search",
-		className: r("w-full", E),
-		...D,
+		className: r("w-full", D),
+		...O,
 		children: [
 			Q(),
 			$(),
-			T && /* @__PURE__ */ d("div", {
+			E && /* @__PURE__ */ u("div", {
 				className: "mt-ds-03",
-				children: T
+				children: E
 			})
 		]
-	}) : /* @__PURE__ */ d(o, {
-		open: A,
+	}) : /* @__PURE__ */ u(s, {
+		open: j,
 		onOpenChange: (e) => {
-			M(e);
+			N(e);
 		},
-		children: /* @__PURE__ */ f(ne, { children: [/* @__PURE__ */ d(te, { 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__ */ f(s, {
-			ref: O,
-			...D,
-			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", E),
+		children: /* @__PURE__ */ d(re, { children: [/* @__PURE__ */ u(ne, { 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__ */ d(ee, {
+			ref: k,
+			...O,
+			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", D),
 			children: [
-				/* @__PURE__ */ f(ie, { children: [/* @__PURE__ */ d(re, { children: "AI Command Bar" }), /* @__PURE__ */ d(ee, { children: "Search commands or ask a question" })] }),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ d(ae, { children: [/* @__PURE__ */ u(ie, { children: "AI Command Bar" }), /* @__PURE__ */ u(te, { children: "Search commands or ask a question" })] }),
+				/* @__PURE__ */ u("div", {
 					className: "p-ds-04",
 					children: Q()
 				}),
 				$(),
-				T && /* @__PURE__ */ d("div", {
+				E && /* @__PURE__ */ u("div", {
 					className: "border-t border-surface-border-strong p-ds-04",
-					children: T
+					children: E
 				}),
-				/* @__PURE__ */ f(m.div, {
+				/* @__PURE__ */ d(p.div, {
 					initial: Y ?? { opacity: 0 },
 					animate: { opacity: 1 },
 					transition: J,
 					className: "flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03",
 					children: [
-						G && /* @__PURE__ */ f("div", {
+						G && /* @__PURE__ */ d("div", {
 							className: "flex items-center gap-ds-02b",
-							children: [/* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-ds-01",
-								children: [/* @__PURE__ */ d("kbd", {
+								children: [/* @__PURE__ */ u("kbd", {
 									className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-card-strong bg-surface-raised shadow-kbd",
-									children: /* @__PURE__ */ d(i, {
-										icon: le,
+									children: /* @__PURE__ */ u(i, {
+										icon: ue,
 										size: "xs",
 										className: "text-surface-fg-subtle"
 									})
-								}), /* @__PURE__ */ d("kbd", {
+								}), /* @__PURE__ */ u("kbd", {
 									className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-card-strong bg-surface-raised shadow-kbd",
-									children: /* @__PURE__ */ d(i, {
-										icon: ce,
+									children: /* @__PURE__ */ u(i, {
+										icon: le,
 										size: "xs",
 										className: "text-surface-fg-subtle"
 									})
 								})]
-							}), /* @__PURE__ */ d("span", {
+							}), /* @__PURE__ */ u("span", {
 								className: "text-caption text-surface-fg-subtle",
 								children: "Navigate"
 							})]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-ds-02b",
-							children: [/* @__PURE__ */ d("kbd", {
+							children: [/* @__PURE__ */ u("kbd", {
 								className: "inline-flex h-[20px] items-center justify-center rounded-control border border-card-strong bg-surface-raised px-ds-02b shadow-kbd",
-								children: /* @__PURE__ */ d(i, {
-									icon: ue,
+								children: /* @__PURE__ */ u(i, {
+									icon: de,
 									size: "xs",
 									className: "text-surface-fg-subtle"
 								})
-							}), /* @__PURE__ */ d("span", {
+							}), /* @__PURE__ */ u("span", {
 								className: "text-caption text-surface-fg-subtle",
 								children: "Submit"
 							})]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-ds-02b",
-							children: [/* @__PURE__ */ d("kbd", {
+							children: [/* @__PURE__ */ u("kbd", {
 								className: "inline-flex h-[20px] items-center justify-center rounded-control border border-card-strong bg-surface-raised px-ds-02b text-caption font-medium text-surface-fg-subtle shadow-kbd",
 								children: "Esc"
-							}), /* @__PURE__ */ d("span", {
+							}), /* @__PURE__ */ u("span", {
 								className: "text-caption text-surface-fg-subtle",
 								children: "Close"
 							})]
@@ -444,6 +444,6 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 		})] })
 	});
 });
-h.displayName = "CommandBar";
+m.displayName = "CommandBar";
 //#endregion
-export { h as CommandBar };
+export { m as CommandBar };