haze-ui 1.32.0 → 1.34.0

package/dist/components/ColorPicker/gradient.js

@@ -0,0 +1,114 @@
+"use client";
+import { formatColor as e, parseColor as t, rgbHexKey as n } from "./color-math.js";
+//#region src/lib/components/ColorPicker/gradient.ts
+function r(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function i(e) {
+	return String(Math.round(e * 100) / 100);
+}
+function a(e) {
+	let t = [], n = 0, r = "";
+	for (let i of e) {
+		if (i === "(") n += 1;
+		else if (i === ")") {
+			if (--n, n < 0) return null;
+		} else if (i === "," && n === 0) {
+			if (r.trim() === "") return null;
+			t.push(r.trim()), r = "";
+			continue;
+		}
+		r += i;
+	}
+	return n !== 0 || r.trim() === "" ? null : (t.push(r.trim()), t);
+}
+var o = /^(-?\d*\.?\d+)(deg)?$/, s = /^to\s+(top|bottom|right|left)(?:\s+(top|bottom|right|left))?$/;
+function c(e) {
+	let t = o.exec(e);
+	if (t) return Number(t[1]);
+	let n = s.exec(e);
+	if (n) {
+		let e = n.includes("right") ? 1 : n.includes("left") ? -1 : 0, t = n.includes("bottom") ? 1 : n.includes("top") ? -1 : 0;
+		if (e !== 0 || t !== 0) return Math.atan2(e, -t) * 180 / Math.PI;
+	}
+	return null;
+}
+var l = /^(.+?)\s+(-?\d*\.?\d+)\s*%?$/;
+function u(e) {
+	let n = l.exec(e), [r, i] = n === null ? [e, null] : [n[1] ?? "", Number(n[2])], a = t(r);
+	return a ? {
+		color: a.rgb,
+		position: i === null || !Number.isFinite(i) ? null : i
+	} : null;
+}
+function d(e) {
+	let t = e.length;
+	if (t <= 1) return e.map((e) => e ?? 0);
+	let n = [...e];
+	n[0] === null && (n[0] = 0), n[t - 1] === null && (n[t - 1] = 100);
+	let r = 0;
+	for (; r < t;) {
+		if (n[r] !== null) {
+			r += 1;
+			continue;
+		}
+		let e = r;
+		for (; n[e] === null;) e += 1;
+		let t = n[r - 1] ?? 0, i = n[e] ?? 100;
+		for (let a = r; a < e; a++) n[a] = t + (i - t) * (a - r + 1) / (e - r + 1);
+		r = e;
+	}
+	return n;
+}
+function f(e) {
+	let i = e.stops.map((e) => ({
+		color: e.color,
+		position: r(e.position, 0, 100)
+	})).sort((e, t) => e.position - t.position), a = i.filter((e, r) => r === 0 || e.position !== i[r - 1]?.position || n(t(e.color)?.rgb ?? {
+		r: 0,
+		g: 0,
+		b: 0
+	}) !== n(t(i[r - 1]?.color ?? "")?.rgb ?? {
+		r: 0,
+		g: 0,
+		b: 0
+	}));
+	return {
+		angle: (e.angle % 360 + 360) % 360,
+		stops: a
+	};
+}
+function p(t) {
+	let n = t.trim(), r = /^linear-gradient\((.*)\)$/i.exec(n);
+	if (!r) return null;
+	let i = a(r[1] ?? "");
+	if (i === null || i.length < 2) return null;
+	let o = c(i[0] ?? ""), s = o === null ? 180 : o, l = (o === null ? i : i.slice(1)).map((e) => u(e)).filter((e) => e !== null);
+	if (l.length < 2) return null;
+	let p = d(l.map((e) => e.position));
+	return f({
+		angle: s,
+		stops: l.map((t, n) => ({
+			color: e(t.color, "hex", !0),
+			position: p[n] ?? 0
+		}))
+	});
+}
+function m(e) {
+	let t = f(e), n = t.stops.map((e) => `${e.color} ${i(e.position)}%`).join(", ");
+	return `linear-gradient(${i(t.angle)}deg, ${n})`;
+}
+function h(t) {
+	return {
+		angle: 90,
+		stops: [{
+			color: e(t, "hex", !0),
+			position: 0
+		}, {
+			color: "#ffffff",
+			position: 100
+		}]
+	};
+}
+//#endregion
+export { h as gradientFromColor, f as normalizeGradient, p as parseGradient, m as serializeGradient };

package/dist/components/Combobox/Combobox.js

@@ -11,48 +11,49 @@ import ie from "../Chip/Chip.js";
 import ae from "../VirtualList/VirtualList.js";
 import oe from "./ComboboxGroup.js";
 import se from "./ComboboxOption.js";
+import { extractComboboxOptions as ce } from "./combobox-options.js";
 /* empty css                   */
-import { useCallback as ce, useEffect as i, useId as le, useMemo as ue, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useControl as u } from "react-use-control";
+import { useCallback as le, useEffect as i, useId as ue, useMemo as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useControl as d } from "react-use-control";
 //#region src/lib/components/Combobox/Combobox.tsx
-var de = "haze-Combobox__wrapper", fe = "haze-Combobox__input", pe = "haze-Combobox__multiBox", me = "haze-Combobox__multiInput", d = "haze-Combobox__matchMark", f = "haze-Combobox__stateRow", he = "haze-Combobox__groupHeadingText", ge = "haze-Combobox__listbox", _e = "haze-Combobox__listboxVirtual", ve = 200, ye = 37, be = "haze-Combobox__virtualRow";
+var de = "haze-Combobox__wrapper", fe = "haze-Combobox__input", pe = "haze-Combobox__multiBox", me = "haze-Combobox__multiInput", f = "haze-Combobox__matchMark", p = "haze-Combobox__stateRow", he = "haze-Combobox__groupHeadingText", ge = "haze-Combobox__listbox", _e = "haze-Combobox__listboxVirtual", ve = 200, ye = 37, be = "haze-Combobox__virtualRow";
 function xe(t, n) {
 	if (n === "") return t;
 	let r = t.toLowerCase().indexOf(n.toLowerCase());
-	return r < 0 ? t : /* @__PURE__ */ l(s, { children: [
+	return r < 0 ? t : /* @__PURE__ */ u(c, { children: [
 		t.slice(0, r),
-		/* @__PURE__ */ c("mark", {
+		/* @__PURE__ */ l("mark", {
 			"data-slot": "match",
-			className: e([d]),
+			className: e([f]),
 			children: t.slice(r, r + n.length)
 		}),
 		t.slice(r + n.length)
 	] });
 }
-function p({ value: s, open: d, options: p, multiple: m = !1, onValuesChange: h, creatable: Se = !1, onCreate: Ce, onSearch: g, loading: _ = !1, empty: we, highlightMatches: Te = !1, maxHeight: v, placeholder: Ee, virtualThreshold: y = 100, virtualized: b, className: De, classNames: x, ref: S }) {
-	let C = ee("Combobox"), w = C.classNames ? {
-		...C.classNames,
-		...x
-	} : x, T = n("combobox"), [E, D] = u(s, m ? [] : ""), [O, Oe] = o([]), [k, A] = o(""), [j, M] = u(d, !1), [N, P] = o(-1), [ke, Ae] = o(k), F = le(), I = a(null), je = ce((e) => te(I, S)(e), [I, S]), L = a(null), R = a(null), Me = a(null), z = a(null), B = re({
-		open: j,
-		setOpen: M,
-		triggerRef: m ? L : I,
-		panelRef: R,
+function m({ value: c, open: f, options: m, children: Se, multiple: h = !1, onValuesChange: g, creatable: Ce = !1, onCreate: we, onSearch: _, loading: v = !1, empty: Te, highlightMatches: Ee = !1, maxHeight: y, placeholder: De, virtualThreshold: b = 100, virtualized: x, className: Oe, classNames: S, ref: C }) {
+	let w = ee("Combobox"), T = w.classNames ? {
+		...w.classNames,
+		...S
+	} : S, E = n("combobox"), [D, O] = d(c, h ? [] : ""), [k, ke] = s([]), [A, j] = s(""), [M, N] = d(f, !1), [P, F] = s(-1), [Ae, je] = s(A), I = ue(), L = o(null), Me = le((e) => te(L, C)(e), [L, C]), R = o(null), z = o(null), B = o(null), V = o(null), H = re({
+		open: M,
+		setOpen: N,
+		triggerRef: h ? R : L,
+		panelRef: z,
 		animated: !0
-	}), V = Array.isArray(E) ? E : [], H = ue(() => {
-		if (O.length === 0) return p;
-		let e = new Set(p.map((e) => e.value)), t = O.filter((t) => !e.has(t)).map((e) => ({
+	}), U = Array.isArray(D) ? D : [], W = a(() => [...m ?? [], ...ce(Se)], [m, Se]), G = a(() => {
+		if (k.length === 0) return W;
+		let e = new Set(W.map((e) => e.value)), t = k.filter((t) => !e.has(t)).map((e) => ({
 			value: e,
 			label: e
 		}));
-		return t.length > 0 ? [...p, ...t] : p;
-	}, [p, O]), U = g ? H : H.filter((e) => e.label.toLowerCase().includes(k.toLowerCase())), W = Se && !_ && k.trim() !== "" && U.length === 0, G = k.trim(), Ne = t(T.create, { query: G }), K = W ? [{
-		value: G,
-		label: G
-	}, ...U] : U, q = typeof b == "object" ? b : void 0, J = (b === void 0 ? void 0 : !!b) ?? (y > 0 && K.length > y), Y = q?.itemHeight ?? ye, Pe = q?.overscan, X = (e) => `${F}-option-${e}`, Fe = j && K[N] ? X(N) : void 0, Z = [];
-	for (let e = 0; e < K.length; e++) {
-		let t = K[e];
+		return t.length > 0 ? [...W, ...t] : W;
+	}, [W, k]), K = _ ? G : G.filter((e) => e.label.toLowerCase().includes(A.toLowerCase())), q = Ce && !v && A.trim() !== "" && K.length === 0, J = A.trim(), Ne = t(E.create, { query: J }), Y = q ? [{
+		value: J,
+		label: J
+	}, ...K] : K, Pe = typeof x == "object" ? x : void 0, X = (x === void 0 ? void 0 : !!x) ?? (b > 0 && Y.length > b), Fe = Pe?.itemHeight ?? ye, Ie = Pe?.overscan, Le = (e) => `${I}-option-${e}`, Re = M && Y[P] ? Le(P) : void 0, Z = [];
+	for (let e = 0; e < Y.length; e++) {
+		let t = Y[e];
 		if (t === void 0) continue;
 		let n = Z[Z.length - 1];
 		if (t.group !== void 0 && n?.label === t.group) {
@@ -78,158 +79,159 @@ function p({ value: s, open: d, options: p, multiple: m = !1, onValuesChange: h,
 			}]
 		});
 	}
-	let Ie = Z.some((e) => e.label !== void 0);
+	let ze = Z.some((e) => e.label !== void 0);
 	i(() => {
-		if (!B.shown || N < 0) return;
-		if (J) {
-			Me.current?.scrollToIndex(N, "auto");
+		if (!H.shown || P < 0) return;
+		if (X) {
+			B.current?.scrollToIndex(P, "auto");
 			return;
 		}
-		let e = z.current;
+		let e = V.current;
 		e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
 	}, [
-		J,
-		B.shown,
-		N
+		X,
+		H.shown,
+		P
 	]);
-	let Q = a(g);
+	let Be = o(_);
 	i(() => {
-		Q.current = g;
-	}, [g]);
-	let Le = a(k);
+		Be.current = _;
+	}, [_]);
+	let Ve = o(A);
 	i(() => {
-		Le.current !== k && (Le.current = k, Q.current?.(k));
-	}, [k]), k !== ke && (Ae(k), P(-1));
-	let Re = (e) => m ? V.includes(e) : E === e, ze = (e) => H.find((t) => t.value === e)?.label ?? e, Be = (e, t) => {
-		let n = t ?? H.find((t) => t.value === e)?.label ?? e;
-		if (m) {
-			let t = V.includes(e) ? V.filter((t) => t !== e) : [...V, e];
-			D(t), h?.(t), A("");
-		} else D(e), h?.(e), A(n), M(!1);
-		I.current?.focus();
-	}, Ve = () => {
-		Ce?.(G), Oe((e) => e.includes(G) ? e : [...e, G]), Be(G, G);
-	}, He = (e) => {
-		if (W && e === G) {
-			Ve();
+		Ve.current !== A && (Ve.current = A, Be.current?.(A));
+	}, [A]), A !== Ae && (je(A), F(-1));
+	let He = (e) => h ? U.includes(e) : D === e, Ue = (e) => G.find((t) => t.value === e)?.label ?? e, We = (e, t) => {
+		let n = t ?? G.find((t) => t.value === e)?.label ?? String(e);
+		if (h) {
+			let t = U.includes(e) ? U.filter((t) => t !== e) : [...U, e];
+			O(t), g?.(t), j("");
+		} else O(e), g?.(e), j(n), N(!1);
+		L.current?.focus();
+	}, Ge = () => {
+		we?.(J), ke((e) => e.includes(J) ? e : [...e, J]), We(J, J);
+	}, Ke = (e) => {
+		if (q && e === J) {
+			Ge();
 			return;
 		}
-		Be(e);
-	}, Ue = (e) => {
-		if (e.key === "ArrowDown") e.preventDefault(), M(!0), P((e) => Math.min(e + 1, K.length - 1));
-		else if (e.key === "ArrowUp") e.preventDefault(), M(!0), P((e) => Math.max(e - 1, 0));
-		else if (e.key === "Enter" && N >= 0 && K[N]) e.preventDefault(), He(K[N].value);
-		else if (e.key === "Escape") M(!1);
-		else if (e.key === "Backspace" && m && k === "" && V.length > 0) {
+		G.find((t) => t.value === e)?.disabled || We(e);
+	}, qe = (e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), N(!0), F((e) => Math.min(e + 1, Y.length - 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), N(!0), F((e) => Math.max(e - 1, 0));
+		else if (e.key === "Enter" && P >= 0 && Y[P]) e.preventDefault(), Ke(Y[P].value);
+		else if (e.key === "Escape") N(!1);
+		else if (e.key === "Backspace" && h && A === "" && U.length > 0) {
 			e.preventDefault();
-			let t = V.slice(0, -1);
-			D(t), h?.(t);
+			let t = U.slice(0, -1);
+			O(t), g?.(t);
 		}
-	}, $ = (t, n, r) => /* @__PURE__ */ c(se, {
-		ref: !r && n === N ? z : void 0,
+	}, Q = (t, n, r) => /* @__PURE__ */ l(se, {
+		ref: !r && n === P ? V : void 0,
 		value: t.value,
-		id: X(n),
-		setSize: K.length,
+		disabled: t.disabled === !0,
+		id: Le(n),
+		setSize: Y.length,
 		posInSet: n + 1,
-		highlighted: n === N,
-		selected: Re(t.value),
-		onSelect: He,
-		className: e([r && be, w?.item]),
-		children: W && n === 0 ? Ne : Te ? xe(t.label, k) : t.label
-	}, t.value), We = /* @__PURE__ */ c("input", {
-		ref: je,
+		highlighted: n === P,
+		selected: He(t.value),
+		onSelect: Ke,
+		className: e([r && be, T?.item]),
+		children: q && n === 0 ? Ne : Ee ? xe(t.label, A) : t.label
+	}, t.value), $ = /* @__PURE__ */ l("input", {
+		ref: Me,
 		"data-slot": "input",
 		role: "combobox",
-		style: m ? void 0 : B.triggerStyle,
-		"aria-expanded": j,
-		"aria-controls": F,
+		style: h ? void 0 : H.triggerStyle,
+		"aria-expanded": M,
+		"aria-controls": I,
 		"aria-autocomplete": "list",
-		"aria-activedescendant": Fe,
-		"aria-busy": _ || void 0,
-		value: k,
-		placeholder: Ee,
+		"aria-activedescendant": Re,
+		"aria-busy": v || void 0,
+		value: A,
+		placeholder: De,
 		onChange: (e) => {
-			A(e.target.value), M(!0);
+			j(e.target.value), N(!0);
 		},
-		onPointerDown: m ? void 0 : B.onTriggerPointerDown,
-		onClick: m ? void 0 : B.onTriggerClick,
-		onKeyDown: Ue,
-		className: e([m ? me : fe, w?.input])
+		onPointerDown: h ? void 0 : H.onTriggerPointerDown,
+		onClick: h ? void 0 : H.onTriggerClick,
+		onKeyDown: qe,
+		className: e([h ? me : fe, T?.input])
 	});
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ u("div", {
 		"data-slot": "combobox",
 		className: e([
 			de,
-			De,
-			w?.root
+			Oe,
+			T?.root
 		]),
-		children: [m ? /* @__PURE__ */ l("div", {
-			ref: L,
+		children: [h ? /* @__PURE__ */ u("div", {
+			ref: R,
 			"data-slot": "trigger",
-			style: B.triggerStyle,
-			onPointerDown: B.onTriggerPointerDown,
+			style: H.triggerStyle,
+			onPointerDown: H.onTriggerPointerDown,
 			onClick: () => {
-				B.onTriggerClick(), I.current?.focus();
+				H.onTriggerClick(), L.current?.focus();
 			},
 			className: e(pe),
-			children: [V.map((e) => /* @__PURE__ */ c("span", {
+			children: [U.map((e) => /* @__PURE__ */ l("span", {
 				"data-slot": "item",
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ c(ie, {
+				children: /* @__PURE__ */ l(ie, {
 					color: "primary",
 					onClose: () => {
-						let t = V.filter((t) => t !== e);
-						D(t), h?.(t);
+						let t = U.filter((t) => t !== e);
+						O(t), g?.(t);
 					},
-					children: ze(e)
+					children: Ue(e)
 				})
-			}, e)), We]
-		}) : We, /* @__PURE__ */ c(ne, {
-			ref: R,
-			behavior: B,
+			}, e)), $]
+		}) : $, /* @__PURE__ */ l(ne, {
+			ref: z,
+			behavior: H,
 			placement: "bottom-span",
-			id: F,
+			id: I,
 			role: "listbox",
-			"aria-multiselectable": m ? "true" : void 0,
-			visualClass: J ? _e : ge,
-			style: v !== void 0 && !J ? { maxHeight: `${v}px` } : void 0,
-			children: _ ? /* @__PURE__ */ c("div", {
+			"aria-multiselectable": h ? "true" : void 0,
+			visualClass: X ? _e : ge,
+			style: y !== void 0 && !X ? { maxHeight: `${y}px` } : void 0,
+			children: v ? /* @__PURE__ */ l("div", {
 				role: "option",
 				"data-slot": "loading",
 				"aria-selected": !1,
 				"aria-disabled": "true",
-				className: e([f]),
-				children: /* @__PURE__ */ c(r, { size: "sm" })
-			}) : K.length === 0 ? /* @__PURE__ */ c("div", {
+				className: e([p]),
+				children: /* @__PURE__ */ l(r, { size: "sm" })
+			}) : Y.length === 0 ? /* @__PURE__ */ l("div", {
 				role: "option",
 				"data-slot": "empty",
 				"aria-selected": !1,
 				"aria-disabled": "true",
-				className: e([f, w?.empty]),
-				children: we ?? T.noResults
-			}) : J ? /* @__PURE__ */ c(ae, {
-				ref: Me,
+				className: e([p, T?.empty]),
+				children: Te ?? E.noResults
+			}) : X ? /* @__PURE__ */ l(ae, {
+				ref: B,
 				"data-virtualized": !0,
-				items: K,
-				height: Math.min(v ?? ve, K.length * Y),
-				itemHeight: Y,
-				overscan: Pe,
-				groups: Ie ? Z.filter((e) => e.label !== void 0).map((t) => ({
+				items: Y,
+				height: Math.min(y ?? ve, Y.length * Fe),
+				itemHeight: Fe,
+				overscan: Ie,
+				groups: ze ? Z.filter((e) => e.label !== void 0).map((t) => ({
 					startIndex: t.rows[0]?.index ?? 0,
 					key: t.key,
-					render: () => /* @__PURE__ */ c("div", {
+					render: () => /* @__PURE__ */ l("div", {
 						"data-slot": "group-label",
 						className: e([he]),
 						children: t.label
 					})
 				})) : void 0,
-				renderItem: (e, t) => $(e, t, !0)
-			}) : Z.flatMap((e) => e.label === void 0 ? e.rows.map(({ option: e, index: t }) => $(e, t, !1)) : [/* @__PURE__ */ c(oe, {
+				renderItem: (e, t) => Q(e, t, !0)
+			}) : Z.flatMap((e) => e.label === void 0 ? e.rows.map(({ option: e, index: t }) => Q(e, t, !1)) : [/* @__PURE__ */ l(oe, {
 				label: e.label,
-				children: e.rows.map(({ option: e, index: t }) => $(e, t, !1))
+				children: e.rows.map(({ option: e, index: t }) => Q(e, t, !1))
 			}, e.key)])
 		})]
 	});
 }
 //#endregion
-export { p as default };
+export { m as default };

package/dist/components/Combobox/ComboboxGroup.js

@@ -2,24 +2,31 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
-import { useId as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { c as t } from "react/compiler-runtime";
+import { useId as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/lib/components/Combobox/ComboboxGroup.tsx
-var i = "haze-ComboboxGroup__groupHeading";
-function a({ label: a, className: o, children: s }) {
-	let c = t();
-	return /* @__PURE__ */ r("div", {
+var a = "haze-ComboboxGroup__groupHeading";
+function o(o) {
+	let s = t(11), { label: c, className: l, children: u } = o, d = n(), f;
+	s[0] === l ? f = s[1] : (f = [l], s[0] = l, s[1] = f);
+	let p;
+	s[2] === Symbol.for("react.memo_cache_sentinel") ? (p = [a], s[2] = p) : p = s[2];
+	let m;
+	s[3] !== d || s[4] !== c ? (m = /* @__PURE__ */ r("div", {
+		id: d,
+		"data-slot": "group-label",
+		className: e(p),
+		children: c
+	}), s[3] = d, s[4] = c, s[5] = m) : m = s[5];
+	let h;
+	return s[6] !== u || s[7] !== d || s[8] !== f || s[9] !== m ? (h = /* @__PURE__ */ i("div", {
 		"data-slot": "group",
 		role: "group",
-		"aria-labelledby": c,
-		className: e([o]),
-		children: [/* @__PURE__ */ n("div", {
-			id: c,
-			"data-slot": "group-label",
-			className: e([i]),
-			children: a
-		}), s]
-	});
+		"aria-labelledby": d,
+		className: e(f),
+		children: [m, u]
+	}), s[6] = u, s[7] = d, s[8] = f, s[9] = m, s[10] = h) : h = s[10], h;
 }
 //#endregion
-export { a as default };
+export { o as default };

package/dist/components/Combobox/ComboboxOption.js

@@ -5,23 +5,27 @@ import { classnames as e } from "../../utils/classnames.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Combobox/ComboboxOption.tsx
 var n = "haze-ComboboxOption__option", r = "haze-ComboboxOption__highlightedStyle", i = "haze-ComboboxOption__selectedStyle";
-function a({ value: a, highlighted: o = !1, selected: s = !1, id: c, ref: l, setSize: u, posInSet: d, onSelect: f, className: p, children: m }) {
+function a({ value: a, highlighted: o = !1, selected: s = !1, disabled: c = !1, id: l, ref: u, setSize: d, posInSet: f, onSelect: p, className: m, children: h }) {
 	return /* @__PURE__ */ t("div", {
-		ref: l,
+		ref: u,
 		"data-slot": "option",
 		role: "option",
-		id: c,
+		id: l,
 		"aria-selected": s || o,
-		"aria-setsize": u,
-		"aria-posinset": d,
-		onClick: () => f?.(a),
+		"aria-disabled": c || void 0,
+		"data-disabled": c || void 0,
+		"aria-setsize": d,
+		"aria-posinset": f,
+		onClick: () => {
+			c || p?.(a);
+		},
 		className: e([
 			n,
 			o && r,
 			s && i,
-			p
+			m
 		]),
-		children: m
+		children: h
 	});
 }
 //#endregion

package/dist/components/Combobox/combobox-options.js

@@ -0,0 +1,26 @@
+"use client";
+import e from "./ComboboxGroup.js";
+import t from "./ComboboxOption.js";
+import { Children as n, isValidElement as r } from "react";
+//#region src/lib/components/Combobox/combobox-options.ts
+var i = (t) => r(t) && t.type === e, a = (e) => r(e) && e.type === t;
+function o(e) {
+	return n.toArray(e).flatMap((e) => {
+		if (i(e)) {
+			let t = typeof e.props.label == "string" ? e.props.label : void 0;
+			return o(e.props.children).map((e) => ({
+				...e,
+				group: e.group ?? t
+			}));
+		}
+		if (!a(e)) return [];
+		let { value: t, disabled: n, children: r } = e.props;
+		return t === void 0 ? [] : [{
+			value: t,
+			label: String(typeof r == "string" || typeof r == "number" ? r : t),
+			disabled: n === !0
+		}];
+	});
+}
+//#endregion
+export { o as extractComboboxOptions };