@slotted/react 0.1.0-beta.6 → 0.1.0-beta.8

package/dist/{command-palette-DFLbSOiv.js → command-palette-Dw03scvF.js}

@@ -4,7 +4,7 @@ import { a as i } from "./kbd-defaults-CDgRhiep.js";
 /* empty css                 */
 /* empty css                  */
 import { t as a } from "./highlight-0Qw23QPp.js";
-import { d as o, o as s, p as c } from "./dialog-BHYDDj1S.js";
+import { d as o, o as s, p as c } from "./dialog-Ds0LJWE_.js";
 import { t as l } from "./kbd-eFSWTKxN.js";
 import { createControllable as u } from "@slotted/core/state";
 import { createContext as d, useCallback as f, useContext as p, useEffect as m, useId as ee, useImperativeHandle as te, useMemo as h, useRef as g, useState as _ } from "react";
@@ -63,164 +63,164 @@ function ye(e, t) {
 function x(e, t) {
 	return `${e}-${t.replace(/[^\w-]/g, (e) => `_${e.charCodeAt(0).toString(16)}`)}`;
 }
-function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, closeOnSelect: he, container: b, defaultHighlightedId: be, defaultOpen: xe, defaultPages: Se, defaultQuery: Ce, defaultRecent: we, disabled: Te, empty: Ee, footer: De, groups: Oe, highlightMatch: ke, highlightedId: S, hotkey: Ae, inputProps: je, items: Me, limit: Ne, loading: Pe, locale: Fe, loop: Ie, messages: Le, onHighlightedIdChange: Re, onOpenChange: ze, onPagesChange: Be, onQueryChange: Ve, onRecentChange: He, onSelect: Ue, open: C, outsidePress: We, pages: w, presentation: Ge, query: T, rank: E, recent: Ke, recentLimit: qe, ref: Je, renderItem: Ye, size: Xe, style: Ze, ...Qe }) {
-	let D = ge(), O = {
-		presentation: Ge ?? D.presentation,
-		size: Xe ?? D.size,
-		outsidePress: We ?? D.outsidePress,
-		loop: Ie ?? D.loop,
-		autoHighlight: o ?? D.autoHighlight,
-		closeOnSelect: he ?? D.closeOnSelect,
-		clearOnClose: me ?? D.clearOnClose,
-		highlightMatch: ke ?? D.highlightMatch,
-		hotkey: Ae === void 0 ? D.hotkey : Ae,
-		recentLimit: qe ?? D.recentLimit,
-		loading: Pe ?? !1,
+function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, closeOnSelect: he, container: b, defaultHighlightedId: be, defaultOpen: xe, defaultPages: Se, defaultQuery: Ce, defaultRecent: we, disabled: Te, empty: Ee, footer: S, groups: De, highlightMatch: Oe, highlightedId: C, hotkey: ke, inputProps: Ae, items: je, limit: Me, loading: Ne, locale: Pe, loop: Fe, messages: Ie, onHighlightedIdChange: Le, onOpenChange: Re, onPagesChange: ze, onQueryChange: Be, onRecentChange: Ve, onSelect: He, open: w, outsidePress: Ue, pages: T, presentation: We, query: E, rank: D, recent: Ge, recentLimit: Ke, ref: qe, renderItem: Je, size: Ye, style: Xe, ...Ze }) {
+	let O = ge(), k = {
+		presentation: We ?? O.presentation,
+		size: Ye ?? O.size,
+		outsidePress: Ue ?? O.outsidePress,
+		loop: Fe ?? O.loop,
+		autoHighlight: o ?? O.autoHighlight,
+		closeOnSelect: he ?? O.closeOnSelect,
+		clearOnClose: me ?? O.clearOnClose,
+		highlightMatch: Oe ?? O.highlightMatch,
+		hotkey: ke === void 0 ? O.hotkey : ke,
+		recentLimit: Ke ?? O.recentLimit,
+		loading: Ne ?? !1,
 		disabled: Te ?? !1
-	}, k = r(ie, Le), $e = n(), et = Fe ?? $e, A = O.presentation === "inline", j = i(void 0), M = ee(), tt = `${M}-list`, [nt, rt] = _(xe ?? !1), [it, at] = _(Ce ?? ""), [ot, st] = _(be ?? null), [ct, lt] = _(Se ?? []), [ut, dt] = _(we ?? []), N = A ? !0 : C ?? nt, P = T ?? it, F = S === void 0 ? ot : S, I = w ?? ct, L = Ke ?? ut, R = g({
-		currentHighlighted: F,
-		currentOpen: N,
-		currentPages: I,
-		currentQuery: P,
-		currentRecent: L,
-		highlightedId: S,
-		onHighlightedIdChange: Re,
-		onOpenChange: ze,
-		onPagesChange: Be,
-		onQueryChange: Ve,
-		onRecentChange: He,
-		open: C,
-		pages: w,
-		query: T,
-		recent: Ke
+	}, A = r(ie, Ie), Qe = n(), $e = Pe ?? Qe, j = k.presentation === "inline", M = i(void 0), N = ee(), et = `${N}-list`, [tt, nt] = _(xe ?? !1), [rt, it] = _(Ce ?? ""), [at, ot] = _(be ?? null), [st, ct] = _(Se ?? []), [lt, ut] = _(we ?? []), P = j ? !0 : w ?? tt, F = E ?? rt, I = C === void 0 ? at : C, L = T ?? st, R = Ge ?? lt, z = g({
+		currentHighlighted: I,
+		currentOpen: P,
+		currentPages: L,
+		currentQuery: F,
+		currentRecent: R,
+		highlightedId: C,
+		onHighlightedIdChange: Le,
+		onOpenChange: Re,
+		onPagesChange: ze,
+		onQueryChange: Be,
+		onRecentChange: Ve,
+		open: w,
+		pages: T,
+		query: E,
+		recent: Ge
 	});
-	R.current = {
-		currentHighlighted: F,
-		currentOpen: N,
-		currentPages: I,
-		currentQuery: P,
-		currentRecent: L,
-		highlightedId: S,
-		onHighlightedIdChange: Re,
-		onOpenChange: ze,
-		onPagesChange: Be,
-		onQueryChange: Ve,
-		onRecentChange: He,
-		open: C,
-		pages: w,
-		query: T,
-		recent: Ke
+	z.current = {
+		currentHighlighted: I,
+		currentOpen: P,
+		currentPages: L,
+		currentQuery: F,
+		currentRecent: R,
+		highlightedId: C,
+		onHighlightedIdChange: Le,
+		onOpenChange: Re,
+		onPagesChange: ze,
+		onQueryChange: Be,
+		onRecentChange: Ve,
+		open: w,
+		pages: T,
+		query: E,
+		recent: Ge
 	};
-	let z = f((e, t, n) => {
-		let r = R.current;
-		e !== r.currentHighlighted && u({
+	let dt = g(null), B = f((e, t, n) => {
+		let r = z.current;
+		e !== r.currentHighlighted && (dt.current = t === "pointer" ? e : null, u({
 			controlled: r.highlightedId,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedIdChange?.(e.value, e)
-		}).request(e, t, n) && st(e);
-	}, []), B = f((e, t, n) => {
-		let r = R.current;
+		}).request(e, t, n) && ot(e));
+	}, []), V = f((e, t, n) => {
+		let r = z.current;
 		e !== r.currentQuery && u({
 			controlled: r.query,
 			initial: r.currentQuery,
 			onRequest: (e) => r.onQueryChange?.(e.value, e)
-		}).request(e, t, n) && at(e);
-	}, []), V = f((e, t, n) => {
-		let r = R.current;
+		}).request(e, t, n) && it(e);
+	}, []), H = f((e, t, n) => {
+		let r = z.current;
 		e.length === r.currentPages.length && e.every((e, t) => e === r.currentPages[t]) || u({
 			controlled: r.pages,
 			initial: r.currentPages,
 			onRequest: (e) => r.onPagesChange?.(e.value, e),
 			equals: () => !1
-		}).request(e, t, n) && lt(e);
+		}).request(e, t, n) && ct(e);
 	}, []), ft = f((e, t) => {
-		let n = R.current;
+		let n = z.current;
 		u({
 			controlled: n.recent,
 			initial: n.currentRecent,
 			onRequest: (e) => n.onRecentChange?.(e.value, e),
 			equals: (e, t) => e.length === t.length && e.every((e, n) => e === t[n])
-		}).request(e, "select", t) && dt(e);
-	}, []), H = g(null), U = f((e, t, n) => {
-		let r = R.current;
-		A || e === r.currentOpen || u({
+		}).request(e, "select", t) && ut(e);
+	}, []), U = g(null), W = f((e, t, n) => {
+		let r = z.current;
+		j || e === r.currentOpen || u({
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && rt(e);
-	}, [A]), pt = g(N);
+		}).request(e, t, n) && nt(e);
+	}, [j]), pt = g(P);
 	m(() => {
-		pt.current && !N && O.clearOnClose && (B("", "programmatic"), V([], "programmatic"), z(null, "programmatic")), pt.current = N;
+		pt.current && !P && k.clearOnClose && (V("", "programmatic"), H([], "programmatic"), B(null, "programmatic")), pt.current = P;
 	}, [
-		N,
-		O.clearOnClose,
-		z,
-		V,
-		B
+		P,
+		k.clearOnClose,
+		B,
+		H,
+		V
 	]);
