zaravand-ui 7.0.0 → 7.0.2

package/dist/components/Select/Select.js

@@ -5,46 +5,48 @@ import { localizeDigits as n } from "../../services/localizeDigits/localizeDigit
 import { cn as r, mergeRefs as i } from "../../lib/utils.js";
 import a from "../Button/Button.js";
 import o from "../Dialog/Dialog.js";
-import { CLEAR_ICON_CLASS as s, FieldClearButton as ee, FieldClearButtonSlot as c } from "../shared/FieldClearButton.js";
-import { FieldLabel as l } from "../shared/FieldLabel.js";
-import { useInvalidState as u } from "../shared/useInvalidState.js";
-import d from "../Input/Input.js";
-import { IconActionButton as f } from "../shared/IconActionButton.js";
-import { useControllableState as p } from "../shared/useControllableState.js";
-import { isMobileViewport as m } from "../shared/viewport.js";
-import { useIsomorphicLayoutEffect as h } from "../shared/useIsomorphicLayoutEffect.js";
-import g from "../shared/RequiredValidationInput.js";
-import _ from "../Skeleton/Skeleton.js";
-import v, { TabsContent as te, TabsList as ne, TabsTrigger as re } from "../Tabs/Tabs.js";
-import { selectActionButtonClassName as ie, selectContentVariants as ae, selectLabelVariants as oe, selectModalActionButtonClassName as y, selectModalOptionClassName as b, selectOptionVariants as se, selectSearchBarClassName as ce, selectSeparatorVariants as le, selectTriggerVariants as x, selectViewportVariants as ue } from "./Select.variant.js";
-import * as S from "react";
-import { Fragment as de, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Check as T, CheckCheck as fe, ChevronDown as E, X as pe } from "lucide-react";
-import * as me from "@radix-ui/react-popover";
+import s from "../Tooltip/Tooltip.js";
+import { CLEAR_ICON_CLASS as c, FieldClearButton as l, FieldClearButtonSlot as u } from "../shared/FieldClearButton.js";
+import { FieldLabel as d } from "../shared/FieldLabel.js";
+import { useInvalidState as f } from "../shared/useInvalidState.js";
+import p from "../Input/Input.js";
+import { IconActionButton as m } from "../shared/IconActionButton.js";
+import { useControllableState as h } from "../shared/useControllableState.js";
+import { isMobileViewport as g } from "../shared/viewport.js";
+import { useIsomorphicLayoutEffect as _ } from "../shared/useIsomorphicLayoutEffect.js";
+import ee from "../shared/RequiredValidationInput.js";
+import v from "../Skeleton/Skeleton.js";
+import y, { TabsContent as te, TabsList as ne, TabsTrigger as re } from "../Tabs/Tabs.js";
+import { selectActionButtonClassName as ie, selectContentVariants as ae, selectLabelVariants as b, selectModalActionButtonClassName as oe, selectModalOptionClassName as se, selectOptionVariants as x, selectSearchBarClassName as ce, selectSeparatorVariants as S, selectTriggerVariants as C, selectViewportVariants as le } from "./Select.variant.js";
+import * as w from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Check as O, CheckCheck as ue, ChevronDown as k, X as de } from "lucide-react";
+import * as fe from "@radix-ui/react-popover";
+import { useVirtualizer as pe } from "@tanstack/react-virtual";
 //#region src/components/Select/Select.tsx
