@jfrader/ui 0.3.0 → 0.5.0

package/dist/combobox-DrmjBbo7.js

@@ -1,327 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, t as r } from "./use-controlled-state-CVXDa-qM.js";
-import { t as i } from "./renderable-DzcIj1Lo.js";
-import { a, c as o, d as s, f as c, l, o as u, r as d, s as f, t as p, u as m } from "./collection-registry-BTYi6zGh.js";
-import { t as h } from "./use-overlay-floating-efeqppiw.js";
-import { t as g } from "./text-field-D60ok14S.js";
-import { createContext as _, useCallback as v, useContext as y, useId as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
-import { vars as T } from "@jfrader/tokens/vars";
-import { jsx as E, jsxs as ee } from "@emotion/react/jsx-runtime";
-import { FloatingList as D, FloatingPortal as O, useDismiss as te, useInteractions as k, useListNavigation as A, useMergeRefs as j } from "@floating-ui/react";
-//#region src/components/combobox/combobox.tsx
-var M = "bottom-start", N = "✓", P = "No results", ne = (e, t) => e.toLocaleLowerCase().includes(t.toLocaleLowerCase()), F = _(null), I = _(!1);
-function L(e) {
-	let t = y(F);
-	if (!t) throw Error(`Combobox.${e} must be rendered inside <Combobox>.`);
-	return t;
-}
-function R(e) {
-	let t = L(e);
-	if (!y(I)) throw Error(`Combobox.${e} must be rendered inside <Combobox.List>.`);
-	return t;
-}
-var z = e({ "&[hidden]": { display: "none" } }), B = e({
-	paddingBlock: T.space[1],
-	paddingInline: T.space[2],
-	fontSize: T.textSize.sm,
-	color: T.color.textMuted
-});
-function V({ value: e, defaultValue: t, onValueChange: i, open: o, defaultOpen: s = !1, onOpenChange: c, name: l, filter: u = ne, onInputChange: d, children: f }) {
-	let p = b(), [m, g] = w(`${p}-listbox`), [_, y] = w(!1), [x = null, T] = r(e, t ?? null, i), [D = !1, O] = r(o, s, c), [j, N] = w(null), [P, I] = w(""), [L, R] = a(), [z, B] = w(null), V = C([]), H = C(null), U = n(d), W = v((e, t) => t === "" || u(e, t), [u]), { valuesByIndex: G, skippedIndices: K, matchCount: re } = S(() => {
-		let e = [], t = /* @__PURE__ */ new Set(), n = 0;
-		return L.forEach((r, i) => {
-			if (r.index === -1) return;
-			e[r.index] = i;
-			let a = W(r.label, P);
-			a && (n += 1), (r.disabled || !a) && t.add(r.index);
-		}), {
-			valuesByIndex: e,
-			skippedIndices: t,
-			matchCount: n
-		};
-	}, [
-		L,
-		P,
-		W
-	]), { refs: q, floatingStyles: J, context: Y } = h({
-		open: D,
-		placement: M,
-		onOpenChange: (e) => O(e)
-	}), X = te(Y, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), ie = A(Y, {
-		listRef: V,
-		activeIndex: j,
-		onNavigate: N,
-		virtual: !0,
-		loop: !0,
-		disabledIndices: (e) => K.has(e)
-	}), { getReferenceProps: Z, getFloatingProps: Q, getItemProps: $ } = k([X, ie]), ae = S(() => {
-		let e = (e) => {
-			T(e), O(!1), H.current?.commitLabel(L.get(e)?.label ?? "");
-		};
-		return {
-			baseId: p,
-			listId: m,
-			setListId: g,
-			setInputDisabled: y,
-			open: D,
-			selectedValue: x,
-			activeIndex: j,
-			options: L,
-			matchCount: re,
-			inputLabelling: z,
-			inputHandleRef: H,
-			refs: q,
-			floatingStyles: J,
-			elementsRef: V,
-			getReferenceProps: Z,
-			getFloatingProps: Q,
-			getItemProps: $,
-			onInputChange: U,
-			isVisible: (e) => W(e, P),
-			findMatches: (e) => {
-				let t = 0, n = null, r = null;
-				return L.forEach((i) => {
-					i.index !== -1 && W(i.label, e) && (t += 1, !i.disabled && ((n === null || i.index < n) && (n = i.index), (r === null || i.index > r) && (r = i.index)));
-				}), {
-					count: t,
-					first: n,
-					last: r
-				};
-			},
-			setQuery: I,
-			setActiveIndex: N,
-			selectValue: e,
-			selectIndex: (t) => {
-				let n = G[t];
-				n === void 0 || K.has(t) || e(n);
-			},
-			clearValue: () => T(null),
-			requestOpenChange: O,
-			registration: R,
-			setInputLabelling: B
-		};
-	}, [
-		p,
-		m,
-		D,
-		x,
-		j,
-		L,
-		P,
-		re,
-		z,
-		q,
-		J,
-		Z,
-		Q,
-		$,
-		U,
-		W,
-		G,
-		K,
-		T,
-		O,
-		R
-	]);
-	return /* @__PURE__ */ ee(F.Provider, {
-		value: ae,
-		children: [f, l !== void 0 && /* @__PURE__ */ E("input", {
-			type: "hidden",
-			name: l,
-			value: x ?? "",
-			disabled: _
-		})]
-	});
-}
-V.displayName = "Combobox";
-function H({ ref: e, inputValue: t, defaultInputValue: n, label: a, description: o, error: s, size: c, slotProps: l, className: u, sx: d, id: f, onChange: p, onKeyDown: m, onBlur: h, disabled: _ = !1, ...v }) {
-	let { listId: y, open: S, selectedValue: C, activeIndex: T, options: ee, inputHandleRef: D, refs: O, getReferenceProps: te, onInputChange: k, findMatches: A, setQuery: M, setActiveIndex: N, selectIndex: P, clearValue: ne, requestOpenChange: F, setInputLabelling: I, setInputDisabled: R } = L("Input"), z = j([O.setReference, e]), B = b(), V = f ?? B, H = `${V}-label`, U = i(a), W = v["aria-labelledby"], G = v["aria-label"], [K, re] = w(n), [q, J] = w(() => (t ?? n) !== void 0), Y = C === null ? void 0 : ee.get(C)?.label, X = t ?? (q ? K ?? "" : Y ?? K ?? ""), [, ie] = r(X, void 0, k), Z = (e) => {
-		ie(e), t === void 0 && re(e);
-	}, Q = t !== void 0 || q ? X : "", $ = (e) => {
-		J(!1), Z(e);
-	};
-	x(() => {
-		M(Q);
-	}, [Q, M]), x(() => (R(_), () => R(!1)), [_, R]), x(() => (D.current = { commitLabel: $ }, () => {
-		D.current = null;
-	})), x(() => (I(W !== void 0 || !U ? {
-		labelledBy: W,
-		label: G
-	} : { labelledBy: H }), () => I(null)), [
-		W,
-		G,
-		U,
-		H,
-		I
-	]);
-	let ae = (e) => {
-		p?.(e);
-		let n = e.currentTarget.value;
-		J(!0), Z(n), n === "" && ne();
-		let r = t ?? n;
-		if (r === "") {
-			N(null), F(!1);
-			return;
-		}
-		let i = A(r);
-		N(i.first), i.count > 0 && F(!0);
-	}, oe = (e) => {
-		if (m?.(e), !e.defaultPrevented) {
-			if (e.key === "Escape") q && Y !== void 0 && $(Y);
-			else if (S) {
-				if (e.key === "Enter" && T !== null) e.preventDefault(), P(T);
-				else if (e.key === "Home" || e.key === "End") {
-					let t = A(Q), n = e.key === "Home" ? t.first : t.last;
-					if (n === null) return;
-					e.preventDefault(), N(n);
-				}
-			}
-		}
-	}, se = (e) => {
-		h?.(e), S && F(!1);
-	};
-	return /* @__PURE__ */ E(g, {
-		...te({
-			...v,
-			onKeyDown: oe,
-			onBlur: se
-		}),
-		ref: z,
-		id: V,
-		label: U ? /* @__PURE__ */ E("span", {
-			id: H,
-			children: a
-		}) : a,
-		description: o,
-		error: s,
-		size: c,
-		slotProps: l,
-		className: u,
-		sx: d,
-		value: X,
-		disabled: _,
-		onChange: ae,
-		role: "combobox",
-		autoComplete: "off",
-		"aria-autocomplete": "list",
-		"aria-expanded": S,
-		"aria-controls": S ? y : void 0,
-		"data-state": S ? "open" : "closed",
-		"data-ui": "combobox-input"
-	});
-}
-H.displayName = "Combobox.Input";
-function U({ ref: e, id: n, style: r, onMouseDown: i, children: a, className: o, sx: l, ...u }) {
-	let { baseId: d, setListId: f, open: p, inputLabelling: m, refs: h, floatingStyles: g, elementsRef: _, getFloatingProps: v } = L("List"), y = n ?? `${d}-listbox`;
-	x(() => (f(y), () => f(`${d}-listbox`)), [
-		d,
-		y,
-		f
-	]);
-	let b = j([p ? h.setFloating : null, e]), S = u["aria-labelledby"] !== void 0 || u["aria-label"] !== void 0 ? {} : m?.labelledBy === void 0 ? { "aria-label": m?.label } : { "aria-labelledby": m.labelledBy }, C = (e) => {
-		i?.(e), e.preventDefault();
-	};
-	return /* @__PURE__ */ E(O, { children: /* @__PURE__ */ E(t, {
-		className: o,
-		styles: [c, s],
-		sx: l,
-		children: (e) => /* @__PURE__ */ E("div", {
-			...v({
-				id: y,
-				...S,
-				...u,
-				onMouseDown: C
-			}),
-			ref: b,
-			role: "listbox",
-			hidden: !p,
-			"data-state": p ? "open" : "closed",
-			"data-ui": "combobox-list",
-			style: {
-				...r,
-				...g
-			},
-			className: e,
-			children: /* @__PURE__ */ E(D, {
-				elementsRef: _,
-				children: /* @__PURE__ */ E(I.Provider, {
-					value: !0,
-					children: a
-				})
-			})
-		})
-	}) });
-}
-U.displayName = "Combobox.List";
-function W({ ref: e, value: n, disabled: r = !1, onClick: i, children: a, className: s, sx: c, ...h }) {
-	let { baseId: g, selectedValue: _, activeIndex: v, options: y, isVisible: b, getItemProps: x, selectValue: S, registration: w } = R("Item"), T = C(null), { ref: D, index: O } = d(n, w, T, (e, t) => ({
-		index: e,
-		label: t,
-		disabled: r
-	})), te = j([D, e]), k = y.get(n)?.label, A = k !== void 0 && !b(k), M = O !== -1 && v === O, P = _ === n, ne = (e) => {
-		i?.(e), !(r || e.defaultPrevented) && S(n);
-	};
-	return /* @__PURE__ */ E(t, {
-		className: s,
-		styles: [
-			f,
-			u,
-			l,
-			z
-		],
-		sx: c,
-		children: (e) => /* @__PURE__ */ ee("div", {
-			...x({
-				id: p(g, n),
-				...h,
-				onClick: ne
-			}),
-			ref: te,
-			role: "option",
-			hidden: A,
-			"aria-selected": P,
-			"aria-disabled": r || void 0,
-			"data-active": M || void 0,
-			"data-ui": "combobox-item",
-			className: e,
-			children: [/* @__PURE__ */ E("span", {
-				ref: T,
-				css: m,
-				children: a
-			}), P && /* @__PURE__ */ E("span", {
-				"aria-hidden": "true",
-				css: o,
-				children: N
-			})]
-		})
-	});
-}
-W.displayName = "Combobox.Item";
-function G({ ref: e, children: n, className: r, sx: a, ...o }) {
-	let { matchCount: s } = R("Empty");
-	return s > 0 ? null : /* @__PURE__ */ E(t, {
-		className: r,
-		styles: B,
-		sx: a,
-		children: (t) => /* @__PURE__ */ E("div", {
-			...o,
-			ref: e,
-			"data-ui": "combobox-empty",
-			className: t,
-			children: i(n) ? n : P
-		})
-	});
-}
-G.displayName = "Combobox.Empty";
-var K = Object.assign(V, {
-	Input: H,
-	List: U,
-	Item: W,
-	Empty: G
-});
-//#endregion
-export { K as t };

package/dist/command-palette-V_2pEay7.js

@@ -1,379 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { t as r } from "./use-controlled-state-CVXDa-qM.js";
-import { t as i } from "./visually-hidden-BJdvqqvn.js";
-import { t as a } from "./renderable-DzcIj1Lo.js";
-import { a as o, r as s, s as c, t as l } from "./collection-registry-BTYi6zGh.js";
-import { t as u } from "./trigger-style-B1KVC8O1.js";
-import { i as d, r as f, t as p } from "./use-native-dialog-DWpIUVO1.js";
-import { n as m, t as h } from "./surface-DZ4d-2aL.js";
-import { createContext as g, useCallback as _, useContext as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
-import { vars as C } from "@jfrader/tokens/vars";
-import { jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
-import { FloatingList as E, useFloatingRootContext as D, useInteractions as O, useListNavigation as ee, useMergeRefs as k } from "@floating-ui/react";
-//#region src/components/command-palette/command-palette.styles.ts
-var A = e({
-	...h,
-	marginBlockStart: C.space[12]
-}), j = e({
-	...m,
-	display: "flex",
-	flexDirection: "column",
-	borderRadius: C.radius.lg,
-	boxShadow: C.shadow.floating,
-	inlineSize: "min(560px, calc(100vw - 32px))"
-}), M = e({
-	boxSizing: "border-box",
-	inlineSize: "100%",
-	blockSize: "48px",
-	margin: 0,
-	border: 0,
-	borderBlockEnd: `1px solid ${C.color.borderControl}`,
-	borderStartStartRadius: C.radius.lg,
-	borderStartEndRadius: C.radius.lg,
-	backgroundColor: "transparent",
-	paddingInline: C.space[4],
-	font: "inherit",
-	fontSize: C.textSize.md,
-	color: C.color.text,
-	"&::placeholder": { color: C.color.textSubtle },
-	"&:focus-visible": { ...n }
-}), N = e({
-	boxSizing: "border-box",
-	display: "flex",
-	flexDirection: "column",
-	maxBlockSize: "320px",
-	overflow: "auto",
-	padding: C.space[1],
-	"&[hidden]": { display: "none" }
-}), P = e({
-	display: "flex",
-	flexDirection: "column",
-	"&[hidden]": { display: "none" }
-}), F = e({
-	paddingBlock: C.space[1],
-	paddingInline: C.space[2],
-	fontSize: C.textSize.xs,
-	fontWeight: C.fontWeight.medium,
-	color: C.color.textMuted
-}), te = e({
-	"&:hover, &[data-active]": { backgroundColor: C.color.surfaceHover },
-	"&[hidden]": { display: "none" }
-}), I = e({
-	paddingBlock: C.space[6],
-	paddingInline: C.space[4],
-	textAlign: "center",
-	fontSize: C.textSize.sm,
-	color: C.color.textMuted
-}), ne = "Command palette", re = "No results", L = new Intl.PluralRules("en"), ie = (e, t) => e.toLocaleLowerCase().includes(t.toLocaleLowerCase()), ae = (e) => `${e} ${L.select(e) === "one" ? "result" : "results"}`, R = g(null), z = g(null);
-function B(e) {
-	let t = v(R);
-	if (!t) throw Error(`CommandPalette.${e} must be rendered inside <CommandPalette>.`);
-	return t;
-}
-var V = (e) => {
-	e?.setAttribute("autofocus", "");
-};
-function H({ open: e, defaultOpen: t = !1, onOpenChange: n, label: i = ne, filter: a = ie, emptyMessage: s = re, formatResultCount: c = ae, children: l }) {
-	let u = y(), [f = !1, p] = r(e, t, n), { dialogElementRef: m, setDialogElement: h, setOpen: g, requestClose: v, repairToken: C } = d(f, p), [T, E] = S(""), [k, A] = S(!1), [j, M] = S(null), [N, P] = o(), [F, te] = S(null), [I, L] = S(null), [z, B] = S(f), V = x([]);
-	f !== z && (B(f), f && (E(""), A(!1), M(null)));
-	let H = _(() => {
-		g(!(f && m.current?.open));
-	}, [
-		f,
-		g,
-		m
-	]), { matchedValues: U, matchedIndices: W, visibleGroupIds: G } = b(() => {
-		let e = /* @__PURE__ */ new Set(), t = [], n = /* @__PURE__ */ new Set();
-		return N.forEach((r, i) => {
-			r.index !== -1 && (T === "" || a(r.label, T) || r.keywords !== void 0 && a(r.keywords, T)) && (e.add(i), t.push(r.index), r.groupId !== null && n.add(r.groupId));
-		}), t.sort((e, t) => e - t), {
-			matchedValues: e,
-			matchedIndices: t,
-			visibleGroupIds: n
-		};
-	}, [
-		N,
-		T,
-		a
-	]), K = b(() => new Set(W), [W]), q = j !== null && K.has(j) ? j : W[0] ?? null, J = D({
-		open: f,
-		onOpenChange: (e) => g(e),
-		elements: {
-			reference: F,
-			floating: I
-		}
-	}), Y = ee(J, {
-		listRef: V,
-		activeIndex: q,
-		onNavigate: (e) => {
-			e !== null && M(e);
-		},
-		virtual: !0,
-		loop: !0,
-		focusItemOnOpen: !1,
-		disabledIndices: (e) => !K.has(e)
-	}), { getReferenceProps: X, getFloatingProps: Z, getItemProps: Q } = O([Y]), $ = W.length, oe = k ? c($) : "", se = b(() => ({
-		open: f,
-		setOpen: g,
-		toggleOpen: H,
-		requestClose: v,
-		repairToken: C,
-		setDialogElement: h,
-		label: i,
-		emptyMessage: s,
-		baseId: u,
-		listId: `${u}-list`,
-		query: T,
-		announcement: oe,
-		matchCount: $,
-		matchedValues: U,
-		visibleGroupIds: G,
-		activeIndex: q,
-		elementsRef: V,
-		setInputElement: te,
-		setListElement: L,
-		getReferenceProps: X,
-		getFloatingProps: Z,
-		getItemProps: Q,
-		changeQuery: (e) => {
-			E(e), A(!0), M(null);
-		},
-		moveToEdge: (e) => {
-			let t = e === "first" ? W[0] : W[W.length - 1];
-			t !== void 0 && M(t);
-		},
-		registration: P
-	}), [
-		f,
-		g,
-		H,
-		v,
-		C,
-		h,
-		i,
-		s,
-		u,
-		T,
-		oe,
-		$,
-		U,
-		W,
-		G,
-		q,
-		X,
-		Z,
-		Q,
-		P
-	]);
-	return /* @__PURE__ */ w(R.Provider, {
-		value: se,
-		children: l
-	});
-}
-H.displayName = "CommandPalette";
-function U({ ref: e, onClick: n, className: r, sx: i, ...a }) {
-	let { open: o, toggleOpen: s } = B("Trigger"), c = (e) => {
-		n?.(e), e.defaultPrevented || s();
-	};
-	return /* @__PURE__ */ w(t, {
-		className: r,
-		styles: u,
-		sx: i,
-		children: (t) => /* @__PURE__ */ w("button", {
-			type: "button",
-			...a,
-			ref: e,
-			"data-ui": "command-palette-trigger",
-			"aria-haspopup": "dialog",
-			"aria-expanded": o,
-			onClick: c,
-			className: t
-		})
-	});
-}
-U.displayName = "CommandPalette.Trigger";
-function W({ ref: e, className: n, sx: r, ...a }) {
-	let { children: o, onCancel: s, onClick: c, onClose: l, ...u } = p(a), d = B("Content"), { label: m, announcement: h } = d, g = f(d, {
-		onCancel: s,
-		onClick: c,
-		onClose: l
-	}, e);
-	return /* @__PURE__ */ w(t, {
-		className: n,
-		styles: A,
-		sx: r,
-		children: (e) => /* @__PURE__ */ w("dialog", {
-			"aria-label": m,
-			...u,
-			...g,
-			"data-ui": "command-palette",
-			"aria-modal": "true",
-			className: e,
-			children: /* @__PURE__ */ T("div", {
-				css: j,
-				children: [o, /* @__PURE__ */ w("div", {
-					role: "status",
-					"aria-live": "polite",
-					"aria-atomic": "true",
-					css: i,
-					children: h
-				})]
-			})
-		})
-	});
-}
-W.displayName = "CommandPalette.Content";
-function G({ ref: e, onChange: n, onKeyDown: r, className: i, sx: a, ...o }) {
-	let { label: s, listId: c, query: l, matchCount: u, activeIndex: d, elementsRef: f, requestClose: p, setInputElement: m, getReferenceProps: h, changeQuery: g, moveToEdge: _ } = B("Input"), v = k([
-		m,
-		V,
-		e
-	]), y = (e) => {
-		n?.(e), g(e.currentTarget.value);
-	}, b = (e) => {
-		r?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing) && (e.key === "Escape" ? (e.preventDefault(), p()) : (e.key === "Home" || e.key === "End") && !e.shiftKey && !e.ctrlKey && !e.metaKey && !e.altKey ? (e.preventDefault(), _(e.key === "Home" ? "first" : "last")) : e.key === "Enter" && d !== null && (e.preventDefault(), f.current[d]?.click()));
-	};
-	return /* @__PURE__ */ w(t, {
-		className: i,
-		styles: M,
-		sx: a,
-		children: (e) => /* @__PURE__ */ w("input", {
-			"aria-label": s,
-			autoComplete: "off",
-			spellCheck: !1,
-			...h({
-				...o,
-				onChange: y,
-				onKeyDown: b
-			}),
-			ref: v,
-			type: "text",
-			value: l,
-			role: "combobox",
-			"aria-autocomplete": "list",
-			"aria-expanded": u > 0,
-			"aria-controls": c,
-			"data-ui": "command-palette-input",
-			className: e
-		})
-	});
-}
-G.displayName = "CommandPalette.Input";
-function K({ ref: e, onMouseDown: n, children: r, className: i, sx: a, ...o }) {
-	let { label: s, listId: c, matchCount: l, elementsRef: u, setListElement: d, getFloatingProps: f } = B("List"), p = k([d, e]), m = (e) => {
-		n?.(e), e.preventDefault();
-	};
-	return /* @__PURE__ */ w(t, {
-		className: i,
-		styles: N,
-		sx: a,
-		children: (e) => /* @__PURE__ */ w("div", {
-			"aria-label": s,
-			...f({
-				...o,
-				onMouseDown: m
-			}),
-			ref: p,
-			id: c,
-			role: "listbox",
-			hidden: l === 0,
-			"data-ui": "command-palette-list",
-			className: e,
-			children: /* @__PURE__ */ w(E, {
-				elementsRef: u,
-				children: r
-			})
-		})
-	});
-}
-K.displayName = "CommandPalette.List";
-function q({ ref: e, children: n, className: r, sx: i, ...o }) {
-	let { matchCount: s, emptyMessage: c } = B("Empty");
-	return s > 0 ? null : /* @__PURE__ */ w(t, {
-		className: r,
-		styles: I,
-		sx: i,
-		children: (t) => /* @__PURE__ */ w("div", {
-			...o,
-			ref: e,
-			"data-ui": "command-palette-empty",
-			className: t,
-			children: a(n) ? n : c
-		})
-	});
-}
-q.displayName = "CommandPalette.Empty";
-function J({ ref: e, label: n, children: r, "aria-labelledby": i, className: a, sx: o, ...s }) {
-	let { visibleGroupIds: c } = B("Group"), l = y(), u = `${l}-heading`;
-	return /* @__PURE__ */ w(t, {
-		className: a,
-		styles: P,
-		sx: o,
-		children: (t) => /* @__PURE__ */ T("div", {
-			...s,
-			ref: e,
-			role: "group",
-			"aria-labelledby": [i, u].filter(Boolean).join(" "),
-			hidden: !c.has(l),
-			"data-ui": "command-palette-group",
-			className: t,
-			children: [/* @__PURE__ */ w("div", {
-				id: u,
-				css: F,
-				children: n
-			}), /* @__PURE__ */ w(z.Provider, {
-				value: l,
-				children: r
-			})]
-		})
-	});
-}
-J.displayName = "CommandPalette.Group";
-function Y({ ref: e, value: n, onSelect: r, keywords: i, onClick: a, children: o, className: u, sx: d, ...f }) {
-	let { baseId: p, activeIndex: m, matchedValues: h, getItemProps: g, setOpen: _, registration: y } = B("Item"), b = v(z), S = x(null), { ref: C, index: T } = s(n, y, S, (e, t) => ({
-		index: e,
-		label: t,
-		keywords: i,
-		groupId: b
-	})), E = k([
-		C,
-		S,
-		e
-	]), D = T !== -1 && m === T, O = (e) => {
-		a?.(e), !e.defaultPrevented && (r?.(), _(!1));
-	};
-	return /* @__PURE__ */ w(t, {
-		className: u,
-		styles: [c, te],
-		sx: d,
-		children: (e) => /* @__PURE__ */ w("div", {
-			...g({
-				id: l(p, n),
-				...f,
-				onClick: O
-			}),
-			ref: E,
-			role: "option",
-			"aria-selected": D,
-			hidden: !h.has(n),
-			"data-active": D || void 0,
-			"data-ui": "command-palette-item",
-			className: e,
-			children: o
-		})
-	});
-}
-Y.displayName = "CommandPalette.Item";
-var X = Object.assign(H, {
-	Trigger: U,
-	Content: W,
-	Input: G,
-	List: K,
-	Empty: q,
-	Group: J,
-	Item: Y
-});
-//#endregion
-export { X as t };