@vellira-ui/react 2.38.0 → 2.39.0

package/dist/index.js

@@ -398,12 +398,12 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 	return f(() => {
 		n(!0);
 	}, []), t ? e ?? document.getElementById("overlay-root") ?? me() : null;
-}, ge = ({ value: e, defaultValue: t, onChange: n }) => {
+}, U = ({ value: e, defaultValue: t, onChange: n }) => {
 	let [r, i] = g(t), a = e !== void 0;
 	return [a ? e : r, u((e) => {
 		a || i(e), n?.(e);
 	}, [a, n])];
-}, _e = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
+}, ge = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
 	let l = h({
 		value: "",
 		timeoutId: void 0
@@ -486,7 +486,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		m,
 		g
 	]) };
-}, ve = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
+}, _e = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
 	let [l, d] = g(n), [p, m] = g(-1), h = t !== void 0, _ = t ?? l, v = u(() => e.findIndex((e) => !e.disabled), [e]), y = u(() => {
 		for (let t = e.length - 1; t >= 0; t--) if (!e[t]?.disabled) return t;
 		return -1;
@@ -541,7 +541,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		p,
 		e,
 		T
-	]), { onKeyDown: D } = _e({
+	]), { onKeyDown: D } = ge({
 		activeIndex: p,
 		setActiveIndex: m,
 		items: e,
@@ -570,8 +570,8 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		getFirstEnabledIndex: v,
 		getLastEnabledIndex: y
 	};
-}, ye = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
-	let a = p(), o = p(), s = p(), [c, l] = ge({
+}, ve = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
+	let a = p(), o = p(), s = p(), [c, l] = U({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -589,12 +589,12 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		titleId: o,
 		descriptionId: s
 	};
-}, be = ({ value: e, defaultValue: t, onValueChange: n, onChange: r, options: i, multiple: a = !1, maxSelected: o, closeOnSelect: s = !a, disabled: c = !1, open: l, defaultOpen: d = !1, onOpenChange: p }) => {
-	let [h, _] = ge({
+}, ye = ({ value: e, defaultValue: t, onValueChange: n, onChange: r, options: i, multiple: a = !1, maxSelected: o, closeOnSelect: s = !a, disabled: c = !1, open: l, defaultOpen: d = !1, onOpenChange: p }) => {
+	let [h, _] = U({
 		value: e,
 		defaultValue: t ?? (a ? [] : ""),
 		onChange: n ?? r
-	}), [v, y] = ge({
+	}), [v, y] = U({
 		value: l,
 		defaultValue: d,
 		onChange: p
@@ -663,7 +663,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		b,
 		i,
 		k
-	]), { onKeyDown: j } = _e({
+	]), { onKeyDown: j } = ge({
 		activeIndex: b,
 		setActiveIndex: x,
 		items: i,
@@ -693,8 +693,8 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		selectActiveOption: A,
 		onKeyDown: j
 	};
-}, xe = ({ activeIndex: e, defaultActiveIndex: t = 0, onChange: n }) => {
-	let [r, i] = ge({
+}, be = ({ activeIndex: e, defaultActiveIndex: t = 0, onChange: n }) => {
+	let [r, i] = U({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -703,7 +703,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		activeIndex: r,
 		setActiveIndex: i
 	};
-}, U = ({ activeIndex: e, setActiveIndex: t, tabRefs: n, orientation: r = "horizontal", onNavigate: i }) => ({ onKeyDown: u((a) => {
+}, W = ({ activeIndex: e, setActiveIndex: t, tabRefs: n, orientation: r = "horizontal", onNavigate: i }) => ({ onKeyDown: u((a) => {
 	let o = (e) => !!(e?.disabled || e?.props?.disabled), s = (e, t) => {
 		let r = n.current.length;
 		if (!r) return e;
@@ -752,15 +752,15 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 	r,
 	t,
 	n
-]) }), Se = s(null), Ce = ({ children: e, container: t = null }) => /* @__PURE__ */ n(Se.Provider, {
+]) }), xe = s(null), Se = ({ children: e, container: t = null }) => /* @__PURE__ */ n(xe.Provider, {
 	value: t,
 	children: e
-}), we = ({ children: e, container: t }) => {
-	let n = d(Se), r = he({ container: t ?? n });
+}), Ce = ({ children: e, container: t }) => {
+	let n = d(xe), r = he({ container: t ?? n });
 	return r ? _(e, r) : null;
 };
-we.__velliraPortal = !0, we.displayName = "Portal", Ce.displayName = "PortalProvider";
-var Te = {
+Ce.__velliraPortal = !0, Ce.displayName = "Portal", Se.displayName = "PortalProvider";
+var we = {
 	dropdown: "_dropdown_m7rnq_1",
 	"dropdown-in": "_dropdown-in_m7rnq_1",
 	primary: "_primary_m7rnq_42",
@@ -772,31 +772,31 @@ var Te = {
 	searchWrap: "_searchWrap_m7rnq_165",
 	search: "_search_m7rnq_165",
 	"dropdown-sheet-in": "_dropdown-sheet-in_m7rnq_1"
-}, Ee = I("empty", "Dropdown.Empty"), De = ({ children: e }) => /* @__PURE__ */ n("li", {
+}, Te = I("empty", "Dropdown.Empty"), Ee = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: Te.empty,
+	className: we.empty,
 	children: e ?? "No actions available"
 });
-De.displayName = "DropdownEmptySurface";
+Ee.displayName = "DropdownEmptySurface";
 //#endregion
 //#region src/components/Dropdown/Group/DropdownGroup.tsx
-var Oe = I("group", "Dropdown.Group"), ke = () => null;
-ke.displayName = "DropdownGroupSurface";
+var De = I("group", "Dropdown.Group"), Oe = () => null;
+Oe.displayName = "DropdownGroupSurface";
 //#endregion
 //#region src/components/Dropdown/internal/DropdownContext.tsx
-var Ae = s(null), je = s(null), Me = s(null), Ne = Ae.Provider, Pe = je.Provider;
-Me.Provider;
-function W() {
-	let e = d(Ae);
+var ke = s(null), Ae = s(null), je = s(null), Me = ke.Provider, Ne = Ae.Provider;
+je.Provider;
+function G() {
+	let e = d(ke);
 	if (!e) throw Error("Dropdown compound components must be used inside Dropdown.");
 	return e;
 }
-function Fe() {
-	let e = d(je);
+function Pe() {
+	let e = d(Ae);
 	if (!e) throw Error("Dropdown.Trigger must be used inside Dropdown.");
 	return e;
 }
-var G = {
+var K = {
 	item: "_item_1vj4n_1",
 	disabled: "_disabled_1vj4n_22",
 	active: "_active_1vj4n_37",
@@ -821,8 +821,8 @@ var G = {
 	"dropdown-sub-in": "_dropdown-sub-in_1vj4n_1",
 	subLabel: "_subLabel_1vj4n_276",
 	subSeparator: "_subSeparator_1vj4n_284"
-}, Ie = I("item", "Dropdown.Item"), Le = ({ item: e, itemIndex: i }) => {
-	let a = W(), o = h(void 0), [s, c] = g(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), l = a.activeIndex === i, u = a.openSubId === e.id, d = e.type === "checkbox", f = e.type === "radio", p = e.type === "subTrigger", m = d ? e.props.checked ?? s : f ? (e.groupProps?.value ?? a.radioValues[e.groupId]) === e.props.value : !1, _ = a.loading || e.disabled, y = e.props, x = R(y.children), S = x.icon ?? y.icon, C = x.description ?? ("description" in y ? y.description : void 0), w = x.badge ?? ("badge" in y ? y.badge : void 0), T = x.shortcut ?? y.shortcut, E = x.content.length ? x.content : y.children, D = "color" in y ? y.color : void 0, O = e.type === "item" ? e.props.href : void 0, k = e.type === "item" ? e.props.target : void 0, A = e.type === "item" ? e.props.download : void 0, j = a.getItemId(i), M = d ? "menuitemcheckbox" : f ? "menuitemradio" : "menuitem", P = e.type === "item" && k === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, F = O ? "a" : "li", I = d || f, L = (t) => {
+}, Fe = I("item", "Dropdown.Item"), Ie = ({ item: e, itemIndex: i }) => {
+	let a = G(), o = h(void 0), [s, c] = g(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), l = a.activeIndex === i, u = a.openSubId === e.id, d = e.type === "checkbox", f = e.type === "radio", p = e.type === "subTrigger", m = d ? e.props.checked ?? s : f ? (e.groupProps?.value ?? a.radioValues[e.groupId]) === e.props.value : !1, _ = a.loading || e.disabled, y = e.props, x = R(y.children), S = x.icon ?? y.icon, C = x.description ?? ("description" in y ? y.description : void 0), w = x.badge ?? ("badge" in y ? y.badge : void 0), T = x.shortcut ?? y.shortcut, E = x.content.length ? x.content : y.children, D = "color" in y ? y.color : void 0, O = e.type === "item" ? e.props.href : void 0, k = e.type === "item" ? e.props.target : void 0, A = e.type === "item" ? e.props.download : void 0, j = a.getItemId(i), M = d ? "menuitemcheckbox" : f ? "menuitemradio" : "menuitem", P = e.type === "item" && k === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, F = O ? "a" : "li", I = d || f, L = (t) => {
 		if (_) {
 			t.preventDefault();
 			return;
@@ -831,7 +831,7 @@ var G = {
 			let t = !m;
 			c(t), e.props.onCheckedChange?.(t);
 		}
-		a.selectItem(e, Re(t));
+		a.selectItem(e, Le(t));
 	};
 	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r(F, {
 		id: j,
@@ -847,11 +847,11 @@ var G = {
 		"aria-expanded": p ? u : void 0,
 		"data-active": l || void 0,
 		"data-state": u ? "open" : void 0,
-		className: N(G.item, G[a.size], {
-			[G.active]: l,
-			[G.disabled]: _,
-			[G.checked]: m
-		}, D && D !== "default" ? G[D] : void 0, y.className),
+		className: N(K.item, K[a.size], {
+			[K.active]: l,
+			[K.disabled]: _,
+			[K.checked]: m
+		}, D && D !== "default" ? K[D] : void 0, y.className),
 		onClick: L,
 		onMouseEnter: () => {
 			_ || (a.setActiveIndex(i), p ? (window.clearTimeout(o.current), o.current = window.setTimeout(() => a.setOpenSubId(e.id), 120)) : (window.clearTimeout(o.current), a.setOpenSubId(void 0)));
@@ -861,58 +861,58 @@ var G = {
 		},
 		children: [
 			I && /* @__PURE__ */ n("span", {
-				className: G.indicator,
+				className: K.indicator,
 				"aria-hidden": "true",
 				children: m ? /* @__PURE__ */ n(v, {}) : null
 			}),
 			S && /* @__PURE__ */ n("span", {
-				className: G.itemIcon,
+				className: K.itemIcon,
 				children: S
 			}),
 			/* @__PURE__ */ r("span", {
-				className: G.itemText,
+				className: K.itemText,
 				children: [/* @__PURE__ */ n("span", {
-					className: G.itemLabel,
+					className: K.itemLabel,
 					children: E
 				}), C && /* @__PURE__ */ n("span", {
-					className: G.itemDescription,
+					className: K.itemDescription,
 					children: C
 				})]
 			}),
 			w && /* @__PURE__ */ n("span", {
-				className: G.itemBadge,
+				className: K.itemBadge,
 				children: w
 			}),
 			T && /* @__PURE__ */ n("span", {
-				className: G.itemShortcut,
+				className: K.itemShortcut,
 				children: T
 			}),
 			p && /* @__PURE__ */ n("span", {
-				className: G.itemShortcut,
+				className: K.itemShortcut,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ n(b, {})
 			})
 		]
 	}), p && u && e.subEntries.length > 0 && /* @__PURE__ */ n("ul", {
 		role: "menu",
-		className: G.subContent,
+		className: K.subContent,
 		onMouseEnter: () => a.setOpenSubId(e.id),
 		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ n("li", {
 			role: "presentation",
-			className: G.subLabel,
+			className: K.subLabel,
 			children: e.props.children
 		}, e.id) : e.type === "separator" ? /* @__PURE__ */ n("li", {
 			role: "separator",
-			className: G.subSeparator,
+			className: K.subSeparator,
 			"aria-hidden": "true"
-		}, e.id) : e.type === "item" ? /* @__PURE__ */ n(ze, {
+		}, e.id) : e.type === "item" ? /* @__PURE__ */ n(Re, {
 			item: e.item,
 			id: `${j}-${e.itemIndex}`
 		}, e.item.id) : null)
 	})] });
 };
-Le.displayName = "DropdownItemRow";
-function Re(e) {
+Ie.displayName = "DropdownItemRow";
+function Le(e) {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -924,8 +924,8 @@ function Re(e) {
 		}
 	};
 }
-function ze({ id: e, item: t }) {
-	let i = W(), [a, o] = g(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), s = t.type === "checkbox", c = t.type === "radio", l = s ? t.props.checked ?? a : c ? (t.groupProps?.value ?? i.radioValues[t.groupId]) === t.props.value : !1, u = t.props, d = R(u.children), f = d.icon ?? u.icon, p = d.description ?? ("description" in u ? u.description : void 0), m = d.badge ?? ("badge" in u ? u.badge : void 0), h = d.shortcut ?? u.shortcut, _ = d.content.length ? d.content : u.children, y = "color" in u ? u.color : void 0, b = i.loading || t.disabled, x = t.type === "item" ? t.props.href : void 0, S = t.type === "item" ? t.props.target : void 0, C = t.type === "item" ? t.props.download : void 0, w = s ? "menuitemcheckbox" : c ? "menuitemradio" : "menuitem", T = t.type === "item" && S === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, E = x ? "a" : "li", D = s || c, O = (e) => {
+function Re({ id: e, item: t }) {
+	let i = G(), [a, o] = g(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), s = t.type === "checkbox", c = t.type === "radio", l = s ? t.props.checked ?? a : c ? (t.groupProps?.value ?? i.radioValues[t.groupId]) === t.props.value : !1, u = t.props, d = R(u.children), f = d.icon ?? u.icon, p = d.description ?? ("description" in u ? u.description : void 0), m = d.badge ?? ("badge" in u ? u.badge : void 0), h = d.shortcut ?? u.shortcut, _ = d.content.length ? d.content : u.children, y = "color" in u ? u.color : void 0, b = i.loading || t.disabled, x = t.type === "item" ? t.props.href : void 0, S = t.type === "item" ? t.props.target : void 0, C = t.type === "item" ? t.props.download : void 0, w = s ? "menuitemcheckbox" : c ? "menuitemradio" : "menuitem", T = t.type === "item" && S === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, E = x ? "a" : "li", D = s || c, O = (e) => {
 		if (b) {
 			e.preventDefault();
 			return;
@@ -934,7 +934,7 @@ function ze({ id: e, item: t }) {
 			let e = !l;
 			o(e), t.props.onCheckedChange?.(e);
 		}
-		i.selectItem(t, Re(e));
+		i.selectItem(t, Le(e));
 	};
 	return /* @__PURE__ */ r(E, {
 		id: e,
@@ -946,54 +946,54 @@ function ze({ id: e, item: t }) {
 		tabIndex: b ? -1 : 0,
 		"aria-disabled": b || void 0,
 		"aria-checked": s || c ? l : void 0,
-		className: N(G.item, G[i.size], {
-			[G.disabled]: b,
-			[G.checked]: l
-		}, y && y !== "default" ? G[y] : void 0),
+		className: N(K.item, K[i.size], {
+			[K.disabled]: b,
+			[K.checked]: l
+		}, y && y !== "default" ? K[y] : void 0),
 		onClick: O,
 		children: [
 			D && /* @__PURE__ */ n("span", {
-				className: G.indicator,
+				className: K.indicator,
 				"aria-hidden": "true",
 				children: l ? /* @__PURE__ */ n(v, {}) : null
 			}),
 			f && /* @__PURE__ */ n("span", {
-				className: G.itemIcon,
+				className: K.itemIcon,
 				children: f
 			}),
 			/* @__PURE__ */ r("span", {
-				className: G.itemText,
+				className: K.itemText,
 				children: [/* @__PURE__ */ n("span", {
-					className: G.itemLabel,
+					className: K.itemLabel,
 					children: _
 				}), p && /* @__PURE__ */ n("span", {
-					className: G.itemDescription,
+					className: K.itemDescription,
 					children: p
 				})]
 			}),
 			m && /* @__PURE__ */ n("span", {
-				className: G.itemBadge,
+				className: K.itemBadge,
 				children: m
 			}),
 			h && /* @__PURE__ */ n("span", {
-				className: G.itemShortcut,
+				className: K.itemShortcut,
 				children: h
 			})
 		]
 	});
 }
-var Be = { group: "_group_aviwv_1" }, Ve = I("label", "Dropdown.Label"), K = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
+var ze = { group: "_group_aviwv_1" }, Be = I("label", "Dropdown.Label"), q = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: N(Be.group, t),
+	className: N(ze.group, t),
 	children: e
 });
-K.displayName = "DropdownLabelSurface";
+q.displayName = "DropdownLabelSurface";
 //#endregion
 //#region src/components/Dropdown/Loading/DropdownLoading.tsx
-var q = I("loading", "Dropdown.Loading"), He = ({ children: e }) => /* @__PURE__ */ n("li", {
+var Ve = I("loading", "Dropdown.Loading"), He = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
 	"aria-live": "polite",
-	className: Te.empty,
+	className: we.empty,
 	children: e ?? "Loading actions..."
 });
 He.displayName = "DropdownLoadingSurface";
@@ -1006,9 +1006,9 @@ Ge.displayName = "DropdownSeparatorSurface";
 //#endregion
 //#region src/components/Dropdown/Content/DropdownContent.tsx
 var Ke = ({ className: e }) => {
-	let t = W();
+	let t = G();
 	if (!t.isOpen) return null;
-	let i = N(Te.dropdown, Te[t.color], t.contentProps?.className, t.dropdownClassName, e), o = /* @__PURE__ */ r("ul", {
+	let i = N(we.dropdown, we[t.color], t.contentProps?.className, t.dropdownClassName, e), o = /* @__PURE__ */ r("ul", {
 		ref: t.setContentRef,
 		id: t.contentId,
 		role: "menu",
@@ -1024,9 +1024,9 @@ var Ke = ({ className: e }) => {
 		"data-color": t.color,
 		children: [t.searchable && /* @__PURE__ */ r("li", {
 			role: "presentation",
-			className: N(Te.searchWrap, t.searchProps?.className),
+			className: N(we.searchWrap, t.searchProps?.className),
 			children: [/* @__PURE__ */ n(S, { "aria-hidden": "true" }), /* @__PURE__ */ n("input", {
-				className: Te.search,
+				className: we.search,
 				value: t.searchValue,
 				placeholder: t.searchPlaceholder,
 				"aria-label": t.searchProps?.["aria-label"] ?? t.searchPlaceholder,
@@ -1036,12 +1036,12 @@ var Ke = ({ className: e }) => {
 					e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === "Escape" || e.stopPropagation();
 				}
 			})]
-		}), t.loading ? /* @__PURE__ */ n(He, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ n(De, { children: t.noOptionsText }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ n(ke, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ n(K, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ n(Ge, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ n(De, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ n(He, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ n(F, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(Le, {
+		}), t.loading ? /* @__PURE__ */ n(He, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ n(Ee, { children: t.noOptionsText }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ n(Oe, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ n(q, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ n(Ge, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ n(Ee, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ n(He, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ n(F, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(Ie, {
 			item: e.item,
 			itemIndex: e.itemIndex
-		}) }, e.item.id)) : /* @__PURE__ */ n(De, {})]
+		}) }, e.item.id)) : /* @__PURE__ */ n(Ee, {})]
 	});
-	return t.portal ? /* @__PURE__ */ n(we, { children: o }) : o;
+	return t.portal ? /* @__PURE__ */ n(Ce, { children: o }) : o;
 };
 Ke.__velliraDropdownPart = "content", Ke.displayName = "Dropdown.Content";
 //#endregion
@@ -1116,17 +1116,17 @@ function rt(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
 var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", offset: l = 2, matchTriggerWidth: d = !1, minWidth: _, maxWidth: v, portal: y = !0, avoidCollisions: b = !0, modal: x = !1, closeOnSelect: S = !0, loop: C = !0, disabled: w = !1, loading: T = !1, loadingText: E = "Loading actions...", searchable: D = !1, command: O = !1, searchValue: k, defaultSearchValue: A = "", searchPlaceholder: j, onSearch: M, empty: P, noOptionsText: F, triggerClassName: I, dropdownClassName: R, className: z }) => {
-	let ee = p(), B = `${ee}-trigger`, te = `${ee}-menu`, ne = h(null), re = h(null), [ie, ae] = g(), [oe, V] = g({}), [ce, le] = g(A), de = k ?? ce, H = m(() => L(e), [e]), fe = H.content?.props.command ?? !1, me = D || O || fe || !!H.search, he = m(() => st(H.items), [H.items]), ge = m(() => H.items.map((e) => ({
+	let ee = p(), B = `${ee}-trigger`, te = `${ee}-menu`, ne = h(null), re = h(null), [ie, ae] = g(), [oe, V] = g({}), [ce, le] = g(A), de = k ?? ce, H = m(() => L(e), [e]), fe = H.content?.props.command ?? !1, me = D || O || fe || !!H.search, he = m(() => st(H.items), [H.items]), U = m(() => H.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [H.items]), _e = m(() => !me || !de.trim() ? H : ct(H, de), [
+	})), [H.items]), ge = m(() => !me || !de.trim() ? H : ct(H, de), [
 		me,
 		H,
 		de
-	]), ye = m(() => _e.items.map((e) => ({
+	]), ve = m(() => ge.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [_e.items]);
+	})), [ge.items]);
 	f(() => {
 		V((e) => {
 			let t = { ...e };
@@ -1135,39 +1135,39 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 			}), t;
 		});
 	}, [he]);
-	let { activeIndex: be, setActiveIndex: xe, isOpen: U, closeDropdown: Se, toggleDropdown: Ce, onKeyDown: we } = ve({
-		items: me ? ye : ge,
+	let { activeIndex: ye, setActiveIndex: be, isOpen: W, closeDropdown: xe, toggleDropdown: Se, onKeyDown: Ce } = _e({
+		items: me ? ve : U,
 		open: t,
 		defaultOpen: i,
 		disabled: w,
 		onOpenChange: a,
-		getItemValue: (e, t) => (me ? _e.items : H.items)[t]?.id ?? "",
+		getItemValue: (e, t) => (me ? ge.items : H.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
 		loop: C
-	}), { floatingStyles: Te, setRef: Ee, setFloatingRef: De } = et({
-		open: U,
+	}), { floatingStyles: we, setRef: Te, setFloatingRef: Ee } = et({
+		open: W,
 		placement: c,
 		matchTriggerWidth: d,
 		avoidCollisions: b,
 		offset: l,
 		mobileSheetBreakpoint: 640
-	}), Oe = u((e) => {
-		k === void 0 && le(e), M?.(e), xe(0);
+	}), De = u((e) => {
+		k === void 0 && le(e), M?.(e), be(0);
 	}, [
 		M,
 		k,
-		xe
-	]), { isTopOverlay: ke } = ue({
-		active: U,
+		be
+	]), { isTopOverlay: Oe } = ue({
+		active: W,
 		id: te
 	});
 	pe({
-		active: U,
+		active: W,
 		enabled: x
 	});
-	let Ae = u(() => {
-		Se(), ne.current?.focus();
-	}, [Se]), je = u((e, t) => {
+	let ke = u(() => {
+		xe(), ne.current?.focus();
+	}, [xe]), Ae = u((e, t) => {
 		if (e.disabled || T) return;
 		if (e.type === "subTrigger") {
 			ae(e.id);
@@ -1178,13 +1178,13 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
 		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && S);
-		!t.defaultPrevented && n && Ae();
+		!t.defaultPrevented && n && ke();
 	}, [
-		Ae,
+		ke,
 		S,
 		T
-	]), Me = u((e) => {
-		let t = _e.items[be];
+	]), je = u((e) => {
+		let t = ge.items[ye];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
 			e.preventDefault(), ae(t.id);
 			return;
@@ -1196,77 +1196,77 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 		if ((e.key === "Enter" || e.key === " ") && t) {
 			e.preventDefault();
 			let n = ot(e);
-			je(t, n);
+			Ae(t, n);
 			return;
 		}
-		we(e), e.key === "Escape" && ne.current?.focus();
+		Ce(e), e.key === "Escape" && ne.current?.focus();
 	}, [
-		be,
-		_e.items,
-		we,
+		ye,
+		ge.items,
+		Ce,
 		ie,
-		je
-	]), W = u((e) => {
-		e.preventDefault(), Ce();
-	}, [Ce]), Fe = u((e) => {
-		ne.current = e, Ee(e);
-	}, [Ee]), G = u((e) => {
-		re.current = e, De(e), e?.focus();
-	}, [De]);
+		Ae
+	]), G = u((e) => {
+		e.preventDefault(), Se();
+	}, [Se]), Pe = u((e) => {
+		ne.current = e, Te(e);
+	}, [Te]), K = u((e) => {
+		re.current = e, Ee(e), e?.focus();
+	}, [Ee]);
 	se({
-		active: U,
+		active: W,
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
 		contentRef: re,
 		ignoreRefs: [ne],
-		isTopOverlay: ke,
-		requestClose: Se
+		isTopOverlay: Oe,
+		requestClose: xe
 	});
-	let Ie = {
-		...Te,
+	let Fe = {
+		...we,
 		minWidth: rt(_),
 		maxWidth: rt(v)
 	};
-	return /* @__PURE__ */ n(Pe, {
+	return /* @__PURE__ */ n(Ne, {
 		value: {
 			disabled: w,
-			isOpen: U,
+			isOpen: W,
 			contentId: te,
 			triggerId: B,
 			triggerClassName: I,
-			setTriggerRef: Fe,
-			onClick: W,
-			onKeyDown: Me
+			setTriggerRef: Pe,
+			onClick: G,
+			onKeyDown: je
 		},
-		children: /* @__PURE__ */ n(Ne, {
+		children: /* @__PURE__ */ n(Me, {
 			value: {
-				activeIndex: be,
+				activeIndex: ye,
 				closeOnSelect: S,
 				color: s,
 				contentId: te,
 				contentProps: H.content?.props,
 				disabled: w,
 				dropdownClassName: R,
-				entries: _e.entries,
+				entries: ge.entries,
 				getItemId: (e) => `${te}-item-${e}`,
-				isOpen: U,
-				items: _e.items,
+				isOpen: W,
+				items: ge.items,
 				loading: T,
 				loadingText: E,
 				noOptionsText: P ?? F,
 				maxWidth: v,
 				minWidth: _,
 				openSubId: ie,
-				onKeyDown: Me,
+				onKeyDown: je,
 				portal: !H.portal && y,
 				radioValues: oe,
 				searchPlaceholder: H.search?.props.placeholder ?? j ?? (O || fe ? "Type a command..." : "Search actions..."),
 				searchProps: H.search?.props,
 				searchValue: de,
 				searchable: me,
-				selectItem: je,
-				setActiveIndex: xe,
-				setContentRef: G,
+				selectItem: Ae,
+				setActiveIndex: be,
+				setContentRef: K,
 				setOpenSubId: ae,
 				setRadioValue: (e, t) => {
 					V((n) => ({
@@ -1274,9 +1274,9 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 						[e]: t
 					}));
 				},
-				setSearchValue: Oe,
+				setSearchValue: De,
 				size: o,
-				surfaceStyle: Ie,
+				surfaceStyle: Fe,
 				triggerId: B
 			},
 			children: /* @__PURE__ */ r("div", {
@@ -1335,7 +1335,7 @@ var lt = I("search", "Dropdown.Search"), ut = I("subContent", "Dropdown.SubConte
 }, mt = (e) => /* @__PURE__ */ n(ht, { ...e });
 mt.__velliraDropdownPart = "trigger", mt.displayName = "Dropdown.Trigger";
 var ht = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
-	let s = W(), c = Fe(), u = t && l(e) ? e : void 0, d = s.disabled || i, f = {
+	let s = G(), c = Pe(), u = t && l(e) ? e : void 0, d = s.disabled || i, f = {
 		id: c.triggerId,
 		ref: u ? nt(u.props.ref, c.setTriggerRef) : c.setTriggerRef,
 		"aria-controls": c.isOpen ? c.contentId : void 0,
@@ -1371,12 +1371,12 @@ var gt = Object.assign(at, {
 	Trigger: mt,
 	Content: Ke,
 	Search: lt,
-	Item: Ie,
+	Item: Fe,
 	CheckboxItem: B,
 	RadioGroup: Ze,
 	RadioItem: Qe,
-	Group: Oe,
-	Label: Ve,
+	Group: De,
+	Label: Be,
 	Separator: We,
 	Sub: ft,
 	SubTrigger: dt,
@@ -1390,8 +1390,8 @@ var gt = Object.assign(at, {
 	Badge: qe,
 	Shortcut: Xe,
 	Arrow: F,
-	Empty: Ee,
-	Loading: q
+	Empty: Te,
+	Loading: Ve
 });
 gt.displayName = "Dropdown";
 //#endregion
@@ -1586,7 +1586,7 @@ Rt.displayName = "ModalOverlay";
 //#endregion
 //#region src/components/Modal/Root/ModalRoot.tsx
 var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a = !0, closeOnEscape: o = !0, closeOnOutsidePress: s = !0, preventScroll: c = !0, restoreFocus: l = !0, trapFocus: d = !0, initialFocus: p, finalFocus: _, onOpenAutoFocus: v, onCloseAutoFocus: y, onEscapeKeyDown: b, onPointerDownOutside: x, onInteractOutside: S, role: C = "dialog", className: w }) => {
-	let T = h(null), { contentId: E, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = ye({
+	let T = h(null), { contentId: E, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = ve({
 		open: t,
 		defaultOpen: r,
 		onOpenChange: i,
@@ -1753,7 +1753,7 @@ var J = {
 		E,
 		S?.describedBy,
 		y
-	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = ge({
+	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = U({
 		value: t,
 		defaultValue: i,
 		onChange: u
@@ -1856,7 +1856,7 @@ var $t = {
 	disabled: "_disabled_1s3vp_160",
 	invalid: "_invalid_1s3vp_176"
 }, en = c(({ value: e, defaultValue: t = "", onValueChange: i, disabled: a = !1, required: o = !1, size: s = "md", color: c = "primary", name: l, label: u, description: d, error: f, orientation: m = "vertical", children: g, className: _, id: v, onKeyDown: y, ...b }, x) => {
-	let S = h(null), C = p(), w = v ?? C, T = u ? `${w}-label` : void 0, E = d ? `${w}-description` : void 0, D = f ? `${w}-error` : void 0, O = [E, D].filter(Boolean).join(" ") || void 0, k = l ?? `${w}-radio`, [A, j] = ge({
+	let S = h(null), C = p(), w = v ?? C, T = u ? `${w}-label` : void 0, E = d ? `${w}-description` : void 0, D = f ? `${w}-error` : void 0, O = [E, D].filter(Boolean).join(" ") || void 0, k = l ?? `${w}-radio`, [A, j] = U({
 		value: e,
 		defaultValue: t,
 		onChange: i
@@ -2232,7 +2232,7 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 			})
 		]
 	});
-	return S ? /* @__PURE__ */ n(we, { children: pe }) : pe;
+	return S ? /* @__PURE__ */ n(Ce, { children: pe }) : pe;
 };
 dn.displayName = "SelectContentSurface";
 function fn(e) {
@@ -2661,106 +2661,106 @@ var Ln = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabl
 Ln.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/Root/SelectRoot.tsx
-var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label": c, "aria-describedby": l, "aria-labelledby": d, value: _, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, 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: ee = "bottom", matchTriggerWidth: B = !0, avoidCollisions: te = !0, portal: ne = !0, open: re, defaultOpen: ie = !1, onOpenChange: ae, onSearch: oe, onClear: V, startIcon: ce, endIcon: le, prefix: de, suffix: H, renderValue: fe, renderOption: me, onBlur: he, onFocus: ge, className: _e, triggerClassName: ve, dropdownClassName: ye }) => {
-	let xe = p(), U = wn(), Se = !!(i || a || z), Ce = o ?? (Se ? void 0 : U?.controlId) ?? xe, we = `${Ce}-listbox`, [Te, Ee] = g(""), De = !!z, Oe = De ? `${Ce}-error` : void 0, ke = a ? `${Ce}-description` : void 0, Ae = D ?? U?.size ?? "md", je = M || De || !Se && !!U?.invalid, Me = j || !Se && !!U?.disabled, Ne = A || !Se && !!U?.required, Pe = [
+var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label": c, "aria-describedby": l, "aria-labelledby": d, value: _, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, 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: ee = "bottom", matchTriggerWidth: B = !0, avoidCollisions: te = !0, portal: ne = !0, open: re, defaultOpen: ie = !1, onOpenChange: ae, onSearch: oe, onClear: V, startIcon: ce, endIcon: le, prefix: de, suffix: H, renderValue: fe, renderOption: me, onBlur: he, onFocus: U, className: ge, triggerClassName: _e, dropdownClassName: ve }) => {
+	let be = p(), W = wn(), xe = !!(i || a || z), Se = o ?? (xe ? void 0 : W?.controlId) ?? be, Ce = `${Se}-listbox`, [we, Te] = g(""), Ee = !!z, De = Ee ? `${Se}-error` : void 0, Oe = a ? `${Se}-description` : void 0, ke = D ?? W?.size ?? "md", Ae = M || Ee || !xe && !!W?.invalid, je = j || !xe && !!W?.disabled, Me = A || !xe && !!W?.required, Ne = [
 		l,
-		!Se && !l ? U?.ariaDescribedBy : void 0,
-		ke,
-		Oe
-	].filter(Boolean).join(" "), W = h(null), Fe = h(null), [G, Ie] = g(!1), Le = F || R, { entries: Re, options: ze } = Mn(e), Be = Pn({
-		options: ze,
-		searchable: Le,
-		searchValue: Te
-	}), { selectedValue: Ve, selectedValues: K, isOpen: q, setIsOpen: He, setSelectedValue: Ue, activeIndex: We, setActiveIndex: Ge, closeDropdown: Ke, toggleDropdown: qe, selectValue: Je, onKeyDown: Ye } = be({
+		!xe && !l ? W?.ariaDescribedBy : void 0,
+		Oe,
+		De
+	].filter(Boolean).join(" "), G = h(null), Pe = h(null), [K, Fe] = g(!1), Ie = F || R, { entries: Le, options: Re } = Mn(e), ze = Pn({
+		options: Re,
+		searchable: Ie,
+		searchValue: we
+	}), { selectedValue: Be, selectedValues: q, isOpen: Ve, setIsOpen: He, setSelectedValue: Ue, activeIndex: We, setActiveIndex: Ge, closeDropdown: Ke, toggleDropdown: qe, selectValue: Je, onKeyDown: Ye } = ye({
 		value: _,
 		defaultValue: v,
 		onValueChange: y,
-		options: Be,
+		options: ze,
 		multiple: b,
 		maxSelected: x,
 		closeOnSelect: S,
-		disabled: Me,
+		disabled: je,
 		open: re,
 		defaultOpen: ie,
 		onOpenChange: ae
-	}), Xe = m(() => ze.find((e) => K.includes(e.value)), [ze, K]), Ze = m(() => ze.filter((e) => K.includes(e.value)), [ze, K]), Qe = !!Xe, $e = Array.isArray(Ve) ? Ve[0] ?? "" : Ve, { floatingStyles: et, setRef: tt, setFloatingRef: nt } = Nn({
-		isOpen: q,
+	}), Xe = m(() => Re.find((e) => q.includes(e.value)), [Re, q]), Ze = m(() => Re.filter((e) => q.includes(e.value)), [Re, q]), Qe = !!Xe, $e = Array.isArray(Be) ? Be[0] ?? "" : Be, { floatingStyles: et, setRef: tt, setFloatingRef: nt } = Nn({
+		isOpen: Ve,
 		onOpenChange: He,
 		placement: ee,
 		matchTriggerWidth: B,
 		avoidCollisions: te
 	}), rt = u((e) => {
-		Je(e), W.current?.focus();
+		Je(e), G.current?.focus();
 	}, [Je]), it = u((e) => {
 		if (!b || e.length === 0) return;
-		let t = e.filter((e) => ze.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => K.includes(e)), r = K.filter((e) => !t.includes(e)).length, i = typeof x == "number" ? Math.max(0, Math.min(t.length, x - r)) : t.length;
+		let t = e.filter((e) => Re.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => q.includes(e)), r = q.filter((e) => !t.includes(e)).length, i = typeof x == "number" ? Math.max(0, Math.min(t.length, x - r)) : t.length;
 		if (n.length > 0 && n.length >= i) {
-			Ue(K.filter((e) => !t.includes(e)));
+			Ue(q.filter((e) => !t.includes(e)));
 			return;
 		}
-		let a = [...K];
+		let a = [...q];
 		for (let e of t) if (!a.includes(e)) {
 			if (typeof x == "number" && a.length >= x) break;
 			a.push(e);
 		}
-		Ue(a), S && (Ke(), W.current?.focus());
+		Ue(a), S && (Ke(), G.current?.focus());
 	}, [
 		Ke,
 		S,
 		x,
 		b,
-		ze,
-		K,
+		Re,
+		q,
 		Ue
 	]), at = u(() => {
-		Je(""), V?.(), W.current?.focus();
+		Je(""), V?.(), G.current?.focus();
 	}, [V, Je]), ot = u(() => {
-		q || Ie(!1), qe();
-	}, [q, qe]), st = u((e) => {
-		zn(e, q) && Ie(!0), Ye(e);
-	}, [q, Ye]), ct = u((e) => {
-		Ie(!0), Ge(e);
+		Ve || Fe(!1), qe();
+	}, [Ve, qe]), st = u((e) => {
+		zn(e, Ve) && Fe(!0), Ye(e);
+	}, [Ve, Ye]), ct = u((e) => {
+		Fe(!0), Ge(e);
 	}, [Ge]), lt = u((e) => {
-		Ee(e), oe?.(e);
+		Te(e), oe?.(e);
 	}, [oe]), { isTopOverlay: ut } = ue({
-		active: q,
-		id: we
+		active: Ve,
+		id: Ce
 	});
 	se({
-		active: q,
+		active: Ve,
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: Fe,
-		ignoreRefs: [W],
+		contentRef: Pe,
+		ignoreRefs: [G],
 		isTopOverlay: ut,
 		requestClose: Ke
 	}), f(() => {
-		q || Ie(!1);
-	}, [q]), f(() => {
-		!q && Te && Ee("");
-	}, [q, Te]), pe({
-		active: q,
+		Ve || Fe(!1);
+	}, [Ve]), f(() => {
+		!Ve && we && Te("");
+	}, [Ve, we]), pe({
+		active: Ve,
 		enabled: L
 	});
 	let dt = u((e) => {
-		W.current = e, tt(e);
+		G.current = e, tt(e);
 	}, [tt]), ft = u((e) => {
-		Fe.current = e, nt(e);
-	}, [nt]), pt = fe ? fe(Xe) : b && Ze.length ? Ze.map((e) => e.label).join(", ") : Xe?.label ?? C, mt = w ?? E ?? "No options available", ht = P && K.length > 0 && !Me && !N, gt = {
-		id: Ce,
-		describedBy: Pe || void 0,
+		Pe.current = e, nt(e);
+	}, [nt]), pt = fe ? fe(Xe) : b && Ze.length ? Ze.map((e) => e.label).join(", ") : Xe?.label ?? C, mt = w ?? E ?? "No options available", ht = P && q.length > 0 && !je && !N, gt = {
+		id: Se,
+		describedBy: Ne || void 0,
 		labelledBy: c ? void 0 : d,
-		isOpen: q,
-		disabled: Me,
-		required: Ne,
-		listboxId: we,
+		isOpen: Ve,
+		disabled: je,
+		required: Me,
+		listboxId: Ce,
 		activeIndex: We,
-		ariaLabel: c ?? (!i && !U?.labelId ? Xe?.label || C : void 0),
-		error: je,
+		ariaLabel: c ?? (!i && !W?.labelId ? Xe?.label || C : void 0),
+		error: Ae,
 		loading: N,
 		displayText: pt,
 		isPlaceholder: !Qe,
-		size: Ae,
+		size: ke,
 		color: O,
 		variant: k,
 		startIcon: ce,
@@ -2768,52 +2768,52 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		prefix: de,
 		suffix: H,
 		clearable: ht,
-		className: ve,
+		className: _e,
 		buttonRef: dt,
 		onClear: at,
 		onClick: ot,
 		onKeyDown: st,
 		onBlur: he,
-		onFocus: ge
+		onFocus: U
 	}, _t = {
-		isOpen: q,
-		listboxId: we,
-		labelledById: Ce,
+		isOpen: Ve,
+		listboxId: Ce,
+		labelledById: Se,
 		style: et,
-		options: Be,
-		entries: Le || Te ? void 0 : Re,
+		options: ze,
+		entries: Ie || we ? void 0 : Le,
 		multiple: b,
 		color: O,
 		variant: k,
-		searchable: Le,
+		searchable: Ie,
 		command: R,
 		virtual: I,
 		portal: ne,
-		searchValue: Te,
+		searchValue: we,
 		loading: N,
 		loadingText: T,
 		noOptionsText: mt,
 		renderOption: me,
 		selectedValue: $e,
-		selectedValues: K,
+		selectedValues: q,
 		activeIndex: We,
-		visualActiveIndex: G ? We : -1,
-		className: ye,
+		visualActiveIndex: K ? We : -1,
+		className: ve,
 		setDropdownRef: ft,
 		onSelect: rt,
 		onSelectGroup: it,
 		onMouseEnter: ct,
 		onSearchChange: lt
-	}, vt = /* @__PURE__ */ r(t, { children: [s && b && K.length > 0 && /* @__PURE__ */ n(t, { children: K.map((e) => /* @__PURE__ */ n("input", {
+	}, vt = /* @__PURE__ */ r(t, { children: [s && b && q.length > 0 && /* @__PURE__ */ n(t, { children: q.map((e) => /* @__PURE__ */ n("input", {
 		type: "hidden",
 		name: s,
 		value: e,
-		disabled: Me
+		disabled: je
 	}, e)) }), s && !b && /* @__PURE__ */ n("input", {
 		type: "hidden",
 		name: s,
 		value: $e,
-		disabled: Me
+		disabled: je
 	})] }), yt = kn(e), bt = /* @__PURE__ */ r(rn, {
 		value: {
 			triggerProps: gt,
@@ -2831,15 +2831,15 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 			/* @__PURE__ */ n(dn, { ..._t })
 		]
 	});
-	return !Se && U ? e ? bt : xt : /* @__PURE__ */ n(Dn, {
-		id: Ce,
+	return !xe && W ? e ? bt : xt : /* @__PURE__ */ n(Dn, {
+		id: Se,
 		label: i,
 		description: a,
 		error: z,
-		required: Ne,
-		disabled: Me,
+		required: Me,
+		disabled: je,
 		bindControl: !1,
-		className: _e,
+		className: ge,
 		children: e ? bt : xt
 	});
 };
@@ -2983,13 +2983,13 @@ var Zn = {
 	tabs: "_tabs_uqy7q_1",
 	vertical: "_vertical_uqy7q_5"
 }, Qn = ({ children: e, activeIndex: t, defaultActiveIndex: r = 0, onChange: i, orientation: a = "horizontal", appearance: o = "default", className: s }) => {
-	let { activeIndex: c, setActiveIndex: l } = xe({
+	let { activeIndex: c, setActiveIndex: l } = be({
 		activeIndex: t,
 		defaultActiveIndex: r,
 		onChange: i
 	}), d = h([]), f = u((e, t) => {
 		d.current[e] = t;
-	}, []), { onKeyDown: p } = U({
+	}, []), { onKeyDown: p } = W({
 		activeIndex: c,
 		setActiveIndex: l,
 		tabRefs: d,
@@ -3020,81 +3020,235 @@ var $n = Object.assign(Qn, {
 	List: Kn,
 	Tab: Xn,
 	Panel: Jn
-}), er = {
-	tooltip: "_tooltip_10opu_1",
-	arrow: "_arrow_10opu_25"
-}, tr = c(({ content: e, placement: t = "top", arrowRef: i, arrowX: a, arrowY: o, className: s, style: c, ...l }, u) => {
-	let d = {
+}), er = s(null), tr = s({
+	delay: {
+		open: 300,
+		close: 100
+	},
+	skipDelay: 300
+}), nr = er.Provider, rr = ({ children: e, delay: t = 700, skipDelay: r = 300 }) => {
+	let i = typeof t == "number" ? {
+		open: t,
+		close: 100
+	} : t;
+	return /* @__PURE__ */ n(tr.Provider, {
+		value: {
+			delay: i,
+			skipDelay: r
+		},
+		children: e
+	});
+};
+function ir() {
+	let e = d(er);
+	if (!e) throw Error("Tooltip compound components must be rendered inside Tooltip");
+	return e;
+}
+function ar() {
+	return d(tr);
+}
+var or = {
+	tooltip: "_tooltip_v99mt_1",
+	neutral: "_neutral_v99mt_22",
+	sm: "_sm_v99mt_28",
+	arrow: "_arrow_v99mt_34"
+}, sr = ({ className: e, style: t, ...r }) => {
+	let i = ir(), a = {
 		top: "bottom",
 		right: "left",
 		bottom: "top",
 		left: "right"
-	}[t.split("-")[0]], f = {
-		position: "absolute",
-		pointerEvents: "none",
-		left: a == null ? "" : `${a}px`,
-		top: o == null ? "" : `${o}px`,
-		[d]: "-5px"
+	}[i.placement.split("-")[0]];
+	return /* @__PURE__ */ n("div", {
+		...r,
+		ref: i.arrowRef,
+		className: N(or.arrow, e),
+		style: {
+			left: i.arrowX == null ? void 0 : `${i.arrowX}px`,
+			top: i.arrowY == null ? void 0 : `${i.arrowY}px`,
+			[a]: "-5px",
+			...t
+		}
+	});
+};
+sr.displayName = "Tooltip.Arrow";
+//#endregion
+//#region src/components/Tooltip/internal/composeEventHandlers.ts
+function cr(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t?.(n);
 	};
-	return /* @__PURE__ */ r("div", {
-		ref: u,
-		className: N(er.tooltip, s),
-		"data-placement": t,
-		"data-state": "open",
-		style: c,
-		...l,
-		children: [e, /* @__PURE__ */ n("div", {
-			ref: i,
-			className: er.arrow,
-			style: f
-		})]
+}
+function lr(...e) {
+	return (t) => {
+		e.forEach((e) => {
+			if (e) {
+				if (typeof e == "function") {
+					e(t);
+					return;
+				}
+				e.current = t;
+			}
+		});
+	};
+}
+//#endregion
+//#region src/components/Tooltip/Content/TooltipContent.tsx
+var ur = c(({ children: e, color: t = "neutral", size: r = "sm", forceMount: i = !1, className: a, style: o, ...s }, c) => {
+	let l = ir();
+	return !i && !l.open ? null : /* @__PURE__ */ n("div", {
+		...l.getContentProps({
+			id: l.contentId,
+			role: "tooltip",
+			...s
+		}),
+		ref: lr(c, l.setContentRef),
+		className: N(or.tooltip, or[t], or[r], a),
+		"data-placement": l.placement,
+		"data-state": l.open ? "open" : "closed",
+		style: {
+			...l.floatingStyles,
+			...o
+		},
+		children: e
 	});
 });
-tr.displayName = "TooltipContent";
+ur.displayName = "Tooltip.Content";
 //#endregion
-//#region src/components/Tooltip/Tooltip.tsx
-var nr = ({ children: e, placement: i = "top", content: a, disabled: o = !1, delay: s = {
-	open: 300,
-	close: 100
-}, maxWidth: c = 250, className: l, onOpenChange: u }) => {
-	let [d, f] = g(!1), m = h(null), _ = p(), { context: v, floatingStyles: y, middlewareData: b, setRef: x, setFloatingRef: S, placement: w } = et({
-		open: d,
-		onOpenChange: (e) => {
-			o || (f(e), u?.(e));
+//#region src/components/Tooltip/internal/useTooltipDelay.ts
+function dr(e, t) {
+	let n = ar();
+	return e == null ? n.delay : typeof e == "number" ? {
+		open: e,
+		close: n.delay.close
+	} : {
+		open: e.open ?? n.delay.open,
+		close: e.close ?? n.delay.close
+	};
+}
+//#endregion
+//#region src/components/Tooltip/internal/useTooltipInteractions.ts
+function fr({ context: e, delay: t, disabled: n, interactive: r }) {
+	return M([j(e, {
+		delay: t,
+		enabled: !n,
+		move: !1,
+		handleClose: r ? void 0 : null
+	}), A(e, { enabled: !n })]);
+}
+//#endregion
+//#region src/components/Tooltip/internal/useTooltipPosition.ts
+function pr({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions: i, matchTriggerWidth: a }) {
+	let o = h(null), s = et({
+		open: e,
+		onOpenChange: t,
+		placement: n,
+		offset: r,
+		avoidCollisions: i,
+		matchTriggerWidth: a,
+		middleware: [C({ element: o })]
+	});
+	return {
+		...s,
+		arrowRef: o,
+		arrowX: s.middlewareData.arrow?.x,
+		arrowY: s.middlewareData.arrow?.y
+	};
+}
+//#endregion
+//#region src/components/Tooltip/Root/TooltipRoot.tsx
+var mr = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, placement: a = "top", offset: o = 8, delay: s, skipDelay: c, disabled: l = !1, interactive: u = !1, avoidCollisions: d = !0, matchTriggerWidth: f = !1, modal: m = !1 }) => {
+	let g = `${p()}-content`, _ = h(null), v = h(null), [y, b] = U({
+		value: t,
+		defaultValue: r,
+		onChange: i
+	}), x = (e) => {
+		l || b(e);
+	}, S = pr({
+		open: y,
+		onOpenChange: x,
+		placement: a,
+		offset: o,
+		avoidCollisions: d,
+		matchTriggerWidth: f
+	}), C = dr(s, c), w = fr({
+		context: S.context,
+		delay: C,
+		disabled: l,
+		interactive: u
+	}), { isTopOverlay: T } = ue({
+		active: y,
+		id: g
+	});
+	return se({
+		active: y,
+		contentRef: _,
+		ignoreRefs: [v],
+		closeOnEscape: !0,
+		closeOnOutsidePress: !u,
+		isTopOverlay: T,
+		requestClose: () => x(!1)
+	}), /* @__PURE__ */ n(nr, {
+		value: {
+			contentId: g,
+			open: y,
+			disabled: l,
+			interactive: u,
+			contentRef: _,
+			arrowRef: S.arrowRef,
+			arrowX: S.arrowX,
+			arrowY: S.arrowY,
+			placement: S.placement,
+			floatingStyles: S.floatingStyles,
+			setOpen: x,
+			setTriggerRef: lr(v, S.setRef),
+			setContentRef: lr(_, S.setFloatingRef),
+			getTriggerProps: w.getReferenceProps,
+			getContentProps: w.getFloatingProps
 		},
-		placement: i,
-		middleware: [C({ element: m })]
-	}), T = b.arrow?.x, E = b.arrow?.y, { getReferenceProps: D, getFloatingProps: O } = M([j(v, { delay: {
-		open: s.open,
-		close: s.close
-	} }), A(v)]);
-	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
-		ref: x,
-		style: { display: "inline-flex" },
-		"aria-describedby": d ? _ : void 0,
-		...D(),
 		children: e
-	}), /* @__PURE__ */ n(we, { children: d && a && /* @__PURE__ */ n(tr, {
-		id: _,
-		ref: S,
-		content: a,
-		arrowRef: m,
-		arrowX: T,
-		arrowY: E,
-		role: "tooltip",
-		style: {
-			...y,
-			maxWidth: typeof c == "number" ? `${c}px` : c
-		},
-		placement: w,
-		className: l,
-		...O()
-	}) })] });
+	});
 };
-nr.displayName = "Tooltip";
+mr.displayName = "Tooltip.Root";
+//#endregion
+//#region src/components/Tooltip/Trigger/TooltipTrigger.tsx
+var hr = ({ asChild: e = !1, children: t, disabled: r = !1, className: i, ...a }) => {
+	let s = ir(), c = e && l(t) ? t : void 0, u = s.disabled || r || c?.props.disabled, d = s.getTriggerProps({
+		...a,
+		"aria-describedby": s.open ? s.contentId : void 0,
+		"aria-disabled": u || void 0,
+		"data-state": s.open ? "open" : "closed"
+	}), f = {
+		...d,
+		ref: c ? lr(c.props.ref, s.setTriggerRef) : s.setTriggerRef,
+		className: N(c?.props.className, i),
+		disabled: u || void 0,
+		onMouseEnter: cr(c?.props.onMouseEnter, d.onMouseEnter),
+		onMouseLeave: cr(c?.props.onMouseLeave, d.onMouseLeave),
+		onPointerEnter: cr(c?.props.onPointerEnter, d.onPointerEnter),
+		onPointerLeave: cr(c?.props.onPointerLeave, d.onPointerLeave),
+		onFocus: cr(c?.props.onFocus, d.onFocus),
+		onBlur: cr(c?.props.onBlur, d.onBlur)
+	};
+	return c ? o(c, f) : /* @__PURE__ */ n("button", {
+		type: "button",
+		...f,
+		children: t
+	});
+};
+hr.displayName = "Tooltip.Trigger";
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+var gr = Object.assign(mr, {
+	Trigger: hr,
+	Content: ur,
+	Arrow: sr,
+	Provider: rr
+});
+gr.displayName = "Tooltip";
 //#endregion
 //#region src/utils/devWarning.ts
-var rr = (e, t) => {
+var _r = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, Z = {
 	button: "_button_1b73n_1",
@@ -3124,14 +3278,14 @@ var rr = (e, t) => {
 	"button-spin": "_button-spin_1b73n_1",
 	badge: "_badge_1b73n_812",
 	shortcut: "_shortcut_1b73n_826"
-}, ir = c(({ children: e, color: i = "primary", appearance: a = "solid", size: s = "md", shape: c = "pill", type: u = "button", disabled: d = !1, loading: f = !1, loadingText: p, iconStart: m, iconEnd: h, spinner: g, badge: _, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: P, ...F }, I) => {
+}, vr = c(({ children: e, color: i = "primary", appearance: a = "solid", size: s = "md", shape: c = "pill", type: u = "button", disabled: d = !1, loading: f = !1, loadingText: p, iconStart: m, iconEnd: h, spinner: g, badge: _, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: P, ...F }, I) => {
 	let L = S && l(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(m || h), ee = !!(T || E || L?.props["aria-label"] || L?.props["aria-labelledby"]), B = d || f, te = f && p ? p : R, ne = p && R && !z && (typeof R == "string" || typeof R == "number") && (typeof p == "string" || typeof p == "number") ? String(f ? R : p) : void 0, re = O === "_blank" && !k ? "noreferrer noopener" : k, ie = N(Z.button, Z[i], Z[a], Z[s], Z[c], C, {
 		[Z.disabled]: B,
 		[Z.loading]: f,
 		[Z.fullWidth]: b,
 		[Z.iconOnly]: z
 	});
-	rr(!S || !D, "Button: pass href to the child element when using asChild."), rr(!S || !!L, "Button: asChild requires a single valid React element child."), rr(!z || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
+	_r(!S || !D, "Button: pass href to the child element when using asChild."), _r(!S || !!L, "Button: asChild requires a single valid React element child."), _r(!z || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
 	let ae = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}, oe = (e) => {
@@ -3221,7 +3375,7 @@ var rr = (e, t) => {
 		children: V
 	});
 });
-ir.displayName = "Button";
+vr.displayName = "Button";
 var Q = {
 	wrapper: "_wrapper_1kk5v_1",
 	colorPrimary: "_colorPrimary_1kk5v_27",
@@ -3257,30 +3411,30 @@ var Q = {
 	"checkbox-checkmark-in": "_checkbox-checkmark-in_1kk5v_1",
 	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_1kk5v_1",
 	disabled: "_disabled_1kk5v_361"
-}, ar = {
+}, yr = {
 	sm: Q.labelSm,
 	md: Q.labelMd,
 	lg: Q.labelLg
-}, or = {
+}, br = {
 	sm: Q.wrapperSm,
 	md: Q.wrapperMd,
 	lg: Q.wrapperLg
-}, sr = {
+}, xr = {
 	sm: Q.containerSm,
 	md: Q.containerMd,
 	lg: Q.containerLg
-}, cr = {
+}, Sr = {
 	primary: Q.colorPrimary,
 	neutral: Q.colorNeutral,
 	success: Q.colorSuccess,
 	warning: Q.colorWarning,
 	danger: Q.colorDanger
-}, lr = c(({ id: e, label: t, description: i, icon: a, indeterminateIcon: o, checked: s, size: c = "md", color: l = "primary", labelPosition: d = "end", defaultChecked: m = !1, disabled: g = !1, required: _ = !1, indeterminate: y = !1, className: b, wrapperClassName: x, onCheckedChange: S, error: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
+}, Cr = c(({ id: e, label: t, description: i, icon: a, indeterminateIcon: o, checked: s, size: c = "md", color: l = "primary", labelPosition: d = "end", defaultChecked: m = !1, disabled: g = !1, required: _ = !1, indeterminate: y = !1, className: b, wrapperClassName: x, onCheckedChange: S, error: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
 	let k = p(), A = e ?? k, j = h(null), M = !!C, P = i ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
 		E,
 		P,
 		F
-	].filter(Boolean).join(" "), [L, R] = ge({
+	].filter(Boolean).join(" "), [L, R] = U({
 		value: s,
 		defaultValue: m,
 		onChange: S
@@ -3297,12 +3451,12 @@ var Q = {
 	let ee = (e) => {
 		R(e.target.checked);
 	};
-	return rr(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ r("div", {
-		className: N(Q.container, sr[c], d === "start" && Q.containerLabelStart, b),
+	return _r(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ r("div", {
+		className: N(Q.container, xr[c], d === "start" && Q.containerLabelStart, b),
 		children: [
 			/* @__PURE__ */ r("label", {
 				htmlFor: A,
-				className: N(Q.wrapper, or[c], cr[l], d === "start" && Q.labelStart, !t && Q.iconOnly, g && Q.disabled, x),
+				className: N(Q.wrapper, br[c], Sr[l], d === "start" && Q.labelStart, !t && Q.iconOnly, g && Q.disabled, x),
 				children: [
 					/* @__PURE__ */ n("input", {
 						...D,
@@ -3332,7 +3486,7 @@ var Q = {
 						})
 					}),
 					t && /* @__PURE__ */ r("span", {
-						className: N(Q.label, ar[c]),
+						className: N(Q.label, yr[c]),
 						children: [t, _ && /* @__PURE__ */ n("span", {
 							className: Q.requiredMark,
 							"aria-hidden": "true",
@@ -3354,7 +3508,7 @@ var Q = {
 		]
 	});
 });
-lr.displayName = "Checkbox";
+Cr.displayName = "Checkbox";
 var $ = {
 	inputGroup: "_inputGroup_1fjhk_1",
 	primary: "_primary_1fjhk_29",
@@ -3396,7 +3550,7 @@ var $ = {
 	toneDanger: "_toneDanger_1fjhk_876",
 	toneMuted: "_toneMuted_1fjhk_880",
 	toneInverse: "_toneInverse_1fjhk_884"
-}, ur = {
+}, wr = {
 	default: $.toneDefault,
 	primary: $.tonePrimary,
 	secondary: $.toneSecondary,
@@ -3404,7 +3558,7 @@ var $ = {
 	danger: $.toneDanger,
 	muted: $.toneMuted,
 	inverse: $.toneInverse
-}, dr = (e = "text", t) => {
+}, Tr = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -3414,7 +3568,7 @@ var $ = {
 		case "search": return "off";
 		default: return;
 	}
-}, fr = (e, t) => {
+}, Er = (e, t) => {
 	let n = e.replace(/\D/g, ""), r = 0, i = "";
 	for (let e of t) {
 		if (e === "#") {
@@ -3426,39 +3580,39 @@ var $ = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, pr = (e, t) => t ? typeof t == "function" ? t(e) : fr(e, t) : e, mr = c(({ id: e, label: i, name: a, description: o, placeholder: s, value: c, defaultValue: l, type: d = "text", size: f, color: m = "primary", variant: _ = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: C = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: P, endIcon: F, startAddon: I, endAddon: L, prefix: R, suffix: z, clearIcon: ee, mask: B, format: te, parse: ne, startIconTone: re = "default", endIconTone: ie = "default", clearIconTone: ae = "danger", autoFocus: oe, maxLength: V, onMouseEnter: se, onMouseLeave: ce, "aria-describedby": le, "aria-invalid": ue, "aria-labelledby": de, ...H }, fe) => {
-	let pe = p(), me = wn(), he = !!(i || o || v), ge = e ?? (he ? void 0 : me?.controlId) ?? pe, _e = h(null), [ve, ye] = g(!1), [be, xe] = g(l ?? ""), U = c !== void 0, Se = String((U ? c : be) ?? ""), Ce = te ? te(Se) : Se, we = Se.length > 0, Te = f ?? me?.size ?? "md", Ee = y || !!v || !he && !!me?.invalid, De = b || !he && !!me?.disabled, Oe = x || !he && !!me?.required, ke = D || C, Ae = d === "password", je = Ae && j && ve ? "text" : d, Me = P ?? (d === "search" ? /* @__PURE__ */ n(S, {}) : null), Ne = F, Pe = dr(d, E), W = C && !De, Fe = O && we && !De && !ke && !W, G = j && Ae && !De && !W && !Fe, Ie = !W && !Fe && !G && !!Ne, Le = !!(M && V), Re = o ? `${ge}-description` : void 0, ze = v ? `${ge}-error` : void 0, Be = Le ? `${ge}-counter` : void 0, Ve = [
+}, Dr = (e, t) => t ? typeof t == "function" ? t(e) : Er(e, t) : e, Or = c(({ id: e, label: i, name: a, description: o, placeholder: s, value: c, defaultValue: l, type: d = "text", size: f, color: m = "primary", variant: _ = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: C = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: P, endIcon: F, startAddon: I, endAddon: L, prefix: R, suffix: z, clearIcon: ee, mask: B, format: te, parse: ne, startIconTone: re = "default", endIconTone: ie = "default", clearIconTone: ae = "danger", autoFocus: oe, maxLength: V, onMouseEnter: se, onMouseLeave: ce, "aria-describedby": le, "aria-invalid": ue, "aria-labelledby": de, ...H }, fe) => {
+	let pe = p(), me = wn(), he = !!(i || o || v), U = e ?? (he ? void 0 : me?.controlId) ?? pe, ge = h(null), [_e, ve] = g(!1), [ye, be] = g(l ?? ""), W = c !== void 0, xe = String((W ? c : ye) ?? ""), Se = te ? te(xe) : xe, Ce = xe.length > 0, we = f ?? me?.size ?? "md", Te = y || !!v || !he && !!me?.invalid, Ee = b || !he && !!me?.disabled, De = x || !he && !!me?.required, Oe = D || C, ke = d === "password", Ae = ke && j && _e ? "text" : d, je = P ?? (d === "search" ? /* @__PURE__ */ n(S, {}) : null), Me = F, Ne = Tr(d, E), G = C && !Ee, Pe = O && Ce && !Ee && !Oe && !G, K = j && ke && !Ee && !G && !Pe, Fe = !G && !Pe && !K && !!Me, Ie = !!(M && V), Le = o ? `${U}-description` : void 0, Re = v ? `${U}-error` : void 0, ze = Ie ? `${U}-counter` : void 0, Be = [
 		le,
 		!he && !le ? me?.ariaDescribedBy : void 0,
+		Le,
 		Re,
-		ze,
-		Be
-	].filter(Boolean).join(" "), K = ee ?? "×", q = !!(Me || R), He = !!(Ne || z || Fe || G || W), Ue = !!(Me && R), We = !!(Ne && z), Ge = !!(I || L), Ke = u((e) => {
-		if (_e.current = e, typeof fe == "function") {
+		ze
+	].filter(Boolean).join(" "), q = ee ?? "×", Ve = !!(je || R), He = !!(Me || z || Pe || K || G), Ue = !!(je && R), We = !!(Me && z), Ge = !!(I || L), Ke = u((e) => {
+		if (ge.current = e, typeof fe == "function") {
 			fe(e);
 			return;
 		}
 		fe && (fe.current = e);
 	}, [fe]), qe = u((e) => {
-		let t = pr(ne ? ne(e.target.value) : e.target.value, B);
-		U || xe(t), A?.(t);
+		let t = Dr(ne ? ne(e.target.value) : e.target.value, B);
+		W || be(t), A?.(t);
 	}, [
-		U,
+		W,
 		B,
 		A,
 		ne
 	]), Je = u(() => {
-		U || xe(""), A?.(""), k?.(), _e.current?.focus();
+		W || be(""), A?.(""), k?.(), ge.current?.focus();
 	}, [
-		U,
+		W,
 		k,
 		A
 	]), Ye = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
 		className: N($.inputGroup, $[_], $[m], {
 			[$.hasAddons]: Ge,
-			[$.isDisabled]: De,
-			[$.isInvalid]: Ee,
-			[$.isLoading]: W
+			[$.isDisabled]: Ee,
+			[$.isInvalid]: Te,
+			[$.isLoading]: G
 		}),
 		children: [
 			I && /* @__PURE__ */ n("span", {
@@ -3467,16 +3621,16 @@ var $ = {
 			}),
 			/* @__PURE__ */ r("div", {
 				className: N($.inputWrapper, {
-					[$.hasLeftAdornment]: q,
+					[$.hasLeftAdornment]: Ve,
 					[$.hasRightAdornment]: He,
 					[$.hasStartIconAndPrefix]: Ue,
 					[$.hasEndIconAndSuffix]: We
 				}),
 				children: [
-					Me && /* @__PURE__ */ n("span", {
+					je && /* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
-						className: N($.startAdornment, ur[re]),
-						children: Me
+						className: N($.startAdornment, wr[re]),
+						children: je
 					}),
 					R && /* @__PURE__ */ n("span", {
 						className: $.prefix,
@@ -3485,22 +3639,22 @@ var $ = {
 					/* @__PURE__ */ n("input", {
 						...H,
 						ref: Ke,
-						id: ge,
+						id: U,
 						name: a,
-						type: je,
-						autoComplete: Pe,
-						className: N($.input, $[Te], { [$.error]: Ee }, w),
-						value: Ce,
+						type: Ae,
+						autoComplete: Ne,
+						className: N($.input, $[we], { [$.error]: Te }, w),
+						value: Se,
 						onChange: qe,
 						placeholder: s,
-						disabled: De,
-						readOnly: ke,
-						required: Oe,
+						disabled: Ee,
+						readOnly: Oe,
+						required: De,
 						autoFocus: oe,
 						maxLength: V,
-						"aria-invalid": Ee ? !0 : ue,
+						"aria-invalid": Te ? !0 : ue,
 						"aria-labelledby": de ?? (he ? void 0 : me?.ariaLabelledBy),
-						"aria-describedby": Ve || void 0,
+						"aria-describedby": Be || void 0,
 						"aria-busy": C || void 0,
 						onMouseEnter: se,
 						onMouseLeave: ce
@@ -3512,29 +3666,29 @@ var $ = {
 					/* @__PURE__ */ r("div", {
 						className: $.endSlot,
 						children: [
-							W && /* @__PURE__ */ n("span", {
+							G && /* @__PURE__ */ n("span", {
 								className: $.spinner,
 								"aria-hidden": "true",
 								"data-testid": "input-spinner"
 							}),
-							G && /* @__PURE__ */ n("button", {
+							K && /* @__PURE__ */ n("button", {
 								type: "button",
 								className: $.iconButton,
-								onClick: () => ye((e) => !e),
-								"aria-label": ve ? "Hide password" : "Show password",
-								children: ve ? "Hide" : "Show"
+								onClick: () => ve((e) => !e),
+								"aria-label": _e ? "Hide password" : "Show password",
+								children: _e ? "Hide" : "Show"
 							}),
-							Fe && /* @__PURE__ */ n("button", {
+							Pe && /* @__PURE__ */ n("button", {
 								type: "button",
-								className: N($.clearButton, ur[ae]),
+								className: N($.clearButton, wr[ae]),
 								onClick: Je,
 								"aria-label": "Clear input",
-								children: K
+								children: q
 							}),
-							Ie && Ne && /* @__PURE__ */ n("span", {
+							Fe && Me && /* @__PURE__ */ n("span", {
 								"aria-hidden": "true",
-								className: N($.endAdornment, ur[ie]),
-								children: Ne
+								className: N($.endAdornment, wr[ie]),
+								children: Me
 							})
 						]
 					})
@@ -3545,38 +3699,38 @@ var $ = {
 				children: L
 			})
 		]
-	}), Le && /* @__PURE__ */ r("div", {
-		id: Be,
+	}), Ie && /* @__PURE__ */ r("div", {
+		id: ze,
 		className: $.counter,
 		children: [
-			Se.length,
+			xe.length,
 			" / ",
 			V
 		]
 	})] });
 	return !he && me ? Ye : /* @__PURE__ */ n(Dn, {
-		id: ge,
+		id: U,
 		label: i,
 		description: o,
 		error: v,
-		required: Oe,
-		disabled: De,
-		invalid: Ee,
-		size: Te,
+		required: De,
+		disabled: Ee,
+		invalid: Te,
+		size: we,
 		className: T,
 		bindControl: !1,
 		children: Ye
 	});
 });
-mr.displayName = "Input";
+Or.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var hr = s(null), gr = (e) => e === "highContrast" ? "high-contrast" : e, _r = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, children: i }) => {
-	let [a, o] = ge({
+var kr = s(null), Ar = (e) => e === "highContrast" ? "high-contrast" : e, jr = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, children: i }) => {
+	let [a, o] = U({
 		value: e,
 		defaultValue: t,
 		onChange: r
-	}), s = gr(a);
+	}), s = Ar(a);
 	f(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
@@ -3592,7 +3746,7 @@ var hr = s(null), gr = (e) => e === "highContrast" ? "high-contrast" : e, _r = (
 		theme: a,
 		setTheme: o
 	}), [a, o]);
-	return /* @__PURE__ */ n(hr.Provider, {
+	return /* @__PURE__ */ n(kr.Provider, {
 		value: c,
 		children: /* @__PURE__ */ n("div", {
 			"data-vellira-theme": s,
@@ -3600,13 +3754,13 @@ var hr = s(null), gr = (e) => e === "highContrast" ? "high-contrast" : e, _r = (
 		})
 	});
 };
-_r.displayName = "ThemeProvider";
+jr.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function vr() {
-	let e = d(hr);
+function Mr() {
+	let e = d(kr);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { ir as Button, lr as Checkbox, gt as Dropdown, Dn as FormField, mr as Input, Vt as Modal, we as Portal, Ce as PortalProvider, Kt as Radio, tn as RadioGroup, Hn as Select, $n as Tabs, _r as ThemeProvider, nr as Tooltip, vr as useTheme };
+export { vr as Button, Cr as Checkbox, gt as Dropdown, Dn as FormField, Or as Input, Vt as Modal, Ce as Portal, Se as PortalProvider, Kt as Radio, tn as RadioGroup, Hn as Select, $n as Tabs, jr as ThemeProvider, gr as Tooltip, Mr as useTheme };