-var D = "__zui-ungrouped__", O = 40, he = 24, ge = .3, _e = 1, k = 20, ve = 350, ye = 48, A = 3, be = "zui:size-[calc(var(--zui-scale,10px)*1.92)]", xe = S.createContext(null);
-function j(e, t) {
+var A = "__zui-ungrouped__", me = 40, he = 24, ge = .3, _e = 1, j = 20, ve = 350, ye = 48, M = 3, be = "zui:size-[calc(var(--zui-scale,10px)*1.92)]", xe = 100, Se = 36, Ce = 8, we = w.createContext(null);
+function N(e, t) {
 	return `${e}-option-${t}`;
 }
-function Se(e) {
+function Te(e) {
 	return typeof e == "string" && e.length > 0;
 }
-function M(e) {
+function Ee(e) {
 	if (!Array.isArray(e)) return [];
 	let t = /* @__PURE__ */ new Set();
 	return e.forEach((e) => {
 		typeof e == "string" && e.trim().length > 0 && t.add(e.trim());
 	}), Array.from(t);
 }
-function N(e, t) {
+function P(e, t) {
 	return `${t ?? ""}\u0000${e}`;
 }
-function Ce(e) {
+function De(e) {
 	if (!Array.isArray(e)) return [];
 	let t = [], n = /* @__PURE__ */ new Set();
 	return e.forEach((e) => {
 		if (!e || typeof e != "object") return;
-		let r = e, i = typeof r.value == "string" ? r.value.trim() : "", a = typeof r.group == "string" && r.group.trim().length > 0 ? r.group.trim() : void 0, o = N(i, a);
+		let r = e, i = typeof r.value == "string" ? r.value.trim() : "", a = typeof r.group == "string" && r.group.trim().length > 0 ? r.group.trim() : void 0, o = P(i, a);
 		if (i.length === 0 || n.has(o)) return;
 		let s = typeof r.label == "string" && r.label.trim().length > 0 ? r.label.trim() : i;
 		n.add(o), t.push({
@@ -55,16 +57,16 @@ function Ce(e) {
 		});
 	}), t;
 }
-function P(e, t) {
+function Oe(e, t) {
 	if (t.length === 0) return e;
 	let n = /* @__PURE__ */ new Map();
 	return e.forEach((e) => {
-		n.set(N(e.value, e.group), e);
+		n.set(P(e.value, e.group), e);
 	}), t.forEach((e) => {
-		n.set(N(e.value, e.group), e);
+		n.set(P(e.value, e.group), e);
 	}), Array.from(n.values());
 }
-function we(e) {
+function ke(e) {
 	let t = [], n = /* @__PURE__ */ new Map();
 	return e.forEach((e) => {
 		if (e.group === void 0) {
@@ -83,7 +85,7 @@ function we(e) {
 function F(e, n) {
 	return t({ value: (e.length > 0 ? e : n).toLocaleLowerCase() });
 }
-function Te(e) {
+function Ae(e) {
 	return {
 		value: e.value,
 		label: e.label,
@@ -92,60 +94,60 @@ function Te(e) {
 		group: e.group
 	};
 }
-function Ee(e) {
-	if (typeof e != "number" || !Number.isFinite(e)) return k;
+function I(e) {
+	if (typeof e != "number" || !Number.isFinite(e)) return j;
 	let t = Math.floor(e);
-	return t > 0 ? t : k;
+	return t > 0 ? t : j;
 }
-function De(e, t, n, r) {
+function je(e, t, n, r) {
 	return typeof e.hasMore == "boolean" ? e.hasMore : typeof e.totalItems == "number" && Number.isFinite(e.totalItems) ? t < Math.max(0, Math.floor(e.totalItems)) : typeof e.nextPage == "number" ? Number.isFinite(e.nextPage) && e.nextPage > 0 : n >= r;
 }
-function I(e, t) {
+function Me(e, t) {
 	return typeof e.nextPage == "number" && Number.isFinite(e.nextPage) && e.nextPage > t ? Math.floor(e.nextPage) : t + 1;
 }
-function Oe(e, t) {
+function Ne(e, t) {
 	return e instanceof Error && e.message.trim().length > 0 ? e.message : t;
 }
-function L() {
-	return /* @__PURE__ */ C("div", {
+function Pe() {
+	return /* @__PURE__ */ E("div", {
 		"data-slot": "select-loading",
 		className: "zui:space-y-1 zui:px-2 zui:py-2",
-		children: Array.from({ length: A }, (e, t) => /* @__PURE__ */ C(_, { className: r("zui:h-5 zui:max-w-full", t === 0 ? "zui:w-[88%]" : t === 1 ? "zui:w-[72%]" : "zui:w-[80%]") }, `select-loading-${t}`))
+		children: Array.from({ length: M }, (e, t) => /* @__PURE__ */ E(v, { className: r("zui:h-5 zui:max-w-full", t === 0 ? "zui:w-[88%]" : t === 1 ? "zui:w-[72%]" : "zui:w-[80%]") }, `select-loading-${t}`))
 	});
 }
-function R(e, t) {
-	return typeof e == "string" ? n(e, t) : typeof e == "number" ? n(String(e), t) : Array.isArray(e) ? e.map((e, n) => /* @__PURE__ */ C(S.Fragment, { children: R(e, t) }, n)) : S.isValidElement(e) ? !("children" in e.props) || e.props.children === void 0 ? e : S.cloneElement(e, void 0, R(e.props.children, t)) : e;
+function L(e, t) {
+	return typeof e == "string" ? n(e, t) : typeof e == "number" ? n(String(e), t) : Array.isArray(e) ? e.map((e, n) => /* @__PURE__ */ E(w.Fragment, { children: L(e, t) }, n)) : w.isValidElement(e) ? !("children" in e.props) || e.props.children === void 0 ? e : w.cloneElement(e, void 0, L(e.props.children, t)) : e;
 }
-function z(e) {
-	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(z).join(" ") : S.isValidElement(e) ? z(e.props.children) : "";
+function R(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(R).join(" ") : w.isValidElement(e) ? R(e.props.children) : "";
 }
-function B(e) {
+function z(e) {
 	return null;
 }
-function V(e) {
+function Fe(e) {
 	return null;
 }
-function H(e) {
+function B(e) {
 	return null;
 }
-function U() {
+function V() {
 	return null;
 }
-function ke(e) {
+function Ie(e) {
 	let t = [], n = /* @__PURE__ */ new Set(), r = !1, i = (e, a) => {
-		S.Children.forEach(e, (e) => {
-			if (S.isValidElement(e)) {
-				if (e.type === U) {
+		w.Children.forEach(e, (e) => {
+			if (w.isValidElement(e)) {
+				if (e.type === V) {
 					r = t.length > 0;
 					return;
 				}
-				if (e.type === B) {
-					let i = e.props, o = typeof i.value == "string" ? i.value.trim() : "", s = N(o, a);
+				if (e.type === z) {
+					let i = e.props, o = typeof i.value == "string" ? i.value.trim() : "", s = P(o, a);
 					if (o.length === 0 || n.has(s)) return;
 					n.add(s), t.push({
 						value: o,
 						label: i.children,
-						searchText: F(z(i.children).trim(), o),
+						searchText: F(R(i.children).trim(), o),
 						disabled: i.disabled === !0,
 						group: a,
 						separatorBefore: r,
@@ -153,11 +155,11 @@ function ke(e) {
 					}), r = !1;
 					return;
 				}
-				if (e.type === V) {
+				if (e.type === Fe) {
 					let t = e.props.children, n;
-					S.Children.forEach(t, (e) => {
-						if (S.isValidElement(e) && e.type === H) {
-							let t = z(e.props.children).trim();
+					w.Children.forEach(t, (e) => {
+						if (w.isValidElement(e) && e.type === B) {
+							let t = R(e.props.children).trim();
 							n = t.length > 0 ? t : void 0;
 						}
 					}), i(t, n ?? a);
@@ -169,237 +171,243 @@ function ke(e) {
 	};
 	return i(e), t;
 }
-function Ae(t) {
-	let { messages: n, dir: i } = e(), { type: a = "single", title: o, required: s = !1, showRequiredMessage: ee = !1, placeholder: c, options: d, remoteOptions: f, isSearch: h = !1, disabled: _ = !1, disable: v = !1, onInvalid: te, onOpenChange: ne, open: re, defaultOpen: ie, id: ae, name: oe, form: y, children: b, selectAllLabel: se, selectedCountLabel: ce, multiValueSubmitFormat: le = "separate", onValueChange: x, onChange: ue } = t, T = S.useCallback((e) => {
-		x?.(e), ue?.(e);
-	}, [ue, x]), fe = S.useId(), E = ae ?? fe, pe = `${E}-listbox`, D = _ || v, O = a === "multi", he = S.useRef(null), ge = S.useRef(null), _e = S.useRef(null), k = S.useCallback((e) => {
-		_e.current?.(e);
-	}, []), ve = S.useCallback((e) => {
-		_e.current = e;
-	}, []), [ye, A] = S.useState(""), [be, j] = S.useState(-1), { isInvalid: N, setIsInvalid: P, handleInvalid: we } = u(te), [F, Te, Ee] = p({
-		value: !O && typeof t.value == "string" ? t.value : void 0,
-		defaultValue: !O && typeof t.defaultValue == "string" ? t.defaultValue : void 0
-	}), De = O && Array.isArray(t.value) ? t.value : void 0, [I, Oe] = p({
-		value: S.useMemo(() => De ? M(De) : void 0, [De]),
-		defaultValue: () => M(t.defaultValue)
-	}), [L, R] = p({
+function H(t) {
+	let { messages: n, dir: i } = e(), { type: a = "single", title: o, required: s = !1, showRequiredMessage: c = !1, placeholder: l, options: u, remoteOptions: p, isSearch: m = !1, searchActions: _ = !0, disabled: v = !1, disable: y = !1, onInvalid: te, onOpenChange: ne, open: re, defaultOpen: ie, id: ae, name: b, form: oe, children: se, selectAllLabel: x, selectedCountLabel: ce, multiValueSubmitFormat: S = "separate", onValueChange: C, onChange: le } = t, O = w.useCallback((e) => {
+		C?.(e), le?.(e);
+	}, [le, C]), ue = w.useId(), k = ae ?? ue, de = `${k}-listbox`, pe = v || y, A = a === "multi", me = w.useRef(null), he = w.useRef(null), ge = w.useRef(null), _e = w.useCallback((e) => {
+		ge.current?.(e);
+	}, []), j = w.useCallback((e) => {
+		ge.current = e;
+	}, []), [ve, ye] = w.useState(""), [M, be] = w.useState(-1), { isInvalid: xe, setIsInvalid: Se, handleInvalid: Ce } = f(te), [N, P, Oe] = h({
+		value: !A && typeof t.value == "string" ? t.value : void 0,
+		defaultValue: !A && typeof t.defaultValue == "string" ? t.defaultValue : void 0
+	}), ke = A && Array.isArray(t.value) ? t.value : void 0, [F, Ae] = h({
+		value: w.useMemo(() => ke ? Ee(ke) : void 0, [ke]),
+		defaultValue: () => Ee(t.defaultValue)
+	}), [I, je] = h({
 		value: re,
 		defaultValue: !!ie,
 		onChange: ne
-	}), [z, B] = S.useState(null), V = S.useCallback((e) => {
-		B(e ? m() : null), R(e);
-	}, [R]), H = L && (z ?? m()), U = S.useMemo(() => Ce(d), [d]), Ae = S.useMemo(() => ke(b), [b]), je = h ? ye : "", Me = O ? I.length > 0 : Se(F), Ne = N && !Me, [q, Pe] = S.useState(() => ({
-		isOpen: L,
-		values: M(t.defaultValue)
+	}), [Me, Ne] = w.useState(null), Pe = w.useCallback((e) => {
+		Ne(e ? g() : null), je(e);
+	}, [je]), L = I && (Me ?? g()), R = w.useMemo(() => De(u), [u]), z = w.useMemo(() => Ie(se), [se]), Fe = m ? ve : "", B = A ? F.length > 0 : Te(N), V = xe && !B, [H, Re] = w.useState(() => ({
+		isOpen: I,
+		values: Ee(t.defaultValue)
 	}));
-	if (q.isOpen !== L) {
-		let e = O ? I : Se(F) ? [F] : [];
-		Pe({
-			isOpen: L,
-			values: L ? e : q.values
-		}), j(-1), L || A("");
+	if (H.isOpen !== I) {
+		let e = A ? F : Te(N) ? [N] : [];
+		Re({
+			isOpen: I,
+			values: I ? e : H.values
+		}), be(-1), I || ye("");
 	}
-	let Fe = S.useMemo(() => !O || I.length === 0 ? "" : typeof ce == "function" ? ce(I.length) : n.select.selectedCount(String(I.length)), [
-		O,
+	let Be = w.useMemo(() => !A || F.length === 0 ? "" : typeof ce == "function" ? ce(F.length) : n.select.selectedCount(String(F.length)), [
+		A,
 		n,
-		I.length,
+		F.length,
 		ce
-	]), Ie = S.useCallback((e) => {
-		A(e), j(-1);
-	}, []), J = S.useCallback((e) => {
-		Te(e), P(!1), T(e);
+	]), Ve = w.useCallback((e) => {
+		ye(e), be(-1);
+	}, []), He = w.useCallback((e) => {
+		P(e), Se(!1), O(e);
 	}, [
-		T,
-		P,
-		Te
-	]), Le = S.useCallback(() => {
-		O || (Te(Ee ? "" : void 0), T(""));
+		O,
+		Se,
+		P
+	]), Ue = w.useCallback(() => {
+		A || (P(Oe ? "" : void 0), O(""));
 	}, [
-		T,
 		O,
-		Ee,
-		Te
-	]), Re = S.useCallback((e) => {
-		let t = M(e);
-		Oe(t), P(!1), T(t);
+		A,
+		Oe,
+		P
+	]), W = w.useCallback((e) => {
+		let t = Ee(e);
+		Ae(t), Se(!1), O(t);
 	}, [
-		T,
-		P,
-		Oe
-	]), ze = S.Children.toArray(b), Be = ze.some((e) => S.isValidElement(e) && e.type === K), Ve = f?.enabled !== !1 && f, Y = !Be && (U.length > 0 || Ve) ? [...ze, /* @__PURE__ */ C(K, {}, "select-generated-content")] : b, He = S.Children.toArray(Y).some((e) => S.isValidElement(e) && e.type === W), Ue = S.Children.map(Y, (e) => {
-		if (!S.isValidElement(e)) return e;
-		if (e.type === W) {
+		O,
+		Se,
+		Ae
+	]), We = w.Children.toArray(se), Ge = We.some((e) => w.isValidElement(e) && e.type === ze), Ke = p?.enabled !== !1 && p, qe = !Ge && (R.length > 0 || Ke) ? [...We, /* @__PURE__ */ E(ze, {}, "select-generated-content")] : se, Je = w.Children.toArray(qe).some((e) => w.isValidElement(e) && e.type === U), G = w.Children.map(qe, (e) => {
+		if (!w.isValidElement(e)) return e;
+		if (e.type === U) {
 			let t = e.props;
-			return S.cloneElement(e, {
-				id: t.id ?? E,
-				disabled: t.disabled ?? D,
+			return w.cloneElement(e, {
+				id: t.id ?? k,
+				disabled: t.disabled ?? pe,
 				className: r("zui:text-start", t.className)
 			});
 		}
-		if (e.type === K) {
+		if (e.type === ze) {
 			let t = e.props;
-			return S.cloneElement(e, { className: r("zui:text-start", t.className) });
+			return w.cloneElement(e, { className: r("zui:text-start", t.className) });
 		}
 		return e;
-	}), We = S.useMemo(() => ({
-		listboxId: pe,
-		isSearch: h,
-		searchTerm: je,
-		setSearchTerm: Ie,
-		hasValue: Me,
-		isInvalid: Ne,
+	}), Ye = w.useMemo(() => ({
+		listboxId: de,
+		isSearch: m,
+		showSearchActions: _,
+		searchTerm: Fe,
+		setSearchTerm: Ve,
+		hasValue: B,
+		isInvalid: V,
 		selectType: a,
-		isOpen: L,
-		setOpen: V,
-		isModal: H,
-		modalLabel: o ?? c,
-		isDisabled: D,
-		activeIndex: be,
-		setActiveIndex: j,
-		singleSelectedValue: F,
-		setSingleSelectedValue: J,
-		clearSingleSelection: Le,
-		multiSelectedValues: I,
-		pinnedSelectedValues: q.values,
-		setMultiSelectedValues: Re,
-		multiSelectAllLabel: se ?? n.select.selectAll,
-		multiSelectedCountText: Fe,
-		options: U,
-		childOptions: Ae,
-		remoteOptions: f,
-		contentRef: ge,
-		fieldRootRef: he,
-		onListKeyDown: k,
-		registerListKeyDown: ve
+		isOpen: I,
+		setOpen: Pe,
+		isModal: L,
+		modalLabel: o ?? l,
+		isDisabled: pe,
+		activeIndex: M,
+		setActiveIndex: be,
+		singleSelectedValue: N,
+		setSingleSelectedValue: He,
+		clearSingleSelection: Ue,
+		multiSelectedValues: F,
+		pinnedSelectedValues: H.values,
+		setMultiSelectedValues: W,
+		multiSelectAllLabel: x ?? n.select.selectAll,
+		multiSelectedCountText: Be,
+		options: R,
+		childOptions: z,
+		remoteOptions: p,
+		contentRef: he,
+		fieldRootRef: me,
+		onListKeyDown: _e,
+		registerListKeyDown: j
 	}), [
-		be,
-		Ae,
-		Le,
-		Re,
-		J,
-		Me,
-		D,
-		h,
-		H,
-		Ne,
+		M,
+		z,
+		Ue,
+		W,
+		He,
+		B,
 		pe,
+		m,
+		_,
+		L,
+		V,
+		de,
 		n,
-		c,
+		l,
 		o,
-		Fe,
-		U,
-		k,
-		q.values,
-		ve,
-		f,
-		I,
-		L,
+		Be,
+		R,
+		_e,
+		H.values,
+		j,
+		p,
 		F,
-		je,
-		se,
+		I,
+		N,
+		Fe,
+		x,
 		a,
-		V,
-		Ie
+		Pe,
+		Ve
 	]);
-	return /* @__PURE__ */ w("div", {
-		ref: he,
+	return /* @__PURE__ */ D("div", {
+		ref: me,
 		"data-slot": "select-field",
 		dir: i,
 		className: "zui:relative zui:w-full zui:space-y-1.5 zui:text-start",
-		children: [/* @__PURE__ */ C(l, {
+		children: [/* @__PURE__ */ E(d, {
 			title: o,
-			htmlFor: E,
+			htmlFor: k,
 			required: s,
-			showRequiredMessage: ee
-		}), /* @__PURE__ */ w(xe.Provider, {
-			value: We,
-			children: [/* @__PURE__ */ C(me.Root, {
-				open: L && !H,
-				onOpenChange: V,
-				children: /* @__PURE__ */ C(me.Anchor, {
+			showRequiredMessage: c
+		}), /* @__PURE__ */ D(we.Provider, {
+			value: Ye,
+			children: [/* @__PURE__ */ E(fe.Root, {
+				open: I && !L,
+				onOpenChange: Pe,
+				children: /* @__PURE__ */ E(fe.Anchor, {
 					asChild: !0,
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ D("div", {
 						"data-slot": "select",
 						dir: i,
 						className: "zui:relative",
-						children: [He ? Ue : /* @__PURE__ */ w(de, { children: [/* @__PURE__ */ C(W, {
-							id: E,
-							children: /* @__PURE__ */ C(G, { placeholder: c })
-						}), Ue] }), oe ? O && le === "separate" ? I.map((e) => /* @__PURE__ */ C("input", {
+						children: [Je ? G : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(U, {
+							id: k,
+							children: /* @__PURE__ */ E(Le, { placeholder: l })
+						}), G] }), b ? A && S === "separate" ? F.map((e) => /* @__PURE__ */ E("input", {
 							type: "hidden",
-							name: oe,
-							form: y,
+							name: b,
+							form: oe,
 							value: e
-						}, e)) : /* @__PURE__ */ C("input", {
+						}, e)) : /* @__PURE__ */ E("input", {
 							type: "hidden",
-							name: oe,
-							form: y,
-							value: O ? I.join(",") : F ?? ""
+							name: b,
+							form: oe,
+							value: A ? F.join(",") : N ?? ""
 						}) : null]
 					})
 				})
-			}), s ? /* @__PURE__ */ C(g, {
-				hasValue: Me,
-				form: y,
-				disabled: D,
-				onInvalid: we
+			}), s ? /* @__PURE__ */ E(ee, {
+				hasValue: B,
+				form: oe,
+				disabled: pe,
+				onInvalid: Ce
 			}) : null]
 		})]
 	});
 }
-var W = S.forwardRef(function({ className: t, children: n, onClick: i, onKeyDown: a, disabled: o, ...l }, u) {
-	let d = S.useContext(xe), { messages: f, dir: p } = e(), m = d?.hasValue ?? !1, h = d?.isInvalid ?? !1, g = d?.isOpen ?? !1, _ = d?.selectType === "multi", v = o || (d?.isDisabled ?? !1), te = d?.activeIndex ?? -1, ne = !_ && m && !v && !!d;
-	return /* @__PURE__ */ w(de, { children: [/* @__PURE__ */ w("button", {
-		ref: u,
+var U = w.forwardRef(function({ className: t, children: n, onClick: i, onKeyDown: a, disabled: o, unstyled: d = !1, tooltip: f, ...p }, m) {
+	let h = w.useContext(we), { messages: g, dir: _ } = e(), ee = h?.hasValue ?? !1, v = h?.isInvalid ?? !1, y = h?.isOpen ?? !1, te = h?.selectType === "multi", ne = o || (h?.isDisabled ?? !1), re = h?.activeIndex ?? -1, ie = !d && !te && ee && !ne && !!h, ae = /* @__PURE__ */ D("button", {
+		ref: m,
 		type: "button",
 		"data-slot": "select-trigger",
-		"data-has-value": m,
-		"data-state": g ? "open" : "closed",
-		dir: p,
-		"aria-expanded": g,
+		"data-has-value": ee,
+		"data-state": y ? "open" : "closed",
+		dir: _,
+		"aria-expanded": y,
 		"aria-haspopup": "listbox",
-		"aria-controls": g && d ? d.listboxId : void 0,
-		"aria-activedescendant": g && d && te >= 0 ? j(d.listboxId, te) : void 0,
-		"aria-invalid": h || void 0,
-		disabled: v,
-		className: r(x({ className: t }), "zui:text-start"),
+		"aria-controls": y && h ? h.listboxId : void 0,
+		"aria-activedescendant": y && h && re >= 0 ? N(h.listboxId, re) : void 0,
+		"aria-invalid": v || void 0,
+		disabled: ne,
+		className: d ? t : r(C({ className: t }), "zui:text-start"),
 		onClick: (e) => {
-			i?.(e), !(e.defaultPrevented || v || !d) && d.setOpen(!g);
+			i?.(e), !(e.defaultPrevented || ne || !h) && h.setOpen(!y);
 		},
 		onKeyDown: (e) => {
-			a?.(e), e.defaultPrevented || d?.onListKeyDown(e);
+			a?.(e), e.defaultPrevented || h?.onListKeyDown(e);
 		},
-		...l,
+		...p,
 		children: [
 			n,
-			ne ? /* @__PURE__ */ C(c, {}) : null,
-			/* @__PURE__ */ C(E, { className: r(s, "zui:shrink-0 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200", g ? "zui:rotate-180" : "zui:rotate-0") })
+			ie ? /* @__PURE__ */ E(u, {}) : null,
+			d ? null : /* @__PURE__ */ E(k, { className: r(c, "zui:shrink-0 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200", y ? "zui:rotate-180" : "zui:rotate-0") })
 		]
-	}), ne ? /* @__PURE__ */ C(ee, {
+	});
+	return /* @__PURE__ */ D(T, { children: [f ? /* @__PURE__ */ E(s, {
+		text: f,
+		position: "top",
+		trigger: ae
+	}) : ae, ie ? /* @__PURE__ */ E(l, {
 		"data-slot": "select-clear-button",
-		label: f.select.clearSelection,
-		onClear: () => d?.clearSingleSelection()
+		label: g.select.clearSelection,
+		onClear: () => h?.clearSingleSelection()
 	}) : null] });
 });
-function G({ className: t, placeholder: n, children: i, ...a }) {
-	let o = S.useContext(xe), { digits: s } = e();
+function Le({ className: t, placeholder: n, children: i, ...a }) {
+	let o = w.useContext(we), { digits: s } = e();
 	if (o?.selectType === "multi") {
 		let e = i ?? (o.hasValue ? o.multiSelectedCountText : n);
-		return /* @__PURE__ */ C("span", {
+		return /* @__PURE__ */ E("span", {
 			"data-slot": "select-value",
 			"data-placeholder": o.hasValue ? void 0 : !0,
 			className: r("zui:block zui:max-w-full zui:truncate zui:text-start zui:text-[var(--zui-color-text)]", !o.hasValue && "zui:text-[var(--zui-theme-text-muted)] zui:mobile:text-sm", t),
 			...a,
-			children: R(e, s)
+			children: L(e, s)
 		});
 	}
-	let ee = o?.options.find((e) => e.value === o.singleSelectedValue) ?? o?.childOptions.find((e) => e.value === o.singleSelectedValue);
-	return ee ? /* @__PURE__ */ C("span", {
+	let c = o?.options.find((e) => e.value === o.singleSelectedValue) ?? o?.childOptions.find((e) => e.value === o.singleSelectedValue);
+	return c ? /* @__PURE__ */ E("span", {
 		"data-slot": "select-value",
 		className: r("zui:block zui:min-w-0 zui:flex-1 zui:truncate zui:text-start zui:text-[var(--zui-color-text)]", t),
 		...a,
-		children: R(i ?? ee.label, s)
-	}) : /* @__PURE__ */ C("span", {
+		children: L(i ?? c.label, s)
+	}) : /* @__PURE__ */ E("span", {
 		"data-slot": "select-value",
 		"data-placeholder": "",
 		className: r("zui:block zui:min-w-0 zui:flex-1 zui:truncate zui:text-start zui:text-[var(--zui-theme-text-muted)] zui:mobile:text-sm", t),
@@ -407,162 +415,275 @@ function G({ className: t, placeholder: n, children: i, ...a }) {
 		children: n
 	});
 }
-var K = S.forwardRef(function({ className: n, children: s }, ee) {
-	let c = S.useContext(xe), { messages: l, digits: u, dir: p } = e(), m = c?.selectType === "multi", g = c?.isSearch ?? !1, _ = c?.searchTerm ?? "", x = c?.isOpen ?? !1, E = c?.activeIndex ?? -1, k = c?.listboxId ?? "", A = S.useRef(null), M = S.useRef(null), F = S.useRef(null), z = c?.singleSelectedValue, B = c?.multiSelectedValues, V = c?.pinnedSelectedValues, H = c?.options, U = S.useMemo(() => m ? B ?? [] : Se(z) ? [z] : [], [
-		m,
-		B,
-		z
-	]), Ae = S.useMemo(() => V ?? [], [V]), W = S.useMemo(() => H ?? [], [H]), G = c?.remoteOptions, K = typeof G?.loadOptions == "function" && G.enabled !== !1, je = Ee(G?.pageSize), Me = G?.cacheKey, Ne = G?.loadOptions, q = S.useRef(Ne);
-	h(() => {
-		q.current = Ne;
+var Re = w.memo(function({ option: e, index: t, listboxId: n, dir: i, digits: a, isActive: o, isSelected: s, isDisabled: c, isLast: l, isSearchEnabled: u, showSeparator: d, showGroupHeading: f, listSize: p, activeOptionRef: m, onActivateIndex: h, onOptionPointerDown: g, onOptionClick: _ }) {
+	return /* @__PURE__ */ D(T, { children: [
+		d ? /* @__PURE__ */ E("div", {
+			role: "separator",
+			"data-slot": "select-separator",
+			className: S()
+		}) : null,
+		f ? /* @__PURE__ */ E("div", {
+			role: "presentation",
+			"data-slot": "select-group-label",
+			className: r(b(), t > 0 && "zui:pt-4"),
+			children: L(e.group, a)
+		}) : null,
+		/* @__PURE__ */ D("button", {
+			type: "button",
+			id: N(n, t),
+			"data-slot": "select-item",
+			role: "option",
+			"aria-selected": s,
+			"aria-disabled": c || void 0,
+			"aria-setsize": p,
+			"aria-posinset": p === void 0 ? void 0 : t + 1,
+			"data-active": o || void 0,
+			ref: o ? m : void 0,
+			tabIndex: -1,
+			onMouseMove: () => {
+				!c && !o && h(t);
+			},
+			dir: i,
+			className: r(x(), e.group !== void 0 && "zui:ms-2 zui:w-[calc(100%-var(--zui-spacing)*2)] zui:border-s zui:border-s-[var(--zui-color-border)]", u && "zui:scroll-mt-16", l && "zui:border-b-0", e.className),
+			disabled: c,
+			onPointerDown: (t) => g(t, e.value, c),
+			onClick: () => _(e.value, c),
+			children: [/* @__PURE__ */ E("span", {
+				className: "zui:line-clamp-2 zui:min-w-0 zui:flex-1 zui:break-words zui:text-start",
+				children: L(e.label, a)
+			}), /* @__PURE__ */ E("span", {
+				"aria-hidden": "true",
+				className: "zui:flex zui:shrink-0 zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)]",
+				children: /* @__PURE__ */ E(O, { className: r(be, !s && "zui:opacity-0") })
+			})]
+		})
+	] });
+}), ze = w.forwardRef(function({ className: n, children: s }, c) {
+	let l = w.useContext(we), { messages: u, digits: d, dir: f } = e(), h = l?.selectType === "multi", g = l?.isSearch ?? !1, ee = l?.showSearchActions ?? !0, v = l?.searchTerm ?? "", b = l?.isOpen ?? !1, x = l?.activeIndex ?? -1, S = l?.listboxId ?? "", C = w.useRef(null), k = w.useRef(null), j = w.useRef(null), M = l?.singleSelectedValue, Ee = l?.multiSelectedValues, F = l?.pinnedSelectedValues, R = l?.options, z = w.useMemo(() => h ? Ee ?? [] : Te(M) ? [M] : [], [
+		h,
+		Ee,
+		M
+	]), Fe = w.useMemo(() => F ?? [], [F]), B = w.useMemo(() => R ?? [], [R]), V = l?.remoteOptions, H = typeof V?.loadOptions == "function" && V.enabled !== !1, U = I(V?.pageSize), Le = V?.cacheKey, ze = V?.loadOptions, Be = w.useRef(ze);
+	_(() => {
+		Be.current = ze;
 	});
-	let Pe = S.useRef(null), Fe = S.useRef(null), Ie = S.useRef([]), J = S.useRef(0), Le = S.useRef(!1), [Re, ze] = S.useState([]), [Be, Ve] = S.useState(""), Y = K ? Be : "", [He, Ue] = S.useState(_e), [We, Ge] = S.useState(!0), [Ke, qe] = S.useState(!1), [Je, Ye] = S.useState(null), Xe = S.useMemo(() => new Set(U), [U]), Ze = S.useMemo(() => new Set(Ae), [Ae]), Qe = S.useCallback(async (e, t, n) => {
-		let r = q.current;
-		if (!K || !r || t === "append" && Le.current) return;
-		let i = J.current + 1;
-		J.current = i, Le.current = !0, t === "replace" && (Ie.current = [], ze([]), Ue(_e), Ge(!0)), qe(!0), Ye(null);
+	let Ve = w.useRef(null), He = w.useRef(null), Ue = w.useRef([]), W = w.useRef(0), We = w.useRef(!1), [Ge, Ke] = w.useState([]), [qe, Je] = w.useState(""), G = H ? qe : "", [Ye, Xe] = w.useState(_e), [Ze, Qe] = w.useState(!0), [$e, et] = w.useState(!1), [tt, nt] = w.useState(null), rt = w.useMemo(() => new Set(z), [z]), it = w.useMemo(() => new Set(Fe), [Fe]), at = w.useCallback(async (e, t, n) => {
+		let r = Be.current;
+		if (!H || !r || t === "append" && We.current) return;
+		let i = W.current + 1;
+		W.current = i, We.current = !0, t === "replace" && (Ue.current = [], Ke([]), Xe(_e), Qe(!0)), et(!0), nt(null);
 		try {
 			let a = await r({
 				page: e,
-				pageSize: je,
+				pageSize: U,
 				search: n
 			});
-			if (i !== J.current) return;
-			let o = Ce(a.options), s = t === "append" ? P(Ie.current, o) : o;
-			Ie.current = s, ze(s), Ue(I(a, e)), Ge(De(a, s.length, o.length, je));
+			if (i !== W.current) return;
+			let o = De(a.options), s = t === "append" ? Oe(Ue.current, o) : o;
+			Ue.current = s, Ke(s), Xe(Me(a, e)), Qe(je(a, s.length, o.length, U));
 		} catch (e) {
-			i === J.current && (Ye(Oe(e, l.select.loadError)), Ge(!1));
+			i === W.current && (nt(Ne(e, u.select.loadError)), Qe(!1));
 		} finally {
-			i === J.current && (Le.current = !1, qe(!1));
+			i === W.current && (We.current = !1, et(!1));
 		}
 	}, [
-		K,
-		l.select.loadError,
-		je
+		H,
+		u.select.loadError,
+		U
 	]);
-	S.useEffect(() => {
-		if (!K) return;
+	w.useEffect(() => {
+		if (!H) return;
 		let e = window.setTimeout(() => {
-			Ve(_.trim());
+			Je(v.trim());
 		}, ve);
 		return () => window.clearTimeout(e);
-	}, [K, _]), S.useEffect(() => {
-		!K || !x || Qe(_e, "replace", Y);
+	}, [H, v]), w.useEffect(() => {
+		!H || !b || at(_e, "replace", G);
 	}, [
-		x,
-		K,
-		Qe,
-		Me,
-		Y
+		b,
+		H,
+		at,
+		Le,
+		G
 	]);
-	let $e = S.useMemo(() => K ? P(Y.length === 0 ? W : [], Re) : W, [
-		W,
-		K,
-		Re,
-		Y.length
-	]), X = S.useMemo(() => $e.length > 0 || K ? we($e).map(Te) : ke(s), [
+	let ot = w.useMemo(() => H ? Oe(G.length === 0 ? B : [], Ge) : B, [
+		B,
+		H,
+		Ge,
+		G.length
+	]), st = w.useMemo(() => ot.length > 0 || H ? ke(ot).map(Ae) : Ie(s), [
 		s,
-		$e,
-		K
-	]), Z = K && x && We && !Ke && Je === null, et = S.useCallback(() => {
-		Z && Qe(He, "append", Y);
+		ot,
+		H
+	]), K = H && b && Ze && !$e && tt === null, ct = w.useCallback(() => {
+		K && at(Ye, "append", G);
 	}, [
-		Z,
-		Qe,
-		He,
-		Y
-	]), tt = S.useCallback((e) => {
-		if (!Z) return;
+		K,
+		at,
+		Ye,
+		G
+	]), lt = w.useCallback((e) => {
+		if (!K) return;
 		let t = e.currentTarget;
-		t.scrollHeight - t.scrollTop - t.clientHeight <= ye && et();
-	}, [Z, et]);
-	S.useEffect(() => {
-		if (!Z || typeof window > "u" || !("IntersectionObserver" in window)) return;
-		let e = Fe.current, t = Pe.current;
+		t.scrollHeight - t.scrollTop - t.clientHeight <= ye && ct();
+	}, [K, ct]);
+	w.useEffect(() => {
+		if (!K || typeof window > "u" || !("IntersectionObserver" in window)) return;
+		let e = He.current, t = Ve.current;
 		if (!e || !t) return;
 		let n = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && et();
+			e.some((e) => e.isIntersecting) && ct();
 		}, { root: t });
 		return n.observe(e), () => n.disconnect();
-	}, [Z, et]);
-	let nt = S.useMemo(() => {
-		if (!g || K) return X;
-		let e = _.trim().toLocaleLowerCase();
-		return e.length === 0 ? X : X.filter((t) => t.searchText.includes(e));
+	}, [K, ct]);
+	let ut = w.useDeferredValue(v), dt = w.useMemo(() => {
+		if (!g || H) return st;
+		let e = ut.trim().toLocaleLowerCase();
+		return e.length === 0 ? st : st.filter((t) => t.searchText.includes(e));
 	}, [
-		X,
-		K,
-		g,
-		_
-	]), Q = S.useMemo(() => {
-		if (nt.some((e) => e.group !== void 0)) return nt;
+		st,
+		ut,
+		H,
+		g
+	]), q = w.useMemo(() => {
+		if (dt.some((e) => e.group !== void 0)) return dt;
 		let e = [], t = [];
-		return nt.forEach((n) => {
-			Ze.has(n.value) ? e.push(n) : t.push(n);
+		return dt.forEach((n) => {
+			it.has(n.value) ? e.push(n) : t.push(n);
 		}), [...e, ...t];
-	}, [nt, Ze]), rt = S.useMemo(() => Array.from(new Set(X.filter((e) => !e.disabled).map((e) => e.value))), [X]), it = rt.length > 0 && rt.every((e) => Xe.has(e)), at = c?.isModal ?? !1, [ot, st] = S.useState({
+	}, [dt, it]), ft = w.useMemo(() => Array.from(new Set(st.filter((e) => !e.disabled).map((e) => e.value))), [st]), pt = ft.length > 0 && ft.every((e) => rt.has(e)), J = l?.isModal ?? !1, [mt, ht] = w.useState({
 		isOpen: !1,
 		group: null,
 		enterFrom: null
 	});
-	ot.isOpen !== at && st({
-		isOpen: at,
+	mt.isOpen !== J && ht({
+		isOpen: J,
 		group: null,
 		enterFrom: null
 	});
-	let ct = S.useRef(null), lt = S.useRef(null), ut = S.useRef(!1);
-	S.useEffect(() => {
-		if (!g || !x || at) return;
+	let gt = w.useRef(null), _t = w.useRef(null), vt = w.useRef(!1);
+	w.useEffect(() => {
+		if (!g || !b || J) return;
 		let e = requestAnimationFrame(() => {
-			A.current?.focus(), A.current?.select();
+			C.current?.focus(), C.current?.select();
 		});
 		return () => cancelAnimationFrame(e);
 	}, [
-		x,
-		at,
+		b,
+		J,
 		g
-	]), S.useEffect(() => {
-		M.current?.scrollIntoView({ block: "nearest" });
-	}, [E]);
-	let dt = S.useCallback((e) => {
-		c?.setSearchTerm(t({ value: e.target.value }));
-	}, [c]), ft = S.useCallback((e) => {
-		if (c) {
-			if (m) {
-				let t = new Set(U);
-				t.has(e) ? t.delete(e) : t.add(e), c.setMultiSelectedValues(Array.from(t));
+	]);
+	let Y = q.some((e) => e.group !== void 0), yt = (e) => e.group ?? A, bt = Y ? Array.from(new Set(q.map(yt))) : [], xt = q.find((e) => rt.has(e.value)), St = mt.group ?? (xt ? yt(xt) : void 0), X = St !== void 0 && bt.includes(St) ? St : bt[0], [Z, Ct] = w.useState(null), [wt, Tt] = w.useState(0), [Et, Dt] = w.useState(0), Ot = w.useRef(null), kt = w.useRef(!1), At = w.useMemo(() => {
+		if (!J || !Y) return null;
+		let e = [];
+		return q.forEach((t, n) => {
+			(t.group ?? A) === X && e.push(n);
+		}), e;
+	}, [
+		X,
+		Y,
+		J,
+		q
+	]), jt = At?.length ?? q.length, Q = jt > xe, Mt = (e) => At?.[e] ?? e, Nt = w.useCallback((e) => {
+		Ve.current = e, Ct(e);
+	}, []);
+	_(() => {
+		let e = Ot.current;
+		!Q || !Z || !e || (Tt(e.getBoundingClientRect().top - Z.getBoundingClientRect().top + Z.scrollTop), Dt(Z.querySelector("[data-slot=\"select-search\"]")?.offsetHeight ?? 0));
+	}, [
+		g,
+		Q,
+		Z
+	]);
+	let $ = pe({
+		count: Q ? jt : 0,
+		getScrollElement: () => Z,
+		estimateSize: () => Se,
+		overscan: Ce,
+		scrollMargin: wt,
+		scrollPaddingStart: Et,
+		useFlushSync: !1,
+		getItemKey: (e) => {
+			let t = q[Mt(e)];
+			return t ? P(t.value, t.group) : e;
+		}
+	});
+	_(() => {
+		!Q || !Z || (Z.scrollTop = 0, $.scrollToOffset(0));
+	}, [
+		ut,
+		$,
+		Q,
+		Z
+	]), w.useEffect(() => {
+		if (kt.current) {
+			kt.current = !1;
+			return;
+		}
+		if (Q) {
+			x >= 0 && !J && $.scrollToIndex(x, { align: "auto" });
+			return;
+		}
+		k.current?.scrollIntoView({ block: "nearest" });
+	}, [
+		x,
+		J,
+		$,
+		Q
+	]);
+	let Pt = w.useCallback((e) => {
+		l?.setSearchTerm(t({ value: e.target.value }));
+	}, [l]), Ft = w.useCallback((e) => {
+		if (l) {
+			if (h) {
+				let t = new Set(z);
+				t.has(e) ? t.delete(e) : t.add(e), l.setMultiSelectedValues(Array.from(t));
 				return;
 			}
-			c.setSingleSelectedValue(e), c.setOpen(!1);
+			l.setSingleSelectedValue(e), l.setOpen(!1);
 		}
 	}, [
-		m,
-		c,
-		U
-	]), pt = S.useCallback((e, t, n) => {
-		e.preventDefault(), !n && (F.current = t, ft(t));
-	}, [ft]), mt = S.useCallback((e, t) => {
+		h,
+		l,
+		z
+	]), It = w.useCallback((e, t, n) => {
+		e.preventDefault(), !n && (j.current = t, Ft(t));
+	}, [Ft]), Lt = w.useCallback((e, t) => {
 		if (!t) {
-			if (F.current === e) {
-				F.current = null;
+			if (j.current === e) {
+				j.current = null;
 				return;
 			}
-			ft(e);
+			Ft(e);
 		}
-	}, [ft]), ht = S.useCallback(() => {
-		m && c && c.setMultiSelectedValues(it ? [] : rt);
+	}, [Ft]), Rt = w.useRef({
+		activateIndex: () => void 0,
+		pointerDown: It,
+		click: Lt
+	}), zt = l?.setActiveIndex;
+	_(() => {
+		Rt.current = {
+			activateIndex: (e) => {
+				kt.current = !0, zt?.(e);
+			},
+			pointerDown: It,
+			click: Lt
+		};
+	});
+	let Bt = w.useCallback((e) => Rt.current.activateIndex(e), []), Vt = w.useCallback((e, t, n) => Rt.current.pointerDown(e, t, n), []), Ht = w.useCallback((e, t) => Rt.current.click(e, t), []), Ut = w.useCallback(() => {
+		h && l && l.setMultiSelectedValues(pt ? [] : ft);
 	}, [
-		it,
-		m,
-		c,
-		rt
-	]), gt = c?.isDisabled ?? !1, _t = (e) => {
-		if (!x || !c) return;
-		let t = c.fieldRootRef.current?.querySelector("[data-slot=\"select-trigger\"]"), n = (e) => {
-			let t = Q[e];
-			return !!t && !t.disabled && !gt;
+		pt,
+		h,
+		l,
+		ft
+	]), Wt = l?.isDisabled ?? !1, Gt = (e) => {
+		if (!b || !l) return;
+		let t = l.fieldRootRef.current?.querySelector("[data-slot=\"select-trigger\"]"), n = (e) => {
+			let t = q[e];
+			return !!t && !t.disabled && !Wt;
 		}, r = (e, t) => {
-			let r = Q.length;
+			let r = q.length;
 			for (let i = 1; i <= r; i += 1) {
 				let a = ((e + t * i) % r + r) % r;
 				if (n(a)) return a;
@@ -570,27 +691,27 @@ var K = S.forwardRef(function({ className: n, children: s }, ee) {
 			return -1;
 		};
 		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-			if (e.preventDefault(), e.stopPropagation(), Q.length === 0) return;
-			let t = r(E >= 0 ? E : e.key === "ArrowDown" ? -1 : 0, e.key === "ArrowDown" ? 1 : -1);
-			t >= 0 && c.setActiveIndex(t);
+			if (e.preventDefault(), e.stopPropagation(), q.length === 0) return;
+			let t = r(x >= 0 ? x : e.key === "ArrowDown" ? -1 : 0, e.key === "ArrowDown" ? 1 : -1);
+			t >= 0 && l.setActiveIndex(t);
 			return;
 		}
-		if (e.key === "Enter" && n(E)) {
-			e.preventDefault(), e.stopPropagation(), ft(Q[E].value), m || t?.focus();
+		if (e.key === "Enter" && n(x)) {
+			e.preventDefault(), e.stopPropagation(), Ft(q[x].value), h || t?.focus();
 			return;
 		}
-		e.key === "Tab" && (e.target === A.current && t?.focus(), c.setOpen(!1));
-	}, vt = c?.registerListKeyDown;
-	if (h(() => {
-		vt?.(_t);
-	}), !c) return null;
-	let yt = Q.length > 0, bt = c.isDisabled || U.length === 0, xt = c.isDisabled || rt.length === 0 || it, St = Q.some((e) => e.group !== void 0), Ct = (e) => e.group ?? D, wt = St ? Array.from(new Set(Q.map(Ct))) : [], Tt = Q.find((e) => Xe.has(e.value)), Et = ot.group ?? (Tt ? Ct(Tt) : void 0), $ = Et !== void 0 && wt.includes(Et) ? Et : wt[0], Dt = (e, t) => {
-		st({
-			isOpen: at,
+		e.key === "Tab" && (e.target === C.current && t?.focus(), l.setOpen(!1));
+	}, Kt = l?.registerListKeyDown;
+	if (_(() => {
+		Kt?.(Gt);
+	}), !l) return null;
+	let qt = q.length > 0, Jt = l.isDisabled || z.length === 0, Yt = l.isDisabled || ft.length === 0 || pt, Xt = (e, t) => {
+		ht({
+			isOpen: J,
 			group: e,
 			enterFrom: t
 		}), window.requestAnimationFrame(() => {
-			let e = ct.current, t = e?.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
+			let e = gt.current, t = e?.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
 			if (!e || !t) return;
 			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = r.left + r.width / 2 - (n.left + n.width / 2);
 			typeof e.scrollTo == "function" ? e.scrollTo({
@@ -598,191 +719,227 @@ var K = S.forwardRef(function({ className: n, children: s }, ee) {
 				behavior: "smooth"
 			}) : e.scrollLeft += i;
 		});
-	}, Ot = (e) => {
-		ut.current = !1, lt.current = {
+	}, Zt = (e) => {
+		vt.current = !1, _t.current = {
 			x: e.clientX,
 			y: e.clientY,
 			time: e.timeStamp
 		};
-	}, kt = (e) => {
-		let t = lt.current;
-		if (lt.current = null, !t || $ === void 0) return;
+	}, Qt = (e) => {
+		let t = _t.current;
+		if (_t.current = null, !t || X === void 0) return;
 		let n = e.clientX - t.x, r = e.clientY - t.y, i = Math.abs(n), a = i / Math.max(e.timeStamp - t.time, 1);
-		if (!(i >= O || i >= he && a >= ge) || i < Math.abs(r)) return;
-		ut.current = !0;
-		let o = p === "rtl" ? n > 0 : n < 0, s = wt[wt.indexOf($) + (o ? 1 : -1)];
-		s !== void 0 && Dt(s, n > 0 ? "left" : "right");
-	}, At = (e) => {
-		ut.current && (ut.current = !1, e.preventDefault(), e.stopPropagation());
-	}, jt = Q.map((e, t) => {
-		if (St && Ct(e) !== $) return null;
-		let n = Xe.has(e.value), i = c.isDisabled || e.disabled, a = !St && e.group !== void 0 && e.group !== Q[t - 1]?.group, o = !St && e.separatorBefore === !0 && t > 0;
-		return /* @__PURE__ */ w(S.Fragment, { children: [
-			o ? /* @__PURE__ */ C("div", {
+		if (!(i >= me || i >= he && a >= ge) || i < Math.abs(r)) return;
+		vt.current = !0;
+		let o = f === "rtl" ? n > 0 : n < 0, s = bt[bt.indexOf(X) + (o ? 1 : -1)];
+		s !== void 0 && Xt(s, n > 0 ? "left" : "right");
+	}, $t = (e) => {
+		vt.current && (vt.current = !1, e.preventDefault(), e.stopPropagation());
+	}, en = (e, t, n) => /* @__PURE__ */ E(Re, {
+		option: e,
+		index: t,
+		listboxId: S,
+		dir: f,
+		digits: d,
+		isActive: t === x,
+		isSelected: rt.has(e.value),
+		isDisabled: l.isDisabled || e.disabled,
+		isLast: t === q.length - 1,
+		isSearchEnabled: g,
+		showSeparator: e.separatorBefore === !0 && t > 0,
+		showGroupHeading: e.group !== void 0 && e.group !== q[t - 1]?.group,
+		listSize: n,
+		activeOptionRef: k,
+		onActivateIndex: Bt,
+		onOptionPointerDown: Vt,
+		onOptionClick: Ht
+	}), tn = (e, t, n, i) => {
+		let a = rt.has(e.value), o = l.isDisabled || e.disabled, s = !Y && e.group !== void 0 && e.group !== q[t - 1]?.group;
+		return /* @__PURE__ */ D(T, { children: [
+			!Y && e.separatorBefore === !0 && t > 0 ? /* @__PURE__ */ E("div", {
 				role: "separator",
 				"data-slot": "select-separator",
 				className: "zui:my-1 zui:h-px zui:bg-[var(--zui-color-border)]"
 			}) : null,
-			a ? /* @__PURE__ */ C("div", {
+			s ? /* @__PURE__ */ E("div", {
 				role: "presentation",
 				"data-slot": "select-group-label",
 				className: "zui:px-1 zui:pt-2 zui:text-start zui:text-[max(calc(var(--zui-scale,10px)*1.26),13px)] zui:font-semibold zui:text-[var(--zui-theme-text-muted)]",
-				children: R(e.group, u)
+				children: L(e.group, d)
 			}) : null,
-			/* @__PURE__ */ w("button", {
+			/* @__PURE__ */ D("button", {
 				type: "button",
-				id: j(k, t),
+				id: N(S, t),
 				"data-slot": "select-item",
 				role: "option",
-				"aria-selected": n,
-				"aria-disabled": i || void 0,
-				disabled: i,
+				"aria-selected": a,
+				"aria-disabled": o || void 0,
+				"aria-setsize": n,
+				"aria-posinset": i,
+				disabled: o,
 				tabIndex: -1,
-				dir: p,
-				className: r(b, n && "zui:border-[var(--zui-theme-status-success)] zui:bg-[color-mix(in_srgb,var(--zui-theme-status-success)_8%,var(--zui-color-surface))]", e.className),
-				onClick: () => mt(e.value, i),
-				children: [/* @__PURE__ */ C("span", {
+				dir: f,
+				className: r(se, a && "zui:border-[var(--zui-theme-status-success)] zui:bg-[color-mix(in_srgb,var(--zui-theme-status-success)_8%,var(--zui-color-surface))]", e.className),
+				onClick: () => Lt(e.value, o),
+				children: [/* @__PURE__ */ E("span", {
 					className: "zui:min-w-0 zui:flex-1 zui:break-words zui:text-start",
-					children: R(e.label, u)
-				}), /* @__PURE__ */ C("span", {
+					children: L(e.label, d)
+				}), /* @__PURE__ */ E("span", {
 					"aria-hidden": "true",
 					className: "zui:flex zui:shrink-0 zui:items-center",
-					children: n ? /* @__PURE__ */ C("span", {
+					children: a ? /* @__PURE__ */ E("span", {
 						className: "zui:flex zui:size-7 zui:items-center zui:justify-center zui:rounded-full zui:bg-[var(--zui-theme-status-success)] zui:text-[var(--zui-color-on-solid)]",
-						children: /* @__PURE__ */ C(T, {
+						children: /* @__PURE__ */ E(O, {
 							className: "zui:size-4",
 							strokeWidth: 3
 						})
 					}) : null
 				})]
 			})
-		] }, N(e.value, e.group));
-	}), Mt = /* @__PURE__ */ w("div", {
-		ref: Pe,
+		] });
+	}, nn = J && !Q ? q.map((e, t) => Y && yt(e) !== X ? null : /* @__PURE__ */ E(w.Fragment, { children: tn(e, t) }, P(e.value, e.group))) : null, rn = /* @__PURE__ */ D("div", {
+		ref: Nt,
 		"data-slot": "select-viewport",
-		onScroll: tt,
+		onScroll: lt,
 		className: "zui:-mx-1 zui:min-h-0 zui:flex-1 zui:touch-pan-y zui:overflow-x-hidden zui:overflow-y-auto zui:overscroll-contain zui:px-1 zui:py-1",
 		children: [
-			/* @__PURE__ */ C("div", {
-				id: k,
+			/* @__PURE__ */ E("div", {
+				ref: Ot,
+				id: S,
 				role: "listbox",
-				"aria-multiselectable": m || void 0,
+				"aria-multiselectable": h || void 0,
 				"data-slot": "select-listbox",
-				className: "zui:flex zui:flex-col zui:gap-2.5",
-				children: jt
+				className: Q ? void 0 : "zui:flex zui:flex-col zui:gap-2.5",
+				style: Q ? {
+					position: "relative",
+					height: $.getTotalSize()
+				} : void 0,
+				children: Q ? $.getVirtualItems().map((e) => {
+					let t = Mt(e.index), n = q[t];
+					return n ? /* @__PURE__ */ E("div", {
+						ref: $.measureElement,
+						"data-index": e.index,
+						role: "presentation",
+						className: "zui:pb-2.5",
+						style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							width: "100%",
+							transform: `translateY(${e.start - wt}px)`
+						},
+						children: tn(n, t, jt, e.index + 1)
+					}, e.key) : null;
+				}) : nn
 			}),
-			!yt && !Ke ? /* @__PURE__ */ C("p", {
+			!qt && !$e ? /* @__PURE__ */ E("p", {
 				"data-slot": "select-empty",
 				className: "zui:px-2 zui:py-4 zui:text-center zui:text-[max(calc(var(--zui-scale,10px)*1.44),15px)] zui:text-[var(--zui-theme-text-muted)]",
-				children: l.select.noResults
+				children: u.select.noResults
 			}) : null,
-			Ke ? /* @__PURE__ */ C(L, {}) : null,
-			Je ? /* @__PURE__ */ C("p", {
+			$e ? /* @__PURE__ */ E(Pe, {}) : null,
+			tt ? /* @__PURE__ */ E("p", {
 				"data-slot": "select-error",
 				className: "zui:px-2 zui:py-2 zui:text-sm zui:text-[var(--zui-theme-status-danger)]",
-				children: Je
+				children: tt
 			}) : null,
-			Z ? /* @__PURE__ */ C("div", {
-				ref: Fe,
+			K ? /* @__PURE__ */ E("div", {
+				ref: He,
 				"data-slot": "select-infinite-scroll-sentinel",
 				"aria-hidden": "true",
 				className: "zui:h-px zui:w-full"
 			}) : null
 		]
-	}), Nt = /* @__PURE__ */ w("div", {
+	}), an = /* @__PURE__ */ D("div", {
 		"data-slot": "select-modal-body",
 		className: "zui:flex zui:min-h-0 zui:flex-1 zui:flex-col zui:gap-4",
 		children: [
-			g ? /* @__PURE__ */ w("div", {
+			g ? /* @__PURE__ */ D("div", {
 				"data-slot": "select-search",
 				className: "zui:flex zui:items-center zui:gap-2",
-				children: [
-					/* @__PURE__ */ C("div", {
-						className: "zui:min-w-0 zui:flex-1",
-						children: /* @__PURE__ */ C(d, {
-							ref: A,
-							type: "search",
-							dir: p,
-							role: "combobox",
-							"aria-expanded": x,
-							"aria-controls": k,
-							"aria-autocomplete": "list",
-							"aria-label": l.common.searchPlaceholder,
-							value: _,
-							placeholder: l.common.searchPlaceholder,
-							onChange: dt,
-							onKeyDown: (e) => {
-								e.stopPropagation(), _t(e);
-							}
-						})
+				children: [/* @__PURE__ */ E("div", {
+					className: "zui:min-w-0 zui:flex-1",
+					children: /* @__PURE__ */ E(p, {
+						ref: C,
+						type: "search",
+						dir: f,
+						role: "combobox",
+						"aria-expanded": b,
+						"aria-controls": S,
+						"aria-autocomplete": "list",
+						"aria-label": u.common.searchPlaceholder,
+						value: v,
+						placeholder: u.common.searchPlaceholder,
+						onChange: Pt,
+						onKeyDown: (e) => {
+							e.stopPropagation(), Gt(e);
+						}
+					})
+				}), ee ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(m, {
+					label: u.select.clearAll,
+					icon: /* @__PURE__ */ E(de, {
+						className: "zui:size-5",
+						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ C(f, {
-						label: l.select.clearAll,
-						icon: /* @__PURE__ */ C(pe, {
-							className: "zui:size-5",
-							"aria-hidden": "true"
-						}),
-						className: y,
-						disabled: bt,
-						onClick: () => m ? c.setMultiSelectedValues([]) : c.clearSingleSelection()
+					className: oe,
+					disabled: Jt,
+					onClick: () => h ? l.setMultiSelectedValues([]) : l.clearSingleSelection()
+				}), h ? /* @__PURE__ */ E(m, {
+					label: l.multiSelectAllLabel,
+					icon: /* @__PURE__ */ E(ue, {
+						className: "zui:size-5",
+						"aria-hidden": "true"
 					}),
-					m ? /* @__PURE__ */ C(f, {
-						label: c.multiSelectAllLabel,
-						icon: /* @__PURE__ */ C(fe, {
-							className: "zui:size-5",
-							"aria-hidden": "true"
-						}),
-						className: y,
-						disabled: xt,
-						onClick: ht
-					}) : null
-				]
+					className: oe,
+					disabled: Yt,
+					onClick: Ut
+				}) : null] }) : null]
 			}) : null,
-			St && $ !== void 0 ? /* @__PURE__ */ w(v, {
-				value: $,
-				onValueChange: (e) => Dt(e, null),
-				dir: p,
+			Y && X !== void 0 ? /* @__PURE__ */ D(y, {
+				value: X,
+				onValueChange: (e) => Xt(e, null),
+				dir: f,
 				className: "zui:min-h-0 zui:flex-1",
-				children: [/* @__PURE__ */ C("div", {
-					ref: ct,
+				children: [/* @__PURE__ */ E("div", {
+					ref: gt,
 					"data-slot": "select-group-tabs",
 					className: "zui:-mx-1 zui:overflow-x-auto zui:px-1 zui:[scrollbar-width:none] zui:[&::-webkit-scrollbar]:hidden",
-					children: /* @__PURE__ */ C(ne, {
-						"aria-label": l.select.ungrouped,
+					children: /* @__PURE__ */ E(ne, {
+						"aria-label": u.select.ungrouped,
 						className: "zui:w-max zui:min-w-full",
-						children: wt.map((e) => /* @__PURE__ */ C(re, {
+						children: bt.map((e) => /* @__PURE__ */ E(re, {
 							value: e,
 							className: "zui:flex-none",
-							children: e === D ? l.select.ungrouped : R(e, u)
+							children: e === A ? u.select.ungrouped : L(e, d)
 						}, e))
 					})
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ E("div", {
 					"data-slot": "select-group-swipe-area",
 					className: "zui:flex zui:min-h-0 zui:flex-1 zui:touch-pan-y zui:flex-col",
-					onPointerDown: Ot,
-					onPointerUp: kt,
+					onPointerDown: Zt,
+					onPointerUp: Qt,
 					onPointerCancel: () => {
-						lt.current = null;
+						_t.current = null;
 					},
-					onClickCapture: At,
-					children: /* @__PURE__ */ C(te, {
-						value: $,
-						className: r("zui:mt-0 zui:flex zui:min-h-0 zui:flex-1 zui:flex-col", ot.enterFrom === "left" && "zui:slide-in-from-left-8 zui:data-[state=active]:slide-in-from-bottom-0", ot.enterFrom === "right" && "zui:slide-in-from-right-8 zui:data-[state=active]:slide-in-from-bottom-0"),
-						children: Mt
-					}, $)
+					onClickCapture: $t,
+					children: /* @__PURE__ */ E(te, {
+						value: X,
+						className: r("zui:mt-0 zui:flex zui:min-h-0 zui:flex-1 zui:flex-col", mt.enterFrom === "left" && "zui:slide-in-from-left-8 zui:data-[state=active]:slide-in-from-bottom-0", mt.enterFrom === "right" && "zui:slide-in-from-right-8 zui:data-[state=active]:slide-in-from-bottom-0"),
+						children: rn
+					}, X)
 				})]
-			}) : Mt,
-			/* @__PURE__ */ C(a, {
-				label: l.common.close,
+			}) : rn,
+			/* @__PURE__ */ E(a, {
+				label: u.common.close,
 				fullWidth: !0,
-				onClick: () => c.setOpen(!1)
+				onClick: () => l.setOpen(!1)
 			})
 		]
 	});
-	return /* @__PURE__ */ w(de, { children: [/* @__PURE__ */ C(me.Portal, { children: /* @__PURE__ */ C(me.Content, {
-		ref: i(ee, c.contentRef),
+	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(fe.Portal, { children: /* @__PURE__ */ E(fe.Content, {
+		ref: i(c, l.contentRef),
 		"data-slot": "select-content",
-		dir: p,
+		dir: f,
 		side: "bottom",
 		align: "start",
 		sideOffset: 6,
@@ -790,147 +947,121 @@ var K = S.forwardRef(function({ className: n, children: s }, ee) {
 		onOpenAutoFocus: (e) => e.preventDefault(),
 		onCloseAutoFocus: (e) => e.preventDefault(),
 		onInteractOutside: (e) => {
-			c.fieldRootRef.current?.contains(e.target) && e.preventDefault();
+			l.fieldRootRef.current?.contains(e.target) && e.preventDefault();
 		},
 		className: r(ae(), n),
-		children: /* @__PURE__ */ w("div", {
-			ref: Pe,
+		children: /* @__PURE__ */ D("div", {
+			ref: Nt,
 			"data-slot": "select-viewport",
-			className: r(ue({ hasSearch: g }), "zui:max-h-72 zui:overflow-y-auto"),
-			onScroll: tt,
+			className: r(le({ hasSearch: g }), "zui:max-h-72 zui:overflow-y-auto"),
+			onScroll: lt,
 			children: [
-				g ? /* @__PURE__ */ C("div", {
+				g ? /* @__PURE__ */ E("div", {
 					"data-slot": "select-search",
 					className: ce,
-					children: /* @__PURE__ */ w("div", {
-						dir: p,
+					children: /* @__PURE__ */ D("div", {
+						dir: f,
 						className: "zui:flex zui:items-center zui:gap-1",
-						children: [
-							/* @__PURE__ */ C("div", {
-								className: "zui:min-w-0 zui:flex-1",
-								children: /* @__PURE__ */ C(d, {
-									ref: A,
-									type: "search",
-									dir: p,
-									role: "combobox",
-									"aria-expanded": x,
-									"aria-controls": k,
-									"aria-autocomplete": "list",
-									"aria-activedescendant": E >= 0 ? j(k, E) : void 0,
-									"aria-label": l.common.searchPlaceholder,
-									value: _,
-									placeholder: l.common.searchPlaceholder,
-									onChange: dt,
-									onKeyDown: (e) => {
-										e.stopPropagation(), _t(e);
-									},
-									onPointerDown: (e) => e.stopPropagation()
-								})
+						children: [/* @__PURE__ */ E("div", {
+							className: "zui:min-w-0 zui:flex-1",
+							children: /* @__PURE__ */ E(p, {
+								ref: C,
+								type: "search",
+								dir: f,
+								role: "combobox",
+								"aria-expanded": b,
+								"aria-controls": S,
+								"aria-autocomplete": "list",
+								"aria-activedescendant": x >= 0 ? N(S, x) : void 0,
+								"aria-label": u.common.searchPlaceholder,
+								value: v,
+								placeholder: u.common.searchPlaceholder,
+								onChange: Pt,
+								onKeyDown: (e) => {
+									e.stopPropagation(), Gt(e);
+								},
+								onPointerDown: (e) => e.stopPropagation()
+							})
+						}), ee ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(m, {
+							label: u.select.clearAll,
+							icon: /* @__PURE__ */ E(de, {
+								className: "zui:size-4 zui:text-[var(--zui-color-text)]",
+								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ C(f, {
-								label: l.select.clearAll,
-								icon: /* @__PURE__ */ C(pe, {
-									className: "zui:size-4 zui:text-[var(--zui-color-text)]",
-									"aria-hidden": "true"
-								}),
-								className: ie,
-								disabled: bt,
-								onPointerDown: (e) => e.stopPropagation(),
-								onClick: () => m ? c.setMultiSelectedValues([]) : c.clearSingleSelection()
+							className: ie,
+							disabled: Jt,
+							onPointerDown: (e) => e.stopPropagation(),
+							onClick: () => h ? l.setMultiSelectedValues([]) : l.clearSingleSelection()
+						}), h ? /* @__PURE__ */ E(m, {
+							label: l.multiSelectAllLabel,
+							icon: /* @__PURE__ */ E(ue, {
+								className: r(be, "zui:text-[var(--zui-color-text)]"),
+								"aria-hidden": "true"
 							}),
-							m ? /* @__PURE__ */ C(f, {
-								label: c.multiSelectAllLabel,
-								icon: /* @__PURE__ */ C(fe, {
-									className: r(be, "zui:text-[var(--zui-color-text)]"),
-									"aria-hidden": "true"
-								}),
-								className: ie,
-								disabled: xt,
-								onPointerDown: (e) => e.stopPropagation(),
-								onClick: ht
-							}) : null
-						]
+							className: ie,
+							disabled: Yt,
+							onPointerDown: (e) => e.stopPropagation(),
+							onClick: Ut
+						}) : null] }) : null]
 					})
 				}) : null,
-				/* @__PURE__ */ C("div", {
-					id: k,
+				/* @__PURE__ */ E("div", {
+					ref: Ot,
+					id: S,
 					role: "listbox",
-					"aria-multiselectable": m || void 0,
+					"aria-multiselectable": h || void 0,
 					"data-slot": "select-listbox",
-					children: Q.map((e, t) => {
-						let n = Xe.has(e.value), i = c.isDisabled || e.disabled, a = e.group !== void 0 && e.group !== Q[t - 1]?.group, o = e.separatorBefore === !0 && t > 0;
-						return /* @__PURE__ */ w(S.Fragment, { children: [
-							o ? /* @__PURE__ */ C("div", {
-								role: "separator",
-								"data-slot": "select-separator",
-								className: le()
-							}) : null,
-							a ? /* @__PURE__ */ C("div", {
-								role: "presentation",
-								"data-slot": "select-group-label",
-								className: r(oe(), t > 0 && "zui:pt-4"),
-								children: R(e.group, u)
-							}) : null,
-							/* @__PURE__ */ w("button", {
-								type: "button",
-								id: j(k, t),
-								"data-slot": "select-item",
-								role: "option",
-								"aria-selected": n,
-								"aria-disabled": i || void 0,
-								"data-active": t === E || void 0,
-								ref: t === E ? M : void 0,
-								tabIndex: -1,
-								onMouseMove: () => {
-									!i && t !== E && c.setActiveIndex(t);
-								},
-								dir: p,
-								className: r(se(), e.group !== void 0 && "zui:ms-2 zui:w-[calc(100%-var(--zui-spacing)*2)] zui:border-s zui:border-s-[var(--zui-color-border)]", g && "zui:scroll-mt-16", t === Q.length - 1 && "zui:border-b-0", e.className),
-								disabled: i,
-								onPointerDown: (t) => pt(t, e.value, i),
-								onClick: () => mt(e.value, i),
-								children: [/* @__PURE__ */ C("span", {
-									className: "zui:line-clamp-2 zui:min-w-0 zui:flex-1 zui:break-words zui:text-start",
-									children: R(e.label, u)
-								}), /* @__PURE__ */ C("span", {
-									"aria-hidden": "true",
-									className: "zui:flex zui:shrink-0 zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)]",
-									children: /* @__PURE__ */ C(T, { className: r(be, !n && "zui:opacity-0") })
-								})]
-							})
-						] }, N(e.value, e.group));
-					})
+					style: Q ? {
+						position: "relative",
+						height: $.getTotalSize()
+					} : void 0,
+					children: Q ? $.getVirtualItems().map((e) => {
+						let t = q[e.index];
+						return t ? /* @__PURE__ */ E("div", {
+							ref: $.measureElement,
+							"data-index": e.index,
+							role: "presentation",
+							style: {
+								position: "absolute",
+								top: 0,
+								left: 0,
+								width: "100%",
+								transform: `translateY(${e.start - wt}px)`
+							},
+							children: en(t, e.index, q.length)
+						}, e.key) : null;
+					}) : q.map((e, t) => /* @__PURE__ */ E(w.Fragment, { children: en(e, t) }, P(e.value, e.group)))
 				}),
-				!yt && !Ke ? /* @__PURE__ */ C("p", {
+				!qt && !$e ? /* @__PURE__ */ E("p", {
 					"data-slot": "select-empty",
 					className: "zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-color-text)]",
-					children: l.select.noResults
+					children: u.select.noResults
 				}) : null,
-				Ke ? /* @__PURE__ */ C(L, {}) : null,
-				Je ? /* @__PURE__ */ C("p", {
+				$e ? /* @__PURE__ */ E(Pe, {}) : null,
+				tt ? /* @__PURE__ */ E("p", {
 					"data-slot": "select-error",
 					className: "zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-theme-status-danger)]",
-					children: Je
+					children: tt
 				}) : null,
-				Z ? /* @__PURE__ */ C("div", {
-					ref: Fe,
+				K ? /* @__PURE__ */ E("div", {
+					ref: He,
 					"data-slot": "select-infinite-scroll-sentinel",
 					"aria-hidden": "true",
 					className: "zui:h-px zui:w-full"
 				}) : null
 			]
 		})
-	}) }), /* @__PURE__ */ C(o, {
+	}) }), /* @__PURE__ */ E(o, {
 		trigger: null,
-		open: c.isModal,
-		onOpenChange: (e) => c.setOpen(e),
-		dir: p,
-		triggerLabel: c.modalLabel,
+		open: l.isModal,
+		onOpenChange: (e) => l.setOpen(e),
+		dir: f,
+		triggerLabel: l.modalLabel,
 		showCloseButton: !1,
 		onOpenAutoFocus: (e) => e.preventDefault(),
 		className: "zui:mobile:h-[75dvh] zui:mobile:touch-pan-y zui:mobile:overflow-x-hidden zui:mobile:overscroll-contain zui:mobile:px-3 zui:mobile:[&>[data-slot=dialog-body]]:flex zui:mobile:[&>[data-slot=dialog-body]]:min-h-0 zui:mobile:[&>[data-slot=dialog-body]]:flex-1 zui:mobile:[&>[data-slot=dialog-body]]:flex-col",
-		content: Nt
+		content: an
 	})] });
 });
 //#endregion
-export { K as SelectContent, V as SelectGroup, B as SelectItem, H as SelectLabel, U as SelectSeparator, W as SelectTrigger, G as SelectValue, Ae as default };
+export { ze as SelectContent, Fe as SelectGroup, z as SelectItem, B as SelectLabel, V as SelectSeparator, U as SelectTrigger, Le as SelectValue, H as default };