@vellira-ui/react 2.62.3 → 2.63.0

package/dist/index.js

@@ -293,7 +293,7 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		restoreFocusAfterClose: f,
 		saveFocusSnapshot: u
 	};
-}, fe = () => {
+}, J = () => {
 	let e = !1;
 	return {
 		preventDefault: () => {
@@ -303,7 +303,7 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 			return e;
 		}
 	};
-}, J = (e) => {
+}, fe = (e) => {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -331,7 +331,7 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		onCloseAutoFocus: s
 	}), x(() => {
 		if (!e) return;
-		let n = fe();
+		let n = J();
 		o?.(n), n.defaultPrevented || queueMicrotask(() => {
 			r?.current?.focus(), !r?.current && t.current && he(t.current);
 		});
@@ -554,7 +554,7 @@ var Ae = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registe
 		if (!e) return;
 		let n = ke(m), r = m.registerPointerDownOutsideHandler(t, (e) => {
 			if (e.target instanceof Node && [o, ...g.current].some((t) => t.current?.contains(e.target))) return;
-			let t = J(e);
+			let t = fe(e);
 			d?.(t), f?.(t), !(t.defaultPrevented || !l) && p("outside-press", e);
 		});
 		return () => {
@@ -1309,7 +1309,7 @@ var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultO
 			}), t;
 		});
 	}, [se]);
