@jfrader/ui 0.5.1 → 0.7.0

package/dist/chat-thread.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as ChatThread } from "./chat-thread-DkB-WMWJ.js";

package/dist/{checkbox-DKSzExj2.js → checkbox-CClE61GV.js}

@@ -1,8 +1,9 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { r as n } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { r as t } from "./media-8yrN85VT.js";
+import { t as n } from "./sx-BJXJ2xJK.js";
 import { t as r } from "./renderable-DzcIj1Lo.js";
-import { i, n as a, r as o, t as s } from "./choice-control-5kJkLXgv.js";
+import { i, n as a, r as o, t as s } from "./choice-control-BsWOZPc9.js";
 import { useEffect as c, useId as l, useImperativeHandle as u, useRef as d } from "react";
 import { vars as f } from "@jfrader/tokens/vars";
 import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
@@ -35,7 +36,7 @@ var h = {
 		blockSize: "75%",
 		opacity: 0
 	},
-	[n]: { transitionDuration: "0s" }
+	[t]: { transitionDuration: "0s" }
 }), v = {
 	sm: e({
 		inlineSize: h.sm,
@@ -71,15 +72,15 @@ function S({ indeterminate: e }) {
 		}) : /* @__PURE__ */ p("polyline", { points: "3.5 8.5 6.5 11.5 12.5 4.5" })
 	});
 }
