@jfrader/ui 0.4.0 → 0.5.1

package/dist/code-block-B5we2lZa.js

@@ -0,0 +1,293 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as ee } from "./use-controlled-state-DpeVQZNR.js";
+import { t as a } from "./button-NLY0h6EJ.js";
+import { t as o } from "./copy-button-DCSLcYS-.js";
+import { Fragment as te, useCallback as s, useEffect as c, useId as ne, useLayoutEffect as re, useRef as l, useState as ie } from "react";
+import { vars as u } from "@jfrader/tokens/vars";
+import { Fragment as d, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+//#region src/components/code-block/code-block.tsx
+var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
+	label: "code-block",
+	boxSizing: "border-box",
+	display: "flex",
+	flexDirection: "column",
+	gap: u.space[1],
+	minInlineSize: 0,
+	maxInlineSize: "100%",
+	padding: u.space[1],
+	backgroundColor: u.color.surfaceRaised,
+	color: u.color.text,
+	border: `1px solid ${u.color.border}`,
+	borderRadius: u.radius.lg,
+	boxShadow: u.shadow.raised,
+	fontFamily: u.font.sans,
+	fontSize: u.textSize.sm,
+	lineHeight: u.lineHeight.base,
+	[r]: {
+		borderColor: "CanvasText",
+		color: "CanvasText"
+	}
+}), oe = e({
+	display: "flex",
+	alignItems: "center",
+	gap: u.space[2],
+	minBlockSize: u.space[8],
+	paddingInlineStart: u.space[3]
+}), se = e({
+	minInlineSize: 0,
+	fontWeight: u.fontWeight.medium,
+	overflowWrap: "anywhere"
+}), ce = e({
+	flexShrink: 0,
+	maxInlineSize: "50%",
+	paddingInline: u.space[2],
+	border: `1px solid ${u.color.border}`,
+	borderRadius: u.radius.full,
+	color: u.color.textMuted,
+	fontFamily: u.font.mono,
+	fontSize: u.textSize.xs,
+	overflowWrap: "anywhere"
+}), le = e({ marginInlineStart: "auto" }), g = e({
+	position: "relative",
+	display: "flex",
+	direction: "ltr",
+	minInlineSize: 0,
+	overflow: "hidden",
+	backgroundColor: u.color.surfaceInset,
+	border: `1px solid ${u.color.borderSubtle}`,
+	borderRadius: h,
+	"&[data-state=\"collapsed\"]::after": {
+		content: "\"\"",
+		position: "absolute",
+		insetInline: 0,
+		insetBlockEnd: 0,
+		blockSize: u.space[8],
+		backgroundImage: `linear-gradient(to bottom, transparent, ${u.color.surfaceInset})`,
+		pointerEvents: "none"
+	},
+	[r]: {
+		borderColor: "CanvasText",
+		"&[data-state=\"collapsed\"]::after": { display: "none" }
+	}
+}), _ = e({
+	fontFamily: u.font.mono,
+	fontSize: u.textSize.sm,
+	lineHeight: u.lineHeight.relaxed,
+	fontVariantNumeric: "tabular-nums",
+	whiteSpace: "pre",
+	tabSize: m
+}), v = e({
+	flexShrink: 0,
+	paddingBlock: u.space[3],
+	paddingInline: u.space[3],
+	textAlign: "end",
+	color: u.color.textSubtle,
+	userSelect: "none",
+	borderInlineEnd: `1px solid ${u.color.border}`
+}), ue = e({
+	flex: "1 1 auto",
+	minInlineSize: 0,
+	margin: 0,
+	paddingBlock: u.space[3],
+	paddingInline: u.space[4],
+	overflow: "auto",
+	unicodeBidi: "isolate",
+	borderRadius: "inherit",
+	scrollbarWidth: "thin",
+	scrollbarColor: `${u.color.borderStrong} transparent`,
+	"[data-ui=\"code-block-gutter\"] + &": {
+		borderStartStartRadius: 0,
+		borderEndStartRadius: 0
+	},
+	"&:focus-visible": n
+}), y = e({ font: "inherit" }), b = e({
+	inlineSize: "100%",
+	blockSize: "auto",
+	minBlockSize: u.space[8],
+	borderRadius: h,
+	color: u.color.textMuted,
+	whiteSpace: "normal",
+	overflowWrap: "anywhere",
+	"& svg": {
+		transitionProperty: "transform",
+		transitionDuration: u.motion.duration.base,
+		transitionTimingFunction: u.motion.easeStandard
+	},
+	"&[aria-expanded=\"true\"] svg": { transform: "rotate(180deg)" },
+	[i]: { "& svg": { transitionDuration: "0s" } }
+}), x = /* @__PURE__ */ f("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ f("path", { d: "M4 6l4 4 4-4" })
+}), S = new Intl.PluralRules("en");
+function C(e, t) {
+	return `Show all ${t} ${S.select(e) === "one" ? "line" : "lines"}`;
+}
+function w(e) {
+	process.env.NODE_ENV !== "production" && console.warn("CodeBlock: highlighting failed; showing plain text.", e);
+}
+function de(e, t) {
+	let n = t?.map((e) => e.content).join("");
+	return t === void 0 || n === void 0 || !e.startsWith(n) ? e : /* @__PURE__ */ p(d, { children: [t.map((e, t) => /* @__PURE__ */ f("span", {
+		style: {
+			color: e.color,
+			fontStyle: e.fontStyle
+		},
+		children: e.content
+	}, t)), e.slice(n.length)] });
+}
+function T({ ref: e, code: n, filename: r, language: i, label: u = "Source code", sourceLabel: d = "Selectable source code", maxLines: m, open: h, defaultOpen: S = !1, onOpenChange: T, lineNumbers: fe = !1, locale: pe, getExpandLabel: E = C, collapseLabel: D = "Show fewer lines", copyable: O = !0, copyButtonProps: k, preRef: A, highlight: j, slotProps: M, className: N, sx: P, "aria-label": F, "aria-labelledby": I, ...L }) {
+	let R = ne(), z = `${R}-label`, B = `${R}-source`, [V, me] = ee(h, S, T), H = n.match(/[^\n]*\n|[^\n]+$/g) ?? [], U = m !== void 0 && Number.isFinite(m) && m > 0 ? Math.max(1, Math.floor(m)) : void 0, W = U !== void 0 && H.length > U, G = !W || V, K = G ? H : H.slice(0, U), q = new Intl.NumberFormat(pe), J = l(null), he = s((e) => {
+		if (e) return () => {
+			e.ownerDocument.activeElement === e && (J.current = e.ownerDocument);
+		};
+	}, []), Y = l(j), [X, Z] = ie(null), Q = j !== void 0;
+	c(() => {
+		Y.current = j;
+	}), c(() => {
+		let e = Y.current;
+		if (Z(null), !e || n === "") return;
+		let t = !0, r;
+		try {
+			r = e({
+				code: n,
+				language: i
+			});
+		} catch (e) {
+			w(e);
+			return;
+		}
+		return Promise.resolve(r).then((r) => {
+			t && Z(r ? {
+				loader: e,
+				code: n,
+				language: i,
+				lines: r
+			} : null);
+		}, (e) => {
+			t && w(e);
+		}), () => {
+			t = !1;
+		};
+	}, [
+		n,
+		i,
+		Q,
+		j
+	]);
+	let $ = Q && X?.loader === j && X.code === n && X.language === i ? X.lines : void 0;
+	return re(() => {
+		J.current &&= (J.current.getElementById(B)?.focus(), null);
+	}), /* @__PURE__ */ f(t, {
+		className: N,
+		styles: ae,
+		sx: P,
+		children: (t) => /* @__PURE__ */ p("section", {
+			...L,
+			ref: e,
+			"data-ui": "code-block",
+			className: t,
+			"aria-label": F,
+			"aria-labelledby": I ? `${I} ${z}` : F === void 0 ? z : void 0,
+			"data-highlighted": $ ? "" : void 0,
+			children: [
+				/* @__PURE__ */ p("header", {
+					"data-ui": "code-block-header",
+					className: M?.header?.className,
+					css: [oe, M?.header?.css],
+					children: [
+						/* @__PURE__ */ f("span", {
+							id: z,
+							"data-ui": "code-block-label",
+							className: M?.label?.className,
+							css: [se, M?.label?.css],
+							children: r || u
+						}),
+						i !== void 0 && i !== "" && /* @__PURE__ */ f("span", {
+							"data-ui": "code-block-language",
+							className: M?.language?.className,
+							css: [ce, M?.language?.css],
+							children: i
+						}),
+						O && /* @__PURE__ */ f(o, {
+							label: "Copy code",
+							pendingLabel: "Copying code",
+							copiedLabel: "Code copied",
+							errorLabel: "Could not copy code",
+							variant: "ghost",
+							iconOnly: !0,
+							...k,
+							css: [le, k?.css],
+							text: n
+						})
+					]
+				}),
+				/* @__PURE__ */ p("div", {
+					"data-ui": "code-block-source-frame",
+					"data-state": W ? G ? "expanded" : "collapsed" : void 0,
+					className: M?.sourceFrame?.className,
+					css: [g, M?.sourceFrame?.css],
+					children: [fe && K.length > 0 && /* @__PURE__ */ f("div", {
+						"aria-hidden": "true",
+						"data-ui": "code-block-gutter",
+						className: M?.gutter?.className,
+						css: [
+							_,
+							v,
+							M?.gutter?.css
+						],
+						children: K.map((e, t) => q.format(t + 1)).join("\n")
+					}), /* @__PURE__ */ f("pre", {
+						id: B,
+						ref: A,
+						role: "group",
+						tabIndex: 0,
+						dir: "ltr",
+						"aria-label": d,
+						"data-ui": "code-block-pre",
+						className: M?.pre?.className,
+						css: [
+							_,
+							ue,
+							M?.pre?.css
+						],
+						children: /* @__PURE__ */ f("code", {
+							"data-ui": "code-block-code",
+							className: M?.code?.className,
+							css: [y, M?.code?.css],
+							children: $ ? K.map((e, t) => /* @__PURE__ */ f(te, { children: de(e, $[t]) }, t)) : G ? n : K.join("")
+						})
+					})]
+				}),
+				W && /* @__PURE__ */ f(a, {
+					ref: he,
+					variant: "ghost",
+					tone: "neutral",
+					size: "sm",
+					endIcon: x,
+					"aria-expanded": !!V,
+					"aria-controls": B,
+					"data-ui": "code-block-toggle",
+					className: M?.toggle?.className,
+					css: [b, M?.toggle?.css],
+					render: (e) => /* @__PURE__ */ f("button", {
+						...e,
+						type: "button"
+					}),
+					onClick: () => me(!V),
+					children: V ? D : E(H.length, q.format(H.length))
+				})
+			]
+		})
+	});
+}
+T.displayName = "CodeBlock";
+//#endregion
+export { T as t };

