@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/command-palette-Dh1HKz_F.js

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