-function C({ ref: e, label: n, description: f, indeterminate: h = !1, size: C = "md", onChange: w, onCheckedChange: T, slotProps: E, className: D, sx: O, dir: k, "aria-labelledby": A, "aria-describedby": j, ...M }) {
+function C({ ref: e, label: t, description: f, indeterminate: h = !1, size: C = "md", onChange: w, onCheckedChange: T, slotProps: E, className: D, sx: O, dir: k, "aria-labelledby": A, "aria-describedby": j, ...M }) {
 	let N = d(null);
 	u(e, () => N.current, []), c(() => {
 		N.current && (N.current.indeterminate = h);
 	}, [h]);
-	let P = l(), F = `${P}-label`, I = `${P}-description`, L = r(n), R = r(f), z = [A, L && F].filter(Boolean).join(" ") || void 0, B = [j, R && I].filter(Boolean).join(" ") || void 0, V = [D, E?.root?.className].filter(Boolean).join(" ") || void 0, H = (e) => {
+	let P = l(), F = `${P}-label`, I = `${P}-description`, L = r(t), R = r(f), z = [A, L && F].filter(Boolean).join(" ") || void 0, B = [j, R && I].filter(Boolean).join(" ") || void 0, V = [D, E?.root?.className].filter(Boolean).join(" ") || void 0, H = (e) => {
 		h && (e.currentTarget.indeterminate = !0), w?.(e), T?.(e.currentTarget.checked);
 	};
-	return /* @__PURE__ */ p(t, {
+	return /* @__PURE__ */ p(n, {
 		className: V,
 		styles: [
 			o,
@@ -120,7 +121,7 @@ function C({ ref: e, label: n, description: f, indeterminate: h = !1, size: C =
 						id: F,
 						className: E?.label?.className,
 						css: [y[C], E?.label?.css],
-						children: n
+						children: t
 					})
 				]
 			}), R && /* @__PURE__ */ p("span", {

package/dist/checkbox.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Checkbox } from "./checkbox-DKSzExj2.js";
+export { t as Checkbox } from "./checkbox-CClE61GV.js";

package/dist/{chip-group-DjQ0_6Y9.js → chip-group-BZUX9KPF.js}

@@ -1,7 +1,8 @@
 'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r } from "./focus-ring-BK5W5_NY.js";
-import { n as i, r as a } from "./media-8yrN85VT.js";
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./sx-BJXJ2xJK.js";
 import { n as o, r as s } from "./roving-focus-CYlo_Kf8.js";
 import { t as c } from "./use-controlled-state-DpeVQZNR.js";
 import { t as l } from "./renderable-DzcIj1Lo.js";
@@ -57,9 +58,9 @@ var S = [], C = Symbol("overflow"), w = {
 		cursor: "not-allowed",
 		borderStyle: "dashed"
 	},
-	"&:focus-visible": r,
-	[a]: { transitionDuration: "0s" },
-	[i]: {
+	"&:focus-visible": n,
+	[i]: { transitionDuration: "0s" },
+	[r]: {
 		borderColor: "CanvasText",
 		"&[aria-pressed=\"true\"]": {
 			borderColor: "Highlight",
@@ -97,15 +98,15 @@ var S = [], C = Symbol("overflow"), w = {
 	animationDuration: h.motion.duration.fast,
 	animationTimingFunction: h.motion.easeStandard,
 	animationFillMode: "backwards",
-	[a]: { animation: "none" }
+	[i]: { animation: "none" }
 }), j = t({
 	inlineSize: h.space[4],
 	blockSize: h.space[4],
 	flexShrink: 0
 });
-function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a, onValueChange: h, label: v, allowEmpty: b = !0, disabled: x = !1, size: O = "md", maxVisible: A, expanded: j, defaultExpanded: M = !1, onExpandedChange: le, locale: ue, moreLabel: N, lessLabel: P, slotProps: F, className: de, sx: fe, onKeyDown: pe, onBlur: me, "aria-label": he, "aria-labelledby": I, ...ge }) {
+function M({ ref: e, options: t, type: n = "multiple", value: r, defaultValue: i, onValueChange: h, label: v, allowEmpty: b = !0, disabled: x = !1, size: O = "md", maxVisible: A, expanded: j, defaultExpanded: M = !1, onExpandedChange: le, locale: ue, moreLabel: N, lessLabel: P, slotProps: F, className: de, sx: fe, onKeyDown: pe, onBlur: me, "aria-label": he, "aria-labelledby": I, ...ge }) {
 	if (A !== void 0 && (!Number.isInteger(A) || A < 1 || !N || P === void 0)) throw Error("ChipGroup maxVisible requires a positive integer, moreLabel and lessLabel.");
-	let [L, R] = c(i, a ?? (r === "single" ? "" : S), h), [_e, ve] = c(j, M, le), z = _e ?? !1, B = typeof L == "string" ? L === "" ? S : [L] : L ?? S, [V, ye] = m(B), [be, xe] = m(z);
+	let [L, R] = c(r, i ?? (n === "single" ? "" : S), h), [_e, ve] = c(j, M, le), z = _e ?? !1, B = typeof L == "string" ? L === "" ? S : [L] : L ?? S, [V, ye] = m(B), [be, xe] = m(z);
 	be !== z && (xe(z), z || ye(B));
 	let H = t.filter((e, t) => z || A === void 0 || t < A || B.includes(e.value) || V.includes(e.value)), U = t.filter((e, t) => A !== void 0 && t >= A && !B.includes(e.value) && (z || !V.includes(e.value))).length, W = U > 0, G = p(null), Se = p(null), K = p(null), q = p(null), J = p(!1), [Y, X] = m(null), Z = u();
 	d(e, () => G.current, []), d(F?.row?.ref, () => K.current, []);
@@ -119,7 +120,7 @@ function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a
 		(r === e.ownerDocument.body || r === t) && (n.find((e) => e.dataset.ui === "chip-group-overflow") ?? n[0])?.focus();
 	}), /* @__PURE__ */ g(ee, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ g(n, {
+		children: /* @__PURE__ */ g(a, {
 			className: de,
 			styles: re,
 			sx: fe,
@@ -148,13 +149,13 @@ function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a
 						ref: K,
 						id: Z,
 						css: [ie, F?.row?.css],
-						children: [H.map((e, n) => {
+						children: [H.map((e, r) => {
 							let i = typeof F?.chip == "function" ? F.chip(e) : F?.chip, a = B.includes(e.value);
 							return /* @__PURE__ */ g(y.div, {
 								layout: !0,
 								transition: w,
-								css: [k, z && A !== void 0 && n >= A && !V.includes(e.value) && !a && oe],
-								style: { animationDelay: `${Math.min(n * ne, te)}ms` },
+								css: [k, z && A !== void 0 && r >= A && !V.includes(e.value) && !a && oe],
+								style: { animationDelay: `${Math.min(r * ne, te)}ms` },
 								children: /* @__PURE__ */ _("button", {
 									...i,
 									type: "button",
@@ -171,9 +172,9 @@ function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a
 									onFocus: (t) => {
 										i?.onFocus?.(t), q.current = t.currentTarget, J.current = !0, X(e.value);
 									},
-									onClick: (n) => {
-										if (i?.onClick?.(n), !n.defaultPrevented) {
-											if (r === "single") a ? b && R("") : R(e.value);
+									onClick: (r) => {
+										if (i?.onClick?.(r), !r.defaultPrevented) {
+											if (n === "single") a ? b && R("") : R(e.value);
 											else {
 												let n = t.filter((t) => t.value === e.value ? !a : B.includes(t.value)).map((e) => e.value);
 												(n.length !== B.length || n.some((e, t) => e !== B[t])) && R(n);

package/dist/chip-group.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ChipGroup } from "./chip-group-DjQ0_6Y9.js";
+export { t as ChipGroup } from "./chip-group-BZUX9KPF.js";

package/dist/{choice-control-5kJkLXgv.js → choice-control-BsWOZPc9.js}

@@ -1,5 +1,5 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/choice-control.ts
 var n = e({

package/dist/{code-block-B5we2lZa.js → code-block-CYP89_6h.js}

@@ -1,10 +1,11 @@
 '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 { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.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 { t as a } from "./button-C6OV0C7J.js";
+import { t as o } from "./copy-button-C0p_qrgf.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";
@@ -26,7 +27,7 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 	fontFamily: u.font.sans,
 	fontSize: u.textSize.sm,
 	lineHeight: u.lineHeight.base,
-	[r]: {
+	[n]: {
 		borderColor: "CanvasText",
 		color: "CanvasText"
 	}
@@ -68,7 +69,7 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 		backgroundImage: `linear-gradient(to bottom, transparent, ${u.color.surfaceInset})`,
 		pointerEvents: "none"
 	},
-	[r]: {
+	[n]: {
 		borderColor: "CanvasText",
 		"&[data-state=\"collapsed\"]::after": { display: "none" }
 	}
@@ -102,7 +103,7 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 		borderStartStartRadius: 0,
 		borderEndStartRadius: 0
 	},
-	"&:focus-visible": n
+	"&:focus-visible": t
 }), y = e({ font: "inherit" }), b = e({
 	inlineSize: "100%",
 	blockSize: "auto",
@@ -117,7 +118,7 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 		transitionTimingFunction: u.motion.easeStandard
 	},
 	"&[aria-expanded=\"true\"] svg": { transform: "rotate(180deg)" },
-	[i]: { "& svg": { transitionDuration: "0s" } }
+	[r]: { "& svg": { transitionDuration: "0s" } }
 }), x = /* @__PURE__ */ f("svg", {
 	viewBox: "0 0 16 16",
 	fill: "none",
@@ -143,8 +144,8 @@ function de(e, t) {
 		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) => {
+function T({ ref: e, code: t, filename: n, language: r, 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 = t.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);
 		};
@@ -153,47 +154,47 @@ function T({ ref: e, code: n, filename: r, language: i, label: u = "Source code"
 		Y.current = j;
 	}), c(() => {
 		let e = Y.current;
-		if (Z(null), !e || n === "") return;
-		let t = !0, r;
+		if (Z(null), !e || t === "") return;
+		let n = !0, i;
 		try {
-			r = e({
-				code: n,
-				language: i
+			i = e({
+				code: t,
+				language: r
 			});
 		} catch (e) {
 			w(e);
 			return;
 		}
-		return Promise.resolve(r).then((r) => {
-			t && Z(r ? {
+		return Promise.resolve(i).then((i) => {
+			n && Z(i ? {
 				loader: e,
-				code: n,
-				language: i,
-				lines: r
+				code: t,
+				language: r,
+				lines: i
 			} : null);
 		}, (e) => {
-			t && w(e);
+			n && w(e);
 		}), () => {
-			t = !1;
+			n = !1;
 		};
 	}, [
-		n,
-		i,
+		t,
+		r,
 		Q,
 		j
 	]);
-	let $ = Q && X?.loader === j && X.code === n && X.language === i ? X.lines : void 0;
+	let $ = Q && X?.loader === j && X.code === t && X.language === r ? X.lines : void 0;
 	return re(() => {
 		J.current &&= (J.current.getElementById(B)?.focus(), null);
-	}), /* @__PURE__ */ f(t, {
+	}), /* @__PURE__ */ f(i, {
 		className: N,
 		styles: ae,
 		sx: P,
-		children: (t) => /* @__PURE__ */ p("section", {
+		children: (i) => /* @__PURE__ */ p("section", {
 			...L,
 			ref: e,
 			"data-ui": "code-block",
-			className: t,
+			className: i,
 			"aria-label": F,
 			"aria-labelledby": I ? `${I} ${z}` : F === void 0 ? z : void 0,
 			"data-highlighted": $ ? "" : void 0,
@@ -208,13 +209,13 @@ function T({ ref: e, code: n, filename: r, language: i, label: u = "Source code"
 							"data-ui": "code-block-label",
 							className: M?.label?.className,
 							css: [se, M?.label?.css],
-							children: r || u
+							children: n || u
 						}),
-						i !== void 0 && i !== "" && /* @__PURE__ */ f("span", {
+						r !== void 0 && r !== "" && /* @__PURE__ */ f("span", {
 							"data-ui": "code-block-language",
 							className: M?.language?.className,
 							css: [ce, M?.language?.css],
-							children: i
+							children: r
 						}),
 						O && /* @__PURE__ */ f(o, {
 							label: "Copy code",
@@ -225,7 +226,7 @@ function T({ ref: e, code: n, filename: r, language: i, label: u = "Source code"
 							iconOnly: !0,
 							...k,
 							css: [le, k?.css],
-							text: n
+							text: t
 						})
 					]
 				}),
@@ -262,7 +263,7 @@ function T({ ref: e, code: n, filename: r, language: i, label: u = "Source 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("")
+							children: $ ? K.map((e, t) => /* @__PURE__ */ f(te, { children: de(e, $[t]) }, t)) : G ? t : K.join("")
 						})
 					})]
 				}),

package/dist/code-block.js

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

package/dist/{combobox-DFFqOBCi.js → combobox-D2Oc-co7.js}

@@ -1,14 +1,15 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./sx-BJXJ2xJK.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 { a as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./listbox-style-DNOxAulu.js";
+import { t as p } from "./overlay-portal-C9igMHnC.js";
+import { t as m } from "./use-overlay-floating-Bx2jBKAA.js";
+import { a as h, r as g, t as _ } from "./collection-registry-k6JcD3Jr.js";
+import { t as v } from "./text-field-D0VP7b4P.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";
@@ -32,7 +33,7 @@ var V = e({ "&[hidden]": { display: "none" } }), H = e({
 	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 f = S(), [p, g] = E(`${f}-listbox`), [_, 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] = h(), [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;
@@ -48,7 +49,7 @@ function U({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 		B,
 		R,
 		q
-	]), { refs: ne, floatingStyles: Z, context: Q } = _({
+	]), { refs: ne, floatingStyles: Z, context: Q } = m({
 		open: k,
 		placement: N,
 		onOpenChange: (e) => M(e)
@@ -68,8 +69,8 @@ function U({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 		};
 		return {
 			baseId: f,
-			listId: m,
-			setListId: h,
+			listId: p,
+			setListId: g,
 			setInputDisabled: v,
 			setInputForm: x,
 			open: k,
@@ -111,7 +112,7 @@ function U({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 		};
 	}, [
 		f,
-		m,
+		p,
 		k,
 		C,
 		P,
@@ -139,7 +140,7 @@ function U({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 			name: c,
 			form: y,
 			value: C ?? "",
-			disabled: g
+			disabled: _
 		})]
 	});
 }
@@ -228,16 +229,16 @@ function G({ ref: e, inputValue: t, defaultInputValue: n, label: a, description:
 }
 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`;
+	let { baseId: u, setListId: f, open: m, inputLabelling: h, refs: g, 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) => {
+	let x = M([m ? g.setFloating : null, e]), S = c["aria-labelledby"] !== void 0 || c["aria-label"] !== void 0 ? {} : h?.labelledBy === void 0 ? { "aria-label": h?.label } : { "aria-labelledby": h.labelledBy }, w = (e) => {
 		i?.(e), e.preventDefault();
 	};
-	return /* @__PURE__ */ O(g, { children: /* @__PURE__ */ O(t, {
+	return /* @__PURE__ */ O(p, { children: /* @__PURE__ */ O(t, {
 		className: o,
 		styles: [d, l],
 		sx: s,
@@ -250,8 +251,8 @@ function K({ ref: e, id: n, style: r, onMouseDown: i, children: a, className: o,
 			}),
 			ref: x,
 			role: "listbox",
-			hidden: !p,
-			"data-state": p ? "open" : "closed",
+			hidden: !m,
+			"data-state": m ? "open" : "closed",
 			"data-ui": "combobox-list",
 			style: {
 				...r,
@@ -270,11 +271,11 @@ function K({ ref: e, id: n, style: r, onMouseDown: i, children: a, className: o,
 }
 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) => ({
+	let { baseId: m, selectedValue: h, activeIndex: v, options: y, isVisible: b, getItemProps: x, selectValue: S, registration: C } = B("Item"), w = T(null), { ref: E, index: D } = g(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) => {
+	})), k = M([E, e]), te = y.get(n)?.label, A = te !== void 0 && !b(te), j = D !== -1 && v === D, N = h === n, F = (e) => {
 		i?.(e), !(r || e.defaultPrevented) && S(n);
 	};
 	return /* @__PURE__ */ O(t, {
@@ -288,7 +289,7 @@ function q({ ref: e, value: n, disabled: r = !1, onClick: i, children: a, classN
 		sx: d,
 		children: (e) => /* @__PURE__ */ ee("div", {
 			...x({
-				id: h(g, n),
+				id: _(m, n),
 				...p,
 				onClick: F
 			}),

package/dist/combobox.js

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