@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/combobox.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./combobox-C46GRqAA.js";
+export { t as COMBOBOX_FALLBACK, a as Combobox, n as ComboboxContent, r as ComboboxDefaultsProvider, c as ComboboxGroup, e as ComboboxInput, i as ComboboxItem, o as ComboboxSeparator, s as useCombobox, l as useComboboxDefaults };

package/dist/command-palette-BqRyNR9Y.js

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

package/dist/command-palette.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, r, t as i } from "./command-palette-BqRyNR9Y.js";
+export { r as COMMAND_PALETTE_FALLBACK, i as CommandPalette, t as CommandPaletteDefaultsProvider, n as CommandPaletteTrigger, e as useCommandPaletteDefaults };