@slotted/react 0.1.0-beta.0 → 0.1.0-beta.10

package/dist/command-palette-DXNq-zKN.js

@@ -0,0 +1,741 @@
+import { n as e, t } from "./icon-DjqSEQ-o.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-9lRPIZ9O.js";
+import { d as o, o as s, p as c } from "./dialog-B6MP7GYI.js";
+import { t as l } from "./kbd-Z4YmSPRy.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 x = {
+	presentation: "dialog",
+	size: "md",
+	outsidePress: "close",
+	loop: !0,
+	autoHighlight: !0,
+	closeOnSelect: !0,
+	clearOnClose: !0,
+	highlightMatch: !0,
+	hotkey: "mod+k",
+	recentLimit: 5
+}, S = p(x);
+function C() {
+	return ee(S);
+}
+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__ */ y(S.Provider, {
+		value: r,
+		children: e
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette.tsx
+var T = p(void 0);
+function he(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function ge(e, t) {
+	let n = le(e);
+	if (n.length === 1) return n[0]?.map((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 E(e, t) {
+	return `${e}-${t.replace(/[^\w-]/g, (e) => `_${e.charCodeAt(0).toString(16)}`)}`;
+}
+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: Ze ?? O.size,
+		outsidePress: He ?? O.outsidePress,
+		loop: Ne ?? O.loop,
+		autoHighlight: o ?? O.autoHighlight,
+		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: D,
+		onHighlightedIdChange: Fe,
+		onOpenChange: Ie,
+		onPagesChange: Le,
+		onQueryChange: Re,
+		onRecentChange: ze,
+		open: Ve,
+		pages: Ue,
+		query: Ge,
+		recent: qe
+	});
+	z.current = {
+		currentHighlighted: I,
+		currentOpen: P,
+		currentPages: L,
+		currentQuery: F,
+		currentRecent: R,
+		highlightedId: D,
+		onHighlightedIdChange: Fe,
+		onOpenChange: Ie,
+		onPagesChange: Le,
+		onQueryChange: Re,
+		onRecentChange: ze,
+		open: Ve,
+		pages: Ue,
+		query: Ge,
+		recent: qe
+	};
+	let pt = _(null), B = m((e, t, n) => {
+		let r = z.current;
+		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) && ct(e));
+	}, []), V = m((e, t, n) => {
+		let r = z.current;
+		e !== r.currentQuery && f({
+			controlled: r.query,
+			initial: r.currentQuery,
+			onRequest: (e) => r.onQueryChange?.(e.value, e)
+		}).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]) || f({
+			controlled: r.pages,
+			initial: r.currentPages,
+			onRequest: (e) => r.onPagesChange?.(e.value, e),
+			equals: () => !1
+		}).request(e, t, n) && ut(e);
+	}, []), mt = m((e, t) => {
+		let n = z.current;
+		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) && ft(e);
+	}, []), U = _(null), W = m((e, t, n) => {
+		let r = z.current;
+		j || e === r.currentOpen || f({
+			controlled: r.open,
+			initial: r.currentOpen,
+			onRequest: (e) => r.onOpenChange?.(e.value, e)
+		}).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,
+		B,
+		H,
+		V
+	]);
+	let gt = g(() => Ke === void 0 ? fe({ locale: tt }) : Ke, [tt, Ke]), G = g(() => me({
+		items: ke,
+		query: F,
+		pages: L,
+		recent: R,
+		groups: Te,
+		rank: gt,
+		limit: Ae
+	}), [
+		L,
+		F,
+		R,
+		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 ? de({
+			enabled: q,
+			from: -1,
+			intent: "first",
+			loop: !1
+		}) : -1;
+		B(t === -1 ? null : K[t] ?? null, "programmatic");
+	}, [
+		I,
+		P,
+		q,
+		k.autoHighlight,
+		K,
+		B
+	]);
+	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 [_t, vt] = v(() => /* @__PURE__ */ new Set()), [yt, Y] = v(null), X = _({
+		onSelect: Be,
+		resolved: k,
+		setOpen: W,
+		setPages: H,
+		setQuery: V,
+		setRecent: mt
+	});
+	X.current = {
+		onSelect: Be,
+		resolved: k,
+		setOpen: W,
+		setPages: H,
+		setQuery: V,
+		setRecent: mt
+	};
+	let bt = m((e, t, n) => {
+		let { onSelect: r, resolved: i, setOpen: a, setPages: o } = X.current;
+		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;
+		}
+		let s = !1, c = {
+			item: e,
+			reason: t,
+			source: n,
+			keepOpen: () => {
+				s = !0;
+			}
+		}, l = () => {
+			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);
+		} catch (e) {
+			Y(e instanceof Error ? e.message : String(e));
+			return;
+		}
+		if (u instanceof Promise) {
+			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) => {
+				vt((t) => {
+					let n = new Set(t);
+					return n.delete(e.id), n;
+				}), Y(t instanceof Error ? t.message : String(t));
+			});
+			return;
+		}
+		l();
+	}, [_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);
+	}, St = (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 = xt(I);
+				if (t === void 0) return;
+				if (t.href !== void 0 && (e.metaKey || e.ctrlKey || e.shiftKey)) {
+					(J.current?.querySelector(`#${CSS.escape(E(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(E(N, t.id))}`);
+					bt(t, "keyboard", e), n?.click();
+					return;
+				}
+				bt(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 = m(() => {
+		let e = U.current;
+		e !== null && (e.focus(), e.select());
+	}, []);
+	h(() => {
+		let e = k.hotkey;
+		if (e === null || j || k.disabled) return;
+		let t = le(e)[0]?.every((e) => ![
+			"mod",
+			"meta",
+			"ctrl",
+			"alt"
+		].includes(oe(e) ?? "")), n = (n) => {
+			if (ce(n, e, M) && !(t === !0 && se(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,
+		k.disabled,
+		k.hotkey,
+		W
+	]);
+	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]), ne(Ye, () => ({
+		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 [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();
+		};
+	}, [
+		w,
+		j,
+		wt
+	]);
+	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, 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__ */ y("span", {
+				"data-part": "label",
+				"data-part-label": "",
+				children: c
+			}),
+			n.description === void 0 ? null : /* @__PURE__ */ y("span", {
+				"data-part": "description",
+				"data-part-description": "",
+				children: n.description
+			}),
+			n.meta === void 0 ? null : /* @__PURE__ */ y("span", {
+				"aria-hidden": "true",
+				"data-part": "meta",
+				"data-part-meta": "",
+				children: n.meta
+			}),
+			d === void 0 ? null : /* @__PURE__ */ y("span", {
+				"aria-hidden": "true",
+				"data-part": "shortcut",
+				"data-part-shortcut": "",
+				children: /* @__PURE__ */ y(l, {
+					keys: d,
+					separator: "",
+					size: "inherit",
+					variant: "outline"
+				})
+			}),
+			n.children === void 0 ? null : /* @__PURE__ */ y("span", {
+				"aria-hidden": "true",
+				"data-part": "arrow",
+				"data-part-arrow": "",
+				children: /* @__PURE__ */ y(t, {
+					directional: !0,
+					children: /* @__PURE__ */ y(e, { name: "chevron-right" })
+				})
+			}),
+			o ? /* @__PURE__ */ y("span", {
+				"aria-hidden": "true",
+				"data-part": "busy",
+				"data-part-busy": "",
+				"data-ui": "spinner",
+				"data-ui-spinner": ""
+			}) : null
+		] }) : Xe(n, {
+			current: r,
+			disabled: i,
+			pending: o,
+			label: c,
+			query: F
+		}), p = {
+			"aria-disabled": i ? !0 : void 0,
+			"aria-busy": o ? !0 : void 0,
+			"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": "" } : {},
+			...n.children === void 0 ? {} : { "data-page": "" },
+			id: s,
+			role: "option",
+			title: n.label,
+			onPointerMove: (e) => {
+				i || e.pointerType === "touch" || B(n.id, "pointer", e);
+			},
+			onClick: (e) => {
+				if (i || o) {
+					e.preventDefault();
+					return;
+				}
+				n.href !== void 0 && (e.metaKey || e.ctrlKey || e.shiftKey) || bt(n, "pointer", e);
+			}
+		};
+		return n.href === void 0 ? /* @__PURE__ */ y("div", {
+			...p,
+			children: f
+		}, n.id) : /* @__PURE__ */ y("a", {
+			...p,
+			href: n.href,
+			target: n.target,
+			children: f
+		}, n.id);
+	}, 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__ */ b("div", {
+			"aria-labelledby": a,
+			"data-part": "group",
+			"data-part-group": "",
+			role: "group",
+			children: [/* @__PURE__ */ y("div", {
+				"data-part": "group-label",
+				"data-part-group-label": "",
+				id: a,
+				role: "presentation",
+				children: n
+			}), r]
+		}, `group-${t}`)];
+	}, At = we === null ? null : /* @__PURE__ */ y("div", {
+		"aria-hidden": "true",
+		"data-part": "footer",
+		"data-part-footer": "",
+		children: we === void 0 ? /* @__PURE__ */ b(re, { children: [
+			/* @__PURE__ */ b("span", {
+				"data-part": "hint",
+				"data-part-hint": "",
+				children: [
+					/* @__PURE__ */ y(l, {
+						keys: "up",
+						separator: "",
+						size: "inherit",
+						variant: "outline"
+					}),
+					/* @__PURE__ */ y(l, {
+						keys: "down",
+						separator: "",
+						size: "inherit",
+						variant: "outline"
+					}),
+					/* @__PURE__ */ y("span", { children: A("hintNavigate") })
+				]
+			}),
+			/* @__PURE__ */ b("span", {
+				"data-part": "hint",
+				"data-part-hint": "",
+				children: [/* @__PURE__ */ y(l, {
+					keys: "enter",
+					separator: "",
+					size: "inherit",
+					variant: "outline"
+				}), /* @__PURE__ */ y("span", { children: A("hintSelect") })]
+			}),
+			L.length === 0 ? null : /* @__PURE__ */ b("span", {
+				"data-part": "hint",
+				"data-part-hint": "",
+				children: [/* @__PURE__ */ y(l, {
+					keys: "backspace",
+					separator: "",
+					size: "inherit",
+					variant: "outline"
+				}), /* @__PURE__ */ y("span", { children: A("hintBack") })]
+			}),
+			j ? null : /* @__PURE__ */ b("span", {
+				"data-part": "hint",
+				"data-part-hint": "",
+				children: [/* @__PURE__ */ y(l, {
+					keys: "escape",
+					separator: "",
+					size: "inherit",
+					variant: "outline"
+				}), /* @__PURE__ */ y("span", { children: A("hintClose") })]
+			})
+		] }) : 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": "" },
+		...Pt ? { "data-empty": "" } : {},
+		onMouseDown: he($e.onMouseDown, (e) => {
+			e.target !== U.current && e.preventDefault();
+		}),
+		style: Qe,
+		children: [
+			/* @__PURE__ */ b("div", {
+				"data-part": "header",
+				"data-part-header": "",
+				children: [
+					k.loading ? /* @__PURE__ */ y("span", {
+						"aria-hidden": "true",
+						"data-part": "busy",
+						"data-part-busy": "",
+						"data-ui": "spinner",
+						"data-ui-spinner": ""
+					}) : /* @__PURE__ */ y("span", {
+						"aria-hidden": "true",
+						"data-part": "search",
+						"data-part-search": "",
+						children: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "search" }) })
+					}),
+					G.trail.length === 0 ? null : /* @__PURE__ */ y("ol", {
+						"aria-label": A("back"),
+						"data-part": "pages",
+						"data-part-pages": "",
+						children: G.trail.map((n, r) => /* @__PURE__ */ b("li", { children: [r === 0 ? null : /* @__PURE__ */ y(t, {
+							directional: !0,
+							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__ */ y("span", { children: n.label })
+						})] }, n.id))
+					}),
+					/* @__PURE__ */ y("input", {
+						...d(Nt, "part", "input"),
+						"aria-activedescendant": I === null ? void 0 : E(N, I),
+						"aria-autocomplete": "list",
+						"aria-controls": nt,
+						"aria-expanded": "true",
+						"aria-label": Nt["aria-label"] ?? A("input"),
+						autoComplete: "off",
+						disabled: k.disabled,
+						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);
+						},
+						role: "combobox",
+						spellCheck: !1,
+						type: "text",
+						value: F
+					}),
+					/* @__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__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "x" }) })
+					}),
+					j ? null : /* @__PURE__ */ y("button", {
+						"data-part": "close",
+						"data-part-close": "",
+						onClick: (e) => W(!1, "dismiss", e),
+						type: "button",
+						children: A("close")
+					})
+				]
+			}),
+			/* @__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: nt,
+				ref: J,
+				role: "listbox",
+				children: [
+					k.loading && G.count === 0 ? /* @__PURE__ */ y("div", {
+						"aria-hidden": "true",
+						"data-part": "placeholder",
+						"data-part-placeholder": "",
+						children: [
+							0,
+							1,
+							2
+						].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": ""
+						}) }, e))
+					}) : null,
+					Pt ? /* @__PURE__ */ y("div", {
+						"data-part": "empty",
+						"data-part-empty": "",
+						children: Ce ?? A("empty")
+					}) : null,
+					G.sections.flatMap(kt)
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				"data-part": "status",
+				"data-part-status": "",
+				role: "status",
+				children: Ct
+			}),
+			At
+		]
+	}), It = {
+		presentation: k.presentation,
+		disabled: k.disabled
+	};
+	if (j) return /* @__PURE__ */ b(T.Provider, {
+		value: It,
+		children: [p, Ft]
+	});
+	let Lt = w === void 0 ? /* @__PURE__ */ y("span", {
+		hidden: !0,
+		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 (!f({
+					controlled: r.open,
+					initial: r.currentOpen,
+					onRequest: (e) => r.onOpenChange?.(e.value, e)
+				}).request(e, n, t.source)) {
+					t.cancel();
+					return;
+				}
+				it(e);
+			},
+			open: P,
+			outsidePress: k.outsidePress,
+			placement: "top",
+			size: k.size,
+			surface: "plain",
+			children: [p, /* @__PURE__ */ y(s, {
+				"aria-label": A("label"),
+				children: Ft
+			})]
+		})]
+	});
+}
+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__ */ y(o, {
+		...n,
+		disabled: n.disabled ?? (r.disabled ? !0 : void 0),
+		...t === void 0 ? {} : { render: t },
+		children: e
+	});
+}
+//#endregion
+export { C as a, w as i, ve as n, x as r, _e as t };