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

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

@@ -1,22 +1,23 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n as e, t } from "./icon-DMdotKfc.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
 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-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";
-import { Fragment as ne, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { createPortalRoot as re } from "@slotted/core/portal";
-import { commandPaletteMessages as ie } from "@slotted/core/i18n";
-import { canonicalKey as ae, isEditableTarget as oe, matchesShortcut as se, parseShortcut as ce } from "@slotted/core/keys";
-import { getLiveAnnouncer as le } from "@slotted/core/live-announcer";
-import { moveIndex as ue } from "@slotted/core/collection";
-import { createCommandRanker as de, pushRecent as fe, resolveCommands as pe } from "@slotted/core/commands";
+import { t as a } from "./highlight-CIcfSNwz.js";
+import { d as o, o as s, p as c } from "./dialog-CpdINwbD.js";
+import { t as l } from "./kbd-DQwbQOQo.js";
+import { selectorKeyProps as u, withSelectorKey as d } from "@slotted/core/selector-key";
+import { createControllable as f } from "@slotted/core/state";
+import { createContext as p, useCallback as m, useContext as ee, useEffect as h, useId as te, useImperativeHandle as ne, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as re, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { createPortalRoot as ie } from "@slotted/core/portal";
+import { commandPaletteMessages as ae } from "@slotted/core/i18n";
+import { canonicalKey as oe, isEditableTarget as se, matchesShortcut as ce, parseShortcut as le } from "@slotted/core/keys";
+import { getLiveAnnouncer as ue } from "@slotted/core/live-announcer";
+import { moveIndex as de } from "@slotted/core/collection";
+import { createCommandRanker as fe, pushRecent as pe, resolveCommands as me } from "@slotted/core/commands";
 //#region src/command-palette/command-palette-defaults.tsx
-var me = {
+var x = {
 	presentation: "dialog",
 	size: "md",
 	outsidePress: "close",
@@ -27,72 +28,72 @@ var me = {
 	highlightMatch: !0,
 	hotkey: "mod+k",
 	recentLimit: 5
-}, he = d(me);
-function ge() {
-	return p(he);
+}, S = p(x);
+function C() {
+	return ee(S);
 }
-function b({ children: e, ...t }) {
-	let n = ge(), r = { ...n };
+function w({ children: e, ...t }) {
+	let n = C(), r = { ...n };
 	for (let e of Object.keys(n)) {
 		let n = t[e];
 		n !== void 0 && (r[e] = n);
 	}
-	return /* @__PURE__ */ v(he.Provider, {
+	return /* @__PURE__ */ y(S.Provider, {
 		value: r,
 		children: e
 	});
 }
 //#endregion
 //#region src/command-palette/command-palette.tsx
-var _e = d(void 0);
-function ve(e, t) {
+var T = p(void 0);
+function he(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function ye(e, t) {
-	let n = ce(e);
+function ge(e, t) {
+	let n = le(e);
 	if (n.length === 1) return n[0]?.map((e) => {
-		let n = ae(e);
+		let n = oe(e);
 		if (n === "mod") return t === "mac" ? "Meta" : "Control";
 		if (n === "ctrl") return "Control";
 		let r = n ?? e;
 		return r.length === 1 ? r.toUpperCase() : `${r[0]?.toUpperCase()}${r.slice(1)}`;
 	}).join("+");
 }
-function x(e, t) {
+function E(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: 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 = {
+function _e({ autoHighlight: o, children: p, className: ee, clearOnClose: x, closeOnSelect: S, container: w, defaultHighlightedId: _e, defaultOpen: ve, defaultPages: ye, defaultQuery: be, defaultRecent: xe, disabled: Se, empty: Ce, footer: we, groups: Te, highlightMatch: Ee, highlightedId: D, hotkey: De, inputProps: Oe, items: ke, limit: Ae, loading: je, locale: Me, loop: Ne, messages: Pe, onHighlightedIdChange: Fe, onOpenChange: Ie, onPagesChange: Le, onQueryChange: Re, onRecentChange: ze, onSelect: Be, open: Ve, outsidePress: He, pages: Ue, presentation: We, query: Ge, rank: Ke, recent: qe, recentLimit: Je, ref: Ye, renderItem: Xe, size: Ze, style: Qe, ...$e }) {
+	let O = C(), k = {
 		presentation: We ?? O.presentation,
-		size: Ye ?? O.size,
-		outsidePress: Ue ?? O.outsidePress,
-		loop: Fe ?? O.loop,
+		size: Ze ?? O.size,
+		outsidePress: He ?? O.outsidePress,
+		loop: Ne ?? 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
-	}, 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({
+		closeOnSelect: S ?? O.closeOnSelect,
+		clearOnClose: x ?? O.clearOnClose,
+		highlightMatch: Ee ?? O.highlightMatch,
+		hotkey: De === void 0 ? O.hotkey : De,
+		recentLimit: Je ?? O.recentLimit,
+		loading: je ?? !1,
+		disabled: Se ?? !1
+	}, A = r(ae, Pe), et = n(), tt = Me ?? et, j = k.presentation === "inline", M = i(void 0), N = te(), nt = `${N}-list`, [rt, it] = v(ve ?? !1), [at, ot] = v(be ?? ""), [st, ct] = v(_e ?? null), [lt, ut] = v(ye ?? []), [dt, ft] = v(xe ?? []), P = j ? !0 : Ve ?? rt, F = Ge ?? at, I = D === void 0 ? st : D, L = Ue ?? lt, R = qe ?? dt, z = _({
 		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
+		highlightedId: D,
+		onHighlightedIdChange: Fe,
+		onOpenChange: Ie,
+		onPagesChange: Le,
+		onQueryChange: Re,
+		onRecentChange: ze,
+		open: Ve,
+		pages: Ue,
+		query: Ge,
+		recent: qe
 	});
 	z.current = {
 		currentHighlighted: I,
@@ -100,57 +101,57 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 		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
+		highlightedId: D,
+		onHighlightedIdChange: Fe,
+		onOpenChange: Ie,
+		onPagesChange: Le,
+		onQueryChange: Re,
+		onRecentChange: ze,
+		open: Ve,
+		pages: Ue,
+		query: Ge,
+		recent: qe
 	};
-	let dt = g(null), B = f((e, t, n) => {
+	let pt = _(null), B = m((e, t, n) => {
 		let r = z.current;
-		e !== r.currentHighlighted && (dt.current = t === "pointer" ? e : null, u({
+		e !== r.currentHighlighted && (pt.current = t === "pointer" ? e : null, f({
 			controlled: r.highlightedId,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedIdChange?.(e.value, e)
-		}).request(e, t, n) && ot(e));
-	}, []), V = f((e, t, n) => {
+		}).request(e, t, n) && ct(e));
+	}, []), V = m((e, t, n) => {
 		let r = z.current;
-		e !== r.currentQuery && u({
+		e !== r.currentQuery && f({
 			controlled: r.query,
 			initial: r.currentQuery,
 			onRequest: (e) => r.onQueryChange?.(e.value, e)
-		}).request(e, t, n) && it(e);
-	}, []), H = f((e, t, n) => {
+		}).request(e, t, n) && ot(e);
+	}, []), H = m((e, t, n) => {
 		let r = z.current;
-		e.length === r.currentPages.length && e.every((e, t) => e === r.currentPages[t]) || u({
+		e.length === r.currentPages.length && e.every((e, t) => e === r.currentPages[t]) || f({
 			controlled: r.pages,
 			initial: r.currentPages,
 			onRequest: (e) => r.onPagesChange?.(e.value, e),
 			equals: () => !1
-		}).request(e, t, n) && ct(e);
-	}, []), ft = f((e, t) => {
+		}).request(e, t, n) && ut(e);
+	}, []), mt = m((e, t) => {
 		let n = z.current;
-		u({
+		f({
 			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) && ut(e);
-	}, []), U = g(null), W = f((e, t, n) => {
+		}).request(e, "select", t) && ft(e);
+	}, []), U = _(null), W = m((e, t, n) => {
 		let r = z.current;
-		j || e === r.currentOpen || u({
+		j || e === r.currentOpen || f({
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && nt(e);
-	}, [j]), pt = g(P);
-	m(() => {
-		pt.current && !P && k.clearOnClose && (V("", "programmatic"), H([], "programmatic"), B(null, "programmatic")), pt.current = P;
+		}).request(e, t, n) && it(e);
+	}, [j]), ht = _(P);
+	h(() => {
+		ht.current && !P && k.clearOnClose && (V("", "programmatic"), H([], "programmatic"), B(null, "programmatic")), ht.current = P;
 	}, [
 		P,
 		k.clearOnClose,
@@ -158,28 +159,28 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 		H,
 		V
 	]);
-	let mt = h(() => D === void 0 ? de({ locale: $e }) : D, [$e, D]), G = h(() => pe({
-		items: je,
+	let gt = g(() => Ke === void 0 ? fe({ locale: tt }) : Ke, [tt, Ke]), G = g(() => me({
+		items: ke,
 		query: F,
 		pages: L,
 		recent: R,
-		groups: De,
-		rank: mt,
-		limit: Me
+		groups: Te,
+		rank: gt,
+		limit: Ae
 	}), [
 		L,
 		F,
 		R,
-		De,
-		je,
-		Me,
-		mt
-	]), K = h(() => G.rows.map((e) => e.id), [G]), q = h(() => G.rows.map((e) => e.disabled !== !0), [G]);
-	m(() => {
+		Te,
+		ke,
+		Ae,
+		gt
+	]), K = g(() => G.rows.map((e) => e.id), [G]), q = g(() => G.rows.map((e) => e.disabled !== !0), [G]);
+	h(() => {
 		if (!P) return;
 		let e = I === null ? -1 : K.indexOf(I);
 		if (e !== -1 && q[e] === !0) return;
-		let t = k.autoHighlight ? ue({
+		let t = k.autoHighlight ? de({
 			enabled: q,
 			from: -1,
 			intent: "first",
@@ -194,31 +195,31 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 		K,
 		B
 	]);
-	let J = g(null);
-	m(() => {
-		if (I === null || I === dt.current) return;
-		let e = J.current?.querySelector(`#${CSS.escape(x(N, I))}`);
+	let J = _(null);
+	h(() => {
+		if (I === null || I === pt.current) return;
+		let e = J.current?.querySelector(`#${CSS.escape(E(N, I))}`);
 		typeof e?.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
 	}, [N, I]);
-	let [ht, gt] = _(() => /* @__PURE__ */ new Set()), [_t, Y] = _(null), X = g({
-		onSelect: He,
+	let [_t, vt] = v(() => /* @__PURE__ */ new Set()), [yt, Y] = v(null), X = _({
+		onSelect: Be,
 		resolved: k,
 		setOpen: W,
 		setPages: H,
 		setQuery: V,
-		setRecent: ft
+		setRecent: mt
 	});
 	X.current = {
-		onSelect: He,
+		onSelect: Be,
 		resolved: k,
 		setOpen: W,
 		setPages: H,
 		setQuery: V,
-		setRecent: ft
+		setRecent: mt
 	};
-	let vt = f((e, t, n) => {
+	let bt = m((e, t, n) => {
 		let { onSelect: r, resolved: i, setOpen: a, setPages: o } = X.current;
-		if (e.disabled === !0 || ht.has(e.id)) return;
+		if (e.disabled === !0 || _t.has(e.id)) return;
 		if (e.children !== void 0) {
 			o([...z.current.currentPages, e.id], t === "pointer" ? "pointer" : "select", n), X.current.setQuery("", "select", n);
 			return;
@@ -231,7 +232,7 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				s = !0;
 			}
 		}, l = () => {
-			X.current.setRecent(fe(z.current.currentRecent, e.id, i.recentLimit), n), r?.(e, c), i.closeOnSelect && !s && a(!1, "select", n);
+			X.current.setRecent(pe(z.current.currentRecent, e.id, i.recentLimit), n), r?.(e, c), i.closeOnSelect && !s && a(!1, "select", n);
 		}, u;
 		try {
 			u = e.onSelect?.(c);
@@ -240,13 +241,13 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 			return;
 		}
 		if (u instanceof Promise) {
-			Y(null), gt((t) => new Set(t).add(e.id)), u.then(() => {
-				gt((t) => {
+			Y(null), vt((t) => new Set(t).add(e.id)), u.then(() => {
+				vt((t) => {
 					let n = new Set(t);
 					return n.delete(e.id), n;
 				}), l();
 			}, (t) => {
-				gt((t) => {
+				vt((t) => {
 					let n = new Set(t);
 					return n.delete(e.id), n;
 				}), Y(t instanceof Error ? t.message : String(t));
@@ -254,15 +255,15 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 			return;
 		}
 		l();
-	}, [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({
+	}, [_t]), xt = m((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 = de({
 			enabled: q,
 			from: n,
 			intent: e,
 			loop: k.loop && !r
 		});
 		t.preventDefault(), i !== -1 && B(K[i] ?? null, "keyboard", t);
-	}, bt = (e) => {
+	}, St = (e) => {
 		if (!e.nativeEvent.isComposing) switch (e.key) {
 			case "ArrowDown":
 				Z("next", e);
@@ -283,10 +284,10 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				e.ctrlKey && Z("last", e);
 				return;
 			case "Enter": {
-				let t = yt(I);
+				let t = xt(I);
 				if (t === void 0) return;
 				if (t.href !== void 0 && (e.metaKey || e.ctrlKey || e.shiftKey)) {
-					(J.current?.querySelector(`#${CSS.escape(x(N, t.id))}`))?.dispatchEvent(new globalThis.MouseEvent("click", {
+					(J.current?.querySelector(`#${CSS.escape(E(N, t.id))}`))?.dispatchEvent(new globalThis.MouseEvent("click", {
 						bubbles: !0,
 						cancelable: !0,
 						metaKey: e.metaKey,
@@ -296,11 +297,11 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 					return;
 				}
 				if (e.preventDefault(), t.href !== void 0) {
-					let n = J.current?.querySelector(`#${CSS.escape(x(N, t.id))}`);
-					vt(t, "keyboard", e), n?.click();
+					let n = J.current?.querySelector(`#${CSS.escape(E(N, t.id))}`);
+					bt(t, "keyboard", e), n?.click();
 					return;
 				}
-				vt(t, "keyboard", e);
+				bt(t, "keyboard", e);
 				return;
 			}
 			case "Escape":
@@ -319,20 +320,20 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 				return;
 			default: return;
 		}
-	}, Q = f(() => {
+	}, Q = m(() => {
 		let e = U.current;
 		e !== null && (e.focus(), e.select());
 	}, []);
-	m(() => {
+	h(() => {
 		let e = k.hotkey;
 		if (e === null || j || k.disabled) return;
-		let t = ce(e)[0]?.every((e) => ![
+		let t = le(e)[0]?.every((e) => ![
 			"mod",
 			"meta",
 			"ctrl",
 			"alt"
-		].includes(ae(e) ?? "")), n = (n) => {
-			if (se(n, e, M) && !(t === !0 && oe(n))) {
+		].includes(oe(e) ?? "")), n = (n) => {
+			if (ce(n, e, M) && !(t === !0 && se(n))) {
 				if (n.preventDefault(), z.current.currentOpen) {
 					Q();
 					return;
@@ -349,12 +350,12 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 		k.hotkey,
 		W
 	]);
-	let xt = k.loading ? A("loading") : _t === null ? A("count", { count: G.count }) : A("error", { message: _t });
-	m(() => {
-		P && le(U.current?.ownerDocument).announce(xt);
-	}, [P, xt]), m(() => {
+	let Ct = k.loading ? A("loading") : yt === null ? A("count", { count: G.count }) : A("error", { message: yt });
+	h(() => {
+		P && ue(U.current?.ownerDocument).announce(Ct);
+	}, [P, Ct]), h(() => {
 		Y(null);
-	}, [F, L]), te(qe, () => ({
+	}, [F, L]), ne(Ye, () => ({
 		open: () => W(!0, "programmatic"),
 		close: () => W(!1, "programmatic"),
 		toggle: () => W(!z.current.currentOpen, "programmatic"),
@@ -370,76 +371,85 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 		W,
 		V
 	]);
-	let [St, Ct] = _(null), [wt, Tt] = _(null);
-	m(() => {
-		if (St === null || b !== void 0 || j) return;
-		let e = re({ origin: St });
-		return Tt(e.container), () => {
-			Tt(null), e.release();
+	let [wt, Tt] = v(null), [Et, Dt] = v(null);
+	h(() => {
+		if (wt === null || w !== void 0 || j) return;
+		let e = ie({ origin: wt });
+		return Dt(e.container), () => {
+			Dt(null), e.release();
 		};
 	}, [
-		b,
+		w,
 		j,
-		St
+		wt
 	]);
-	let Et = (n) => {
-		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,
+	let Ot = (n) => {
+		let r = I === n.id, i = n.disabled === !0, o = _t.has(n.id), s = E(N, n.id), c = k.highlightMatch && F.trim() !== "" ? /* @__PURE__ */ y(a, {
+			locale: tt,
 			query: F,
 			text: n.label
-		}) : n.label, u = n.children === void 0 ? n.shortcut : void 0, d = Je === void 0 ? /* @__PURE__ */ y(ne, { children: [
-			/* @__PURE__ */ v("span", {
+		}) : n.label, d = n.children === void 0 ? n.shortcut : void 0, f = Xe === void 0 ? /* @__PURE__ */ b(re, { children: [
+			/* @__PURE__ */ y("span", {
 				"data-part": "icon",
+				"data-part-icon": "",
 				children: n.icon
 			}),
-			/* @__PURE__ */ v("span", {
+			/* @__PURE__ */ y("span", {
 				"data-part": "label",
+				"data-part-label": "",
 				children: c
 			}),
-			n.description === void 0 ? null : /* @__PURE__ */ v("span", {
+			n.description === void 0 ? null : /* @__PURE__ */ y("span", {
 				"data-part": "description",
+				"data-part-description": "",
 				children: n.description
 			}),
-			n.meta === void 0 ? null : /* @__PURE__ */ v("span", {
+			n.meta === void 0 ? null : /* @__PURE__ */ y("span", {
 				"aria-hidden": "true",
 				"data-part": "meta",
+				"data-part-meta": "",
 				children: n.meta
 			}),
-			u === void 0 ? null : /* @__PURE__ */ v("span", {
+			d === void 0 ? null : /* @__PURE__ */ y("span", {
 				"aria-hidden": "true",
 				"data-part": "shortcut",
-				children: /* @__PURE__ */ v(l, {
-					keys: u,
+				"data-part-shortcut": "",
+				children: /* @__PURE__ */ y(l, {
+					keys: d,
 					separator: "",
 					size: "inherit",
 					variant: "outline"
 				})
 			}),
-			n.children === void 0 ? null : /* @__PURE__ */ v("span", {
+			n.children === void 0 ? null : /* @__PURE__ */ y("span", {
 				"aria-hidden": "true",
 				"data-part": "arrow",
-				children: /* @__PURE__ */ v(t, {
+				"data-part-arrow": "",
+				children: /* @__PURE__ */ y(t, {
 					directional: !0,
-					children: /* @__PURE__ */ v(e, { name: "chevron-right" })
+					children: /* @__PURE__ */ y(e, { name: "chevron-right" })
 				})
 			}),
-			o ? /* @__PURE__ */ v("span", {
+			o ? /* @__PURE__ */ y("span", {
 				"aria-hidden": "true",
 				"data-part": "busy",
-				"data-ui": "spinner"
+				"data-part-busy": "",
+				"data-ui": "spinner",
+				"data-ui-spinner": ""
 			}) : null
-		] }) : Je(n, {
+		] }) : Xe(n, {
 			current: r,
 			disabled: i,
 			pending: o,
 			label: c,
 			query: F
-		}), f = {
+		}), p = {
 			"aria-disabled": i ? !0 : void 0,
 			"aria-busy": o ? !0 : void 0,
-			"aria-keyshortcuts": u === void 0 ? void 0 : ye(u, M),
+			"aria-keyshortcuts": d === void 0 ? void 0 : ge(d, M),
 			"aria-selected": r,
 			"data-part": "item",
+			...u("part", "item"),
 			...r ? { "data-current": "" } : {},
 			...i ? { "data-disabled": "" } : {},
 			...o ? { "data-loading": "" } : {},
@@ -455,141 +465,154 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 					e.preventDefault();
 					return;
 				}
-				n.href !== void 0 && (e.metaKey || e.ctrlKey || e.shiftKey) || vt(n, "pointer", e);
+				n.href !== void 0 && (e.metaKey || e.ctrlKey || e.shiftKey) || bt(n, "pointer", e);
 			}
 		};
-		return n.href === void 0 ? /* @__PURE__ */ v("div", {
-			...f,
-			children: d
-		}, n.id) : /* @__PURE__ */ v("a", {
-			...f,
+		return n.href === void 0 ? /* @__PURE__ */ y("div", {
+			...p,
+			children: f
+		}, n.id) : /* @__PURE__ */ y("a", {
+			...p,
 			href: n.href,
 			target: n.target,
-			children: d
+			children: f
 		}, n.id);
-	}, Dt = (e, t) => {
-		let n = e.recent ? A("recent") : e.label, r = e.items.map(Et), i = t === 0 ? null : /* @__PURE__ */ v("div", {
+	}, kt = (e, t) => {
+		let n = e.recent ? A("recent") : e.label, r = e.items.map(Ot), i = t === 0 ? null : /* @__PURE__ */ y("div", {
 			"data-part": "separator",
+			"data-part-separator": "",
 			role: "separator"
 		}, `sep-${t}`);
 		if (n === void 0) return [i, ...r];
 		let a = `${N}-group-${t}`;
-		return [i, /* @__PURE__ */ y("div", {
+		return [i, /* @__PURE__ */ b("div", {
 			"aria-labelledby": a,
 			"data-part": "group",
+			"data-part-group": "",
 			role: "group",
-			children: [/* @__PURE__ */ v("div", {
+			children: [/* @__PURE__ */ y("div", {
 				"data-part": "group-label",
+				"data-part-group-label": "",
 				id: a,
 				role: "presentation",
 				children: n
 			}), r]
 		}, `group-${t}`)];
-	}, Ot = S === null ? null : /* @__PURE__ */ v("div", {
+	}, At = we === null ? null : /* @__PURE__ */ y("div", {
 		"aria-hidden": "true",
 		"data-part": "footer",
-		children: S === void 0 ? /* @__PURE__ */ y(ne, { children: [
-			/* @__PURE__ */ y("span", {
+		"data-part-footer": "",
+		children: we === void 0 ? /* @__PURE__ */ b(re, { children: [
+			/* @__PURE__ */ b("span", {
 				"data-part": "hint",
+				"data-part-hint": "",
 				children: [
-					/* @__PURE__ */ v(l, {
+					/* @__PURE__ */ y(l, {
 						keys: "up",
 						separator: "",
 						size: "inherit",
 						variant: "outline"
 					}),
-					/* @__PURE__ */ v(l, {
+					/* @__PURE__ */ y(l, {
 						keys: "down",
 						separator: "",
 						size: "inherit",
 						variant: "outline"
 					}),
-					/* @__PURE__ */ v("span", { children: A("hintNavigate") })
+					/* @__PURE__ */ y("span", { children: A("hintNavigate") })
 				]
 			}),
-			/* @__PURE__ */ y("span", {
+			/* @__PURE__ */ b("span", {
 				"data-part": "hint",
-				children: [/* @__PURE__ */ v(l, {
+				"data-part-hint": "",
+				children: [/* @__PURE__ */ y(l, {
 					keys: "enter",
 					separator: "",
 					size: "inherit",
 					variant: "outline"
-				}), /* @__PURE__ */ v("span", { children: A("hintSelect") })]
+				}), /* @__PURE__ */ y("span", { children: A("hintSelect") })]
 			}),
-			L.length === 0 ? null : /* @__PURE__ */ y("span", {
+			L.length === 0 ? null : /* @__PURE__ */ b("span", {
 				"data-part": "hint",
-				children: [/* @__PURE__ */ v(l, {
+				"data-part-hint": "",
+				children: [/* @__PURE__ */ y(l, {
 					keys: "backspace",
 					separator: "",
 					size: "inherit",
 					variant: "outline"
-				}), /* @__PURE__ */ v("span", { children: A("hintBack") })]
+				}), /* @__PURE__ */ y("span", { children: A("hintBack") })]
 			}),
-			j ? null : /* @__PURE__ */ y("span", {
+			j ? null : /* @__PURE__ */ b("span", {
 				"data-part": "hint",
-				children: [/* @__PURE__ */ v(l, {
+				"data-part-hint": "",
+				children: [/* @__PURE__ */ y(l, {
 					keys: "escape",
 					separator: "",
 					size: "inherit",
 					variant: "outline"
-				}), /* @__PURE__ */ v("span", { children: A("hintClose") })]
+				}), /* @__PURE__ */ y("span", { children: A("hintClose") })]
 			})
-		] }) : 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",
+		] }) : we
+	}), { onChange: jt, onKeyDown: Mt, ref: $, ...Nt } = Oe ?? {}, Pt = !k.loading && G.count === 0, Ft = /* @__PURE__ */ b("div", {
+		...d($e, "ui", "command-palette"),
+		className: ee,
 		"data-part": "root",
+		"data-part-root": "",
 		"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) => {
+		...Pt ? { "data-empty": "" } : {},
+		onMouseDown: he($e.onMouseDown, (e) => {
 			e.target !== U.current && e.preventDefault();
 		}),
-		style: Xe,
+		style: Qe,
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				"data-part": "header",
+				"data-part-header": "",
 				children: [
-					k.loading ? /* @__PURE__ */ v("span", {
+					k.loading ? /* @__PURE__ */ y("span", {
 						"aria-hidden": "true",
 						"data-part": "busy",
-						"data-ui": "spinner"
-					}) : /* @__PURE__ */ v("span", {
+						"data-part-busy": "",
+						"data-ui": "spinner",
+						"data-ui-spinner": ""
+					}) : /* @__PURE__ */ y("span", {
 						"aria-hidden": "true",
 						"data-part": "search",
-						children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "search" }) })
+						"data-part-search": "",
+						children: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "search" }) })
 					}),
-					G.trail.length === 0 ? null : /* @__PURE__ */ v("ol", {
+					G.trail.length === 0 ? null : /* @__PURE__ */ y("ol", {
 						"aria-label": A("back"),
 						"data-part": "pages",
-						children: G.trail.map((n, r) => /* @__PURE__ */ y("li", { children: [r === 0 ? null : /* @__PURE__ */ v(t, {
+						"data-part-pages": "",
+						children: G.trail.map((n, r) => /* @__PURE__ */ b("li", { children: [r === 0 ? null : /* @__PURE__ */ y(t, {
 							directional: !0,
-							children: /* @__PURE__ */ v(e, { name: "chevron-right" })
-						}), /* @__PURE__ */ v("button", {
+							children: /* @__PURE__ */ y(e, { name: "chevron-right" })
+						}), /* @__PURE__ */ y("button", {
 							"data-part": "page",
+							"data-part-page": "",
 							onClick: (e) => H(L.slice(0, r + 1), "pointer", e),
 							type: "button",
-							children: /* @__PURE__ */ v("span", { children: n.label })
+							children: /* @__PURE__ */ y("span", { children: n.label })
 						})] }, n.id))
 					}),
-					/* @__PURE__ */ v("input", {
-						...jt,
-						"aria-activedescendant": I === null ? void 0 : x(N, I),
+					/* @__PURE__ */ y("input", {
+						...d(Nt, "part", "input"),
+						"aria-activedescendant": I === null ? void 0 : E(N, I),
 						"aria-autocomplete": "list",
-						"aria-controls": et,
+						"aria-controls": nt,
 						"aria-expanded": "true",
-						"aria-label": jt["aria-label"] ?? A("input"),
+						"aria-label": Nt["aria-label"] ?? A("input"),
 						autoComplete: "off",
-						"data-part": "input",
 						disabled: k.disabled,
-						onChange: ve(kt, (e) => V(e.target.value, "keyboard", e)),
-						onKeyDown: ve(At, bt),
-						placeholder: jt.placeholder ?? A("placeholder"),
+						onChange: he(jt, (e) => V(e.target.value, "keyboard", e)),
+						onKeyDown: he(Mt, St),
+						placeholder: Nt.placeholder ?? A("placeholder"),
 						ref: (e) => {
 							U.current = e, typeof $ == "function" ? $(e) : $ != null && ($.current = e);
 						},
@@ -598,83 +621,91 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 						type: "text",
 						value: F
 					}),
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ y("button", {
 						"aria-label": A("clear"),
 						"data-part": "clear",
+						"data-part-clear": "",
 						onClick: (e) => {
 							V("", "clear", e), U.current?.focus();
 						},
 						tabIndex: -1,
 						type: "button",
-						children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "x" }) })
+						children: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "x" }) })
 					}),
-					j ? null : /* @__PURE__ */ v("button", {
+					j ? null : /* @__PURE__ */ y("button", {
 						"data-part": "close",
+						"data-part-close": "",
 						onClick: (e) => W(!1, "dismiss", e),
 						type: "button",
 						children: A("close")
 					})
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				"aria-busy": k.loading ? !0 : void 0,
 				"aria-label": A("input"),
 				"data-part": "list",
+				"data-part-list": "",
 				...k.loading ? { "data-loading": "" } : {},
-				id: et,
+				id: nt,
 				ref: J,
 				role: "listbox",
 				children: [
-					k.loading && G.count === 0 ? /* @__PURE__ */ v("div", {
+					k.loading && G.count === 0 ? /* @__PURE__ */ y("div", {
 						"aria-hidden": "true",
 						"data-part": "placeholder",
+						"data-part-placeholder": "",
 						children: [
 							0,
 							1,
 							2
-						].map((e) => /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v("span", {
+						].map((e) => /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y("span", {
 							"data-loading": !0,
 							"data-part": "root",
+							"data-part-root": "",
 							"data-shape": "text",
-							"data-ui": "skeleton"
+							"data-ui": "skeleton",
+							"data-ui-skeleton": ""
 						}) }, e))
 					}) : null,
-					Mt ? /* @__PURE__ */ v("div", {
+					Pt ? /* @__PURE__ */ y("div", {
 						"data-part": "empty",
-						children: Ee ?? A("empty")
+						"data-part-empty": "",
+						children: Ce ?? A("empty")
 					}) : null,
-					G.sections.flatMap(Dt)
+					G.sections.flatMap(kt)
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				"data-part": "status",
+				"data-part-status": "",
 				role: "status",
-				children: xt
+				children: Ct
 			}),
-			Ot
+			At
 		]
-	}), Pt = {
+	}), It = {
 		presentation: k.presentation,
 		disabled: k.disabled
 	};
-	if (j) return /* @__PURE__ */ y(_e.Provider, {
-		value: Pt,
-		children: [d, Nt]
+	if (j) return /* @__PURE__ */ b(T.Provider, {
+		value: It,
+		children: [p, Ft]
 	});
-	let Ft = b === void 0 ? /* @__PURE__ */ v("span", {
+	let Lt = w === void 0 ? /* @__PURE__ */ y("span", {
 		hidden: !0,
-		ref: Ct
-	}) : null, It = b === void 0 ? wt : b;
-	return /* @__PURE__ */ y(_e.Provider, {
-		value: Pt,
-		children: [Ft, /* @__PURE__ */ y(c, {
-			container: It,
+		ref: Tt
+	}) : null, Rt = w === void 0 ? Et : w;
+	return /* @__PURE__ */ b(T.Provider, {
+		value: It,
+		children: [Lt, /* @__PURE__ */ b(c, {
+			container: Rt,
 			escape: "none",
 			fullScreen: "narrow",
 			initialFocus: U,
 			onOpenChange: (e, t) => {
 				let n = t.reason === "outsidePress" || t.reason === "escape" || t.reason === "pointer" || t.reason === "keyboard" ? t.reason : "dismiss", r = z.current;
-				if (!u({
+				if (!f({
 					controlled: r.open,
 					initial: r.currentOpen,
 					onRequest: (e) => r.onOpenChange?.(e.value, e)
@@ -682,24 +713,24 @@ function be({ autoHighlight: o, children: d, className: p, clearOnClose: me, clo
 					t.cancel();
 					return;
 				}
-				nt(e);
+				it(e);
 			},
 			open: P,
 			outsidePress: k.outsidePress,
 			placement: "top",
 			size: k.size,
 			surface: "plain",
-			children: [d, /* @__PURE__ */ v(s, {
+			children: [p, /* @__PURE__ */ y(s, {
 				"aria-label": A("label"),
-				children: Nt
+				children: Ft
 			})]
 		})]
 	});
 }
-function xe({ children: e, render: t, ...n }) {
-	let r = p(_e);
+function ve({ children: e, render: t, ...n }) {
+	let r = ee(T);
 	if (r === void 0) throw Error("CommandPaletteTrigger must be rendered inside CommandPalette.");
-	return r.presentation === "inline" ? null : /* @__PURE__ */ v(o, {
+	return r.presentation === "inline" ? null : /* @__PURE__ */ y(o, {
 		...n,
 		disabled: n.disabled ?? (r.disabled ? !0 : void 0),
 		...t === void 0 ? {} : { render: t },
@@ -707,4 +738,4 @@ function xe({ children: e, render: t, ...n }) {
 	});
 }
 //#endregion
-export { ge as a, b as i, xe as n, me as r, be as t };
+export { C as a, w as i, ve as n, x as r, _e as t };