@jfrader/ui 0.4.0 → 0.5.0

package/dist/code-block-ahnRi-g8.js

@@ -0,0 +1,292 @@
+'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 a } from "./use-controlled-state-DpeVQZNR.js";
+import { t as ee } from "./button-C92uYFJW.js";
+import { t as o } from "./copy-button-ByiA6D3R.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"
+	}
+}), g = e({
+	display: "flex",
+	alignItems: "center",
+	gap: u.space[2],
+	minBlockSize: u.space[8],
+	paddingInlineStart: u.space[3]
+}), _ = e({
+	minInlineSize: 0,
+	fontWeight: u.fontWeight.medium,
+	overflowWrap: "anywhere"
+}), v = 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"
+}), y = e({ marginInlineStart: "auto" }), b = 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" }
+	}
+}), x = e({
+	fontFamily: u.font.mono,
+	fontSize: u.textSize.sm,
+	lineHeight: u.lineHeight.relaxed,
+	fontVariantNumeric: "tabular-nums",
+	whiteSpace: "pre",
+	tabSize: m
+}), oe = 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}`
+}), se = 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
+}), ce = e({ font: "inherit" }), le = 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" } }
+}), ue = /* @__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 de(e, t) {
+	return `Show all ${t} ${S.select(e) === "one" ? "line" : "lines"}`;
+}
+function C(e) {
+	process.env.NODE_ENV !== "production" && console.warn("CodeBlock: highlighting failed; showing plain text.", e);
+}
+function fe(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 w({ 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: w, lineNumbers: T = !1, locale: E, getExpandLabel: D = de, collapseLabel: O = "Show fewer lines", copyable: k = !0, copyButtonProps: A, preRef: j, highlight: M, slotProps: N, className: P, sx: F, "aria-label": I, "aria-labelledby": L, ...R }) {
+	let z = ne(), B = `${z}-label`, V = `${z}-source`, [H, pe] = a(h, S, w), U = n.match(/[^\n]*\n|[^\n]+$/g) ?? [], W = m !== void 0 && Number.isFinite(m) && m > 0 ? Math.max(1, Math.floor(m)) : void 0, G = W !== void 0 && U.length > W, K = !G || H, q = K ? U : U.slice(0, W), J = new Intl.NumberFormat(E), Y = l(null), me = s((e) => {
+		if (e) return () => {
+			e.ownerDocument.activeElement === e && (Y.current = e.ownerDocument);
+		};
+	}, []), X = l(M), [Z, he] = ie(null), Q = M !== void 0;
+	c(() => {
+		X.current = M;
+	}), c(() => {
+		let e = X.current;
+		if (!e || n === "") return;
+		let t = !0, r;
+		try {
+			r = e({
+				code: n,
+				language: i
+			});
+		} catch (e) {
+			C(e);
+			return;
+		}
+		return Promise.resolve(r).then((e) => {
+			t && he(e ? {
+				code: n,
+				language: i,
+				lines: e
+			} : null);
+		}, (e) => {
+			t && C(e);
+		}), () => {
+			t = !1;
+		};
+	}, [
+		n,
+		i,
+		Q,
+		M
+	]);
+	let $ = Q && Z?.code === n && Z.language === i ? Z.lines : void 0;
+	return re(() => {
+		Y.current &&= (Y.current.getElementById(V)?.focus(), null);
+	}), /* @__PURE__ */ f(t, {
+		className: P,
+		styles: ae,
+		sx: F,
+		children: (t) => /* @__PURE__ */ p("section", {
+			...R,
+			ref: e,
+			"data-ui": "code-block",
+			className: t,
+			"aria-label": I,
+			"aria-labelledby": L ? `${L} ${B}` : I === void 0 ? B : void 0,
+			"data-highlighted": $ ? "" : void 0,
+			children: [
+				/* @__PURE__ */ p("header", {
+					"data-ui": "code-block-header",
+					className: N?.header?.className,
+					css: [g, N?.header?.css],
+					children: [
+						/* @__PURE__ */ f("span", {
+							id: B,
+							"data-ui": "code-block-label",
+							className: N?.label?.className,
+							css: [_, N?.label?.css],
+							children: r || u
+						}),
+						i !== void 0 && i !== "" && /* @__PURE__ */ f("span", {
+							"data-ui": "code-block-language",
+							className: N?.language?.className,
+							css: [v, N?.language?.css],
+							children: i
+						}),
+						k && /* @__PURE__ */ f(o, {
+							label: "Copy code",
+							pendingLabel: "Copying code",
+							copiedLabel: "Code copied",
+							errorLabel: "Could not copy code",
+							variant: "ghost",
+							iconOnly: !0,
+							...A,
+							css: [y, A?.css],
+							text: n
+						})
+					]
+				}),
+				/* @__PURE__ */ p("div", {
+					"data-ui": "code-block-source-frame",
+					"data-state": G ? K ? "expanded" : "collapsed" : void 0,
+					className: N?.sourceFrame?.className,
+					css: [b, N?.sourceFrame?.css],
+					children: [T && q.length > 0 && /* @__PURE__ */ f("div", {
+						"aria-hidden": "true",
+						"data-ui": "code-block-gutter",
+						className: N?.gutter?.className,
+						css: [
+							x,
+							oe,
+							N?.gutter?.css
+						],
+						children: q.map((e, t) => J.format(t + 1)).join("\n")
+					}), /* @__PURE__ */ f("pre", {
+						id: V,
+						ref: j,
+						role: "group",
+						tabIndex: 0,
+						dir: "ltr",
+						"aria-label": d,
+						"data-ui": "code-block-pre",
+						className: N?.pre?.className,
+						css: [
+							x,
+							se,
+							N?.pre?.css
+						],
+						children: /* @__PURE__ */ f("code", {
+							"data-ui": "code-block-code",
+							className: N?.code?.className,
+							css: [ce, N?.code?.css],
+							children: $ ? q.map((e, t) => /* @__PURE__ */ f(te, { children: fe(e, $[t]) }, t)) : K ? n : q.join("")
+						})
+					})]
+				}),
+				G && /* @__PURE__ */ f(ee, {
+					ref: me,
+					variant: "ghost",
+					tone: "neutral",
+					size: "sm",
+					endIcon: ue,
+					"aria-expanded": !!H,
+					"aria-controls": V,
+					"data-ui": "code-block-toggle",
+					className: N?.toggle?.className,
+					css: [le, N?.toggle?.css],
+					render: (e) => /* @__PURE__ */ f("button", {
+						...e,
+						type: "button"
+					}),
+					onClick: () => pe(!H),
+					children: H ? O : D(U.length, J.format(U.length))
+				})
+			]
+		})
+	});
+}
+w.displayName = "CodeBlock";
+//#endregion
+export { w as t };

package/dist/code-block.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as CodeBlock } from "./code-block-ahnRi-g8.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-Bhzvu9ma.js

@@ -0,0 +1,334 @@
+'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-SeUyyEPD.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-DvJifLpF.js";
+import { t as v } from "./text-field-C8TWG-tY.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 ne = e({ "&[hidden]": { display: "none" } }), V = e({
+	paddingBlock: D.space[1],
+	paddingInline: D.space[2],
+	fontSize: D.textSize.sm,
+	color: D.color.textMuted
+});
+function H({ 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 = null, x] = r(e, t ?? null, i), [C = !1, D] = r(a, o, s), [k, M] = E(null), [P, F] = E(""), [R, z] = p(), [B, ne] = E(null), V = T([]), H = T(null), U = n(u), W = b((e, t) => t === "" || l(e, t), [l]), { valuesByIndex: G, skippedIndices: K, matchCount: q } = w(() => {
+		let e = [], t = /* @__PURE__ */ new Set(), n = 0;
+		return R.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
+		};
+	}, [
+		R,
+		P,
+		W
+	]), { refs: J, floatingStyles: Y, context: X } = _({
+		open: C,
+		placement: N,
+		onOpenChange: (e) => D(e)
+	}), Z = te(X, {
+		escapeKey: !0,
+		outsidePress: !0
+	}), re = j(X, {
+		listRef: V,
+		activeIndex: k,
+		onNavigate: M,
+		virtual: !0,
+		loop: !0,
+		disabledIndices: (e) => K.has(e)
+	}), { getReferenceProps: Q, getFloatingProps: $, getItemProps: ie } = A([Z, re]), ae = w(() => {
+		let e = (e) => {
+			x(e), D(!1), H.current?.commitLabel(R.get(e)?.label ?? "");
+		};
+		return {
+			baseId: f,
+			listId: m,
+			setListId: h,
+			setInputDisabled: v,
+			open: C,
+			selectedValue: y,
+			activeIndex: k,
+			options: R,
+			matchCount: q,
+			inputLabelling: B,
+			inputHandleRef: H,
+			refs: J,
+			floatingStyles: Y,
+			elementsRef: V,
+			getReferenceProps: Q,
+			getFloatingProps: $,
+			getItemProps: ie,
+			onInputChange: U,
+			isVisible: (e) => W(e, P),
+			findMatches: (e) => {
+				let t = 0, n = null, r = null;
+				return R.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: F,
+			setActiveIndex: M,
+			selectValue: e,
+			selectIndex: (t) => {
+				let n = G[t];
+				n === void 0 || K.has(t) || e(n);
+			},
+			clearValue: () => x(null),
+			requestOpenChange: D,
+			registration: z,
+			setInputLabelling: ne
+		};
+	}, [
+		f,
+		m,
+		C,
+		y,
+		k,
+		R,
+		P,
+		q,
+		B,
+		J,
+		Y,
+		Q,
+		$,
+		ie,
+		U,
+		W,
+		G,
+		K,
+		x,
+		D,
+		z
+	]);
+	return /* @__PURE__ */ ee(L.Provider, {
+		value: ae,
+		children: [d, c !== void 0 && /* @__PURE__ */ O("input", {
+			type: "hidden",
+			name: c,
+			value: y ?? "",
+			disabled: g
+		})]
+	});
+}
+function U(e) {
+	return /* @__PURE__ */ O(a, { children: /* @__PURE__ */ O(H, { ...e }) });
+}
+U.displayName = "Combobox";
+function W({ 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 } = z("Input"), B = M([ee.setReference, e]), ne = S(), V = f ?? ne, H = `${V}-label`, U = i(a), W = _["aria-labelledby"], G = _["aria-label"], [K, q] = E(n), [J, Y] = E(() => (t ?? n) !== void 0), X = x === null ? void 0 : T.get(x)?.label, Z = t ?? (J ? K ?? "" : X ?? K ?? ""), [, re] = r(Z, void 0, te), Q = (e) => {
+		re(e), t === void 0 && q(e);
+	}, $ = t !== void 0 || J ? Z : "", ie = (e) => {
+		Y(!1), Q(e);
+	};
+	C(() => {
+		j($);
+	}, [$, j]), C(() => (R(g), () => R(!1)), [g, R]), C(() => (D.current = { commitLabel: ie }, () => {
+		D.current = null;
+	})), C(() => (L(W !== void 0 || !U ? {
+		labelledBy: W,
+		label: G
+	} : { labelledBy: H }), () => L(null)), [
+		W,
+		G,
+		U,
+		H,
+		L
+	]);
+	let ae = (e) => {
+		p?.(e);
+		let n = e.currentTarget.value;
+		Y(!0), Q(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);
+	}, oe = (e) => {
+		if (m?.(e), !e.defaultPrevented) {
+			if (e.key === "Escape") J && X !== void 0 && ie(X);
+			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);
+				}
+			}
+		}
+	}, se = (e) => {
+		h?.(e), b && I(!1);
+	};
+	return /* @__PURE__ */ O(v, {
+		...k({
+			..._,
+			onKeyDown: oe,
+			onBlur: se
+		}),
+		ref: B,
+		id: V,
+		label: U ? /* @__PURE__ */ O("span", {
+			id: H,
+			children: a
+		}) : a,
+		description: o,
+		error: s,
+		size: c,
+		slotProps: l,
+		className: u,
+		sx: d,
+		value: Z,
+		disabled: g,
+		onChange: ae,
+		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"
+	});
+}
+W.displayName = "Combobox.Input";
+function G({ 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
+				})
+			})
+		})
+	}) });
+}
+G.displayName = "Combobox.List";
+function K({ 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,
+			ne
+		],
+		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
+			})]
+		})
+	});
+}
+K.displayName = "Combobox.Item";
+function q({ ref: e, children: n, className: r, sx: a, ...o }) {
+	let { matchCount: s } = B("Empty");
+	return s > 0 ? null : /* @__PURE__ */ O(t, {
+		className: r,
+		styles: V,
+		sx: a,
+		children: (t) => /* @__PURE__ */ O("div", {
+			...o,
+			ref: e,
+			"data-ui": "combobox-empty",
+			className: t,
+			children: i(n) ? n : F
+		})
+	});
+}
+q.displayName = "Combobox.Empty";
+var J = Object.assign(U, {
+	Input: W,
+	List: G,
+	Item: K,
+	Empty: q
+});
+//#endregion
+export { J 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-Bhzvu9ma.js";