@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/overlays/CommandPalette/CommandPalette.mjs

@@ -1,61 +1,62 @@
-import { en as e } from "../../../i18n/en.mjs";
-import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
-import { getOverlayLayerStack as n, useParentOverlayLayer as r } from "../../../hooks/useOverlayLayer.mjs";
-import { useMessages as i } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { hotkeyToAria as a, isTypingTarget as o, matchesHotkey as ee, parseHotkey as s } from "../../../utils/hotkeys.mjs";
-import { cx as te } from "../../../utils/cx.mjs";
-import { VisuallyHidden as c } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { Kbd as l, useKbdPlatform as ne } from "../../primitives/Kbd/Kbd.mjs";
-import { Modal as u } from "../Modal/Modal.mjs";
-import { CommandPaletteContext as re } from "./CommandPaletteContext.mjs";
-import { defaultCommandScore as ie, getOrderedOptions as ae, syncDomOrder as oe } from "./commandPaletteUtils.mjs";
-import d from "./CommandPalette.module.css.mjs";
-import { CommandPaletteEmpty as f, CommandPaletteGroup as se, CommandPaletteInput as p, CommandPaletteItem as m, CommandPaletteList as ce, CommandPaletteLoading as h, CommandPalettePage as g, CommandPaletteSeparator as _ } from "./CommandPaletteParts.mjs";
-import { cloneElement as le, isValidElement as ue, useCallback as v, useEffect as de, useId as fe, useLayoutEffect as y, useMemo as pe, useRef as b, useState as x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-//#region src/components/overlays/CommandPalette/CommandPalette.tsx
-function me(t) {
-	return e.commandPalette.results(t);
+"use client";
+import { getOverlayLayerStack as e, useParentOverlayLayer as t } from "../../../hooks/useOverlayLayer.mjs";
+import { useControllableState as n } from "../../../hooks/useControllableState.mjs";
+import { cx as r } from "../../../utils/cx.mjs";
+import { Kbd as i, useKbdPlatform as a } from "../../primitives/Kbd/Kbd.mjs";
+import { hotkeyToAria as o, isTypingTarget as ee, matchesHotkey as s, parseHotkey as te } from "../../../utils/hotkeys.mjs";
+import { VisuallyHidden as ne } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { Modal as re } from "../Modal/Modal.mjs";
+import { CommandPaletteContext as ie } from "./CommandPaletteContext.mjs";
+import { CommandPaletteEmpty as c, CommandPaletteGroup as ae, CommandPaletteInput as oe, CommandPaletteItem as l, CommandPaletteList as u, CommandPaletteLoading as d, CommandPalettePage as f, CommandPaletteSeparator as se } from "./CommandPaletteParts.mjs";
+import { defaultCommandScore as ce, getOrderedOptions as p, syncDomOrder as le } from "./commandPaletteUtils.mjs";
+import m from "./CommandPalette.module.css.mjs";
+import { useMessages as ue } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { en as de } from "../../../i18n/en.mjs";
+import { cloneElement as fe, isValidElement as pe, useCallback as h, useEffect as me, useId as he, useLayoutEffect as g, useMemo as ge, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+// src/components/overlays/CommandPalette/CommandPalette.tsx
+function _e(e) {
+	return de.commandPalette.results(e);
 }
-var he = [], ge = 300, _e = 10;
-function ve({ layerIdRef: e, onUnmount: t }) {
-	let n = r(), i = b(t);
-	return i.current = t, y(() => (e.current = n, () => {
+var ve = [], ye = 300, be = 10;
+function xe({ layerIdRef: e, onUnmount: n }) {
+	let r = t(), i = _(n);
+	return i.current = n, g(() => (e.current = r, () => {
 		e.current = null;
-	}), [n, e]), y(() => () => i.current(), []), null;
+	}), [r, e]), g(() => () => i.current(), []), null;
 }
-function ye({ open: e, defaultOpen: f = !1, onOpenChange: se, hotkey: p = "mod+k", trigger: m, label: ce, search: h, defaultSearch: g = "", onSearchChange: _, pages: me, defaultPages: ye = he, onPagesChange: be, filter: xe, shouldFilter: Se = !0, sort: Ce = !0, highlightMatches: we = !0, closeOnSelect: Te = !0, loop: Ee = !0, size: De = "md", resultsLabel: Oe, instructions: ke, showHints: Ae = !0, hintLabels: w, backLabel: je, className: Me, onMouseDown: Ne, children: Pe, "aria-label": Fe, "aria-labelledby": Ie, "aria-describedby": Le, ...Re }) {
-	let T = i(), E = ce ?? T.commandPalette.label, ze = Oe ?? T.commandPalette.results, Be = ke ?? T.commandPalette.instructions, Ve = je ?? T.commandPalette.back, [D, O] = t({
-		value: e,
-		defaultValue: f,
-		onChange: se
-	}), [k, A] = t({
-		value: h,
-		defaultValue: g,
-		onChange: _
-	}), [j, M] = t({
-		value: me,
-		defaultValue: ye,
-		onChange: be
-	}), N = j.length > 0 ? j[j.length - 1] : null, He = fe(), P = `${He}-title`, Ue = `${He}-instructions`, [We, Ge] = x(null), Ke = We ?? `${He}-listbox`, F = b(null), I = b(null), qe = b(null), Je = r(), L = b(D);
+function Se({ open: c, defaultOpen: ae = !1, onOpenChange: oe, hotkey: l = "mod+k", trigger: u, label: d, search: f, defaultSearch: se = "", onSearchChange: de, pages: _e, defaultPages: Se = ve, onPagesChange: Ce, filter: we, shouldFilter: Te = !0, sort: Ee = !0, highlightMatches: De = !0, closeOnSelect: Oe = !0, loop: ke = !0, size: Ae = "md", resultsLabel: je, instructions: Me, showHints: Ne = !0, hintLabels: x, backLabel: Pe, className: Fe, onMouseDown: Ie, children: Le, "aria-label": Re, "aria-labelledby": ze, "aria-describedby": Be, ...Ve }) {
+	let S = ue(), He = d ?? S.commandPalette.label, Ue = je ?? S.commandPalette.results, We = Me ?? S.commandPalette.instructions, Ge = Pe ?? S.commandPalette.back, [C, w] = n({
+		value: c,
+		defaultValue: ae,
+		onChange: oe
+	}), [T, E] = n({
+		value: f,
+		defaultValue: se,
+		onChange: de
+	}), [D, O] = n({
+		value: _e,
+		defaultValue: Se,
+		onChange: Ce
+	}), k = D.length > 0 ? D[D.length - 1] : null, A = he(), j = `${A}-title`, M = `${A}-instructions`, [Ke, qe] = v(null), Je = Ke ?? `${A}-listbox`, N = _(null), P = _(null), Ye = _(null), Xe = t(), F = _(C);
+	F.current = C;
+	let I = _(T);
+	I.current = T;
+	let L = _(D);
 	L.current = D;
-	let R = b(k);
-	R.current = k;
-	let z = b(j);
-	z.current = j;
-	let B = b(/* @__PURE__ */ new Map()), [Ye, Xe] = x(0), Ze = v((e) => (B.current.set(e.key, e), Xe((e) => e + 1), () => {
-		B.current.get(e.key) === e && (B.current.delete(e.key), Xe((e) => e + 1));
-	}), []), V = Se && k.trim() !== "", Qe = pe(() => {
+	let R = _(/* @__PURE__ */ new Map()), [Ze, Qe] = v(0), $e = h((e) => (R.current.set(e.key, e), Qe((e) => e + 1), () => {
+		R.current.get(e.key) === e && (R.current.delete(e.key), Qe((e) => e + 1));
+	}), []), z = Te && T.trim() !== "", B = ge(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B.current.values()) {
-			let n = V ? xe ? xe(t.value, k, t.keywords) : ie(t.value, k, t.keywords) : 1;
+		for (let t of R.current.values()) {
+			let n = z ? we ? we(t.value, T, t.keywords) : ce(t.value, T, t.keywords) : 1;
 			n > 0 && e.set(t.key, n);
 		}
-		let t = V && Ce, n = t ? [...new Set(e.values())].sort((e, t) => t - e) : [], r = new Map(n.map((e, t) => [e, t])), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+		let t = z && Ee, n = t ? [...new Set(e.values())].sort((e, t) => t - e) : [], r = new Map(n.map((e, t) => [e, t])), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
 		for (let [n, ee] of e) {
 			let e = t ? r.get(ee) ?? 0 : 0;
 			i.set(n, e);
-			let s = B.current.get(n)?.groupKey;
+			let s = R.current.get(n)?.groupKey;
 			s && (o.set(s, (o.get(s) ?? 0) + 1), a.set(s, Math.min(a.get(s) ?? Infinity, e)));
 		}
 		return {
@@ -67,60 +68,60 @@ function ye({ open: e, defaultOpen: f = !1, onOpenChange: se, hotkey: p = "mod+k
 			ranked: t
 		};
 	}, [
-		Ye,
-		V,
-		k,
-		xe,
-		Ce
-	]), [$e, et] = x({}), tt = v((e, t) => (et((n) => n[e] === t ? n : {
+		Ze,
+		z,
+		T,
+		we,
+		Ee
+	]), [V, et] = v({}), tt = h((e, t) => (et((n) => n[e] === t ? n : {
 		...n,
 		[e]: t
 	}), () => et((t) => {
 		if (!(e in t)) return t;
 		let n = { ...t };
 		return delete n[e], n;
-	})), []), H = v((e) => {
-		M((t) => [...t, e]), A("");
-	}, [M, A]), U = v(() => {
-		z.current.length !== 0 && (M((e) => e.slice(0, -1)), A(""));
-	}, [M, A]), [nt, rt] = x(0), it = b(T.commandPalette.loading), at = v((e) => (it.current = e, rt((e) => e + 1), () => rt((e) => e - 1)), []), W = nt > 0, [ot, st] = x(null), [G, K] = x(null), q = b(G);
+	})), []), H = h((e) => {
+		O((t) => [...t, e]), E("");
+	}, [O, E]), U = h(() => {
+		L.current.length !== 0 && (O((e) => e.slice(0, -1)), E(""));
+	}, [O, E]), [nt, rt] = v(0), it = _(S.commandPalette.loading), at = h((e) => (it.current = e, rt((e) => e + 1), () => rt((e) => e - 1)), []), W = nt > 0, [ot, st] = v(null), [G, K] = v(null), q = _(G);
 	q.current = G;
-	let ct = b(!1), lt = b(null);
-	y(() => {
-		if (!D) {
+	let ct = _(!1), lt = _(null);
+	g(() => {
+		if (!C) {
 			lt.current = null;
 			return;
 		}
-		let e = I.current;
+		let e = P.current;
 		if (!e) return;
-		oe(e);
-		let t = ae(e), n = `${N ?? ""}\u0000${k}`, r = n !== lt.current, i = q.current, a = i !== null && t.some((e) => e.id === i);
+		le(e);
+		let t = p(e), n = `${k ?? ""}\u0000${T}`, r = n !== lt.current, i = q.current, a = i !== null && t.some((e) => e.id === i);
 		if (r || !a) {
 			lt.current = n;
 			let a = (t.find((e) => e.getAttribute("aria-disabled") !== "true") ?? t[0])?.id ?? null;
 			a !== i && K(a), r && (e.scrollTop = 0);
 		}
-	}), y(() => {
+	}), g(() => {
 		if (!ct.current || !G) return;
 		ct.current = !1;
 		let e = document.getElementById(G);
 		if (!e) return;
 		e.scrollIntoView?.({ block: "nearest" });
-		let t = ae(I.current), n = t.indexOf(e), r = e.closest("[role=\"group\"]"), i = n <= 0 || t[n - 1].closest("[role=\"group\"]") !== r;
+		let t = p(P.current), n = t.indexOf(e), r = e.closest("[role=\"group\"]"), i = n <= 0 || t[n - 1].closest("[role=\"group\"]") !== r;
 		if (n === 0) {
-			let e = I.current;
+			let e = P.current;
 			e && (e.scrollTop = 0);
 		} else r && i && r.querySelector("[data-command-heading]")?.scrollIntoView?.({ block: "nearest" });
 	}, [G]);
-	let J = v((e) => {
-		let t = ae(I.current);
+	let J = h((e) => {
+		let t = p(P.current);
 		if (t.length === 0) return;
 		let n = t.findIndex((e) => e.id === q.current), r;
-		r = n === -1 ? e > 0 ? 0 : t.length - 1 : Ee && Math.abs(e) === 1 ? (n + e + t.length) % t.length : Math.min(t.length - 1, Math.max(0, n + e)), ct.current = !0, K(t[r].id);
-	}, [Ee]), ut = b(Te);
-	ut.current = Te;
-	let Y = v((e) => {
-		let t = [...B.current.values()].find((t) => t.domId === e);
+		r = n === -1 ? e > 0 ? 0 : t.length - 1 : ke && Math.abs(e) === 1 ? (n + e + t.length) % t.length : Math.min(t.length - 1, Math.max(0, n + e)), ct.current = !0, K(t[r].id);
+	}, [ke]), ut = _(Oe);
+	ut.current = Oe;
+	let Y = h((e) => {
+		let t = [...R.current.values()].find((t) => t.domId === e);
 		if (!t || t.disabled) return;
 		if (t.to) {
 			H(t.to);
@@ -133,13 +134,13 @@ function ye({ open: e, defaultOpen: f = !1, onOpenChange: se, hotkey: p = "mod+k
 				n.defaultPrevented = !0;
 			}
 		}, r = t.onSelectRef.current?.(n);
-		!n.defaultPrevented && r !== !1 && ut.current && O(!1);
-	}, [H, O]), dt = v((e) => {
+		!n.defaultPrevented && r !== !1 && ut.current && w(!1);
+	}, [H, w]), dt = h((e) => {
 		if (e.nativeEvent.isComposing || e.keyCode === 229) return;
 		let { key: t } = e, n = e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey, r = e.nativeEvent.code, i = !e.ctrlKey && !e.metaKey && !e.altKey;
 		if (t === "ArrowDown" && i || n && (t === "n" || r === "KeyN")) e.preventDefault(), J(1);
 		else if (t === "ArrowUp" && i || n && (t === "p" || r === "KeyP")) e.preventDefault(), J(-1);
-		else if (t === "PageDown" && i) e.preventDefault(), J(_e);
+		else if (t === "PageDown" && i) e.preventDefault(), J(be);
 		else if (t === "PageUp" && i) e.preventDefault(), J(-10);
 		else if (t === "Enter") {
 			if (e.repeat) {
@@ -149,227 +150,226 @@ function ye({ open: e, defaultOpen: f = !1, onOpenChange: se, hotkey: p = "mod+k
 			let t = q.current;
 			if (!t) return;
 			e.preventDefault(), Y(t);
-		} else t === "Escape" ? R.current === "" ? z.current.length > 0 && (e.preventDefault(), U()) : (e.preventDefault(), A("")) : t === "Backspace" && !e.repeat && R.current === "" && z.current.length > 0 && (e.preventDefault(), U());
+		} else t === "Escape" ? I.current === "" ? L.current.length > 0 && (e.preventDefault(), U()) : (e.preventDefault(), E("")) : t === "Backspace" && !e.repeat && I.current === "" && L.current.length > 0 && (e.preventDefault(), U());
 	}, [
 		J,
 		Y,
-		A,
+		E,
 		U
-	]), ft = Re.onKeyDown, pt = (e) => {
-		ft?.(e), !(e.defaultPrevented || e.key !== "Escape" || e.target === F.current) && (R.current === "" ? z.current.length > 0 && (e.preventDefault(), U(), F.current?.focus()) : (e.preventDefault(), A(""), F.current?.focus()));
-	}, mt = v(() => {
-		L.current || (R.current !== "" && A(""), z.current.length > 0 && M(he), K(null));
-	}, [A, M]), ht = ne(), gt = p ? s(p, ht) : null, _t = gt ? a(gt) : void 0;
-	de(() => {
-		if (!p) return;
-		let e = s(p, ht);
-		if (!e) return;
-		let t = (t) => {
-			if (t.defaultPrevented || t.isComposing || t.repeat || !ee(t, e) || t.target !== F.current && o(t.target)) return;
-			let r = n(), i = L.current ? qe.current : Je, a = i ? r.findIndex((e) => e.id === i) : -1;
-			r.slice(a + 1).some((e) => e.modal && e.id !== qe.current) || (t.preventDefault(), O(!L.current));
+	]), ft = Ve.onKeyDown, pt = (e) => {
+		ft?.(e), e.defaultPrevented || e.key !== "Escape" || e.target === N.current || (I.current === "" ? L.current.length > 0 && (e.preventDefault(), U(), N.current?.focus()) : (e.preventDefault(), E(""), N.current?.focus()));
+	}, mt = h(() => {
+		F.current || (I.current !== "" && E(""), L.current.length > 0 && O(ve), K(null));
+	}, [E, O]), X = a(), ht = l ? te(l, X) : null, gt = ht ? o(ht) : void 0;
+	me(() => {
+		if (!l) return;
+		let t = te(l, X);
+		if (!t) return;
+		let n = (n) => {
+			if (n.defaultPrevented || n.isComposing || n.repeat || !s(n, t) || n.target !== N.current && ee(n.target)) return;
+			let r = e(), i = F.current ? Ye.current : Xe, a = i ? r.findIndex((e) => e.id === i) : -1;
+			r.slice(a + 1).some((e) => e.modal && e.id !== Ye.current) || (n.preventDefault(), w(!F.current));
 		};
-		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
 	}, [
-		p,
-		ht,
-		Je,
-		O
+		l,
+		X,
+		Xe,
+		w
 	]);
-	let [vt, yt] = x(""), X = b(null), Z = Qe.count, Q = N ? $e[N] ?? N : null, bt = b(ze);
-	bt.current = ze, de(() => {
-		if (!D) {
-			X.current = null, yt("");
+	let [_t, vt] = v(""), Z = _(null), Q = B.count, yt = k ? V[k] ?? k : null, bt = _(Ue);
+	bt.current = Ue, me(() => {
+		if (!C) {
+			Z.current = null, vt("");
 			return;
 		}
-		let e = `${N ?? ""}\u0000${k}`;
-		if (X.current === null) {
-			X.current = {
+		let e = `${k ?? ""}\u0000${T}`;
+		if (Z.current === null) {
+			Z.current = {
 				trigger: e,
 				count: -1,
-				page: N
+				page: k
 			};
 			return;
 		}
 		if (W) {
-			yt(it.current);
+			vt(it.current);
 			return;
 		}
-		let t = X.current;
-		if (t.trigger === e && (t.count === -1 || t.count === Z)) return;
+		let t = Z.current;
+		if (t.trigger === e && (t.count === -1 || t.count === Q)) return;
 		let n = window.setTimeout(() => {
-			let n = bt.current(Z), r = t.page !== N;
-			X.current = {
+			let n = bt.current(Q), r = t.page !== k;
+			Z.current = {
 				trigger: e,
-				count: Z,
-				page: N
-			}, yt(r && Q ? `${Q}, ${n}` : n);
-		}, ge);
+				count: Q,
+				page: k
+			}, vt(r && yt ? `${yt}, ${n}` : n);
+		}, ye);
 		return () => window.clearTimeout(n);
 	}, [
-		D,
+		C,
 		W,
-		N,
 		k,
-		Z,
-		Q
+		T,
+		Q,
+		yt
 	]);
-	let xt = pe(() => ({
-		search: k,
-		setSearch: (e) => A(e),
-		filtering: V,
-		highlightMatches: we,
-		results: Qe,
-		register: Ze,
+	let xt = ge(() => ({
+		search: T,
+		setSearch: (e) => E(e),
+		filtering: z,
+		highlightMatches: De,
+		results: B,
+		register: $e,
 		activeId: G,
 		setActiveId: K,
 		selectById: Y,
-		pages: j,
-		currentPage: N,
+		pages: D,
+		currentPage: k,
 		pushPage: H,
 		popPage: U,
-		pageTitles: $e,
+		pageTitles: V,
 		registerPageTitle: tt,
 		loading: W,
 		registerLoading: at,
 		statusSlot: ot,
 		setStatusSlot: st,
-		inputRef: F,
-		listboxRef: I,
-		listboxId: Ke,
-		setListboxId: Ge,
-		titleId: P,
-		label: E,
-		instructionsId: Ue,
-		backLabel: Ve,
+		inputRef: N,
+		listboxRef: P,
+		listboxId: Je,
+		setListboxId: qe,
+		titleId: j,
+		label: He,
+		instructionsId: M,
+		backLabel: Ge,
 		onInputKeyDown: dt,
 		reset: mt
 	}), [
-		k,
-		A,
-		V,
-		we,
-		Qe,
-		Ze,
+		T,
+		E,
+		z,
+		De,
+		B,
+		$e,
 		G,
 		Y,
-		j,
-		N,
+		D,
+		k,
 		H,
 		U,
-		$e,
+		V,
 		tt,
 		W,
 		at,
 		ot,
-		Ke,
-		P,
-		E,
-		Ue,
-		Ve,
+		Je,
+		j,
+		He,
+		M,
+		Ge,
 		dt,
 		mt
 	]), St = (e) => {
-		Ne?.(e), !e.defaultPrevented && (e.target.closest("input, textarea, select, button, a[href], [contenteditable]") || e.preventDefault());
-	}, Ct = m && ue(m) ? le(m, { "aria-keyshortcuts": m.props["aria-keyshortcuts"] ?? _t }) : null, $ = {
-		navigate: w?.navigate ?? T.commandPalette.hints.navigate,
-		select: w?.select ?? T.commandPalette.hints.select,
-		back: w?.back ?? T.commandPalette.hints.back,
-		close: w?.close ?? T.commandPalette.hints.close
+		Ie?.(e), e.defaultPrevented || e.target.closest("input, textarea, select, button, a[href], [contenteditable]") || e.preventDefault();
+	}, Ct = u && pe(u) ? fe(u, { "aria-keyshortcuts": u.props["aria-keyshortcuts"] ?? gt }) : null, $ = {
+		navigate: x?.navigate ?? S.commandPalette.hints.navigate,
+		select: x?.select ?? S.commandPalette.hints.select,
+		back: x?.back ?? S.commandPalette.hints.back,
+		close: x?.close ?? S.commandPalette.hints.close
 	};
-	return /* @__PURE__ */ S(re.Provider, {
+	return /* @__PURE__ */ y(ie.Provider, {
 		value: xt,
-		children: /* @__PURE__ */ C(u, {
-			open: D,
-			onOpenChange: O,
-			size: De,
+		children: /* @__PURE__ */ b(re, {
+			open: C,
+			onOpenChange: w,
+			size: Ae,
 			placement: "top",
 			mobileLayout: "card",
 			showClose: !1,
-			initialFocusRef: F,
-			children: [Ct && /* @__PURE__ */ S(u.Trigger, { children: Ct }), /* @__PURE__ */ C(u.Content, {
-				...Re,
-				"aria-label": Fe,
-				"aria-labelledby": Ie ?? (Fe ? void 0 : P),
-				"aria-describedby": Le,
-				className: te(d.palette, Me),
+			initialFocusRef: N,
+			children: [Ct && /* @__PURE__ */ y(re.Trigger, { children: Ct }), /* @__PURE__ */ b(re.Content, {
+				...Ve,
+				"aria-label": Re,
+				"aria-labelledby": ze ?? (Re ? void 0 : j),
+				"aria-describedby": Be,
+				className: r(m.palette, Fe),
 				onMouseDown: St,
 				onKeyDown: pt,
 				children: [
-					/* @__PURE__ */ S(ve, {
-						layerIdRef: qe,
+					/* @__PURE__ */ y(xe, {
+						layerIdRef: Ye,
 						onUnmount: mt
 					}),
-					/* @__PURE__ */ S(c, {
-						id: P,
-						children: E
+					/* @__PURE__ */ y(ne, {
+						id: j,
+						children: He
 					}),
-					/* @__PURE__ */ S(c, {
-						id: Ue,
-						children: Be
+					/* @__PURE__ */ y(ne, {
+						id: M,
+						children: We
 					}),
-					Pe,
-					Ae && /* @__PURE__ */ C("div", {
-						className: d.footer,
+					Le,
+					Ne && /* @__PURE__ */ b("div", {
+						className: m.footer,
 						"aria-hidden": "true",
 						children: [
-							/* @__PURE__ */ C("span", {
-								className: d.hint,
+							/* @__PURE__ */ b("span", {
+								className: m.hint,
 								children: [
-									/* @__PURE__ */ S(l, {
+									/* @__PURE__ */ y(i, {
 										size: "sm",
 										keyName: "up"
 									}),
-									/* @__PURE__ */ S(l, {
+									/* @__PURE__ */ y(i, {
 										size: "sm",
 										keyName: "down"
 									}),
 									$.navigate
 								]
 							}),
-							/* @__PURE__ */ C("span", {
-								className: d.hint,
-								children: [/* @__PURE__ */ S(l, {
+							/* @__PURE__ */ b("span", {
+								className: m.hint,
+								children: [/* @__PURE__ */ y(i, {
 									size: "sm",
 									keyName: "enter"
 								}), $.select]
 							}),
-							j.length > 0 && /* @__PURE__ */ C("span", {
-								className: d.hint,
-								children: [/* @__PURE__ */ S(l, {
+							D.length > 0 && /* @__PURE__ */ b("span", {
+								className: m.hint,
+								children: [/* @__PURE__ */ y(i, {
 									size: "sm",
 									keyName: "backspace"
 								}), $.back]
 							}),
-							/* @__PURE__ */ C("span", {
-								className: d.hint,
-								children: [/* @__PURE__ */ S(l, {
+							/* @__PURE__ */ b("span", {
+								className: m.hint,
+								children: [/* @__PURE__ */ y(i, {
 									size: "sm",
 									keyName: "esc"
 								}), $.close]
 							})
 						]
 					}),
-					/* @__PURE__ */ S(c, {
+					/* @__PURE__ */ y(ne, {
 						role: "status",
 						"aria-live": "polite",
 						"aria-atomic": "true",
-						children: vt
+						children: _t
 					})
 				]
 			})]
 		})
 	});
 }
-var be = Object.assign(ye, {
-	Input: p,
-	List: ce,
-	Group: se,
-	Item: m,
-	Empty: f,
-	Loading: h,
-	Separator: _,
-	Page: g
+var Ce = Object.assign(Se, {
+	Input: oe,
+	List: u,
+	Group: ae,
+	Item: l,
+	Empty: c,
+	Loading: d,
+	Separator: se,
+	Page: f
 });
-//#endregion
-export { be as CommandPalette, f as CommandPaletteEmpty, se as CommandPaletteGroup, p as CommandPaletteInput, m as CommandPaletteItem, ce as CommandPaletteList, h as CommandPaletteLoading, g as CommandPalettePage, _ as CommandPaletteSeparator, me as defaultCommandResultsLabel, ie as defaultCommandScore };
+export { Ce as CommandPalette, c as CommandPaletteEmpty, ae as CommandPaletteGroup, oe as CommandPaletteInput, l as CommandPaletteItem, u as CommandPaletteList, d as CommandPaletteLoading, f as CommandPalettePage, se as CommandPaletteSeparator, _e as defaultCommandResultsLabel, ce as defaultCommandScore };

package/dist/components/overlays/CommandPalette/CommandPalette.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/overlays/CommandPalette/CommandPalette.module.css
+// src/components/overlays/CommandPalette/CommandPalette.module.css
 var e = "_palette_176zy_35", t = "_header_176zy_49", n = "_crumbs_176zy_67", r = "_trail_176zy_81", i = "_crumb_176zy_67", a = "_crumbSeparator_176zy_127", o = "_back_176zy_139", s = "_field_176zy_147", c = "_searchIcon_176zy_159", l = "_input_176zy_177", u = "_inputLoading_176zy_217", d = "_inputSpinner_176zy_247", f = "_listArea_176zy_263", p = "_list_176zy_263", m = "_group_176zy_315", h = "_separator_176zy_331", g = "_groupHeading_176zy_347", _ = "_item_176zy_377", v = "_icon_176zy_483", y = "_label_176zy_501", b = "_mark_176zy_513", x = "_shortcut_176zy_531", S = "_chevron_176zy_549", C = "_status_176zy_605", w = "_empty_176zy_613", T = "_loading_176zy_621", E = "_footer_176zy_645", D = "_hint_176zy_683", O = {
 	palette: e,
 	header: t,
@@ -29,5 +29,4 @@ var e = "_palette_176zy_35", t = "_header_176zy_49", n = "_crumbs_176zy_67", r =
 	footer: E,
 	hint: D
 };
-//#endregion
 export { o as back, S as chevron, i as crumb, a as crumbSeparator, n as crumbs, O as default, w as empty, s as field, E as footer, m as group, g as groupHeading, t as header, D as hint, v as icon, l as input, u as inputLoading, d as inputSpinner, _ as item, y as label, p as list, f as listArea, T as loading, b as mark, e as palette, c as searchIcon, h as separator, x as shortcut, C as status, r as trail };

package/dist/components/overlays/CommandPalette/CommandPaletteContext.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=(0,e.createContext)(null);function n(n){let r=(0,e.useContext)(t);if(!r)throw Error(`<${n}> must be used inside <CommandPalette>.`);return r}var r=(0,e.createContext)(null),i=(0,e.createContext)(null);exports.CommandPaletteContext=t,exports.GroupContext=r,exports.PageContext=i,exports.useCommandPalette=n;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(n){let r=(0,e.useContext)(t);if(!r)throw Error(`<${n}> must be used inside <CommandPalette>.`);return r}var r=(0,e.createContext)(null),i=(0,e.createContext)(null);exports.CommandPaletteContext=t,exports.GroupContext=r,exports.PageContext=i,exports.useCommandPalette=n;

package/dist/components/overlays/CommandPalette/CommandPaletteContext.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { createContext as e, useContext as t } from "react";
-//#region src/components/overlays/CommandPalette/CommandPaletteContext.ts
+// src/components/overlays/CommandPalette/CommandPaletteContext.ts
 var n = e(null);
 function r(e) {
 	let r = t(n);
@@ -7,5 +8,4 @@ function r(e) {
 	return r;
 }
 var i = e(null), a = e(null);
-//#endregion
 export { n as CommandPaletteContext, i as GroupContext, a as PageContext, r as useCommandPalette };