haze-ui 1.33.0 → 1.34.0

package/dist/components/Select/SelectFloating.js

@@ -4,275 +4,359 @@ import { classnames as e } from "../../utils/classnames.js";
 import { formatString as t } from "../LocaleProvider/locale.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";
 import r from "../Spinner/Spinner.js";
-import { mergeRefs as ee } from "../../utils/refs.js";
-import { FloatingPanel as te, useFloating as ne } from "../../utils/floating.js";
-import re from "../Chip/Chip.js";
-import ie from "../VirtualList/VirtualList.js";
-import { filterSelectEntries as ae, flattenSelectEntries as i, selectOptionText as oe } from "./select-options.js";
+import { mergeRefs as i } from "../../utils/refs.js";
+import { FloatingPanel as a, useFloating as ee } from "../../utils/floating.js";
+import te from "../Chip/Chip.js";
+import ne from "../VirtualList/VirtualList.js";
+import { filterSelectEntries as re, flattenSelectEntries as o, selectOptionText as ie } from "./select-options.js";
 /* empty css                         */
-import { useCallback as se, useEffect as a, useId as ce, useRef as o, useState as s } from "react";
-import { Fragment as le, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useControl as ue } from "react-use-control";
+import { c as s } from "react/compiler-runtime";
+import { useCallback as c, useEffect as l, useId as ae, useRef as u, useState as d } from "react";
+import { Fragment as oe, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useControl as se } from "react-use-control";
 //#region src/lib/components/Select/SelectFloating.tsx