-	let mt = h(() => E === void 0 ? de({ locale: et }) : E, [et, E]), W = h(() => pe({
-		items: Me,
-		query: P,
-		pages: I,
-		recent: L,
-		groups: Oe,
+	let mt = h(() => D === void 0 ? de({ locale: $e }) : D, [$e, D]), G = h(() => pe({
+		items: je,
+		query: F,
+		pages: L,
+		recent: R,
+		groups: De,
 		rank: mt,
-		limit: Ne
+		limit: Me
 	}), [
-		I,
-		P,
 		L,
-		Oe,
+		F,
+		R,
+		De,
+		je,
 		Me,
-		Ne,
 		mt
-	]), G = h(() => W.rows.map((e) => e.id), [W]), K = h(() => W.rows.map((e) => e.disabled !== !0), [W]);
+	]), K = h(() => G.rows.map((e) => e.id), [G]), q = h(() => G.rows.map((e) => e.disabled !== !0), [G]);
 	m(() => {
-		if (!N) return;
-		let e = F === null ? -1 : G.indexOf(F);
-		if (e !== -1 && K[e] === !0) return;
-		let t = O.autoHighlight ? ue({
-			enabled: K,
+		if (!P) return;
+		let e = I === null ? -1 : K.indexOf(I);
+		if (e !== -1 && q[e] === !0) return;
+		let t = k.autoHighlight ? ue({
+			enabled: q,
 			from: -1,
 			intent: "first",
 			loop: !1
 		}) : -1;
-		z(t === -1 ? null : G[t] ?? null, "programmatic");
+		B(t === -1 ? null : K[t] ?? null, "programmatic");
 	}, [
-		F,
-		N,
+		I,
+		P,
+		q,
+		k.autoHighlight,
 		K,
-		O.autoHighlight,
-		G,
-		z
+		B
 	]);
-	let q = g(null);
+	let J = g(null);
 	m(() => {
-		if (F === null) return;
-		let e = q.current?.querySelector(`#${CSS.escape(x(M, F))}`);
+		if (I === null || I === dt.current) return;
+		let e = J.current?.querySelector(`#${CSS.escape(x(N, I))}`);
 		typeof e?.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
-	}, [M, F]);
-	let [ht, gt] = _(() => /* @__PURE__ */ new Set()), [_t, J] = _(null), Y = g({
-		onSelect: Ue,
-		resolved: O,
-		setOpen: U,
-		setPages: V,
-		setQuery: B,
+	}, [N, I]);
+	let [ht, gt] = _(() => /* @__PURE__ */ new Set()), [_t, Y] = _(null), X = g({
+		onSelect: He,
+		resolved: k,
+		setOpen: W,
+		setPages: H,
+		setQuery: V,
 		setRecent: ft
 	});
-	Y.current = {
-		onSelect: Ue,
-		resolved: O,
-		setOpen: U,
-		setPages: V,
-		setQuery: B,
+	X.current = {
+		onSelect: He,
+		resolved: k,
+		setOpen: W,
+		setPages: H,
+		setQuery: V,
 		setRecent: ft
 	};
 	let vt = f((e, t, n) => {
-		let { onSelect: r, resolved: i, setOpen: a, setPages: o } = Y.current;
+		let { onSelect: r, resolved: i, setOpen: a, setPages: o } = X.current;
 		if (e.disabled === !0 || ht.has(e.id)) return;
 		if (e.children !== void 0) {
-			o([...R.current.currentPages, e.id], t === "pointer" ? "pointer" : "select", n), Y.current.setQuery("", "select", n);
+			o([...z.current.currentPages, e.id], t === "pointer" ? "pointer" : "select", n), X.current.setQuery("", "select", n);
 			return;
 		}
 		let s = !1, c = {
@@ -231,16 +231,16 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				s = !0;
 			}
 		}, l = () => {
-			Y.current.setRecent(fe(R.current.currentRecent, e.id, i.recentLimit), n), r?.(e, c), i.closeOnSelect && !s && a(!1, "select", n);
+			X.current.setRecent(fe(z.current.currentRecent, e.id, i.recentLimit), n), r?.(e, c), i.closeOnSelect && !s && a(!1, "select", n);
 		}, u;
 		try {
 			u = e.onSelect?.(c);
 		} catch (e) {
-			J(e instanceof Error ? e.message : String(e));
+			Y(e instanceof Error ? e.message : String(e));
 			return;
 		}
 		if (u instanceof Promise) {
-			J(null), gt((t) => new Set(t).add(e.id)), u.then(() => {
+			Y(null), gt((t) => new Set(t).add(e.id)), u.then(() => {
 				gt((t) => {
 					let n = new Set(t);
 					return n.delete(e.id), n;
@@ -249,44 +249,44 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				gt((t) => {
 					let n = new Set(t);
 					return n.delete(e.id), n;
-				}), J(t instanceof Error ? t.message : String(t));
+				}), Y(t instanceof Error ? t.message : String(t));
 			});
 			return;
 		}
 		l();
-	}, [ht]), yt = f((e) => e === null ? void 0 : W.rows.find((t) => t.id === e), [W]), X = (e, t) => {
-		let n = F === null ? -1 : G.indexOf(F), r = e === "pageDown" || e === "pageUp", i = ue({
-			enabled: K,
+	}, [ht]), yt = f((e) => e === null ? void 0 : G.rows.find((t) => t.id === e), [G]), Z = (e, t) => {
+		let n = I === null ? -1 : K.indexOf(I), r = e === "pageDown" || e === "pageUp", i = ue({
+			enabled: q,
 			from: n,
 			intent: e,
-			loop: O.loop && !r
+			loop: k.loop && !r
 		});
-		t.preventDefault(), i !== -1 && z(G[i] ?? null, "keyboard", t);
+		t.preventDefault(), i !== -1 && B(K[i] ?? null, "keyboard", t);
 	}, bt = (e) => {
 		if (!e.nativeEvent.isComposing) switch (e.key) {
 			case "ArrowDown":
-				X("next", e);
+				Z("next", e);
 				return;
 			case "ArrowUp":
-				X("previous", e);
+				Z("previous", e);
 				return;
 			case "PageDown":
-				X("pageDown", e);
+				Z("pageDown", e);
 				return;
 			case "PageUp":
-				X("pageUp", e);
+				Z("pageUp", e);
 				return;
 			case "Home":
-				e.ctrlKey && X("first", e);
+				e.ctrlKey && Z("first", e);
 				return;
 			case "End":
-				e.ctrlKey && X("last", e);
+				e.ctrlKey && Z("last", e);
 				return;
 			case "Enter": {
-				let t = yt(F);
+				let t = yt(I);
 				if (t === void 0) return;
 				if (t.href !== void 0 && (e.metaKey || e.ctrlKey || e.shiftKey)) {
-					(q.current?.querySelector(`#${CSS.escape(x(M, t.id))}`))?.dispatchEvent(new globalThis.MouseEvent("click", {
+					(J.current?.querySelector(`#${CSS.escape(x(N, t.id))}`))?.dispatchEvent(new globalThis.MouseEvent("click", {
 						bubbles: !0,
 						cancelable: !0,
 						metaKey: e.metaKey,
@@ -296,7 +296,7 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 					return;
 				}
 				if (e.preventDefault(), t.href !== void 0) {
-					let n = q.current?.querySelector(`#${CSS.escape(x(M, t.id))}`);
+					let n = J.current?.querySelector(`#${CSS.escape(x(N, t.id))}`);
 					vt(t, "keyboard", e), n?.click();
 					return;
 				}
@@ -304,90 +304,90 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				return;
 			}
 			case "Escape":
-				if (P !== "") {
-					e.preventDefault(), e.stopPropagation(), B("", "clear", e);
+				if (F !== "") {
+					e.preventDefault(), e.stopPropagation(), V("", "clear", e);
 					return;
 				}
-				if (I.length > 0) {
-					e.preventDefault(), e.stopPropagation(), V(I.slice(0, -1), "keyboard", e);
+				if (L.length > 0) {
+					e.preventDefault(), e.stopPropagation(), H(L.slice(0, -1), "keyboard", e);
 					return;
 				}
-				A || (e.preventDefault(), U(!1, "escape", e));
+				j || (e.preventDefault(), W(!1, "escape", e));
 				return;
 			case "Backspace":
-				P === "" && I.length > 0 && (e.preventDefault(), V(I.slice(0, -1), "keyboard", e));
+				F === "" && L.length > 0 && (e.preventDefault(), H(L.slice(0, -1), "keyboard", e));
 				return;
 			default: return;
 		}
-	}, Z = f(() => {
-		let e = H.current;
+	}, Q = f(() => {
+		let e = U.current;
 		e !== null && (e.focus(), e.select());
 	}, []);
 	m(() => {
-		let e = O.hotkey;
-		if (e === null || A || O.disabled) return;
+		let e = k.hotkey;
+		if (e === null || j || k.disabled) return;
 		let t = ce(e)[0]?.every((e) => ![
 			"mod",
 			"meta",
 			"ctrl",
 			"alt"
 		].includes(ae(e) ?? "")), n = (n) => {
-			if (se(n, e, j) && !(t === !0 && oe(n))) {
-				if (n.preventDefault(), R.current.currentOpen) {
-					Z();
+			if (se(n, e, M) && !(t === !0 && oe(n))) {
+				if (n.preventDefault(), z.current.currentOpen) {
+					Q();
 					return;
 				}
-				U(!0, "keyboard", n);
+				W(!0, "keyboard", n);
 			}
 		};
 		return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
 	}, [
-		Z,
-		A,
+		Q,
 		j,
-		O.disabled,
-		O.hotkey,
-		U
+		M,
+		k.disabled,
+		k.hotkey,
+		W
 	]);
-	let xt = O.loading ? k("loading") : _t === null ? k("count", { count: W.count }) : k("error", { message: _t });
+	let xt = k.loading ? A("loading") : _t === null ? A("count", { count: G.count }) : A("error", { message: _t });
 	m(() => {
-		N && le(H.current?.ownerDocument).announce(xt);
-	}, [N, xt]), m(() => {
-		J(null);
-	}, [P, I]), te(Je, () => ({
-		open: () => U(!0, "programmatic"),
-		close: () => U(!1, "programmatic"),
-		toggle: () => U(!R.current.currentOpen, "programmatic"),
-		focus: Z,
-		setQuery: (e) => B(e, "programmatic"),
-		scrollToId: (e) => z(e, "programmatic"),
+		P && le(U.current?.ownerDocument).announce(xt);
+	}, [P, xt]), m(() => {
+		Y(null);
+	}, [F, L]), te(qe, () => ({
+		open: () => W(!0, "programmatic"),
+		close: () => W(!1, "programmatic"),
+		toggle: () => W(!z.current.currentOpen, "programmatic"),
+		focus: Q,
+		setQuery: (e) => V(e, "programmatic"),
+		scrollToId: (e) => B(e, "programmatic"),
 		get input() {
-			return H.current;
+			return U.current;
 		}
 	}), [
-		Z,
-		z,
-		U,
-		B
+		Q,
+		B,
+		W,
+		V
 	]);
 	let [St, Ct] = _(null), [wt, Tt] = _(null);
 	m(() => {
-		if (St === null || b !== void 0 || A) return;
+		if (St === null || b !== void 0 || j) return;
 		let e = re({ origin: St });
 		return Tt(e.container), () => {
 			Tt(null), e.release();
 		};
 	}, [
 		b,
-		A,
+		j,
 		St
 	]);
 	let Et = (n) => {
-		let r = F === n.id, i = n.disabled === !0, o = ht.has(n.id), s = x(M, n.id), c = O.highlightMatch && P.trim() !== "" ? /* @__PURE__ */ v(a, {
-			locale: et,
-			query: P,
+		let r = I === n.id, i = n.disabled === !0, o = ht.has(n.id), s = x(N, n.id), c = k.highlightMatch && F.trim() !== "" ? /* @__PURE__ */ v(a, {
+			locale: $e,
+			query: F,
 			text: n.label
-		}) : n.label, u = n.children === void 0 ? n.shortcut : void 0, d = Ye === void 0 ? /* @__PURE__ */ y(ne, { children: [
+		}) : n.label, u = n.children === void 0 ? n.shortcut : void 0, d = Je === void 0 ? /* @__PURE__ */ y(ne, { children: [
 			/* @__PURE__ */ v("span", {
 				"data-part": "icon",
 				children: n.icon
@@ -428,16 +428,16 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				"data-part": "busy",
 				"data-ui": "spinner"
 			}) : null
-		] }) : Ye(n, {
+		] }) : Je(n, {
 			current: r,
 			disabled: i,
 			pending: o,
 			label: c,
-			query: P
+			query: F
 		}), f = {
 			"aria-disabled": i ? !0 : void 0,
 			"aria-busy": o ? !0 : void 0,
-			"aria-keyshortcuts": u === void 0 ? void 0 : ye(u, j),
+			"aria-keyshortcuts": u === void 0 ? void 0 : ye(u, M),
 			"aria-selected": r,
 			"data-part": "item",
 			...r ? { "data-current": "" } : {},
@@ -448,7 +448,7 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 			role: "option",
 			title: n.label,
 			onPointerMove: (e) => {
-				i || z(n.id, "pointer", e);
+				i || e.pointerType === "touch" || B(n.id, "pointer", e);
 			},
 			onClick: (e) => {
 				if (i || o) {
@@ -468,12 +468,12 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 			children: d
 		}, n.id);
 	}, Dt = (e, t) => {
-		let n = e.recent ? k("recent") : e.label, r = e.items.map(Et), i = t === 0 ? null : /* @__PURE__ */ v("div", {
+		let n = e.recent ? A("recent") : e.label, r = e.items.map(Et), i = t === 0 ? null : /* @__PURE__ */ v("div", {
 			"data-part": "separator",
 			role: "separator"
 		}, `sep-${t}`);
 		if (n === void 0) return [i, ...r];
-		let a = `${M}-group-${t}`;
+		let a = `${N}-group-${t}`;
 		return [i, /* @__PURE__ */ y("div", {
 			"aria-labelledby": a,
 			"data-part": "group",
@@ -485,10 +485,10 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				children: n
 			}), r]
 		}, `group-${t}`)];
-	}, Ot = De === null ? null : /* @__PURE__ */ v("div", {
+	}, Ot = S === null ? null : /* @__PURE__ */ v("div", {
 		"aria-hidden": "true",
 		"data-part": "footer",
-		children: De === void 0 ? /* @__PURE__ */ y(ne, { children: [
+		children: S === void 0 ? /* @__PURE__ */ y(ne, { children: [
 			/* @__PURE__ */ y("span", {
 				"data-part": "hint",
 				children: [
@@ -504,7 +504,7 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 						size: "inherit",
 						variant: "outline"
 					}),
-					/* @__PURE__ */ v("span", { children: k("hintNavigate") })
+					/* @__PURE__ */ v("span", { children: A("hintNavigate") })
 				]
 			}),
 			/* @__PURE__ */ y("span", {
@@ -514,45 +514,48 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 					separator: "",
 					size: "inherit",
 					variant: "outline"
-				}), /* @__PURE__ */ v("span", { children: k("hintSelect") })]
+				}), /* @__PURE__ */ v("span", { children: A("hintSelect") })]
 			}),
-			I.length === 0 ? null : /* @__PURE__ */ y("span", {
+			L.length === 0 ? null : /* @__PURE__ */ y("span", {
 				"data-part": "hint",
 				children: [/* @__PURE__ */ v(l, {
 					keys: "backspace",
 					separator: "",
 					size: "inherit",
 					variant: "outline"
-				}), /* @__PURE__ */ v("span", { children: k("hintBack") })]
+				}), /* @__PURE__ */ v("span", { children: A("hintBack") })]
 			}),
-			A ? null : /* @__PURE__ */ y("span", {
+			j ? null : /* @__PURE__ */ y("span", {
 				"data-part": "hint",
 				children: [/* @__PURE__ */ v(l, {
 					keys: "escape",
 					separator: "",
 					size: "inherit",
 					variant: "outline"
-				}), /* @__PURE__ */ v("span", { children: k("hintClose") })]
+				}), /* @__PURE__ */ v("span", { children: A("hintClose") })]
 			})
-		] }) : De
-	}), { onChange: kt, onKeyDown: At, ref: Q, ...$ } = je ?? {}, jt = !O.loading && W.count === 0, Mt = /* @__PURE__ */ y("div", {
-		...Qe,
+		] }) : S
+	}), { onChange: kt, onKeyDown: At, ref: $, ...jt } = Ae ?? {}, Mt = !k.loading && G.count === 0, Nt = /* @__PURE__ */ y("div", {
+		...Ze,
 		className: p,
 		"data-ui": "command-palette",
 		"data-part": "root",
-		"data-presentation": O.presentation,
-		"data-size": O.size,
-		...N ? { "data-open": "" } : {},
-		...O.loading ? { "data-loading": "" } : {},
-		...O.disabled ? { "data-disabled": "" } : {},
-		...P === "" ? {} : { "data-query": "" },
-		...jt ? { "data-empty": "" } : {},
-		style: Ze,
+		"data-presentation": k.presentation,
+		"data-size": k.size,
+		...P ? { "data-open": "" } : {},
+		...k.loading ? { "data-loading": "" } : {},
+		...k.disabled ? { "data-disabled": "" } : {},
+		...F === "" ? {} : { "data-query": "" },
+		...Mt ? { "data-empty": "" } : {},
+		onMouseDown: ve(Ze.onMouseDown, (e) => {
+			e.target !== U.current && e.preventDefault();
+		}),
+		style: Xe,
 		children: [
 			/* @__PURE__ */ y("div", {
 				"data-part": "header",
 				children: [
-					O.loading ? /* @__PURE__ */ v("span", {
+					k.loading ? /* @__PURE__ */ v("span", {
 						"aria-hidden": "true",
 						"data-part": "busy",
 						"data-ui": "spinner"
@@ -561,68 +564,68 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 						"data-part": "search",
 						children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "search" }) })
 					}),
-					W.trail.length === 0 ? null : /* @__PURE__ */ v("ol", {
-						"aria-label": k("back"),
+					G.trail.length === 0 ? null : /* @__PURE__ */ v("ol", {
+						"aria-label": A("back"),
 						"data-part": "pages",
-						children: W.trail.map((n, r) => /* @__PURE__ */ y("li", { children: [r === 0 ? null : /* @__PURE__ */ v(t, {
+						children: G.trail.map((n, r) => /* @__PURE__ */ y("li", { children: [r === 0 ? null : /* @__PURE__ */ v(t, {
 							directional: !0,
 							children: /* @__PURE__ */ v(e, { name: "chevron-right" })
 						}), /* @__PURE__ */ v("button", {
 							"data-part": "page",
-							onClick: (e) => V(I.slice(0, r + 1), "pointer", e),
+							onClick: (e) => H(L.slice(0, r + 1), "pointer", e),
 							type: "button",
 							children: /* @__PURE__ */ v("span", { children: n.label })
 						})] }, n.id))
 					}),
 					/* @__PURE__ */ v("input", {
-						...$,
-						"aria-activedescendant": F === null ? void 0 : x(M, F),
+						...jt,
+						"aria-activedescendant": I === null ? void 0 : x(N, I),
 						"aria-autocomplete": "list",
-						"aria-controls": tt,
+						"aria-controls": et,
 						"aria-expanded": "true",
-						"aria-label": $["aria-label"] ?? k("input"),
+						"aria-label": jt["aria-label"] ?? A("input"),
 						autoComplete: "off",
 						"data-part": "input",
-						disabled: O.disabled,
-						onChange: ve(kt, (e) => B(e.target.value, "keyboard", e)),
+						disabled: k.disabled,
+						onChange: ve(kt, (e) => V(e.target.value, "keyboard", e)),
 						onKeyDown: ve(At, bt),
-						placeholder: $.placeholder ?? k("placeholder"),
+						placeholder: jt.placeholder ?? A("placeholder"),
 						ref: (e) => {
-							H.current = e, typeof Q == "function" ? Q(e) : Q != null && (Q.current = e);
+							U.current = e, typeof $ == "function" ? $(e) : $ != null && ($.current = e);
 						},
 						role: "combobox",
 						spellCheck: !1,
 						type: "text",
-						value: P
+						value: F
 					}),
 					/* @__PURE__ */ v("button", {
-						"aria-label": k("clear"),
+						"aria-label": A("clear"),
 						"data-part": "clear",
 						onClick: (e) => {
-							B("", "clear", e), H.current?.focus();
+							V("", "clear", e), U.current?.focus();
 						},
 						tabIndex: -1,
 						type: "button",
 						children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "x" }) })
 					}),
-					A ? null : /* @__PURE__ */ v("button", {
+					j ? null : /* @__PURE__ */ v("button", {
 						"data-part": "close",
-						onClick: (e) => U(!1, "dismiss", e),
+						onClick: (e) => W(!1, "dismiss", e),
 						type: "button",
-						children: k("close")
+						children: A("close")
 					})
 				]
 			}),
 			/* @__PURE__ */ y("div", {
-				"aria-busy": O.loading ? !0 : void 0,
-				"aria-label": k("input"),
+				"aria-busy": k.loading ? !0 : void 0,
+				"aria-label": A("input"),
 				"data-part": "list",
-				...O.loading ? { "data-loading": "" } : {},
-				id: tt,
-				ref: q,
+				...k.loading ? { "data-loading": "" } : {},
+				id: et,
+				ref: J,
 				role: "listbox",
 				children: [
-					O.loading && W.count === 0 ? /* @__PURE__ */ v("div", {
+					k.loading && G.count === 0 ? /* @__PURE__ */ v("div", {
 						"aria-hidden": "true",
 						"data-part": "placeholder",
 						children: [
@@ -636,11 +639,11 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 							"data-ui": "skeleton"
 						}) }, e))
 					}) : null,
-					jt ? /* @__PURE__ */ v("div", {
+					Mt ? /* @__PURE__ */ v("div", {
 						"data-part": "empty",
-						children: Ee ?? k("empty")
+						children: Ee ?? A("empty")
 					}) : null,
-					W.sections.flatMap(Dt)
+					G.sections.flatMap(Dt)
 				]
 			}),
 			/* @__PURE__ */ v("div", {
@@ -650,27 +653,27 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 			}),
 			Ot
 		]
-	}), Nt = {
-		presentation: O.presentation,
-		disabled: O.disabled
+	}), Pt = {
+		presentation: k.presentation,
+		disabled: k.disabled
 	};
-	if (A) return /* @__PURE__ */ y(_e.Provider, {
-		value: Nt,
-		children: [d, Mt]
+	if (j) return /* @__PURE__ */ y(_e.Provider, {
+		value: Pt,
+		children: [d, Nt]
 	});
-	let Pt = b === void 0 ? /* @__PURE__ */ v("span", {
+	let Ft = b === void 0 ? /* @__PURE__ */ v("span", {
 		hidden: !0,
 		ref: Ct
-	}) : null, Ft = b === void 0 ? wt : b;
+	}) : null, It = b === void 0 ? wt : b;
 	return /* @__PURE__ */ y(_e.Provider, {
-		value: Nt,
-		children: [Pt, /* @__PURE__ */ y(c, {
-			container: Ft,
+		value: Pt,
+		children: [Ft, /* @__PURE__ */ y(c, {
+			container: It,
 			escape: "none",
 			fullScreen: "narrow",
-			initialFocus: H,
+			initialFocus: U,
 			onOpenChange: (e, t) => {
-				let n = t.reason === "outsidePress" || t.reason === "escape" || t.reason === "pointer" || t.reason === "keyboard" ? t.reason : "dismiss", r = R.current;
+				let n = t.reason === "outsidePress" || t.reason === "escape" || t.reason === "pointer" || t.reason === "keyboard" ? t.reason : "dismiss", r = z.current;
 				if (!u({
 					controlled: r.open,
 					initial: r.currentOpen,
@@ -679,16 +682,16 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 					t.cancel();
 					return;
 				}
-				rt(e);
+				nt(e);
 			},
-			open: N,
-			outsidePress: O.outsidePress,
+			open: P,
+			outsidePress: k.outsidePress,
 			placement: "top",
-			size: O.size,
+			size: k.size,
 			surface: "plain",
 			children: [d, /* @__PURE__ */ v(s, {
-				"aria-label": k("label"),
-				children: Mt
+				"aria-label": A("label"),
+				children: Nt
 			})]
 		})]
 	});