package/dist/code-block.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as CodeBlock } from "./code-block-B5we2lZa.js";

package/dist/collection-registry-k6JcD3Jr.js

@@ -0,0 +1,44 @@
+'use client';
+import { t as e } from "./part-id-D0zksy32.js";
+import { useCallback as t, useLayoutEffect as n, useMemo as r, useState as i } from "react";
+import { useListItem as a } from "@floating-ui/react";
+//#region src/utils/collection-registry.ts
+var o = (e, t) => e !== void 0 && Object.keys(t).every((n) => e[n] === t[n]), s = (t, n) => `${e(t, "opt", n)}-item`;
+function c() {
+	let [e, n] = i(() => /* @__PURE__ */ new Map()), a = t((e, t) => n((n) => o(n.get(e), t) ? n : new Map(n).set(e, t)), []), s = t((e) => n((t) => {
+		if (!t.has(e)) return t;
+		let n = new Map(t);
+		return n.delete(e), n;
+	}), []);
+	return [e, r(() => ({
+		register: a,
+		unregister: s
+	}), [a, s])];
+}
+function l(e) {
+	return a(e);
+}
+function u(e, t, r) {
+	n(() => {
+		if (t && e !== -1) return r.add(e), () => {
+			r.delete(e);
+		};
+	}, [
+		t,
+		e,
+		r
+	]);
+}
+function d(e, t, r, i, a) {
+	let o = l(), { index: s } = o;
+	return n(() => {
+		let n = r.current?.textContent ?? "";
+		if (t.register(e, i(s, n)), a === void 0 || s === -1) return;
+		let { labelsRef: o, include: c } = a;
+		return o.current[s] = c ? n : null, () => {
+			o.current[s] = null;
+		};
+	}), n(() => () => t.unregister(e), [e, t]), o;
+}
+//#endregion
+export { c as a, l as i, u as n, d as r, s as t };

package/dist/combobox-DFFqOBCi.js

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

package/dist/combobox.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Combobox } from "./combobox-DiMC2g_u.js";
+export { t as Combobox } from "./combobox-DFFqOBCi.js";