-var de = "haze-SelectFloating__wrapper", fe = "haze-SelectFloating__trigger", pe = {
+var ce = "haze-SelectFloating__wrapper", le = "haze-SelectFloating__trigger", ue = {
 	sm: "haze-SelectFloating__sm",
 	md: "haze-SelectFloating__md",
 	lg: "haze-SelectFloating__lg"
-}, u = "haze-SelectFloating__placeholderText", me = "haze-SelectFloating__triggerLabel", he = "haze-SelectFloating__chipItem", ge = "haze-SelectFloating__chipRemove", _e = "haze-SelectFloating__overflowBadge", ve = "haze-SelectFloating__clearBtn", ye = "haze-SelectFloating__caret", be = "haze-SelectFloating__listbox", xe = "haze-SelectFloating__listboxVirtual", Se = "haze-SelectFloating__panelSearch", Ce = "haze-SelectFloating__listboxInner", we = "haze-SelectFloating__searchInput", Te = "haze-SelectFloating__loadingBlock", Ee = "haze-SelectFloating__emptyBlock", d = "haze-SelectFloating__groupLabelText", De = "haze-SelectFloating__groupLabelRow", Oe = 200, ke = 29, Ae = "haze-SelectFloating__virtualRow", je = "haze-SelectFloating__optionRow", Me = "haze-SelectFloating__optionActive", Ne = "haze-SelectFloating__optionSelected", Pe = "haze-SelectFloating__checkboxVisual", Fe = "haze-SelectFloating__checkboxChecked", Ie = () => /* @__PURE__ */ c("svg", {
-	viewBox: "0 0 12 12",
-	width: "12",
-	height: "12",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	"aria-hidden": "true",
-	focusable: "false",
-	children: c("path", { d: "M2 4l4 4 4-4" })
-});
-function f({ value: f, onChange: p, entries: m, multiple: h, placeholder: g, searchable: _ = !1, clearable: v = !1, loading: y = !1, onSearch: b, maxTagCount: x, size: Le = "md", virtualized: S, className: Re, classNames: C, ref: w, ...ze }) {
-	let T = n("select"), E = h && Array.isArray(f) ? f : [], D = !h && typeof f == "string" ? f : "", [O, k] = ue(void 0, !1), [A, j] = s(-1), [M, N] = s(""), [Be, Ve] = s(M), P = ce(), F = o(null), He = se((e) => ee(F, w)(e), [F, w]), I = o(null), Ue = o(null), We = o(null), Ge = o(null), L = S !== void 0 && S !== !1, Ke = typeof S == "object" ? S : void 0, R = Ke?.itemHeight ?? ke, qe = Ke?.overscan, z = ne({
-		open: O,
-		setOpen: k,
-		triggerRef: F,
-		panelRef: I,
+}, de = "haze-SelectFloating__placeholderText", fe = "haze-SelectFloating__triggerLabel", pe = "haze-SelectFloating__inlineInput", me = "haze-SelectFloating__chipItem", he = "haze-SelectFloating__chipRemove", ge = "haze-SelectFloating__overflowBadge", _e = "haze-SelectFloating__clearBtn", ve = "haze-SelectFloating__caret", ye = "haze-SelectFloating__listbox", be = "haze-SelectFloating__listboxVirtual", xe = "haze-SelectFloating__panelSearch", Se = "haze-SelectFloating__listboxInner", Ce = "haze-SelectFloating__searchInput", we = "haze-SelectFloating__loadingBlock", Te = "haze-SelectFloating__emptyBlock", Ee = "haze-SelectFloating__groupLabelText", De = "haze-SelectFloating__groupLabelRow", Oe = 200, ke = 29, Ae = "haze-SelectFloating__virtualRow", je = "haze-SelectFloating__optionRow", Me = "haze-SelectFloating__optionActive", Ne = "haze-SelectFloating__optionSelected", Pe = "haze-SelectFloating__checkboxVisual", Fe = "haze-SelectFloating__checkboxChecked", Ie = () => {
+	let e = s(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f("svg", {
+		viewBox: "0 0 12 12",
+		width: "12",
+		height: "12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: f("path", { d: "M2 4l4 4 4-4" })
+	}), e[0] = t) : t = e[0], t;
+};
+function m({ value: s, onChange: m, entries: h, multiple: Le, tags: g = !1, maxCount: Re, placeholder: _, searchable: ze = !1, clearable: v = !1, loading: y = !1, onSearch: b, maxTagCount: x, size: Be = "md", virtualized: S, className: Ve, classNames: C, ref: w, ...He }) {
+	let T = n("select"), Ue = n("combobox"), E = Le || g, D = ze && !g, O = E && Array.isArray(s) ? s : [], k = !E && !Array.isArray(s) ? s : "", A = E && Re !== void 0 && O.length >= Re, [j, M] = se(void 0, !1), [N, P] = d(-1), [F, I] = d(""), [We, Ge] = d(F), L = ae(), R = u(null), Ke = c((e) => i(R, w)(e), [R, w]), qe = c((e) => {
+		R.current = e;
+	}, [R]), z = u(null), B = u(null), Je = c((e) => i(B, w)(e), [B, w]), Ye = u(null), Xe = u(null), V = S !== void 0 && S !== !1, Ze = typeof S == "object" ? S : void 0, Qe = Ze?.itemHeight ?? ke, $e = Ze?.overscan, H = ee({
+		open: j,
+		setOpen: M,
+		triggerRef: R,
+		panelRef: z,
 		animated: !0
-	}), Je = i(m), B = y ? [] : b ? m : ae(m, M), V = i(B), H = B.reduce((e, t) => ({
+	}), U = o(h), et = y ? [] : b ? h : re(h, F), tt = o(et), W = F.trim(), G = W, K = g && !y && W !== "" && tt.length === 0 && !A && !O.includes(G) && !U.some((e) => String(e.value) === W), nt = K ? {
+		value: G,
+		label: t(Ue.create, { query: W })
+	} : void 0, q = K && nt ? [{
+		kind: "option",
+		option: nt
+	}, ...et] : et, J = o(q), Y = q.reduce((e, t) => ({
 		offsets: [...e.offsets, e.flat],
 		flat: e.flat + (t.kind === "group" ? t.options.length : 1)
 	}), {
 		offsets: [],
 		flat: 0
-	}).offsets, U = (e) => `${P}-option-${e}`, W = O && V[A] ? U(A) : void 0, G = `${P}-listbox`;
-	a(() => {
-		if (!z.shown || A < 0) return;
-		if (L) {
-			Ge.current?.scrollToIndex(A, "auto");
+	}).offsets, rt = (e) => `${L}-option-${e}`, X = j && J[N] ? rt(N) : void 0, Z = `${L}-listbox`;
+	l(() => {
+		if (!H.shown || N < 0) return;
+		if (V) {
+			Xe.current?.scrollToIndex(N, "auto");
 			return;
 		}
-		let e = We.current;
+		let e = Ye.current;
 		e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
 	}, [
-		z.shown,
-		A,
-		L
-	]), a(() => {
-		_ && O && z.shown && Ue.current?.focus();
+		H.shown,
+		N,
+		V
+	]), l(() => {
+		D && j && H.shown && B.current?.focus();
 	}, [
-		_,
-		O,
-		z.shown
+		D,
+		j,
+		H.shown
 	]);
-	let K = o(b);
-	a(() => {
-		K.current = b;
+	let it = u(b);
+	l(() => {
+		it.current = b;
 	}, [b]);
-	let q = o(M);
-	a(() => {
-		q.current !== M && (q.current = M, K.current?.(M));
-	}, [M]), !O && M !== "" && N(""), M !== Be && (Ve(M), j(V.length > 0 ? 0 : -1));
-	let Ye = (e) => {
-		p(E.includes(e) ? E.filter((t) => t !== e) : [...E, e]);
-	}, Xe = (e) => {
-		p(E.filter((t) => t !== e));
-	}, J = (e) => Je.find((t) => t.value === e)?.label ?? e, Y = () => {
-		p(h ? [] : "");
-	}, X = (e) => {
-		if (h) {
-			Ye(e);
+	let at = u(F);
+	l(() => {
+		at.current !== F && (at.current = F, it.current?.(F));
+	}, [F]), !j && F !== "" && I(""), F !== We && (Ge(F), P(J.length > 0 ? 0 : -1));
+	let ot = (e) => {
+		if (O.includes(e)) {
+			m(O.filter((t) => t !== e));
+			return;
+		}
+		A || m([...O, e]);
+	}, st = (e) => {
+		m(O.filter((t) => t !== e));
+	}, ct = (e) => U.find((t) => t.value === e)?.label ?? e, lt = () => {
+		m(E ? [] : "");
+	}, ut = () => {
+		O.includes(G) || m([...O, G]), I("");
+	}, dt = () => {
+		g ? B.current?.focus() : R.current?.focus();
+	}, Q = (e) => {
+		if (K && e === G) {
+			ut();
 			return;
 		}
-		p(e), k(!1), F.current?.focus();
-	}, Z = (e) => {
-		j((t) => e === 1 ? Math.min(t + 1, V.length - 1) : Math.max(t - 1, 0));
-	}, Ze = (e) => {
-		j(V.length === 0 ? -1 : e === "Home" ? 0 : V.length - 1);
-	}, Qe = (e) => {
-		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), k(!0), Z(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), k(!0), Ze(e.key)) : (e.key === "Enter" || e.key === " " || e.key === "Space") && O && V[A] ? (e.preventDefault(), X(V[A].value)) : e.key === "Escape" ? k(!1) : e.key === "Backspace" && (h && E.length > 0 ? (e.preventDefault(), p(E.slice(0, -1))) : !h && v && D !== "" && (e.preventDefault(), Y()));
-	}, $e = (e) => {
-		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), Z(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), Ze(e.key)) : e.key === "Enter" ? (e.preventDefault(), V[A] && X(V[A].value)) : e.key === "Escape" && (e.preventDefault(), k(!1), F.current?.focus());
-	}, Q = (t, n) => {
-		let r = h ? E.includes(t.value) : t.value === D;
-		return /* @__PURE__ */ l("div", {
+		if (!U.find((t) => t.value === e)?.disabled) {
+			if (E) {
+				ot(e), g && I("");
+				return;
+			}
+			m(e), M(!1), dt();
+		}
+	}, ft = (e) => {
+		P((t) => e === 1 ? Math.min(t + 1, J.length - 1) : Math.max(t - 1, 0));
+	}, pt = (e) => {
+		P(J.length === 0 ? -1 : e === "Home" ? 0 : J.length - 1);
+	}, mt = (e) => {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), M(!0), ft(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), M(!0), pt(e.key)) : (e.key === "Enter" || e.key === " " || e.key === "Space") && j && J[N] ? (e.preventDefault(), Q(J[N].value)) : e.key === "Escape" ? M(!1) : e.key === "Backspace" && (E && O.length > 0 ? (e.preventDefault(), m(O.slice(0, -1))) : !E && v && k !== "" && (e.preventDefault(), lt()));
+	}, ht = (e) => {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), M(!0), ft(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), M(!0), pt(e.key)) : e.key === "Enter" ? (e.preventDefault(), J[N] && Q(J[N].value)) : e.key === "Escape" ? (e.preventDefault(), M(!1)) : e.key === "Backspace" && F === "" && O.length > 0 && (e.preventDefault(), m(O.slice(0, -1)));
+	}, gt = (e) => {
+		e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), ft(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), pt(e.key)) : e.key === "Enter" ? (e.preventDefault(), J[N] && Q(J[N].value)) : e.key === "Escape" && (e.preventDefault(), M(!1), dt());
+	}, _t = (t, n) => {
+		let r = E ? O.includes(t.value) : t.value === k, i = K && n === 0, a = t.disabled === !0 || E && A && !r && !i;
+		return /* @__PURE__ */ p("div", {
 			"data-slot": "option",
-			ref: n === A ? We : void 0,
+			ref: n === N ? Ye : void 0,
 			role: "option",
-			id: U(n),
+			id: rt(n),
 			"aria-selected": r,
-			"aria-setsize": V.length,
+			"aria-disabled": a || void 0,
+			"data-disabled": a || void 0,
+			"aria-setsize": J.length,
 			"aria-posinset": n + 1,
-			onClick: () => X(t.value),
+			onClick: () => {
+				a || Q(t.value);
+			},
 			className: e([
 				je,
-				n === A && Me,
-				!h && r && Ne,
-				L && Ae,
+				n === N && Me,
+				!E && r && Ne,
+				V && Ae,
 				C?.option
 			]),
-			children: [h && /* @__PURE__ */ c("span", {
+			children: [E && !i && /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
 				"data-slot": "indicator",
 				className: e([Pe, r && Fe])
 			}), t.label]
 		}, t.value);
-	}, et = v && (h ? E.length > 0 : D !== "") ? /* @__PURE__ */ c("span", {
+	}, vt = v && (E ? O.length > 0 : k !== "") ? /* @__PURE__ */ f("span", {
 		"aria-hidden": "true",
 		"data-slot": "clear-button",
 		title: T.clear,
 		onClick: (e) => {
-			e.stopPropagation(), Y(), F.current?.focus();
+			e.stopPropagation(), lt(), dt();
 		},
-		className: e([ve, C?.clearButton]),
+		className: e([_e, C?.clearButton]),
 		children: "×"
-	}) : void 0, tt = h ? E.length === 0 ? /* @__PURE__ */ c("span", {
-		"data-slot": "placeholder",
-		className: e(u),
-		children: g ?? T.placeholder
-	}) : /* @__PURE__ */ l(le, { children: [(x === void 0 ? E : E.slice(0, Math.max(x, 0))).map((t) => /* @__PURE__ */ l("span", {
+	}) : void 0, yt = /* @__PURE__ */ p(oe, { children: [(x === void 0 ? O : O.slice(0, Math.max(x, 0))).map((t) => /* @__PURE__ */ p("span", {
 		"data-slot": "item",
-		className: e([he, C?.item]),
-		children: [/* @__PURE__ */ c(re, {
+		className: e([me, C?.item]),
+		children: [/* @__PURE__ */ f(te, {
 			color: "primary",
-			children: J(t)
-		}), /* @__PURE__ */ c("span", {
+			children: ct(t)
+		}), /* @__PURE__ */ f("span", {
 			"aria-hidden": "true",
 			"data-slot": "item-remove",
 			onClick: (e) => {
-				e.stopPropagation(), Xe(t);
+				e.stopPropagation(), st(t);
 			},
-			className: e(ge),
+			className: e(he),
 			children: "×"
 		})]
-	}, t)), x !== void 0 && E.length > Math.max(x, 0) && /* @__PURE__ */ c("span", {
+	}, t)), x !== void 0 && O.length > Math.max(x, 0) && /* @__PURE__ */ f("span", {
 		"data-slot": "overflow-badge",
-		title: E.slice(Math.max(x, 0)).map((e) => oe(J(e))).join(", "),
-		className: e(_e),
-		children: t(T.moreTags, { count: E.length - Math.max(x, 0) })
-	})] }) : D === "" ? /* @__PURE__ */ c("span", {
+		title: O.slice(Math.max(x, 0)).map((e) => ie(ct(e))).join(", "),
+		className: e(ge),
+		children: t(T.moreTags, { count: O.length - Math.max(x, 0) })
+	})] }), bt = E ? g || O.length > 0 ? yt : /* @__PURE__ */ f("span", {
 		"data-slot": "placeholder",
-		className: e(u),
-		children: g ?? T.placeholder
-	}) : /* @__PURE__ */ c("span", {
+		className: e(de),
+		children: _ ?? T.placeholder
+	}) : k === "" ? /* @__PURE__ */ f("span", {
+		"data-slot": "placeholder",
+		className: e(de),
+		children: _ ?? T.placeholder
+	}) : /* @__PURE__ */ f("span", {
 		"data-slot": "value",
-		className: e(me),
-		children: J(D)
-	}), $ = !y && V.length > 0, nt = L ? /* @__PURE__ */ c(ie, {
-		ref: Ge,
+		className: e(fe),
+		children: ct(k)
+	}), $ = !y && J.length > 0, xt = V ? /* @__PURE__ */ f(ne, {
+		ref: Xe,
 		"data-virtualized": !0,
-		items: V,
-		groups: B.some((e) => e.kind === "group") ? B.flatMap((t, n) => t.kind === "group" ? [{
-			startIndex: H[n] ?? 0,
-			key: `group-${t.label}-${H[n] ?? 0}`,
-			render: () => /* @__PURE__ */ c("div", {
+		items: J,
+		groups: q.some((e) => e.kind === "group") ? q.flatMap((t, n) => t.kind === "group" ? [{
+			startIndex: Y[n] ?? 0,
+			key: `group-${t.label}-${Y[n] ?? 0}`,
+			render: () => /* @__PURE__ */ f("div", {
 				"data-slot": "group-label",
-				className: e(d),
+				className: e(Ee),
 				children: t.label
 			})
 		}] : []) : void 0,
-		height: Math.min(Oe, V.length * R),
-		itemHeight: R,
-		overscan: qe,
-		renderItem: Q
-	}) : B.map((t, n) => {
-		let r = H[n] ?? 0;
-		return t.kind === "option" ? Q(t.option, r) : /* @__PURE__ */ l("div", {
+		height: Math.min(Oe, J.length * Qe),
+		itemHeight: Qe,
+		overscan: $e,
+		renderItem: _t
+	}) : q.map((t, n) => {
+		let r = Y[n] ?? 0;
+		return t.kind === "option" ? _t(t.option, r) : /* @__PURE__ */ p("div", {
 			"data-slot": "group",
 			role: "group",
 			"aria-label": t.label,
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ f("div", {
 				"data-slot": "group-label",
-				className: e([De, d]),
+				className: e([De, Ee]),
 				children: t.label
-			}), t.options.map((e, t) => Q(e, r + t))]
+			}), t.options.map((e, t) => _t(e, r + t))]
 		}, `group-${t.label}`);
-	}), rt = y ? /* @__PURE__ */ l("div", {
+	}), St = y ? /* @__PURE__ */ p("div", {
 		"data-slot": "loading",
-		className: e(Te),
-		children: [/* @__PURE__ */ c(r, { size: "sm" }), /* @__PURE__ */ c("span", { children: T.loading })]
-	}) : /* @__PURE__ */ c("div", {
+		className: e(we),
+		children: [/* @__PURE__ */ f(r, { size: "sm" }), /* @__PURE__ */ f("span", { children: T.loading })]
+	}) : /* @__PURE__ */ f("div", {
 		"data-slot": "empty",
-		className: e(Ee),
+		className: e(Te),
 		children: T.noMatch
+	}), { disabled: Ct, "aria-label": wt, "aria-labelledby": Tt, ...Et } = He, Dt = !!Ct, Ot = /* @__PURE__ */ f("input", {
+		ref: Je,
+		"data-slot": "input",
+		type: "text",
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		"aria-expanded": j,
+		"aria-controls": L,
+		"aria-autocomplete": "list",
+		"aria-activedescendant": X,
+		"aria-label": wt ?? _ ?? T.placeholder,
+		"aria-labelledby": wt ? void 0 : Tt,
+		placeholder: O.length === 0 ? _ ?? T.placeholder : "",
+		disabled: Dt,
+		value: F,
+		onChange: (e) => {
+			I(e.target.value), M(!0);
+		},
+		onFocus: () => M(!0),
+		onClick: (e) => {
+			e.stopPropagation(), M(!0);
+		},
+		onKeyDown: ht,
+		className: e([pe, C?.searchInput])
 	});
-	return /* @__PURE__ */ l("div", {
-		className: e(de),
-		children: [/* @__PURE__ */ l("button", {
-			...ze,
-			ref: He,
+	return /* @__PURE__ */ p("div", {
+		className: e(ce),
+		children: [g ? /* @__PURE__ */ p("div", {
+			...Et,
+			ref: qe,
+			"data-slot": "trigger",
+			style: H.triggerStyle,
+			"aria-disabled": Dt || void 0,
+			"data-clearable": v || void 0,
+			onPointerDown: H.onTriggerPointerDown,
+			onClick: () => {
+				M(!0), B.current?.focus();
+			},
+			className: e([
+				le,
+				ue[Be],
+				Ve,
+				C?.trigger
+			]),
+			children: [
+				bt,
+				Ot,
+				vt,
+				/* @__PURE__ */ f("span", {
+					"data-slot": "icon",
+					"aria-hidden": "true",
+					className: e(ve),
+					children: /* @__PURE__ */ f(Ie, {})
+				})
+			]
+		}) : /* @__PURE__ */ p("button", {
+			...He,
+			ref: Ke,
 			"data-slot": "trigger",
 			type: "button",
-			style: z.triggerStyle,
+			style: H.triggerStyle,
 			role: "combobox",
 			"aria-haspopup": "listbox",
-			"aria-expanded": O,
-			"aria-controls": _ ? G : P,
-			"aria-activedescendant": W,
+			"aria-expanded": j,
+			"aria-controls": ze ? Z : L,
+			"aria-activedescendant": X,
 			"data-clearable": v || void 0,
-			onPointerDown: z.onTriggerPointerDown,
-			onClick: z.onTriggerClick,
-			onKeyDown: Qe,
+			onPointerDown: H.onTriggerPointerDown,
+			onClick: H.onTriggerClick,
+			onKeyDown: mt,
 			className: e([
-				fe,
-				pe[Le],
-				Re,
+				le,
+				ue[Be],
+				Ve,
 				C?.trigger
 			]),
 			children: [
-				tt,
-				et,
-				/* @__PURE__ */ c("span", {
+				bt,
+				vt,
+				/* @__PURE__ */ f("span", {
 					"data-slot": "icon",
 					"aria-hidden": "true",
-					className: e(ye),
-					children: /* @__PURE__ */ c(Ie, {})
+					className: e(ve),
+					children: /* @__PURE__ */ f(Ie, {})
 				})
 			]
-		}), _ ? /* @__PURE__ */ l(te, {
-			ref: I,
-			behavior: z,
+		}), D ? /* @__PURE__ */ p(a, {
+			ref: z,
+			behavior: H,
 			placement: "bottom-span",
 			"aria-busy": y || void 0,
-			visualClass: Se,
+			visualClass: xe,
 			className: C?.content,
-			children: [/* @__PURE__ */ c("input", {
-				ref: Ue,
+			children: [/* @__PURE__ */ f("input", {
+				ref: B,
 				"data-slot": "input",
 				type: "text",
 				"aria-label": T.searchLabel,
 				placeholder: T.searchPlaceholder,
 				...$ && {
-					"aria-controls": G,
+					"aria-controls": Z,
 					"aria-autocomplete": "list"
 				},
-				"aria-activedescendant": W,
-				value: M,
-				onChange: (e) => N(e.target.value),
-				onKeyDown: $e,
-				className: e([we, C?.searchInput])
-			}), $ ? /* @__PURE__ */ c("div", {
-				id: G,
+				"aria-activedescendant": X,
+				value: F,
+				onChange: (e) => I(e.target.value),
+				onKeyDown: gt,
+				className: e([Ce, C?.searchInput])
+			}), $ ? /* @__PURE__ */ f("div", {
+				id: Z,
 				"data-slot": "list",
 				role: "listbox",
-				"aria-multiselectable": h || void 0,
+				"aria-multiselectable": E || void 0,
 				"aria-label": T.listboxLabel,
-				className: e(L ? void 0 : Ce),
-				children: nt
-			}) : rt]
-		}) : /* @__PURE__ */ c(te, {
-			ref: I,
-			behavior: z,
+				className: e(V ? void 0 : Se),
+				children: xt
+			}) : St]
+		}) : /* @__PURE__ */ f(a, {
+			ref: z,
+			behavior: H,
 			placement: "bottom-span",
-			id: P,
+			id: L,
 			role: $ ? "listbox" : void 0,
-			"aria-multiselectable": $ && h ? "true" : void 0,
+			"aria-multiselectable": $ && E ? "true" : void 0,
 			"aria-label": T.listboxLabel,
 			"aria-busy": y || void 0,
-			visualClass: L ? xe : be,
+			visualClass: V ? be : ye,
 			className: C?.content,
-			children: $ ? nt : rt
+			children: $ ? xt : St
 		})]
 	});
 }
 //#endregion
-export { f as default };
+export { m as default };

package/dist/components/Select/index.js

@@ -1,6 +1,6 @@
 "use client";
-import e from "./OptionGroup.js";
-import t from "./SelectCore.js";
-import n from "./Select.js";
-import r from "./Option.js";
-export { r as Option, e as OptionGroup, n as Select, t as SelectCore };
+import e from "./Option.js";
+import t from "./OptionGroup.js";
+import n from "./SelectCore.js";
+import r from "./Select.js";
+export { e as Option, t as OptionGroup, r as Select, n as SelectCore };

package/dist/components/Select/select-options.js

@@ -7,10 +7,11 @@ function a(e) {
 	return t.toArray(e).flatMap((e) => {
 		if (r(e)) return a(e.props.children);
 		if (!i(e)) return [];
-		let { value: t, children: n } = e.props;
+		let { value: t, disabled: n, children: o } = e.props;
 		return t === void 0 || Array.isArray(t) ? [] : [{
-			value: String(t),
-			label: n ?? String(t)
+			value: t,
+			label: o ?? String(t),
+			disabled: n === !0
 		}];
 	});
 }
@@ -25,12 +26,13 @@ function o(e) {
 			}];
 		}
 		if (!i(e)) return [];
-		let { value: t, children: n } = e.props;
+		let { value: t, disabled: n, children: o } = e.props;
 		return t === void 0 || Array.isArray(t) ? [] : [{
 			kind: "option",
 			option: {
-				value: String(t),
-				label: n ?? String(t)
+				value: t,
+				label: o ?? String(t),
+				disabled: n === !0
 			}
 		}];
 	});