-	let { activeIndex: ue, setActiveIndex: de, isOpen: fe, closeDropdown: J, toggleDropdown: pe, onKeyDown: me } = Be({
+	let { activeIndex: ue, setActiveIndex: de, isOpen: J, closeDropdown: fe, toggleDropdown: pe, onKeyDown: me } = Be({
 		items: oe ? le : ce,
 		open: t,
 		defaultOpen: n,
@@ -1319,7 +1319,7 @@ var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultO
 		getItemText: (e) => e.label,
 		loop: b
 	}), { floatingStyles: he, isMobileSheet: ge, isPositioned: _e, setRef: ve, setFloatingRef: ye } = je({
-		open: fe,
+		open: J,
 		placement: o,
 		strategy: s,
 		portal: h,
@@ -1336,12 +1336,12 @@ var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultO
 		de
 	]);
 	Fe({
-		active: fe,
+		active: J,
 		enabled: _
 	});
 	let xe = y(() => {
-		J(), B.current?.focus();
-	}, [J]), Se = y((e, t) => {
+		fe(), B.current?.focus();
+	}, [fe]), Se = y((e, t) => {
 		if (e.disabled || D) return;
 		if (e.type === "subTrigger") {
 			H(e.id);
@@ -1387,14 +1387,14 @@ var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultO
 	}, [ve]), Ee = y((e) => {
 		ee.current = e, ye(e), ge && e?.focus({ preventScroll: !0 });
 	}, [ge, ye]), De = Ae({
-		active: fe,
+		active: J,
 		id: z,
 		zIndexLevel: "dropdown",
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
 		contentRef: ee,
 		ignoreRefs: [B],
-		requestClose: () => J()
+		requestClose: () => fe()
 	}), Oe = {
 		...he,
 		zIndex: De.zIndex,
@@ -1402,7 +1402,7 @@ var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultO
 		maxWidth: Ot(m)
 	}, ke = {
 		disabled: C,
-		isOpen: fe,
+		isOpen: J,
 		contentId: z,
 		triggerId: R,
 		setTriggerRef: Te,
@@ -1418,7 +1418,7 @@ var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultO
 		disabled: C,
 		entries: q.entries,
 		getItemId: (e) => `${z}-item-${e}`,
-		isOpen: fe,
+		isOpen: J,
 		items: q.items,
 		loading: D,
 		loadingText: O,
@@ -2141,55 +2141,55 @@ An.displayName = "Popover.Description";
 function jn(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function Mn({ children: e, open: t, defaultOpen: n = !1, modal: r = !1, onOpenChange: i, side: a = "bottom", align: o = "center", sideOffset: s = 8, alignOffset: c = 0, collisionPadding: l = 8, avoidCollisions: u = !0, portal: f = !0, strategy: p }) {
-	let m = T(null), h = T(null), g = T(null), _ = T({ reason: "programmatic" }), v = S(), b = `vellira-popover-trigger-${v}`, x = `vellira-popover-content-${v}`, C = `vellira-popover-title-${v}`, E = `vellira-popover-description-${v}`, [D, O] = Y({
+function Mn({ children: e, open: t, defaultOpen: n = !1, modal: r = !1, onOpenChange: i, side: a = "bottom", align: o = "center", sideOffset: s = 8, collisionPadding: c = 8, avoidCollisions: l = !0, portal: u = !0, strategy: f }) {
+	let p = T(null), m = T(null), h = T(null), g = T({ reason: "programmatic" }), _ = S(), v = `vellira-popover-trigger-${_}`, b = `vellira-popover-content-${_}`, x = `vellira-popover-title-${_}`, C = `vellira-popover-description-${_}`, [E, D] = Y({
 		value: t,
 		defaultValue: n,
 		onChange: (e) => {
-			i?.(e, _.current);
+			i?.(e, g.current);
 		}
-	}), k = y((e, t) => {
-		_.current = t, O(e);
-	}, [O]), j = T(null), M = w(() => [A({
-		element: j,
+	}), O = y((e, t) => {
+		g.current = t, D(e);
+	}, [D]), k = T(null), j = w(() => [A({
+		element: k,
 		padding: 8
-	})], []), { context: N, floatingStyles: P, isPositioned: F, placement: I, setFloatingRef: L, setRef: R } = je({
-		open: D,
+	})], []), { context: M, floatingStyles: N, isPositioned: P, placement: F, setFloatingRef: I, setRef: L } = je({
+		open: E,
 		placement: jn(a, o),
-		strategy: p,
-		portal: f,
+		strategy: f,
+		portal: u,
 		offset: s + 7,
-		collisionPadding: l,
-		avoidCollisions: u,
-		middleware: M
-	}), z = y((e) => {
-		m.current = e, h.current || R(e);
-	}, [R]), B = y((e) => {
-		h.current = e, R(e ?? m.current);
-	}, [R]), ee = y((e) => {
-		g.current = e, L(e);
-	}, [L]);
+		collisionPadding: c,
+		avoidCollisions: l,
+		middleware: j
+	}), R = y((e) => {
+		p.current = e, m.current || L(e);
+	}, [L]), z = y((e) => {
+		m.current = e, L(e ?? p.current);
+	}, [L]), B = y((e) => {
+		h.current = e, I(e);
+	}, [I]);
 	return /* @__PURE__ */ d(yn, {
 		value: {
-			open: D,
+			open: E,
 			modal: r,
-			portal: f,
-			triggerRef: m,
-			anchorRef: h,
-			contentRef: g,
-			triggerId: b,
-			contentId: x,
-			titleId: C,
-			descriptionId: E,
-			placement: I,
-			floatingStyles: P,
-			isPositioned: F,
-			floatingContext: N,
-			arrowRef: j,
-			setTriggerRef: z,
-			setAnchorRef: B,
-			setContentRef: ee,
-			setOpen: k
+			portal: u,
+			triggerRef: p,
+			anchorRef: m,
+			contentRef: h,
+			triggerId: v,
+			contentId: b,
+			titleId: x,
+			descriptionId: C,
+			placement: F,
+			floatingStyles: N,
+			isPositioned: P,
+			floatingContext: M,
+			arrowRef: k,
+			setTriggerRef: R,
+			setAnchorRef: z,
+			setContentRef: B,
+			setOpen: O
 		},
 		children: e
 	});
@@ -2399,71 +2399,71 @@ var Yn = {
 	error: "_error_1s3vp_152",
 	disabled: "_disabled_1s3vp_160",
 	invalid: "_invalid_1s3vp_176"
-}, Xn = _(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", name: s, label: c, description: l, error: u, orientation: p = "vertical", children: m, className: h, id: g, onKeyDown: _, ...v }, y) => {
-	let b = T(null), x = S(), C = g ?? x, w = c ? `${C}-label` : void 0, E = l ? `${C}-description` : void 0, D = u ? `${C}-error` : void 0, O = [E, D].filter(Boolean).join(" ") || void 0, k = s ?? `${C}-radio`, [A, j] = Y({
+}, Xn = _(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, invalid: a = !1, size: o = "md", color: s = "primary", name: c, label: l, description: u, error: p, orientation: m = "vertical", children: h, className: g, id: _, onKeyDown: v, ...y }, b) => {
+	let x = T(null), C = S(), w = _ ?? C, E = l ? `${w}-label` : void 0, D = u ? `${w}-description` : void 0, O = p ? `${w}-error` : void 0, k = [D, O].filter(Boolean).join(" ") || void 0, A = c ?? `${w}-radio`, [j, M] = Y({
 		value: e,
 		defaultValue: t,
 		onChange: n
-	}), M = !!u, N = Jn({
-		rootRef: b,
-		orientation: p
-	}), P = (e) => {
-		if (b.current = e, typeof y == "function") {
-			y(e);
+	}), N = a || !!p, P = Jn({
+		rootRef: x,
+		orientation: m
+	}), F = (e) => {
+		if (x.current = e, typeof b == "function") {
+			b(e);
 			return;
 		}
-		y && (y.current = e);
+		b && (b.current = e);
 	};
 	return /* @__PURE__ */ f("div", {
-		...v,
-		ref: P,
-		id: C,
+		...y,
+		ref: F,
+		id: w,
 		role: "radiogroup",
-		"aria-labelledby": w,
-		"aria-describedby": O,
+		"aria-labelledby": E,
+		"aria-describedby": k,
 		"aria-disabled": r || void 0,
 		"aria-required": i || void 0,
-		"aria-invalid": M || void 0,
+		"aria-invalid": N || void 0,
 		onKeyDown: (e) => {
-			_?.(e), e.defaultPrevented || N(e);
+			v?.(e), e.defaultPrevented || P(e);
 		},
-		className: U(Yn.root, Yn[a], M && Yn.invalid, r && Yn.disabled, h),
+		className: U(Yn.root, Yn[o], N && Yn.invalid, r && Yn.disabled, g),
 		children: [
-			c && /* @__PURE__ */ f("div", {
-				id: w,
+			l && /* @__PURE__ */ f("div", {
+				id: E,
 				className: Yn.label,
-				children: [c, i && /* @__PURE__ */ d("span", {
+				children: [l, i && /* @__PURE__ */ d("span", {
 					className: Yn.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
-			l && /* @__PURE__ */ d("div", {
-				id: E,
+			u && /* @__PURE__ */ d("div", {
+				id: D,
 				className: Yn.description,
-				children: l
+				children: u
 			}),
 			/* @__PURE__ */ d(Rn, {
 				value: {
-					name: k,
-					value: A,
+					name: A,
+					value: j,
 					disabled: r,
 					required: i,
-					invalid: M,
-					size: a,
-					color: o,
-					describedBy: O,
-					onValueChange: j
+					invalid: N,
+					size: o,
+					color: s,
+					describedBy: k,
+					onValueChange: M
 				},
 				children: /* @__PURE__ */ d("div", {
-					className: U(Yn.items, Yn[p]),
-					children: m
+					className: U(Yn.items, Yn[m]),
+					children: h
 				})
 			}),
-			u && /* @__PURE__ */ d("div", {
-				id: D,
+			p && /* @__PURE__ */ d("div", {
+				id: O,
 				className: Yn.error,
-				children: u
+				children: p
 			})
 		]
 	});
@@ -2704,11 +2704,11 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 		"--select-dropdown-max-height": typeof oe == "number" ? `${oe}px` : oe
 	}), [oe, i]);
 	if (!e) return null;
-	let fe = o && !K ? o : le.map((e, t) => ({
+	let J = o && !K ? o : le.map((e, t) => ({
 		type: "option",
 		option: e,
 		optionIndex: se + t
-	})), J = /* @__PURE__ */ f("div", {
+	})), fe = /* @__PURE__ */ f("div", {
 		ref: ue,
 		tabIndex: 0,
 		className: [
@@ -2761,7 +2761,7 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 						className: sr.virtualSpacer,
 						style: { height: ce }
 					}),
-					fe.map((e) => {
+					J.map((e) => {
 						if (e.type === "group") {
 							if (e.selectable && s) {
 								let t = e.itemValues.filter((e) => a.some((t) => t.value === e && !t.disabled)), n = c ? t.filter((e) => c.includes(e)).length : 0, r = t.length > 0 && n === t.length, i = n > 0 && n < t.length;
@@ -2829,7 +2829,7 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 			})
 		]
 	});
-	return _ ? /* @__PURE__ */ d(Ke, { children: J }) : J;
+	return _ ? /* @__PURE__ */ d(Ke, { children: fe }) : fe;
 };
 lr.displayName = "SelectContentSurface";
 function ur(e) {
@@ -3273,265 +3273,275 @@ function Br(e) {
 //#endregion
 //#region src/components/Select/Root/useSelectRootState.tsx
 function Vr(e) {
-	let { children: t, label: n, description: r, id: i, name: a, "aria-label": o, "aria-describedby": s, "aria-labelledby": c, value: l, defaultValue: p, onValueChange: m, multiple: h = !1, maxSelected: g, closeOnSelect: _, placeholder: v = "Select...", empty: b, loadingText: C = "Loading...", size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: j = !1, invalid: M = !1, loading: N = !1, clearable: P = !1, searchable: F = !1, virtual: I, modal: L = !1, command: R = !1, error: z, placement: B = "bottom", matchTriggerWidth: ee = !0, avoidCollisions: V = !0, portal: H = !0, open: te, defaultOpen: ne = !1, onOpenChange: re, onSearch: U, onClear: ie, startIcon: W, endIcon: G, prefix: K, suffix: ae, renderValue: oe, renderOption: se, onBlur: ce, onFocus: q, className: le, triggerClassName: ue, dropdownClassName: de } = e, fe = S(), J = xr(), pe = !!(n || r || z), me = i ?? (pe ? void 0 : J?.controlId) ?? fe, he = `${me}-listbox`, [ge, _e] = E(""), ve = !!z, ye = ve ? `${me}-error` : void 0, be = r ? `${me}-description` : void 0, xe = D ?? J?.size ?? "md", Se = M || ve || !pe && !!J?.invalid, Ce = j || !pe && !!J?.disabled, we = A || !pe && !!J?.required, Te = [
+	let { children: t, label: n, description: r, id: i, name: a, "aria-label": o, "aria-describedby": s, "aria-labelledby": c, multiple: l = !1, maxSelected: p, closeOnSelect: m, placeholder: h = "Select...", empty: g, loadingText: _ = "Loading...", size: v, color: b = "primary", variant: C = "outline", required: D = !1, disabled: O = !1, invalid: k = !1, loading: A = !1, clearable: j = !1, searchable: M = !1, virtual: N, modal: P = !1, command: F = !1, error: I, placement: L = "bottom", matchTriggerWidth: R = !0, avoidCollisions: z = !0, portal: B = !0, open: ee, defaultOpen: V = !1, onOpenChange: H, onSearch: te, onClear: ne, startIcon: re, endIcon: U, prefix: ie, suffix: W, renderValue: G, renderOption: K, onBlur: ae, onFocus: oe, className: se, triggerClassName: ce, dropdownClassName: q } = e, le = S(), ue = xr(), de = !!(n || r || I), J = i ?? (de ? void 0 : ue?.controlId) ?? le, fe = `${J}-listbox`, [pe, me] = E(""), he = !!I, ge = he ? `${J}-error` : void 0, _e = r ? `${J}-description` : void 0, ve = v ?? ue?.size ?? "md", ye = k || he || !de && !!ue?.invalid, be = O || !de && !!ue?.disabled, xe = D || !de && !!ue?.required, Se = [
 		s,
-		!pe && !s ? J?.ariaDescribedBy : void 0,
-		be,
-		ye
-	].filter(Boolean).join(" "), Ee = T(null), De = T(null), [Oe, ke] = E(!1), je = F || R, { entries: Me, options: Ne } = Br(t), Pe = w(() => Rr({
-		options: Ne,
-		searchable: je,
-		searchValue: ge
-	}), [
-		je,
-		Ne,
+		!de && !s ? ue?.ariaDescribedBy : void 0,
+		_e,
 		ge
-	]), { selectedValue: Ie, selectedValues: Le, isOpen: Y, setIsOpen: ze, setSelectedValue: Be, activeIndex: Ve, setActiveIndex: Ue, closeDropdown: We, toggleDropdown: Ge, selectValue: Ke, onKeyDown: qe } = He({
-		value: l,
-		defaultValue: p,
-		onValueChange: m,
-		options: Pe,
-		multiple: h,
-		maxSelected: g,
-		closeOnSelect: _,
-		disabled: Ce,
-		open: te,
-		defaultOpen: ne,
-		onOpenChange: re
-	}), Je = w(() => Ne.find((e) => Le.includes(e.value)), [Ne, Le]), Ye = w(() => Ne.filter((e) => Le.includes(e.value)), [Ne, Le]), Xe = !!Je, Ze = Array.isArray(Ie) ? Ie[0] ?? "" : Ie, { floatingStyles: Qe, setRef: $e, setFloatingRef: et } = Re({
-		isOpen: Y,
-		onOpenChange: ze,
-		placement: B,
-		matchTriggerWidth: ee,
-		avoidCollisions: V
-	}), tt = y((e) => {
-		Ke(e), Ee.current?.focus();
-	}, [Ke]), nt = y((e) => {
-		if (!h || e.length === 0) return;
-		let t = e.filter((e) => Ne.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => Le.includes(e)), r = Le.filter((e) => !t.includes(e)).length, i = typeof g == "number" ? Math.max(0, Math.min(t.length, g - r)) : t.length;
+	].filter(Boolean).join(" "), Ce = T(null), we = T(null), [Te, Ee] = E(!1), De = M || F, { entries: Oe, options: ke } = Br(t), je = w(() => Rr({
+		options: ke,
+		searchable: De,
+		searchValue: pe
+	}), [
+		De,
+		ke,
+		pe
+	]), Me = e.multiple === !0 ? e.value : e.value === null ? "" : e.value, Ne = e.multiple === !0 ? e.defaultValue : e.defaultValue === null ? "" : e.defaultValue, Pe = e.multiple === !0 ? e.onValueChange : void 0, Ie = e.multiple === !0 ? void 0 : e.onValueChange, { selectedValue: Le, selectedValues: Y, isOpen: ze, setIsOpen: Be, setSelectedValue: Ve, activeIndex: Ue, setActiveIndex: We, closeDropdown: Ge, toggleDropdown: Ke, selectValue: qe, onKeyDown: Je } = He({
+		value: Me,
+		defaultValue: Ne,
+		onValueChange: y((e) => {
+			if (l) {
+				Pe?.(Array.isArray(e) ? e : e ? [e] : []);
+				return;
+			}
+			Ie?.(Array.isArray(e) ? e[0] ?? null : e === "" ? null : e);
+		}, [
+			l,
+			Pe,
+			Ie
+		]),
+		options: je,
+		multiple: l,
+		maxSelected: p,
+		closeOnSelect: m,
+		disabled: be,
+		open: ee,
+		defaultOpen: V,
+		onOpenChange: H
+	}), Ye = w(() => ke.find((e) => Y.includes(e.value)), [ke, Y]), Xe = w(() => ke.filter((e) => Y.includes(e.value)), [ke, Y]), Ze = !!Ye, Qe = Array.isArray(Le) ? Le[0] ?? "" : Le, { floatingStyles: $e, setRef: et, setFloatingRef: tt } = Re({
+		isOpen: ze,
+		onOpenChange: Be,
+		placement: L,
+		matchTriggerWidth: R,
+		avoidCollisions: z
+	}), nt = y((e) => {
+		qe(e), Ce.current?.focus();
+	}, [qe]), rt = y((e) => {
+		if (!l || e.length === 0) return;
+		let t = e.filter((e) => ke.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => Y.includes(e)), r = Y.filter((e) => !t.includes(e)).length, i = typeof p == "number" ? Math.max(0, Math.min(t.length, p - r)) : t.length;
 		if (n.length > 0 && n.length >= i) {
-			Be(Le.filter((e) => !t.includes(e)));
+			Ve(Y.filter((e) => !t.includes(e)));
 			return;
 		}
-		let a = [...Le];
+		let a = [...Y];
 		for (let e of t) if (!a.includes(e)) {
-			if (typeof g == "number" && a.length >= g) break;
+			if (typeof p == "number" && a.length >= p) break;
 			a.push(e);
 		}
-		Be(a), _ && (We(), Ee.current?.focus());
+		Ve(a), m && (Ge(), Ce.current?.focus());
 	}, [
-		We,
-		_,
-		g,
-		h,
-		Ne,
-		Le,
-		Be
-	]), rt = y(() => {
-		Ke(""), ie?.(), Ee.current?.focus();
-	}, [ie, Ke]), it = y(() => {
-		Y || ke(!1), Ge();
-	}, [Y, Ge]), at = y((e) => {
-		Hr(e, Y) && ke(!0), qe(e);
-	}, [Y, qe]), X = y((e) => {
-		ke(!0), Ue(e);
-	}, [Ue]), ot = y((e) => {
-		_e(e), U?.(e);
-	}, [U]), st = Ae({
-		active: Y,
-		id: he,
+		Ge,
+		m,
+		p,
+		l,
+		ke,
+		Y,
+		Ve
+	]), it = y(() => {
+		qe(""), ne?.(), Ce.current?.focus();
+	}, [ne, qe]), at = y(() => {
+		ze || Ee(!1), Ke();
+	}, [ze, Ke]), X = y((e) => {
+		Hr(e, ze) && Ee(!0), Je(e);
+	}, [ze, Je]), ot = y((e) => {
+		Ee(!0), We(e);
+	}, [We]), st = y((e) => {
+		me(e), te?.(e);
+	}, [te]), ct = Ae({
+		active: ze,
+		id: fe,
 		zIndexLevel: "dropdown",
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: De,
-		ignoreRefs: [Ee],
-		requestClose: We
+		contentRef: we,
+		ignoreRefs: [Ce],
+		requestClose: Ge
 	});
 	x(() => {
-		Y || ke(!1);
-	}, [Y]), x(() => {
-		!Y && ge && _e("");
-	}, [Y, ge]), Fe({
-		active: Y,
-		enabled: L
+		ze || Ee(!1);
+	}, [ze]), x(() => {
+		!ze && pe && me("");
+	}, [ze, pe]), Fe({
+		active: ze,
+		enabled: P
 	});
-	let ct = y((e) => {
-		Ee.current = e, $e(e);
-	}, [$e]), lt = y((e) => {
-		De.current = e, et(e);
-	}, [et]), ut = w(() => oe ? oe({
-		multiple: h,
-		option: Je,
-		options: Ye,
-		value: Ze,
-		values: Le
-	}) : h && Ye.length ? Ye.map((e) => e.label).join(", ") : Je?.label ?? v, [
+	let lt = y((e) => {
+		Ce.current = e, et(e);
+	}, [et]), ut = y((e) => {
+		we.current = e, tt(e);
+	}, [tt]), dt = w(() => G ? G({
+		multiple: l,
+		option: Ye,
+		options: Xe,
+		value: Qe,
+		values: Y
+	}) : l && Xe.length ? Xe.map((e) => e.label).join(", ") : Ye?.label ?? h, [
+		l,
 		h,
-		v,
-		oe,
-		Je,
+		G,
 		Ye,
-		Le,
-		Ze
-	]), dt = b ?? "No options available", ft = P && Le.length > 0 && !Ce && !N, pt = w(() => ({
-		...Qe,
-		zIndex: st.zIndex
-	}), [st.zIndex, Qe]), mt = w(() => ({
-		id: me,
-		describedBy: Te || void 0,
+		Xe,
+		Y,
+		Qe
+	]), ft = g ?? "No options available", pt = j && Y.length > 0 && !be && !A, mt = w(() => ({
+		...$e,
+		zIndex: ct.zIndex
+	}), [ct.zIndex, $e]), ht = w(() => ({
+		id: J,
+		describedBy: Se || void 0,
 		labelledBy: o ? void 0 : c,
-		isOpen: Y,
-		disabled: Ce,
-		required: we,
-		listboxId: he,
-		activeIndex: Ve,
-		ariaLabel: o ?? (!n && !J?.labelId ? Je?.label || v : void 0),
-		error: Se,
-		loading: N,
-		displayText: ut,
-		isPlaceholder: !Xe,
-		size: xe,
-		color: O,
-		variant: k,
-		startIcon: W,
-		endIcon: G,
-		prefix: K,
-		suffix: ae,
-		clearable: ft,
-		className: ue,
-		buttonRef: ct,
-		onClear: rt,
-		onClick: it,
-		onKeyDown: at,
-		onBlur: ce,
-		onFocus: q
+		isOpen: ze,
+		disabled: be,
+		required: xe,
+		listboxId: fe,
+		activeIndex: Ue,
+		ariaLabel: o ?? (!n && !ue?.labelId ? Ye?.label || h : void 0),
+		error: ye,
+		loading: A,
+		displayText: dt,
+		isPlaceholder: !Ze,
+		size: ve,
+		color: b,
+		variant: C,
+		startIcon: re,
+		endIcon: U,
+		prefix: ie,
+		suffix: W,
+		clearable: pt,
+		className: ce,
+		buttonRef: lt,
+		onClear: it,
+		onClick: at,
+		onKeyDown: X,
+		onBlur: ae,
+		onFocus: oe
 	}), [
-		Ve,
+		Ue,
 		o,
 		c,
-		O,
-		Te,
-		G,
-		J?.labelId,
-		rt,
+		b,
+		Se,
+		U,
+		ue?.labelId,
 		it,
 		at,
-		Xe,
-		Ce,
-		Se,
-		Y,
-		we,
+		X,
+		Ze,
+		be,
+		ye,
+		ze,
+		xe,
 		n,
-		he,
-		N,
+		fe,
+		A,
+		ae,
+		oe,
+		h,
+		ie,
+		ve,
+		dt,
+		Ye?.label,
+		lt,
+		pt,
+		re,
+		W,
 		ce,
+		J,
+		C
+	]), gt = w(() => ({
+		isOpen: ze,
+		listboxId: fe,
+		labelledById: J,
+		style: mt,
+		options: je,
+		entries: De || pe ? void 0 : Oe,
+		multiple: l,
+		color: b,
+		variant: C,
+		searchable: De,
+		command: F,
+		virtual: N,
+		portal: B,
+		searchValue: pe,
+		loading: A,
+		loadingText: _,
+		emptyText: ft,
+		renderOption: K,
+		selectedValue: Qe,
+		selectedValues: Y,
+		activeIndex: Ue,
+		visualActiveIndex: Te ? Ue : -1,
+		className: q,
+		setDropdownRef: ut,
+		onSelect: nt,
+		onSelectGroup: rt,
+		onMouseEnter: ot,
+		onSearchChange: st
+	}), [
+		Ue,
+		b,
+		F,
+		mt,
 		q,
-		v,
-		K,
-		xe,
-		ut,
-		Je?.label,
-		ct,
 		ft,
-		W,
-		ae,
-		ue,
-		me,
-		k
-	]), ht = w(() => ({
-		isOpen: Y,
-		listboxId: he,
-		labelledById: me,
-		style: pt,
-		options: Pe,
-		entries: je || ge ? void 0 : Me,
-		multiple: h,
-		color: O,
-		variant: k,
-		searchable: je,
-		command: R,
-		virtual: I,
-		portal: H,
-		searchValue: ge,
-		loading: N,
-		loadingText: C,
-		emptyText: dt,
-		renderOption: se,
-		selectedValue: Ze,
-		selectedValues: Le,
-		activeIndex: Ve,
-		visualActiveIndex: Oe ? Ve : -1,
-		className: de,
-		setDropdownRef: lt,
-		onSelect: tt,
-		onSelectGroup: nt,
-		onMouseEnter: X,
-		onSearchChange: ot
-	}), [
-		Ve,
-		O,
-		R,
-		pt,
-		de,
-		dt,
-		Pe,
-		X,
+		je,
 		ot,
-		tt,
+		st,
 		nt,
+		rt,
+		Te,
+		ze,
+		De,
+		fe,
+		A,
+		_,
+		l,
+		B,
+		K,
 		Oe,
+		pe,
 		Y,
-		je,
-		he,
-		N,
+		ut,
+		Qe,
+		J,
 		C,
-		h,
-		H,
-		se,
-		Me,
-		ge,
-		Le,
-		lt,
-		Ze,
-		me,
-		k,
-		I
-	]), gt = w(() => ({
-		triggerProps: mt,
-		contentProps: ht
-	}), [ht, mt]), _t = w(() => /* @__PURE__ */ f(u, { children: [a && h && Le.length > 0 && /* @__PURE__ */ d(u, { children: Le.map((e) => /* @__PURE__ */ d("input", {
+		N
+	]), _t = w(() => ({
+		triggerProps: ht,
+		contentProps: gt
+	}), [gt, ht]), vt = w(() => /* @__PURE__ */ f(u, { children: [a && l && Y.length > 0 && /* @__PURE__ */ d(u, { children: Y.map((e) => /* @__PURE__ */ d("input", {
 		type: "hidden",
 		name: a,
 		value: e,
-		disabled: Ce
-	}, e)) }), a && !h && /* @__PURE__ */ d("input", {
+		disabled: be
+	}, e)) }), a && !l && /* @__PURE__ */ d("input", {
 		type: "hidden",
 		name: a,
-		value: Ze,
-		disabled: Ce
+		value: Qe,
+		disabled: be
 	})] }), [
-		Ce,
-		h,
+		be,
+		l,
 		a,
-		Le,
-		Ze
+		Y,
+		Qe
 	]);
 	return {
 		children: t,
-		className: le,
-		contentProps: ht,
-		contextValue: gt,
+		className: se,
+		contentProps: gt,
+		contextValue: _t,
 		description: r,
-		error: z,
+		error: I,
 		hasCompoundLayout: w(() => Fr(t), [t]),
-		hasExternalField: !pe && !!J,
-		hiddenInputs: _t,
-		isDisabled: Ce,
-		isRequired: we,
+		hasExternalField: !de && !!ue,
+		hiddenInputs: vt,
+		isDisabled: be,
+		isRequired: xe,
 		label: n,
-		resolvedSize: xe,
-		triggerId: me,
-		triggerProps: mt
+		resolvedSize: ve,
+		triggerId: J,
+		triggerProps: ht
 	};
 }
 function Hr(e, t) {
@@ -4300,55 +4310,55 @@ function Di({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions
 }
 //#endregion
 //#region src/components/Tooltip/Root/TooltipRoot.tsx
-var Oi = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, placement: i = "top", offset: a = 8, delay: o, skipDelay: s, disabled: c = !1, interactive: l = !1, avoidCollisions: u = !0, matchTriggerWidth: f = !1, modal: p = !1 }) => {
-	let m = `${S()}-content`, h = T(null), g = T(null), [_, v] = Y({
+var Oi = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, placement: i = "top", offset: a = 8, delay: o, skipDelay: s, disabled: c = !1, interactive: l = !1, avoidCollisions: u = !0, matchTriggerWidth: f = !1 }) => {
+	let p = `${S()}-content`, m = T(null), h = T(null), [g, _] = Y({
 		value: t,
 		defaultValue: n,
 		onChange: r
-	}), y = (e) => {
-		c || v(e);
-	}, b = Di({
-		open: _,
-		onOpenChange: y,
+	}), v = (e) => {
+		c || _(e);
+	}, y = Di({
+		open: g,
+		onOpenChange: v,
 		placement: i,
 		offset: a,
 		avoidCollisions: u,
 		matchTriggerWidth: f
-	}), x = Ti(o, s), C = Ei({
-		context: b.context,
-		delay: x,
+	}), b = Ti(o, s), x = Ei({
+		context: y.context,
+		delay: b,
 		disabled: c,
 		interactive: l
-	}), w = Ae({
-		active: _,
-		id: m,
+	}), C = Ae({
+		active: g,
+		id: p,
 		zIndexLevel: "tooltip",
-		contentRef: h,
-		ignoreRefs: [g],
+		contentRef: m,
+		ignoreRefs: [h],
 		closeOnEscape: !0,
 		closeOnOutsidePress: !l,
-		requestClose: () => y(!1)
+		requestClose: () => v(!1)
 	});
 	return /* @__PURE__ */ d(vi, {
 		value: {
-			contentId: m,
-			open: _,
+			contentId: p,
+			open: g,
 			disabled: c,
 			interactive: l,
-			contentRef: h,
-			arrowRef: b.arrowRef,
-			arrowX: b.arrowX,
-			arrowY: b.arrowY,
-			placement: b.placement,
+			contentRef: m,
+			arrowRef: y.arrowRef,
+			arrowX: y.arrowX,
+			arrowY: y.arrowY,
+			placement: y.placement,
 			floatingStyles: {
-				...b.floatingStyles,
-				zIndex: w.zIndex
+				...y.floatingStyles,
+				zIndex: C.zIndex
 			},
-			setOpen: y,
-			setTriggerRef: hi(g, b.setRef),
-			setContentRef: hi(h, b.setFloatingRef),
-			getTriggerProps: C.getReferenceProps,
-			getContentProps: C.getFloatingProps
+			setOpen: v,
+			setTriggerRef: hi(h, y.setRef),
+			setContentRef: hi(m, y.setFloatingRef),
+			getTriggerProps: x.getReferenceProps,
+			getContentProps: x.getFloatingProps
 		},
 		children: e
 	});
@@ -4738,14 +4748,14 @@ var $ = {
 	}
 	return i;
 }, Vi = (e, t) => t ? typeof t == "function" ? t(e) : Bi(e, t) : e, Hi = _(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: o, type: s = "text", size: c, color: l = "primary", variant: p = "outline", error: m, invalid: h = !1, disabled: g = !1, required: _ = !1, loading: v = !1, className: b, style: x, wrapperClassName: C, autoComplete: w, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: P, startAddon: F, endAddon: I, prefix: L, suffix: R, clearIcon: z, mask: ee, format: V, parse: H, startIconTone: te = "default", endIconTone: ne = "default", clearIconTone: ie = "danger", autoFocus: W, maxLength: G, onMouseEnter: K, onMouseLeave: ae, "aria-describedby": oe, "aria-invalid": se, "aria-labelledby": ce, ...q }, le) => {
-	let ue = S(), de = xr(), fe = !!(t || r || m), J = e ?? (fe ? void 0 : de?.controlId) ?? ue, pe = T(null), [me, he] = E(!1), [ge, _e] = E(o ?? ""), ve = a !== void 0, ye = String((ve ? a : ge) ?? ""), be = V ? V(ye) : ye, xe = ye.length > 0, Se = c ?? de?.size ?? "md", Ce = B[Se], we = {
+	let ue = S(), de = xr(), J = !!(t || r || m), fe = e ?? (J ? void 0 : de?.controlId) ?? ue, pe = T(null), [me, he] = E(!1), [ge, _e] = E(o ?? ""), ve = a !== void 0, ye = String((ve ? a : ge) ?? ""), be = V ? V(ye) : ye, xe = ye.length > 0, Se = c ?? de?.size ?? "md", Ce = B[Se], we = {
 		"--input-height": `${Ce.height}px`,
 		"--input-font-size": `${Ce.fontSize}px`,
 		"--input-line-height": `${Ce.lineHeight}px`,
 		"--input-icon-size": `${Ce.iconSize}px`
-	}, Te = h || !!m || !fe && !!de?.invalid, Ee = g || !fe && !!de?.disabled, De = _ || !fe && !!de?.required, Oe = D || v, ke = s === "password", Ae = ke && j && me ? "text" : s, je = N ?? (s === "search" ? /* @__PURE__ */ d(re, {}) : null), Me = P, Ne = zi(s, w), Pe = v && !Ee, Fe = O && xe && !Ee && !Oe && !Pe, Ie = j && ke && !Ee && !Pe && !Fe, Le = !Pe && !Fe && !Ie && !!Me, Re = !!(M && G), Y = r ? `${J}-description` : void 0, ze = m ? `${J}-error` : void 0, Be = Re ? `${J}-counter` : void 0, Ve = [
+	}, Te = h || !!m || !J && !!de?.invalid, Ee = g || !J && !!de?.disabled, De = _ || !J && !!de?.required, Oe = D || v, ke = s === "password", Ae = ke && j && me ? "text" : s, je = N ?? (s === "search" ? /* @__PURE__ */ d(re, {}) : null), Me = P, Ne = zi(s, w), Pe = v && !Ee, Fe = O && xe && !Ee && !Oe && !Pe, Ie = j && ke && !Ee && !Pe && !Fe, Le = !Pe && !Fe && !Ie && !!Me, Re = !!(M && G), Y = r ? `${fe}-description` : void 0, ze = m ? `${fe}-error` : void 0, Be = Re ? `${fe}-counter` : void 0, Ve = [
 		oe,
-		!fe && !oe ? de?.ariaDescribedBy : void 0,
+		!J && !oe ? de?.ariaDescribedBy : void 0,
 		Y,
 		ze,
 		Be
@@ -4801,7 +4811,7 @@ var $ = {
 					/* @__PURE__ */ d("input", {
 						...q,
 						ref: Je,
-						id: J,
+						id: fe,
 						name: n,
 						type: Ae,
 						autoComplete: Ne,
@@ -4819,7 +4829,7 @@ var $ = {
 						autoFocus: W,
 						maxLength: G,
 						"aria-invalid": Te ? !0 : se,
-						"aria-labelledby": ce ?? (fe ? void 0 : de?.ariaLabelledBy),
+						"aria-labelledby": ce ?? (J ? void 0 : de?.ariaLabelledBy),
 						"aria-describedby": Ve || void 0,
 						"aria-busy": v || void 0,
 						onMouseEnter: K,
@@ -4874,8 +4884,8 @@ var $ = {
 			G
 		]
 	})] });
-	return !fe && de ? Ze : /* @__PURE__ */ d(jr, {
-		id: J,
+	return !J && de ? Ze : /* @__PURE__ */ d(jr, {
+		id: fe,
 		label: t,
 		description: r,
 		error: m,