@vellira-ui/react 2.37.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,
@@ -1713,92 +1713,234 @@ var Vt = Object.assign(zt, {
 });
 Vt.displayName = "Modal";
 //#endregion
-//#region src/components/RadioGroup/RadioGroupContext.ts
+//#region src/components/RadioGroup/internal/RadioGroupContext.tsx
 var Ht = s(null), Ut = Ht.Provider;
 function Wt() {
 	return d(Ht);
 }
-var Gt = {
-	root: "_root_1n02e_1",
-	label: "_label_1n02e_9",
-	required: "_required_1n02e_21",
-	description: "_description_1n02e_26",
-	items: "_items_1n02e_34",
-	vertical: "_vertical_1n02e_39",
-	horizontal: "_horizontal_1n02e_45",
-	error: "_error_1n02e_51",
-	disabled: "_disabled_1n02e_59",
-	invalid: "_invalid_1n02e_75"
-}, Kt = 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: h, className: g, id: _, ...v }, y) => {
-	let b = p(), x = _ ?? b, S = u ? `${x}-label` : void 0, C = d ? `${x}-description` : void 0, w = f ? `${x}-error` : void 0, T = [C, w].filter(Boolean).join(" ") || void 0, E = l ?? `${x}-radio`, [D, O] = ge({
+var J = {
+	root: "_root_1avxs_1",
+	invalid: "_invalid_1avxs_27",
+	control: "_control_1avxs_27",
+	label: "_label_1avxs_30",
+	wrapper: "_wrapper_1avxs_33",
+	input: "_input_1avxs_34",
+	disabled: "_disabled_1avxs_37",
+	description: "_description_1avxs_45",
+	colorPrimary: "_colorPrimary_1avxs_49",
+	colorNeutral: "_colorNeutral_1avxs_65",
+	colorSuccess: "_colorSuccess_1avxs_81",
+	colorWarning: "_colorWarning_1avxs_97",
+	colorDanger: "_colorDanger_1avxs_113",
+	sm: "_sm_1avxs_129",
+	md: "_md_1avxs_138",
+	lg: "_lg_1avxs_147",
+	indicator: "_indicator_1avxs_202",
+	customIcon: "_customIcon_1avxs_216",
+	"radio-pop": "_radio-pop_1avxs_1",
+	"radio-indicator-in": "_radio-indicator-in_1avxs_1",
+	content: "_content_1avxs_339",
+	error: "_error_1avxs_356"
+}, Gt = {
+	primary: J.colorPrimary,
+	neutral: J.colorNeutral,
+	success: J.colorSuccess,
+	warning: J.colorWarning,
+	danger: J.colorDanger
+}, Kt = c(({ value: e, checked: t, defaultChecked: i = !1, disabled: a = !1, required: o = !1, size: s, color: c, error: l, onCheckedChange: u, label: d, description: f, icon: m, wrapperClassName: h, className: g, id: _, name: v, "aria-describedby": y, ...b }, x) => {
+	let S = Wt(), C = p(), w = _ ?? C, T = f ? `${w}-description` : void 0, E = l ? `${w}-error` : void 0, D = [
+		T,
+		E,
+		S?.describedBy,
+		y
+	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = U({
+		value: t,
+		defaultValue: i,
+		onChange: u
+	}), j = O ? S.value === e : k, M = !!S?.disabled || a, P = !!S?.required || o, F = S?.name ?? v, I = !!(l || S?.invalid), L = s ?? S?.size ?? "md", R = c ?? S?.color ?? "primary", z = (t) => {
+		if (!M) {
+			if (O) {
+				S.onValueChange(e);
+				return;
+			}
+			A(t.currentTarget.checked);
+		}
+	};
+	return /* @__PURE__ */ r("div", {
+		className: N(J.root, J[L], I && J.invalid, M && J.disabled, Gt[R], g),
+		children: [/* @__PURE__ */ r("label", {
+			htmlFor: w,
+			className: N(J.wrapper, h),
+			children: [
+				/* @__PURE__ */ n("input", {
+					...b,
+					ref: x,
+					id: w,
+					type: "radio",
+					name: F,
+					value: e,
+					checked: j,
+					disabled: M,
+					required: P,
+					"aria-invalid": I || void 0,
+					"aria-describedby": D,
+					className: J.input,
+					onChange: z
+				}),
+				/* @__PURE__ */ n("span", {
+					className: J.control,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ n("span", {
+						className: N(J.indicator, m && J.customIcon),
+						children: m
+					})
+				}),
+				(d || f) && /* @__PURE__ */ r("span", {
+					className: J.content,
+					children: [d && /* @__PURE__ */ n("span", {
+						className: J.label,
+						children: d
+					}), f && /* @__PURE__ */ n("span", {
+						id: T,
+						className: J.description,
+						children: f
+					})]
+				})
+			]
+		}), l && /* @__PURE__ */ n("div", {
+			id: E,
+			className: J.error,
+			children: l
+		})]
+	});
+});
+Kt.displayName = "Radio";
+//#endregion
+//#region src/components/RadioGroup/Item/RadioGroupItem.tsx
+var qt = c((e, t) => /* @__PURE__ */ n(Kt, {
+	...e,
+	ref: t
+}));
+qt.displayName = "RadioGroup.Item";
+//#endregion
+//#region src/components/RadioGroup/internal/useRadioGroupCollection.ts
+var Jt = (e) => {
+	let t = e.current;
+	return t ? Array.from(t.querySelectorAll("input[type=\"radio\"]")) : [];
+}, Yt = (e) => Jt(e).filter((e) => !e.disabled), Xt = ["ArrowLeft", "ArrowRight"], Zt = ["ArrowUp", "ArrowDown"];
+function Qt({ rootRef: e, orientation: t }) {
+	return u((n) => {
+		let r = Xt.includes(n.key), i = Zt.includes(n.key), a = n.key === "Home" || n.key === "End";
+		if (!r && !i && !a || t === "horizontal" && i || t === "vertical" && r) return;
+		let o = Yt(e);
+		if (o.length === 0) return;
+		n.preventDefault();
+		let s = document.activeElement, c = o.findIndex((e) => e === s), l = o.findIndex((e) => e.checked), u = c >= 0 ? c : Math.max(l, 0), d = u;
+		n.key === "Home" ? d = 0 : n.key === "End" ? d = o.length - 1 : n.key === "ArrowRight" || n.key === "ArrowDown" ? d = (u + 1) % o.length : (n.key === "ArrowLeft" || n.key === "ArrowUp") && (d = (u - 1 + o.length) % o.length);
+		let f = o[d];
+		f?.focus(), f?.click();
+	}, [t, e]);
+}
+var $t = {
+	root: "_root_1s3vp_1",
+	sm: "_sm_1s3vp_32",
+	md: "_md_1s3vp_58",
+	lg: "_lg_1s3vp_84",
+	label: "_label_1s3vp_110",
+	required: "_required_1s3vp_122",
+	description: "_description_1s3vp_127",
+	items: "_items_1s3vp_135",
+	vertical: "_vertical_1s3vp_140",
+	horizontal: "_horizontal_1s3vp_146",
+	error: "_error_1s3vp_152",
+	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] = U({
 		value: e,
 		defaultValue: t,
 		onChange: i
-	}), k = !!f;
+	}), M = !!f, P = Qt({
+		rootRef: S,
+		orientation: m
+	}), F = (e) => {
+		if (S.current = e, typeof x == "function") {
+			x(e);
+			return;
+		}
+		x && (x.current = e);
+	};
 	return /* @__PURE__ */ r("div", {
-		...v,
-		ref: y,
-		id: x,
+		...b,
+		ref: F,
+		id: w,
 		role: "radiogroup",
-		"aria-labelledby": S,
-		"aria-describedby": T,
+		"aria-labelledby": T,
+		"aria-describedby": O,
 		"aria-disabled": a || void 0,
 		"aria-required": o || void 0,
-		"aria-invalid": k || void 0,
-		className: N(Gt.root, k && Gt.invalid, a && Gt.disabled, g),
+		"aria-invalid": M || void 0,
+		onKeyDown: (e) => {
+			y?.(e), e.defaultPrevented || P(e);
+		},
+		className: N($t.root, $t[s], M && $t.invalid, a && $t.disabled, _),
 		children: [
 			u && /* @__PURE__ */ r("div", {
-				id: S,
-				className: Gt.label,
+				id: T,
+				className: $t.label,
 				children: [u, o && /* @__PURE__ */ n("span", {
-					className: Gt.required,
+					className: $t.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
 			d && /* @__PURE__ */ n("div", {
-				id: C,
-				className: Gt.description,
+				id: E,
+				className: $t.description,
 				children: d
 			}),
 			/* @__PURE__ */ n(Ut, {
 				value: {
-					name: E,
-					value: D,
+					name: k,
+					value: A,
 					disabled: a,
 					required: o,
-					invalid: k,
+					invalid: M,
 					size: s,
 					color: c,
-					describedBy: T,
-					onValueChange: O
+					describedBy: O,
+					onValueChange: j
 				},
 				children: /* @__PURE__ */ n("div", {
-					className: N(Gt.items, Gt[m]),
-					children: h
+					className: N($t.items, $t[m]),
+					children: g
 				})
 			}),
 			f && /* @__PURE__ */ n("div", {
-				id: w,
-				className: Gt.error,
+				id: D,
+				className: $t.error,
 				children: f
 			})
 		]
 	});
 });
-Kt.displayName = "RadioGroup";
+en.displayName = "RadioGroup.Root";
+//#endregion
+//#region src/components/RadioGroup/RadioGroup.tsx
+var tn = Object.assign(en, { Item: qt });
+tn.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Select/internal/SelectContext.tsx
-var qt = s(null), Jt = qt.Provider;
-function Yt() {
-	let e = d(qt);
+var nn = s(null), rn = nn.Provider;
+function an() {
+	let e = d(nn);
 	if (!e) throw Error("Select compound components must be used inside <Select>");
 	return e;
 }
-qt.displayName = "SelectContext";
+nn.displayName = "SelectContext";
 //#endregion
 //#region src/components/Select/internal/useSelectVirtualization.ts
-function Xt({ loading: e, options: t, scrollTop: n, virtual: r }) {
+function on({ loading: e, options: t, scrollTop: n, virtual: r }) {
 	return m(() => {
 		let i = typeof r == "object" ? r : r ? {} : void 0, a = i?.itemHeight ?? 40, o = !!(i && t.length > 0 && !e), s = o ? Math.max(0, Math.floor(n / a) - 2) : 0, c = o ? Math.ceil(300 / a) + 4 : t.length, l = o ? t.slice(s, s + c) : t, u = o ? s * a : 0;
 		return {
@@ -1817,7 +1959,7 @@ function Xt({ loading: e, options: t, scrollTop: n, virtual: r }) {
 		r
 	]);
 }
-var Zt = {
+var sn = {
 	option: "_option_1l7x7_1",
 	selected: "_selected_1l7x7_19",
 	disabled: "_disabled_1l7x7_19",
@@ -1835,22 +1977,22 @@ var Zt = {
 	danger: "_danger_1l7x7_283",
 	check: "_check_1l7x7_347",
 	checkPop: "_checkPop_1l7x7_1"
-}, Qt = () => null;
-Qt.__velliraSelectPart = "item", Qt.displayName = "Select.Item";
-var $t = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s, onSelect: c, onMouseEnter: l }) => {
+}, cn = () => null;
+cn.__velliraSelectPart = "item", cn.displayName = "Select.Item";
+var ln = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s, onSelect: c, onMouseEnter: l }) => {
 	let u = !!e.disabled;
 	return /* @__PURE__ */ r("li", {
 		id: o,
 		role: "option",
 		"aria-selected": i,
 		"aria-disabled": u || void 0,
-		className: N(Zt.option, {
-			[Zt.selected]: i,
-			[Zt.active]: a,
-			[Zt.disabled]: u,
-			[Zt.success]: e.color === "success",
-			[Zt.warning]: e.color === "warning",
-			[Zt.danger]: e.color === "danger"
+		className: N(sn.option, {
+			[sn.selected]: i,
+			[sn.active]: a,
+			[sn.disabled]: u,
+			[sn.success]: e.color === "success",
+			[sn.warning]: e.color === "warning",
+			[sn.danger]: e.color === "danger"
 		}),
 		onClick: () => {
 			u || c(e.value);
@@ -1859,40 +2001,40 @@ var $t = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s,
 			u || l();
 		},
 		children: [s ? /* @__PURE__ */ n("span", {
-			className: Zt.custom,
+			className: sn.custom,
 			children: s(e)
 		}) : /* @__PURE__ */ r(t, { children: [
 			e.icon && /* @__PURE__ */ n("span", {
-				className: Zt.icon,
+				className: sn.icon,
 				children: e.icon
 			}),
 			/* @__PURE__ */ r("span", {
-				className: Zt.content,
+				className: sn.content,
 				children: [/* @__PURE__ */ n("span", {
-					className: Zt.label,
+					className: sn.label,
 					children: e.label
 				}), e.description && /* @__PURE__ */ n("span", {
-					className: Zt.description,
+					className: sn.description,
 					children: e.description
 				})]
 			}),
 			e.badge && /* @__PURE__ */ n("span", {
-				className: Zt.badge,
+				className: sn.badge,
 				children: e.badge
 			}),
 			e.shortcut && /* @__PURE__ */ n("kbd", {
-				className: Zt.shortcut,
+				className: sn.shortcut,
 				children: e.shortcut
 			})
 		] }), /* @__PURE__ */ n("span", {
-			className: Zt.check,
+			className: sn.check,
 			"aria-hidden": "true",
 			children: i && /* @__PURE__ */ n(v, {})
 		})]
 	});
 };
-$t.displayName = "SelectItemRow";
-var J = {
+ln.displayName = "SelectItemRow";
+var Y = {
 	dropdown: "_dropdown_k5nye_1",
 	dropdownIn: "_dropdownIn_k5nye_1",
 	primary: "_primary_k5nye_103",
@@ -1917,17 +2059,17 @@ var J = {
 	separator: "_separator_k5nye_1556",
 	virtualSpacer: "_virtualSpacer_k5nye_1562",
 	mobileDropdownIn: "_mobileDropdownIn_k5nye_1"
-}, en = ({ children: e, className: t }) => {
-	let { contentProps: r } = Yt(), i = nn(e);
-	return /* @__PURE__ */ n(tn, {
+}, un = ({ children: e, className: t }) => {
+	let { contentProps: r } = an(), i = fn(e);
+	return /* @__PURE__ */ n(dn, {
 		...r,
 		...i,
 		className: [r.className, t].filter(Boolean).join(" ")
 	});
 };
-en.__velliraSelectPart = "content", en.displayName = "Select.Content";
-var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style: s, options: c, entries: l, multiple: d, selectedValues: p, color: m = "primary", variant: _ = "outline", searchable: v, command: y, virtual: b, portal: S = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: z, onSearchChange: ee }) => {
-	let B = h(null), te = h(!1), [ne, re] = g(null), [ie, ae] = g(0), { bottomSpacerHeight: oe, isVirtual: V, itemHeight: se, startIndex: ce, topSpacerHeight: le, viewportHeight: ue, visibleOptions: de } = Xt({
+un.__velliraSelectPart = "content", un.displayName = "Select.Content";
+var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style: s, options: c, entries: l, multiple: d, selectedValues: p, color: m = "primary", variant: _ = "outline", searchable: v, command: y, virtual: b, portal: S = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: z, onSearchChange: ee }) => {
+	let B = h(null), te = h(!1), [ne, re] = g(null), [ie, ae] = g(0), { bottomSpacerHeight: oe, isVirtual: V, itemHeight: se, startIndex: ce, topSpacerHeight: le, viewportHeight: ue, visibleOptions: de } = on({
 		loading: T,
 		options: c,
 		scrollTop: ie,
@@ -1976,10 +2118,10 @@ var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		ref: H,
 		tabIndex: 0,
 		className: [
-			J.dropdown,
-			J[m],
-			J[_],
-			y ? J.command : void 0,
+			Y.dropdown,
+			Y[m],
+			Y[_],
+			y ? Y.command : void 0,
 			I
 		].filter(Boolean).join(" "),
 		style: s,
@@ -1989,10 +2131,10 @@ var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		children: [
 			k,
 			O ?? (v && /* @__PURE__ */ r("div", {
-				className: J.searchWrap,
+				className: Y.searchWrap,
 				children: [/* @__PURE__ */ n("input", {
 					ref: B,
-					className: J.search,
+					className: Y.search,
 					value: C,
 					placeholder: y ? "Type a command..." : w,
 					"aria-label": "Search options",
@@ -2000,7 +2142,7 @@ var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 					onChange: (e) => ee?.(e.target.value)
 				}), C && /* @__PURE__ */ n("button", {
 					type: "button",
-					className: J.searchClear,
+					className: Y.searchClear,
 					"aria-label": "Clear search",
 					onClick: () => {
 						ee?.(""), B.current?.focus();
@@ -2017,12 +2159,12 @@ var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
-					className: J.empty,
+					className: Y.empty,
 					children: j ?? E
 				}) : c.length ? /* @__PURE__ */ r(t, { children: [
 					V && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
-						className: J.virtualSpacer,
+						className: Y.virtualSpacer,
 						style: { height: le }
 					}),
 					fe.map((e) => {
@@ -2033,16 +2175,16 @@ var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 									role: "presentation",
 									children: /* @__PURE__ */ r("button", {
 										type: "button",
-										className: J.groupAction,
-										"aria-label": rn(e.selectLabel ?? e.label),
+										className: Y.groupAction,
+										"aria-label": pn(e.selectLabel ?? e.label),
 										"aria-pressed": o ? "mixed" : a ? "true" : "false",
 										disabled: t.length === 0,
 										onClick: () => R(t),
 										children: [/* @__PURE__ */ n("span", {
-											className: J.groupActionText,
+											className: Y.groupActionText,
 											children: e.selectLabel ?? e.label
 										}), /* @__PURE__ */ r("span", {
-											className: J.groupActionMeta,
+											className: Y.groupActionMeta,
 											children: [
 												i,
 												"/",
@@ -2054,18 +2196,18 @@ var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 							}
 							return /* @__PURE__ */ n("li", {
 								role: "presentation",
-								className: J.groupLabel,
+								className: Y.groupLabel,
 								children: e.label
 							}, e.id);
 						}
 						if (e.type === "separator") return /* @__PURE__ */ n("li", {
 							role: "presentation",
 							"aria-hidden": "true",
-							className: J.separator,
+							className: Y.separator,
 							"data-vellira-select-separator": "true"
 						}, e.id);
 						let { option: t, optionIndex: a } = e;
-						return /* @__PURE__ */ n($t, {
+						return /* @__PURE__ */ n(ln, {
 							option: t,
 							isSelected: p ? p.includes(t.value) : t.value === N,
 							isActive: a === F,
@@ -2077,23 +2219,23 @@ var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 					}),
 					V && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
-						className: J.virtualSpacer,
+						className: Y.virtualSpacer,
 						style: { height: oe }
 					})
 				] }) : /* @__PURE__ */ n("li", {
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
-					className: J.empty,
+					className: Y.empty,
 					children: A ?? D
 				})
 			})
 		]
 	});
-	return S ? /* @__PURE__ */ n(we, { children: pe }) : pe;
+	return S ? /* @__PURE__ */ n(Ce, { children: pe }) : pe;
 };
-tn.displayName = "SelectContentSurface";
-function nn(e) {
+dn.displayName = "SelectContentSurface";
+function fn(e) {
 	let t, n, r, a;
 	return i.forEach(e, (e) => {
 		if (!l(e)) return;
@@ -2106,21 +2248,21 @@ function nn(e) {
 		searchSlot: n
 	};
 }
-function rn(e) {
+function pn(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "Select group";
 }
 //#endregion
 //#region src/components/Select/Content/SelectEmpty.tsx
-var an = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
-an.__velliraSelectPart = "empty", an.displayName = "Select.Empty";
+var mn = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+mn.__velliraSelectPart = "empty", mn.displayName = "Select.Empty";
 //#endregion
 //#region src/components/Select/Content/SelectLoading.tsx
-var on = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
-on.__velliraSelectPart = "loading", on.displayName = "Select.Loading";
+var hn = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+hn.__velliraSelectPart = "loading", hn.displayName = "Select.Loading";
 //#endregion
 //#region src/components/Select/Content/SelectSearch.tsx
-var sn = ({ placeholder: e, className: t }) => {
-	let { contentProps: i } = Yt(), a = h(null), o = i.searchValue ?? "";
+var gn = ({ placeholder: e, className: t }) => {
+	let { contentProps: i } = an(), a = h(null), o = i.searchValue ?? "";
 	return f(() => {
 		if (!i.isOpen) return;
 		let e = window.setTimeout(() => {
@@ -2128,10 +2270,10 @@ var sn = ({ placeholder: e, className: t }) => {
 		}, 0);
 		return () => window.clearTimeout(e);
 	}, [i.isOpen]), /* @__PURE__ */ r("div", {
-		className: J.searchWrap,
+		className: Y.searchWrap,
 		children: [/* @__PURE__ */ n("input", {
 			ref: a,
-			className: N(J.search, t),
+			className: N(Y.search, t),
 			value: o,
 			placeholder: e ?? (i.command ? "Type a command..." : "Search..."),
 			"aria-label": "Search options",
@@ -2139,7 +2281,7 @@ var sn = ({ placeholder: e, className: t }) => {
 			onChange: (e) => i.onSearchChange?.(e.target.value)
 		}), o && /* @__PURE__ */ n("button", {
 			type: "button",
-			className: J.searchClear,
+			className: Y.searchClear,
 			"aria-label": "Clear search",
 			onClick: () => {
 				i.onSearchChange?.(""), a.current?.focus();
@@ -2148,38 +2290,38 @@ var sn = ({ placeholder: e, className: t }) => {
 		})]
 	});
 };
-sn.__velliraSelectPart = "search", sn.displayName = "Select.Search";
+gn.__velliraSelectPart = "search", gn.displayName = "Select.Search";
 //#endregion
 //#region src/components/Select/Group/SelectGroup.tsx
-var cn = () => null;
-cn.__velliraSelectPart = "group", cn.displayName = "Select.Group";
+var _n = () => null;
+_n.__velliraSelectPart = "group", _n.displayName = "Select.Group";
 //#endregion
 //#region src/components/Select/Group/SelectLabel.tsx
-var ln = ({ children: e }) => /* @__PURE__ */ n("div", {
+var vn = ({ children: e }) => /* @__PURE__ */ n("div", {
 	role: "presentation",
-	className: J.groupLabel,
+	className: Y.groupLabel,
 	children: e
 });
-ln.__velliraSelectPart = "label", ln.displayName = "Select.Label";
+vn.__velliraSelectPart = "label", vn.displayName = "Select.Label";
 //#endregion
 //#region src/components/Select/Group/SelectSeparator.tsx
-var un = () => null;
-un.__velliraSelectPart = "separator", un.displayName = "Select.Separator";
+var yn = () => null;
+yn.__velliraSelectPart = "separator", yn.displayName = "Select.Separator";
 //#endregion
 //#region src/components/Select/Item/SelectItemBadge.tsx
-var dn = () => null;
-dn.__velliraSelectPart = "itemBadge", dn.displayName = "Select.ItemBadge";
+var bn = () => null;
+bn.__velliraSelectPart = "itemBadge", bn.displayName = "Select.ItemBadge";
 //#endregion
 //#region src/components/Select/Item/SelectItemDescription.tsx
-var fn = () => null;
-fn.__velliraSelectPart = "itemDescription", fn.displayName = "Select.ItemDescription";
+var xn = () => null;
+xn.__velliraSelectPart = "itemDescription", xn.displayName = "Select.ItemDescription";
 //#endregion
 //#region src/components/Select/Item/SelectItemIcon.tsx
-var pn = () => null;
-pn.__velliraSelectPart = "itemIcon", pn.displayName = "Select.ItemIcon";
+var Sn = () => null;
+Sn.__velliraSelectPart = "itemIcon", Sn.displayName = "Select.ItemIcon";
 //#endregion
 //#region src/patterns/FormField/FormFieldContext.ts
-var mn = s(null), hn = () => d(mn), gn = {
+var Cn = s(null), wn = () => d(Cn), Tn = {
 	wrapper: "_wrapper_143kr_1",
 	sm: "_sm_143kr_41",
 	md: "_md_143kr_78",
@@ -2195,8 +2337,8 @@ var mn = s(null), hn = () => d(mn), gn = {
 	optional: "_optional_143kr_194",
 	labelInfo: "_labelInfo_143kr_201",
 	disabled: "_disabled_143kr_243"
-}, _n = (...e) => e.filter(Boolean).join(" ") || void 0, vn = ({ id: e, label: t, description: i, error: a, required: s = !1, disabled: c = !1, invalid: u = !1, orientation: d = "vertical", labelPosition: f = "top", size: m = "md", labelInfo: h, optionalText: g, children: _, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
-	let T = p(), E = e ?? T, D = t ? `${E}-label` : void 0, O = i && E ? `${E}-description` : void 0, k = a && E ? `${E}-error` : void 0, A = u || !!a, j = _n(D), M = _n(O, k), P = {
+}, En = (...e) => e.filter(Boolean).join(" ") || void 0, Dn = ({ id: e, label: t, description: i, error: a, required: s = !1, disabled: c = !1, invalid: u = !1, orientation: d = "vertical", labelPosition: f = "top", size: m = "md", labelInfo: h, optionalText: g, children: _, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
+	let T = p(), E = e ?? T, D = t ? `${E}-label` : void 0, O = i && E ? `${E}-description` : void 0, k = a && E ? `${E}-error` : void 0, A = u || !!a, j = En(D), M = En(O, k), P = {
 		controlId: E,
 		labelId: D,
 		descriptionId: O,
@@ -2212,13 +2354,13 @@ var mn = s(null), hn = () => d(mn), gn = {
 		required: F.props.required ?? s,
 		disabled: F.props.disabled ?? c,
 		"aria-invalid": F.props["aria-invalid"] ?? (A || void 0),
-		"aria-labelledby": _n(F.props["aria-labelledby"], j),
-		"aria-describedby": _n(F.props["aria-describedby"], M)
+		"aria-labelledby": En(F.props["aria-labelledby"], j),
+		"aria-describedby": En(F.props["aria-describedby"], M)
 	}) : _;
 	return /* @__PURE__ */ r("div", {
 		...w,
 		"aria-disabled": c || void 0,
-		className: N(gn.wrapper, gn[d], gn[f], gn[m], c && gn.disabled, y),
+		className: N(Tn.wrapper, Tn[d], Tn[f], Tn[m], c && Tn.disabled, y),
 		"data-disabled": c || void 0,
 		"data-invalid": A || void 0,
 		"data-orientation": d,
@@ -2227,42 +2369,42 @@ var mn = s(null), hn = () => d(mn), gn = {
 			t && /* @__PURE__ */ r("label", {
 				id: D,
 				htmlFor: E,
-				className: N(gn.label, x),
+				className: N(Tn.label, x),
 				children: [
 					/* @__PURE__ */ n("span", {
-						className: gn.labelText,
+						className: Tn.labelText,
 						children: t
 					}),
 					s && /* @__PURE__ */ n("span", {
-						className: gn.required,
+						className: Tn.required,
 						"aria-hidden": "true",
 						children: "*"
 					}),
 					!s && g && /* @__PURE__ */ n("span", {
-						className: gn.optional,
+						className: Tn.optional,
 						children: g
 					}),
 					h && /* @__PURE__ */ n("span", {
-						className: gn.labelInfo,
+						className: Tn.labelInfo,
 						children: h
 					})
 				]
 			}),
 			i && /* @__PURE__ */ n("div", {
 				id: O,
-				className: N(gn.description, S),
+				className: N(Tn.description, S),
 				children: i
 			}),
-			/* @__PURE__ */ n(mn.Provider, {
+			/* @__PURE__ */ n(Cn.Provider, {
 				value: P,
 				children: /* @__PURE__ */ n("div", {
-					className: N(gn.control, b),
+					className: N(Tn.control, b),
 					children: I
 				})
 			}),
 			a && /* @__PURE__ */ n("div", {
 				id: k,
-				className: N(gn.errorText, C),
+				className: N(Tn.errorText, C),
 				role: "alert",
 				children: a
 			})
@@ -2271,14 +2413,14 @@ var mn = s(null), hn = () => d(mn), gn = {
 };
 //#endregion
 //#region src/components/Select/internal/SelectCollection.ts
-function yn(e) {
+function On(e) {
 	let t = [], n = [], r = 0;
 	function a(e) {
 		i.forEach(e, (e) => {
 			if (!l(e)) return;
 			let i = e.type;
 			if (i.__velliraSelectPart === "group") {
-				let n = e.props, i = xn(n.children);
+				let n = e.props, i = An(n.children);
 				t.push({
 					type: "group",
 					id: `group-${r++}`,
@@ -2290,7 +2432,7 @@ function yn(e) {
 				return;
 			}
 			if (i.__velliraSelectPart === "item") {
-				let r = e.props, i = Sn(r.children, r.value), a = r.label ?? i.label, o = n.length, s = {
+				let r = e.props, i = jn(r.children, r.value), a = r.label ?? i.label, o = n.length, s = {
 					label: a,
 					value: r.value,
 					disabled: r.disabled,
@@ -2322,7 +2464,7 @@ function yn(e) {
 		options: n
 	};
 }
-function bn(e) {
+function kn(e) {
 	let t = !1;
 	function n(e) {
 		i.forEach(e, (e) => {
@@ -2337,7 +2479,7 @@ function bn(e) {
 	}
 	return n(e), t;
 }
-function xn(e) {
+function An(e) {
 	let t = [];
 	function n(e) {
 		i.forEach(e, (e) => {
@@ -2352,7 +2494,7 @@ function xn(e) {
 	}
 	return n(e), t;
 }
-function Sn(e, t) {
+function jn(e, t) {
 	let n, r, a, o = [];
 	function s(e) {
 		i.forEach(e, (e) => {
@@ -2388,12 +2530,12 @@ function Sn(e, t) {
 }
 //#endregion
 //#region src/components/Select/internal/useSelectCollection.ts
-function Cn(e) {
-	return m(() => yn(e), [e]);
+function Mn(e) {
+	return m(() => On(e), [e]);
 }
 //#endregion
 //#region src/components/Select/internal/useSelectPosition.ts
-function wn({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
+function Nn({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
 	return et({
 		open: t,
 		onOpenChange: r,
@@ -2405,21 +2547,21 @@ function wn({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange:
 }
 //#endregion
 //#region src/components/Select/internal/useSelectSearch.ts
-function Tn({ options: e, searchable: t, searchValue: n }) {
+function Pn({ options: e, searchable: t, searchValue: n }) {
 	return m(() => {
 		if (!t || !n) return e;
 		let r = n.toLocaleLowerCase();
-		return e.filter((e) => `${e.label} ${En(e.description)}`.toLocaleLowerCase().includes(r));
+		return e.filter((e) => `${e.label} ${Fn(e.description)}`.toLocaleLowerCase().includes(r));
 	}, [
 		e,
 		n,
 		t
 	]);
 }
-function En(e) {
+function Fn(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-var Y = {
+var X = {
 	control: "_control_x5w2h_1",
 	disabled: "_disabled_x5w2h_54",
 	arrow: "_arrow_x5w2h_64",
@@ -2445,16 +2587,16 @@ var Y = {
 	spin: "_spin_x5w2h_818",
 	loading: "_loading_x5w2h_827",
 	open: "_open_x5w2h_846"
-}, Dn = ({ children: e, className: t }) => {
-	let { triggerProps: r } = Yt();
-	return /* @__PURE__ */ n(On, {
+}, In = ({ children: e, className: t }) => {
+	let { triggerProps: r } = an();
+	return /* @__PURE__ */ n(Ln, {
 		...r,
 		className: [r.className, t].filter(Boolean).join(" "),
 		children: e
 	});
 };
-Dn.__velliraSelectPart = "trigger", Dn.displayName = "Select.Trigger";
-var On = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabled: c, required: l, listboxId: u, activeIndex: d, ariaLabel: f, error: p, displayText: m, isPlaceholder: h, size: g = "md", color: _, variant: v, loading: b, startIcon: S, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: P }) => /* @__PURE__ */ n("button", {
+In.__velliraSelectPart = "trigger", In.displayName = "Select.Trigger";
+var Ln = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabled: c, required: l, listboxId: u, activeIndex: d, ariaLabel: f, error: p, displayText: m, isPlaceholder: h, size: g = "md", color: _, variant: v, loading: b, startIcon: S, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: P }) => /* @__PURE__ */ n("button", {
 	id: i,
 	ref: k,
 	type: "button",
@@ -2470,10 +2612,10 @@ var On = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabl
 	"aria-controls": s ? u : void 0,
 	"aria-describedby": a,
 	"aria-activedescendant": s && d >= 0 ? `${u}-option-${d}` : void 0,
-	className: N(Y.control, Y[g], Y[v], Y[_], {
-		[Y.error]: !!p,
-		[Y.disabled]: c,
-		[Y.loading]: b
+	className: N(X.control, X[g], X[v], X[_], {
+		[X.error]: !!p,
+		[X.disabled]: c,
+		[X.loading]: b
 	}, O),
 	onClick: A,
 	onKeyDown: j,
@@ -2481,144 +2623,144 @@ var On = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabl
 	onFocus: P,
 	children: e ?? /* @__PURE__ */ r(t, { children: [
 		S && /* @__PURE__ */ n("span", {
-			className: Y.adornment,
+			className: X.adornment,
 			children: S
 		}),
 		w && /* @__PURE__ */ n("span", {
-			className: Y.affix,
+			className: X.affix,
 			children: w
 		}),
 		/* @__PURE__ */ n("span", {
-			className: Y.valueWrap,
+			className: X.valueWrap,
 			children: /* @__PURE__ */ n("span", {
-				className: N(Y.value, { [Y.placeholder]: h }),
+				className: N(X.value, { [X.placeholder]: h }),
 				children: m
 			})
 		}),
 		T && /* @__PURE__ */ n("span", {
-			className: Y.affix,
+			className: X.affix,
 			children: T
 		}),
 		E && /* @__PURE__ */ n("span", {
 			role: "button",
 			"aria-label": "Clear selection",
 			tabIndex: -1,
-			className: Y.clear,
+			className: X.clear,
 			onClick: (e) => {
 				e.stopPropagation(), D?.();
 			},
 			children: /* @__PURE__ */ n(x, {})
 		}),
 		/* @__PURE__ */ n("span", {
-			className: N(Y.arrow, { [Y.open]: s }),
+			className: N(X.arrow, { [X.open]: s }),
 			"aria-hidden": "true",
-			children: b ? /* @__PURE__ */ n("span", { className: Y.spinner }) : C ?? /* @__PURE__ */ n(y, {})
+			children: b ? /* @__PURE__ */ n("span", { className: X.spinner }) : C ?? /* @__PURE__ */ n(y, {})
 		})
 	] })
 });
-On.displayName = "SelectTriggerSurface";
+Ln.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/Root/SelectRoot.tsx
-var kn = ({ 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 = hn(), 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 } = Cn(e), Be = Tn({
-		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 } = wn({
-		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) => {
-		An(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,
@@ -2626,154 +2768,154 @@ var kn = ({ 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
-	})] }), yt = bn(e), bt = /* @__PURE__ */ r(Jt, {
+		disabled: je
+	})] }), yt = kn(e), bt = /* @__PURE__ */ r(rn, {
 		value: {
 			triggerProps: gt,
 			contentProps: _t
 		},
-		children: [vt, yt ? e : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(Dn, {}), /* @__PURE__ */ n(en, { children: e })] })]
-	}), xt = /* @__PURE__ */ r(Jt, {
+		children: [vt, yt ? e : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(In, {}), /* @__PURE__ */ n(un, { children: e })] })]
+	}), xt = /* @__PURE__ */ r(rn, {
 		value: {
 			triggerProps: gt,
 			contentProps: _t
 		},
 		children: [
 			vt,
-			/* @__PURE__ */ n(On, { ...gt }),
-			/* @__PURE__ */ n(tn, { ..._t })
+			/* @__PURE__ */ n(Ln, { ...gt }),
+			/* @__PURE__ */ n(dn, { ..._t })
 		]
 	});
-	return !Se && U ? e ? bt : xt : /* @__PURE__ */ n(vn, {
-		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
 	});
 };
-kn.displayName = "SelectRoot";
-function An(e, t) {
+Rn.displayName = "SelectRoot";
+function zn(e, t) {
 	return e.altKey || e.ctrlKey || e.metaKey ? !1 : t ? e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End" || e.key === "Enter" || e.key === " " || e.key.length === 1 : e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ";
 }
 //#endregion
 //#region src/components/Select/Trigger/SelectIcon.tsx
-var jn = ({ children: e, className: t }) => {
-	let { triggerProps: r } = Yt();
+var Bn = ({ children: e, className: t }) => {
+	let { triggerProps: r } = an();
 	return /* @__PURE__ */ n("span", {
-		className: N(Y.arrow, { [Y.open]: r.isOpen }, t),
+		className: N(X.arrow, { [X.open]: r.isOpen }, t),
 		"aria-hidden": "true",
-		children: r.loading ? /* @__PURE__ */ n("span", { className: Y.spinner }) : e ?? r.endIcon ?? /* @__PURE__ */ n(y, {})
+		children: r.loading ? /* @__PURE__ */ n("span", { className: X.spinner }) : e ?? r.endIcon ?? /* @__PURE__ */ n(y, {})
 	});
 };
-jn.__velliraSelectPart = "icon", jn.displayName = "Select.Icon";
+Bn.__velliraSelectPart = "icon", Bn.displayName = "Select.Icon";
 //#endregion
 //#region src/components/Select/Trigger/SelectValue.tsx
-var Mn = ({ children: e, className: t }) => {
-	let { triggerProps: r } = Yt();
+var Vn = ({ children: e, className: t }) => {
+	let { triggerProps: r } = an();
 	return /* @__PURE__ */ n("span", {
-		className: N(Y.valueWrap, t),
+		className: N(X.valueWrap, t),
 		children: /* @__PURE__ */ n("span", {
-			className: N(Y.value, { [Y.placeholder]: r.isPlaceholder }),
+			className: N(X.value, { [X.placeholder]: r.isPlaceholder }),
 			children: e ?? r.displayText
 		})
 	});
 };
-Mn.__velliraSelectPart = "value", Mn.displayName = "Select.Value";
+Vn.__velliraSelectPart = "value", Vn.displayName = "Select.Value";
 //#endregion
 //#region src/components/Select/Select.tsx
-var Nn = Object.assign(kn, {
-	Trigger: Dn,
-	Value: Mn,
-	Icon: jn,
-	Content: en,
-	Search: sn,
-	Group: cn,
-	Label: ln,
-	Item: Qt,
-	ItemIcon: pn,
-	ItemDescription: fn,
-	ItemBadge: dn,
-	Separator: un,
-	Empty: an,
-	Loading: on
+var Hn = Object.assign(Rn, {
+	Trigger: In,
+	Value: Vn,
+	Icon: Bn,
+	Content: un,
+	Search: gn,
+	Group: _n,
+	Label: vn,
+	Item: cn,
+	ItemIcon: Sn,
+	ItemDescription: xn,
+	ItemBadge: bn,
+	Separator: yn,
+	Empty: mn,
+	Loading: hn
 });
-Nn.displayName = "Select";
+Hn.displayName = "Select";
 //#endregion
 //#region src/components/Tabs/TabsContext.tsx
-var Pn = s(null), Fn = () => {
-	let e = d(Pn);
+var Un = s(null), Wn = () => {
+	let e = d(Un);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
-}, In = {
+}, Gn = {
 	list: "_list_13hkl_1",
 	vertical: "_vertical_13hkl_8"
-}, Ln = ({ children: e, className: t, ...r }) => {
-	let { orientation: i, appearance: a } = Fn();
+}, Kn = ({ children: e, className: t, ...r }) => {
+	let { orientation: i, appearance: a } = Wn();
 	return /* @__PURE__ */ n("div", {
 		...r,
 		role: "tablist",
 		"aria-orientation": i,
-		className: N(In.list, i === "vertical" && In.vertical, a === "underline" && In.underline, a === "pills" && In.pills, t),
+		className: N(Gn.list, i === "vertical" && Gn.vertical, a === "underline" && Gn.underline, a === "pills" && Gn.pills, t),
 		children: e
 	});
 };
-Ln.displayName = "TabsList";
-var Rn = {
+Kn.displayName = "TabsList";
+var qn = {
 	panel: "_panel_1v1a9_1",
 	visible: "_visible_1v1a9_10",
 	vertical: "_vertical_1v1a9_14"
-}, zn = ({ index: e, children: t, className: r }) => {
-	let { activeIndex: i, orientation: a } = Fn(), [o, s] = g(!1), c = i === e;
+}, Jn = ({ index: e, children: t, className: r }) => {
+	let { activeIndex: i, orientation: a } = Wn(), [o, s] = g(!1), c = i === e;
 	return f(() => {
 		if (!c) {
 			s(!1);
@@ -2787,12 +2929,12 @@ var Rn = {
 		"aria-labelledby": `tab-${e}`,
 		hidden: !c,
 		tabIndex: 0,
-		className: N(Rn.panel, o && Rn.visible, a === "vertical" && Rn.vertical, r),
+		className: N(qn.panel, o && qn.visible, a === "vertical" && qn.vertical, r),
 		children: t
 	});
 };
-zn.displayName = "TabsPanel";
-var Bn = {
+Jn.displayName = "TabsPanel";
+var Yn = {
 	tab: "_tab_qe8xc_1",
 	iconOnly: "_iconOnly_qe8xc_27",
 	tabIcon: "_tabIcon_qe8xc_31",
@@ -2801,8 +2943,8 @@ var Bn = {
 	underline: "_underline_qe8xc_60",
 	pills: "_pills_qe8xc_92",
 	vertical: "_vertical_qe8xc_106"
-}, Vn = c(({ index: e, children: t, className: i, disabled: a = !1, icon: o, onClick: s, onKeyDown: c, ...l }, d) => {
-	let { activeIndex: f, setActiveIndex: p, orientation: m, appearance: h = "default", registerTab: g, onTabKeyDown: _ } = Fn(), v = f === e, y = !!o, b = y && t == null;
+}, Xn = c(({ index: e, children: t, className: i, disabled: a = !1, icon: o, onClick: s, onKeyDown: c, ...l }, d) => {
+	let { activeIndex: f, setActiveIndex: p, orientation: m, appearance: h = "default", registerTab: g, onTabKeyDown: _ } = Wn(), v = f === e, y = !!o, b = y && t == null;
 	return /* @__PURE__ */ r("button", {
 		type: "button",
 		ref: u((t) => {
@@ -2818,7 +2960,7 @@ var Bn = {
 		id: `tab-${e}`,
 		disabled: a,
 		tabIndex: v ? 0 : -1,
-		className: N(Bn.tab, Bn[h], m === "vertical" && Bn.vertical, y && Bn.withIcon, b && Bn.iconOnly, i),
+		className: N(Yn.tab, Yn[h], m === "vertical" && Yn.vertical, y && Yn.withIcon, b && Yn.iconOnly, i),
 		onClick: (t) => {
 			a || (p(e), s?.(t));
 		},
@@ -2827,27 +2969,27 @@ var Bn = {
 		},
 		...l,
 		children: [y && /* @__PURE__ */ n("span", {
-			className: Bn.tabIcon,
+			className: Yn.tabIcon,
 			"aria-hidden": "true",
 			children: o
 		}), t != null && /* @__PURE__ */ n("span", {
-			className: Bn.label,
+			className: Yn.label,
 			children: t
 		})]
 	});
 });
-Vn.displayName = "Tab";
-var Hn = {
+Xn.displayName = "Tab";
+var Zn = {
 	tabs: "_tabs_uqy7q_1",
 	vertical: "_vertical_uqy7q_5"
-}, Un = ({ children: e, activeIndex: t, defaultActiveIndex: r = 0, onChange: i, orientation: a = "horizontal", appearance: o = "default", className: s }) => {
-	let { activeIndex: c, setActiveIndex: l } = xe({
+}, Qn = ({ children: e, activeIndex: t, defaultActiveIndex: r = 0, onChange: i, orientation: a = "horizontal", appearance: o = "default", className: s }) => {
+	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,
@@ -2863,98 +3005,252 @@ var Hn = {
 		registerTab: f,
 		onTabKeyDown: p
 	};
-	return /* @__PURE__ */ n(Pn.Provider, {
+	return /* @__PURE__ */ n(Un.Provider, {
 		value: m,
 		children: /* @__PURE__ */ n("div", {
-			className: N(Hn.tabs, a === "vertical" && Hn.vertical, s),
+			className: N(Zn.tabs, a === "vertical" && Zn.vertical, s),
 			children: e
 		})
 	});
 };
-Un.displayName = "Tabs";
+Qn.displayName = "Tabs";
 //#endregion
 //#region src/components/Tabs/index.ts
-var Wn = Object.assign(Un, {
-	List: Ln,
-	Tab: Vn,
-	Panel: zn
-}), Gn = {
-	tooltip: "_tooltip_10opu_1",
-	arrow: "_arrow_10opu_25"
-}, Kn = c(({ content: e, placement: t = "top", arrowRef: i, arrowX: a, arrowY: o, className: s, style: c, ...l }, u) => {
-	let d = {
+var $n = Object.assign(Qn, {
+	List: Kn,
+	Tab: Xn,
+	Panel: Jn
+}), 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(Gn.tooltip, s),
-		"data-placement": t,
-		"data-state": "open",
-		style: c,
-		...l,
-		children: [e, /* @__PURE__ */ n("div", {
-			ref: i,
-			className: Gn.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
 	});
 });
-Kn.displayName = "TooltipContent";
+ur.displayName = "Tooltip.Content";
 //#endregion
-//#region src/components/Tooltip/Tooltip.tsx
-var qn = ({ 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(Kn, {
-		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()
-	}) })] });
+	});
+};
+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
+	});
 };
-qn.displayName = "Tooltip";
+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 Jn = (e, t) => {
+var _r = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
-}, X = {
+}, Z = {
 	button: "_button_1b73n_1",
 	solid: "_solid_1b73n_23",
 	primary: "_primary_1b73n_23",
@@ -2982,14 +3278,14 @@ var Jn = (e, t) => {
 	"button-spin": "_button-spin_1b73n_1",
 	badge: "_badge_1b73n_812",
 	shortcut: "_shortcut_1b73n_826"
-}, Yn = 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(X.button, X[i], X[a], X[s], X[c], C, {
-		[X.disabled]: B,
-		[X.loading]: f,
-		[X.fullWidth]: b,
-		[X.iconOnly]: z
+}, 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
 	});
-	Jn(!S || !D, "Button: pass href to the child element when using asChild."), Jn(!S || !!L, "Button: asChild requires a single valid React element child."), Jn(!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) => {
@@ -3000,35 +3296,35 @@ var Jn = (e, t) => {
 		L?.props.onClick?.(e), e.defaultPrevented || w?.(e);
 	}, V = /* @__PURE__ */ r(t, { children: [
 		f && (g ? /* @__PURE__ */ n("span", {
-			className: X.icon,
+			className: Z.icon,
 			"aria-hidden": "true",
 			children: g
 		}) : /* @__PURE__ */ n("span", {
-			className: X.spinner,
+			className: Z.spinner,
 			"aria-hidden": "true"
 		})),
 		!f && m && /* @__PURE__ */ n("span", {
-			className: X.icon,
+			className: Z.icon,
 			children: m
 		}),
 		te && !z && /* @__PURE__ */ n("span", {
-			className: X.label,
+			className: Z.label,
 			"data-measure": ne,
 			children: /* @__PURE__ */ n("span", {
-				className: X.labelText,
+				className: Z.labelText,
 				children: te
 			})
 		}),
 		_ && !z && /* @__PURE__ */ n("span", {
-			className: X.badge,
+			className: Z.badge,
 			children: _
 		}),
 		v && !z && /* @__PURE__ */ n("span", {
-			className: X.shortcut,
+			className: Z.shortcut,
 			children: v
 		}),
 		!f && h && /* @__PURE__ */ n("span", {
-			className: X.icon,
+			className: Z.icon,
 			children: h
 		})
 	] });
@@ -3079,8 +3375,8 @@ var Jn = (e, t) => {
 		children: V
 	});
 });
-Yn.displayName = "Button";
-var Z = {
+vr.displayName = "Button";
+var Q = {
 	wrapper: "_wrapper_1kk5v_1",
 	colorPrimary: "_colorPrimary_1kk5v_27",
 	colorNeutral: "_colorNeutral_1kk5v_45",
@@ -3115,30 +3411,30 @@ var Z = {
 	"checkbox-checkmark-in": "_checkbox-checkmark-in_1kk5v_1",
 	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_1kk5v_1",
 	disabled: "_disabled_1kk5v_361"
-}, Xn = {
-	sm: Z.labelSm,
-	md: Z.labelMd,
-	lg: Z.labelLg
-}, Zn = {
-	sm: Z.wrapperSm,
-	md: Z.wrapperMd,
-	lg: Z.wrapperLg
-}, Qn = {
-	sm: Z.containerSm,
-	md: Z.containerMd,
-	lg: Z.containerLg
-}, $n = {
-	primary: Z.colorPrimary,
-	neutral: Z.colorNeutral,
-	success: Z.colorSuccess,
-	warning: Z.colorWarning,
-	danger: Z.colorDanger
-}, er = 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) => {
+}, yr = {
+	sm: Q.labelSm,
+	md: Q.labelMd,
+	lg: Q.labelLg
+}, br = {
+	sm: Q.wrapperSm,
+	md: Q.wrapperMd,
+	lg: Q.wrapperLg
+}, xr = {
+	sm: Q.containerSm,
+	md: Q.containerMd,
+	lg: Q.containerLg
+}, Sr = {
+	primary: Q.colorPrimary,
+	neutral: Q.colorNeutral,
+	success: Q.colorSuccess,
+	warning: Q.colorWarning,
+	danger: Q.colorDanger
+}, 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
@@ -3155,12 +3451,12 @@ var Z = {
 	let ee = (e) => {
 		R(e.target.checked);
 	};
-	return Jn(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ r("div", {
-		className: N(Z.container, Qn[c], d === "start" && Z.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(Z.wrapper, Zn[c], $n[l], d === "start" && Z.labelStart, !t && Z.iconOnly, g && Z.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,
@@ -3171,7 +3467,7 @@ var Z = {
 						disabled: g,
 						required: _,
 						onChange: ee,
-						className: Z.input,
+						className: Q.input,
 						"aria-label": w,
 						"aria-labelledby": T,
 						"aria-checked": y ? "mixed" : D["aria-checked"],
@@ -3179,20 +3475,20 @@ var Z = {
 						"aria-describedby": I || void 0
 					}),
 					/* @__PURE__ */ n("span", {
-						className: N(Z.customCheckbox, M && Z.error, y && Z.indeterminate),
+						className: N(Q.customCheckbox, M && Q.error, y && Q.indeterminate),
 						"aria-hidden": "true",
 						children: y ? /* @__PURE__ */ n("span", {
-							className: N(Z.indeterminateMark, o && Z.customMark),
+							className: N(Q.indeterminateMark, o && Q.customMark),
 							children: o
 						}) : L && /* @__PURE__ */ n("span", {
-							className: Z.checkmark,
+							className: Q.checkmark,
 							children: a ?? /* @__PURE__ */ n(v, {})
 						})
 					}),
 					t && /* @__PURE__ */ r("span", {
-						className: N(Z.label, Xn[c]),
+						className: N(Q.label, yr[c]),
 						children: [t, _ && /* @__PURE__ */ n("span", {
-							className: Z.requiredMark,
+							className: Q.requiredMark,
 							"aria-hidden": "true",
 							children: "*"
 						})]
@@ -3201,19 +3497,19 @@ var Z = {
 			}),
 			i && /* @__PURE__ */ n("span", {
 				id: P,
-				className: Z.descriptionText,
+				className: Q.descriptionText,
 				children: i
 			}),
 			M && /* @__PURE__ */ n("span", {
 				id: F,
-				className: Z.errorText,
+				className: Q.errorText,
 				children: C
 			})
 		]
 	});
 });
-er.displayName = "Checkbox";
-var Q = {
+Cr.displayName = "Checkbox";
+var $ = {
 	inputGroup: "_inputGroup_1fjhk_1",
 	primary: "_primary_1fjhk_29",
 	outline: "_outline_1fjhk_29",
@@ -3254,15 +3550,15 @@ var Q = {
 	toneDanger: "_toneDanger_1fjhk_876",
 	toneMuted: "_toneMuted_1fjhk_880",
 	toneInverse: "_toneInverse_1fjhk_884"
-}, tr = {
-	default: Q.toneDefault,
-	primary: Q.tonePrimary,
-	secondary: Q.toneSecondary,
-	success: Q.toneSuccess,
-	danger: Q.toneDanger,
-	muted: Q.toneMuted,
-	inverse: Q.toneInverse
-}, nr = (e = "text", t) => {
+}, wr = {
+	default: $.toneDefault,
+	primary: $.tonePrimary,
+	secondary: $.toneSecondary,
+	success: $.toneSuccess,
+	danger: $.toneDanger,
+	muted: $.toneMuted,
+	inverse: $.toneInverse
+}, Tr = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -3272,7 +3568,7 @@ var Q = {
 		case "search": return "off";
 		default: return;
 	}
-}, rr = (e, t) => {
+}, Er = (e, t) => {
 	let n = e.replace(/\D/g, ""), r = 0, i = "";
 	for (let e of t) {
 		if (e === "#") {
@@ -3284,254 +3580,157 @@ var Q = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, ir = (e, t) => t ? typeof t == "function" ? t(e) : rr(e, t) : e, ar = 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 = hn(), 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 = nr(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 = ir(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(Q.inputGroup, Q[_], Q[m], {
-			[Q.hasAddons]: Ge,
-			[Q.isDisabled]: De,
-			[Q.isInvalid]: Ee,
-			[Q.isLoading]: W
+		className: N($.inputGroup, $[_], $[m], {
+			[$.hasAddons]: Ge,
+			[$.isDisabled]: Ee,
+			[$.isInvalid]: Te,
+			[$.isLoading]: G
 		}),
 		children: [
 			I && /* @__PURE__ */ n("span", {
-				className: Q.addon,
+				className: $.addon,
 				children: I
 			}),
 			/* @__PURE__ */ r("div", {
-				className: N(Q.inputWrapper, {
-					[Q.hasLeftAdornment]: q,
-					[Q.hasRightAdornment]: He,
-					[Q.hasStartIconAndPrefix]: Ue,
-					[Q.hasEndIconAndSuffix]: We
+				className: N($.inputWrapper, {
+					[$.hasLeftAdornment]: Ve,
+					[$.hasRightAdornment]: He,
+					[$.hasStartIconAndPrefix]: Ue,
+					[$.hasEndIconAndSuffix]: We
 				}),
 				children: [
-					Me && /* @__PURE__ */ n("span", {
+					je && /* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
-						className: N(Q.startAdornment, tr[re]),
-						children: Me
+						className: N($.startAdornment, wr[re]),
+						children: je
 					}),
 					R && /* @__PURE__ */ n("span", {
-						className: Q.prefix,
+						className: $.prefix,
 						children: R
 					}),
 					/* @__PURE__ */ n("input", {
 						...H,
 						ref: Ke,
-						id: ge,
+						id: U,
 						name: a,
-						type: je,
-						autoComplete: Pe,
-						className: N(Q.input, Q[Te], { [Q.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
 					}),
 					z && /* @__PURE__ */ n("span", {
-						className: Q.suffix,
+						className: $.suffix,
 						children: z
 					}),
 					/* @__PURE__ */ r("div", {
-						className: Q.endSlot,
+						className: $.endSlot,
 						children: [
-							W && /* @__PURE__ */ n("span", {
-								className: Q.spinner,
+							G && /* @__PURE__ */ n("span", {
+								className: $.spinner,
 								"aria-hidden": "true",
 								"data-testid": "input-spinner"
 							}),
-							G && /* @__PURE__ */ n("button", {
+							K && /* @__PURE__ */ n("button", {
 								type: "button",
-								className: Q.iconButton,
-								onClick: () => ye((e) => !e),
-								"aria-label": ve ? "Hide password" : "Show password",
-								children: ve ? "Hide" : "Show"
+								className: $.iconButton,
+								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(Q.clearButton, tr[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(Q.endAdornment, tr[ie]),
-								children: Ne
+								className: N($.endAdornment, wr[ie]),
+								children: Me
 							})
 						]
 					})
 				]
 			}),
 			L && /* @__PURE__ */ n("span", {
-				className: Q.addon,
+				className: $.addon,
 				children: L
 			})
 		]
-	}), Le && /* @__PURE__ */ r("div", {
-		id: Be,
-		className: Q.counter,
+	}), Ie && /* @__PURE__ */ r("div", {
+		id: ze,
+		className: $.counter,
 		children: [
-			Se.length,
+			xe.length,
 			" / ",
 			V
 		]
 	})] });
-	return !he && me ? Ye : /* @__PURE__ */ n(vn, {
-		id: ge,
+	return !he && me ? Ye : /* @__PURE__ */ n(Dn, {
+		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
 	});
 });
-ar.displayName = "Input";
-var $ = {
-	root: "_root_1avxs_1",
-	invalid: "_invalid_1avxs_27",
-	control: "_control_1avxs_27",
-	label: "_label_1avxs_30",
-	wrapper: "_wrapper_1avxs_33",
-	input: "_input_1avxs_34",
-	disabled: "_disabled_1avxs_37",
-	description: "_description_1avxs_45",
-	colorPrimary: "_colorPrimary_1avxs_49",
-	colorNeutral: "_colorNeutral_1avxs_65",
-	colorSuccess: "_colorSuccess_1avxs_81",
-	colorWarning: "_colorWarning_1avxs_97",
-	colorDanger: "_colorDanger_1avxs_113",
-	sm: "_sm_1avxs_129",
-	md: "_md_1avxs_138",
-	lg: "_lg_1avxs_147",
-	indicator: "_indicator_1avxs_202",
-	customIcon: "_customIcon_1avxs_216",
-	"radio-pop": "_radio-pop_1avxs_1",
-	"radio-indicator-in": "_radio-indicator-in_1avxs_1",
-	content: "_content_1avxs_339",
-	error: "_error_1avxs_356"
-}, or = {
-	primary: $.colorPrimary,
-	neutral: $.colorNeutral,
-	success: $.colorSuccess,
-	warning: $.colorWarning,
-	danger: $.colorDanger
-}, sr = c(({ value: e, checked: t, defaultChecked: i = !1, disabled: a = !1, required: o = !1, size: s, color: c, error: l, onCheckedChange: u, label: d, description: f, icon: m, wrapperClassName: h, className: g, id: _, name: v, "aria-describedby": y, ...b }, x) => {
-	let S = Wt(), C = p(), w = _ ?? C, T = f ? `${w}-description` : void 0, E = l ? `${w}-error` : void 0, D = [
-		T,
-		E,
-		S?.describedBy,
-		y
-	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = ge({
-		value: t,
-		defaultValue: i,
-		onChange: u
-	}), j = O ? S.value === e : k, M = !!S?.disabled || a, P = !!S?.required || o, F = S?.name ?? v, I = !!(l || S?.invalid), L = s ?? S?.size ?? "md", R = c ?? S?.color ?? "primary", z = (t) => {
-		if (!M) {
-			if (O) {
-				S.onValueChange(e);
-				return;
-			}
-			A(t.currentTarget.checked);
-		}
-	};
-	return /* @__PURE__ */ r("div", {
-		className: N($.root, $[L], I && $.invalid, M && $.disabled, or[R], g),
-		children: [/* @__PURE__ */ r("label", {
-			htmlFor: w,
-			className: N($.wrapper, h),
-			children: [
-				/* @__PURE__ */ n("input", {
-					...b,
-					ref: x,
-					id: w,
-					type: "radio",
-					name: F,
-					value: e,
-					checked: j,
-					disabled: M,
-					required: P,
-					"aria-invalid": I || void 0,
-					"aria-describedby": D,
-					className: $.input,
-					onChange: z
-				}),
-				/* @__PURE__ */ n("span", {
-					className: $.control,
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ n("span", {
-						className: N($.indicator, m && $.customIcon),
-						children: m
-					})
-				}),
-				(d || f) && /* @__PURE__ */ r("span", {
-					className: $.content,
-					children: [d && /* @__PURE__ */ n("span", {
-						className: $.label,
-						children: d
-					}), f && /* @__PURE__ */ n("span", {
-						id: T,
-						className: $.description,
-						children: f
-					})]
-				})
-			]
-		}), l && /* @__PURE__ */ n("div", {
-			id: E,
-			className: $.error,
-			children: l
-		})]
-	});
-});
-sr.displayName = "Radio";
+Or.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var cr = s(null), lr = (e) => e === "highContrast" ? "high-contrast" : e, ur = ({ 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 = lr(a);
+	}), s = Ar(a);
 	f(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
@@ -3547,7 +3746,7 @@ var cr = s(null), lr = (e) => e === "highContrast" ? "high-contrast" : e, ur = (
 		theme: a,
 		setTheme: o
 	}), [a, o]);
-	return /* @__PURE__ */ n(cr.Provider, {
+	return /* @__PURE__ */ n(kr.Provider, {
 		value: c,
 		children: /* @__PURE__ */ n("div", {
 			"data-vellira-theme": s,
@@ -3555,13 +3754,13 @@ var cr = s(null), lr = (e) => e === "highContrast" ? "high-contrast" : e, ur = (
 		})
 	});
 };
-ur.displayName = "ThemeProvider";
+jr.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function dr() {
-	let e = d(cr);
+function Mr() {
+	let e = d(kr);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { Yn as Button, er as Checkbox, gt as Dropdown, vn as FormField, ar as Input, Vt as Modal, we as Portal, Ce as PortalProvider, sr as Radio, Kt as RadioGroup, Nn as Select, Wn as Tabs, ur as ThemeProvider, qn as Tooltip, dr 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 };