@vellira-ui/react 2.39.4 → 2.40.0

package/dist/index.js

@@ -1,22 +1,22 @@
 import e from "clsx";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Children as i, Fragment as a, cloneElement as o, createContext as s, forwardRef as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
-import { createPortal as _ } from "react-dom";
-import { Check as v, ChevronDown as y, ChevronRight as b, Close as x, Search as S } from "@vellira-ui/icons";
-import { arrow as C, autoUpdate as w, flip as T, offset as E, shift as D, size as O, useFloating as k, useFocus as A, useHover as j, useInteractions as M } from "@floating-ui/react";
+import { Children as i, Fragment as a, cloneElement as o, createContext as s, forwardRef as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useId as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { createPortal as v } from "react-dom";
+import { Check as y, ChevronDown as b, ChevronRight as x, Close as S, Search as C } from "@vellira-ui/icons";
+import { arrow as w, autoUpdate as T, flip as E, offset as D, shift as O, size as k, useFloating as A, useFocus as j, useHover as M, useInteractions as N } from "@floating-ui/react";
 //#region src/utils/cn.ts
-var N = (...t) => e(t), P = { arrow: "_arrow_8b0vb_1" }, F = ({ className: e }) => /* @__PURE__ */ n("span", {
+var P = (...t) => e(t), F = { arrow: "_arrow_8b0vb_1" }, I = ({ className: e }) => /* @__PURE__ */ n("span", {
 	"aria-hidden": "true",
-	className: N(P.arrow, e)
+	className: P(F.arrow, e)
 });
-F.__velliraDropdownPart = "arrow", F.displayName = "Dropdown.Arrow";
+I.__velliraDropdownPart = "arrow", I.displayName = "Dropdown.Arrow";
 //#endregion
 //#region src/components/Dropdown/internal/DropdownCollection.ts
-function I(e, t) {
+function L(e, t) {
 	let n = () => null;
 	return n.__velliraDropdownPart = e, n.displayName = t, n;
 }
-function L(e) {
+function R(e) {
 	let t = 0, n, r, a, o, s = [], c = [], u = (e) => `${e}-${t++}`;
 	function d(e) {
 		c.push(e), s.push({
@@ -96,7 +96,7 @@ function L(e) {
 						type: "item",
 						id: u("item"),
 						props: t,
-						label: ee(t.children),
+						label: B(t.children),
 						disabled: t.disabled
 					});
 					return;
@@ -107,7 +107,7 @@ function L(e) {
 						type: "checkbox",
 						id: u("checkbox"),
 						props: t,
-						label: ee(t.children),
+						label: B(t.children),
 						disabled: t.disabled
 					});
 					return;
@@ -129,20 +129,20 @@ function L(e) {
 						props: n,
 						groupId: t.radioGroupId ?? u("radio-group"),
 						groupProps: t.radioGroupProps,
-						label: ee(n.children),
+						label: B(n.children),
 						disabled: n.disabled
 					});
 					return;
 				}
 				case "sub": {
-					let t = e.props, n = z(t.children);
+					let t = e.props, n = ee(t.children);
 					if (!n.trigger) return;
-					let r = n.trigger.props, i = L(n.content?.props.children);
+					let r = n.trigger.props, i = R(n.content?.props.children);
 					d({
 						type: "subTrigger",
 						id: u("sub"),
 						props: r,
-						label: ee(r.children),
+						label: B(r.children),
 						disabled: r.disabled,
 						content: n.content?.props.children,
 						subEntries: i.entries,
@@ -169,7 +169,7 @@ function L(e) {
 		trigger: n
 	};
 }
-function R(e) {
+function z(e) {
 	let t, n, r, a, o = [];
 	return i.forEach(e, (e) => {
 		if (!l(e)) {
@@ -202,7 +202,7 @@ function R(e) {
 		shortcut: a
 	};
 }
-function z(e) {
+function ee(e) {
 	let t, n;
 	return i.forEach(e, (e) => {
 		if (!l(e)) return;
@@ -213,7 +213,7 @@ function z(e) {
 		trigger: t
 	};
 }
-function ee(e) {
+function B(e) {
 	let t = [];
 	function n(e) {
 		i.forEach(e, (e) => {
@@ -230,7 +230,7 @@ function ee(e) {
 }
 //#endregion
 //#region src/components/Dropdown/CheckboxItem/DropdownCheckboxItem.tsx
-var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled: t, content: n }) => {
+var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled: t, content: n }) => {
 	f(() => {
 		if (!e || !t || !n) return;
 		let r = [], i = n.parentElement;
@@ -253,7 +253,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		n,
 		t
 	]);
-}, ne = () => {
+}, re = () => {
 	let e = !1;
 	return {
 		preventDefault: () => {
@@ -263,7 +263,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 			return e;
 		}
 	};
-}, re = (e) => {
+}, ie = (e) => {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -274,23 +274,23 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 			return t;
 		}
 	};
-}, ie = [
+}, ae = [
 	"a[href]",
 	"button:not([disabled])",
 	"textarea:not([disabled])",
 	"input:not([disabled])",
 	"select:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
-].join(","), ae = (e) => Array.from(e.querySelectorAll(ie)).filter((e) => !e.hasAttribute("disabled")), oe = (e) => {
-	(ae(e)[0] ?? e).focus();
-}, V = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
+].join(","), oe = (e) => Array.from(e.querySelectorAll(ae)).filter((e) => !e.hasAttribute("disabled")), V = (e) => {
+	(oe(e)[0] ?? e).focus();
+}, se = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
 	f(() => {
 		if (!e) return;
-		let n = document.activeElement, c = i?.current, l = ne();
+		let n = document.activeElement, c = i?.current, l = re();
 		return o?.(l), l.defaultPrevented || queueMicrotask(() => {
-			r?.current?.focus(), !r?.current && t.current && oe(t.current);
+			r?.current?.focus(), !r?.current && t.current && V(t.current);
 		}), () => {
-			let e = ne();
+			let e = re();
 			s?.(e), !(e.defaultPrevented || !a) && queueMicrotask(() => {
 				if (c) {
 					c.focus();
@@ -311,7 +311,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		if (!e || !n) return;
 		let r = (e) => {
 			if (e.key !== "Tab" || !t.current) return;
-			let n = ae(t.current);
+			let n = oe(t.current);
 			if (n.length === 0) {
 				e.preventDefault(), t.current.focus();
 				return;
@@ -331,8 +331,8 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		t,
 		n
 	]);
-}, se = ({ active: e, contentRef: t, ignoreRefs: n = [], closeOnEscape: r, closeOnOutsidePress: i, isTopOverlay: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => {
-	let u = h(n);
+}, ce = ({ active: e, contentRef: t, ignoreRefs: n = [], closeOnEscape: r, closeOnOutsidePress: i, isTopOverlay: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => {
+	let u = g(n);
 	u.current = n, f(() => {
 		if (!e) return;
 		let t = (e) => {
@@ -351,7 +351,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		if (!e) return;
 		let n = (e) => {
 			if (!a() || e.target instanceof Node && [t, ...u.current].some((t) => t.current?.contains(e.target))) return;
-			let n = re(e);
+			let n = ie(e);
 			s?.(n), c?.(n), !(n.defaultPrevented || !i) && l();
 		};
 		return document.addEventListener("pointerdown", n), () => {
@@ -366,45 +366,45 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		s,
 		l
 	]);
-}, ce = [], le = {
+}, le = [], ue = {
 	add(e) {
-		ce = ce.filter((t) => t !== e), ce.push(e);
+		le = le.filter((t) => t !== e), le.push(e);
 	},
 	remove(e) {
-		ce = ce.filter((t) => t !== e);
+		le = le.filter((t) => t !== e);
 	},
 	isTop(e) {
-		return ce[ce.length - 1] === e;
+		return le[le.length - 1] === e;
 	}
-}, ue = ({ active: e, id: t }) => (f(() => {
-	if (e) return le.add(t), () => {
-		le.remove(t);
+}, de = ({ active: e, id: t }) => (f(() => {
+	if (e) return ue.add(t), () => {
+		ue.remove(t);
 	};
-}, [e, t]), { isTopOverlay: u(() => le.isTop(t), [t]) }), de = 0, H = "", fe = {
+}, [e, t]), { isTopOverlay: u(() => ue.isTop(t), [t]) }), H = 0, fe = "", pe = {
 	lock() {
-		typeof document > "u" || (de === 0 && (H = document.body.style.overflow, document.body.style.overflow = "hidden"), de += 1);
+		typeof document > "u" || (H === 0 && (fe = document.body.style.overflow, document.body.style.overflow = "hidden"), H += 1);
 	},
 	unlock() {
-		typeof document > "u" || (de = Math.max(0, de - 1), de === 0 && (document.body.style.overflow = H));
+		typeof document > "u" || (H = Math.max(0, H - 1), H === 0 && (document.body.style.overflow = fe));
 	}
-}, pe = ({ active: e, enabled: t = !0 }) => {
+}, me = ({ active: e, enabled: t = !0 }) => {
 	f(() => {
-		if (!(!e || !t)) return fe.lock(), () => {
-			fe.unlock();
+		if (!(!e || !t)) return pe.lock(), () => {
+			pe.unlock();
 		};
 	}, [e, t]);
-}, me = () => typeof document > "u" ? null : document.body, he = ({ container: e } = {}) => {
-	let [t, n] = g(!1);
+}, he = () => typeof document > "u" ? null : document.body, ge = ({ container: e } = {}) => {
+	let [t, n] = _(!1);
 	return f(() => {
 		n(!0);
-	}, []), t ? e ?? document.getElementById("overlay-root") ?? me() : null;
+	}, []), t ? e ?? document.getElementById("overlay-root") ?? he() : null;
 }, U = ({ value: e, defaultValue: t, onChange: n }) => {
-	let [r, i] = g(t), a = e !== void 0;
+	let [r, i] = _(t), a = e !== void 0;
 	return [a ? e : r, u((e) => {
 		a || i(e), n?.(e);
 	}, [a, n])];
-}, ge = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
-	let l = h({
+}, _e = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
+	let l = g({
 		value: "",
 		timeoutId: void 0
 	});
@@ -423,7 +423,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 	}, [n, c]), p = u(() => n.findIndex((e) => !e.disabled), [n]), m = u(() => {
 		for (let e = n.length - 1; e >= 0; e--) if (!n[e].disabled) return e;
 		return -1;
-	}, [n]), g = u((t) => {
+	}, [n]), h = u((t) => {
 		if (!s || !t) return -1;
 		let r = t.toLocaleLowerCase(), i = e >= 0 ? e + 1 : 0;
 		for (let e = 0; e < n.length; e++) {
@@ -469,7 +469,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 					n.preventDefault(), l.current.timeoutId && clearTimeout(l.current.timeoutId), l.current.value += n.key, l.current.timeoutId = setTimeout(() => {
 						l.current.value = "", l.current.timeoutId = void 0;
 					}, 700);
-					let e = g(l.current.value);
+					let e = h(l.current.value);
 					e >= 0 && t(e);
 				}
 				break;
@@ -484,10 +484,10 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		d,
 		p,
 		m,
-		g
+		h
 	]) };
-}, _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(() => {
+}, ve = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
+	let [l, d] = _(n), [p, m] = _(-1), h = t !== void 0, g = 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;
 	}, [e]), b = u((t, n) => {
@@ -498,8 +498,8 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		m(-1);
 	}, [v, e]);
 	f(() => {
-		b(_);
-	}, [_, b]);
+		b(g);
+	}, [g, b]);
 	let x = u((e, t) => {
 		h || d(e), i?.(e), b(e, t);
 	}, [
@@ -513,10 +513,10 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		v,
 		x
 	]), C = u(() => {
-		_ && x(!1);
-	}, [_, x]), w = u(() => {
+		g && x(!1);
+	}, [g, x]), w = u(() => {
 		if (!r) {
-			if (_) {
+			if (g) {
 				x(!1);
 				return;
 			}
@@ -524,7 +524,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		}
 	}, [
 		r,
-		_,
+		g,
 		S,
 		x
 	]), T = u((t) => {
@@ -541,11 +541,11 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		p,
 		e,
 		T
-	]), { onKeyDown: D } = ge({
+	]), { onKeyDown: D } = _e({
 		activeIndex: p,
 		setActiveIndex: m,
 		items: e,
-		isOpen: _,
+		isOpen: g,
 		onOpen: (e) => {
 			S(e.key === "ArrowUp" ? y() : v());
 		},
@@ -557,8 +557,8 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 	return {
 		activeIndex: p,
 		setActiveIndex: m,
-		isOpen: _,
-		open: _,
+		isOpen: g,
+		open: g,
 		setOpen: x,
 		openDropdown: S,
 		closeDropdown: C,
@@ -570,7 +570,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		getFirstEnabledIndex: v,
 		getLastEnabledIndex: y
 	};
-}, ve = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
+}, ye = ({ 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,
@@ -589,8 +589,8 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		titleId: o,
 		descriptionId: s
 	};
-}, 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({
+}, 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 [m, g] = U({
 		value: e,
 		defaultValue: t ?? (a ? [] : ""),
 		onChange: n ?? r
@@ -598,7 +598,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		value: l,
 		defaultValue: d,
 		onChange: p
-	}), [b, x] = g(-1), S = m(() => Array.isArray(h) ? h : h ? [h] : [], [h]), C = m(() => i.find((e) => S.includes(e.value)), [i, S]), w = m(() => i.filter((e) => S.includes(e.value)), [i, S]), T = u(() => {
+	}), [b, x] = _(-1), S = h(() => Array.isArray(m) ? m : m ? [m] : [], [m]), C = h(() => i.find((e) => S.includes(e.value)), [i, S]), w = h(() => i.filter((e) => S.includes(e.value)), [i, S]), T = u(() => {
 		let e = i.findIndex((e) => S.includes(e.value) && !e.disabled);
 		return e >= 0 ? e : i.findIndex((e) => !e.disabled);
 	}, [i, S]), E = u(() => {
@@ -635,7 +635,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 	]);
 	let k = u((e) => {
 		if (e === "") {
-			_(a ? [] : ""), D();
+			g(a ? [] : ""), D();
 			return;
 		}
 		let t = i.find((t) => t.value === e);
@@ -643,10 +643,10 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 			if (a) {
 				if (!S.includes(e) && typeof o == "number" && S.length >= o) return;
 				let t = S.includes(e) ? S.filter((t) => t !== e) : [...S, e];
-				_(t), s && D();
+				g(t), s && D();
 				return;
 			}
-			_(e), x(i.indexOf(t)), D();
+			g(e), x(i.indexOf(t)), D();
 		}
 	}, [
 		D,
@@ -655,7 +655,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		a,
 		i,
 		S,
-		_
+		g
 	]), A = u(() => {
 		let e = i[b];
 		e && k(e.value);
@@ -663,7 +663,7 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		b,
 		i,
 		k
-	]), { onKeyDown: j } = ge({
+	]), { onKeyDown: j } = _e({
 		activeIndex: b,
 		setActiveIndex: x,
 		items: i,
@@ -674,9 +674,9 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		getItemText: (e) => e.label
 	});
 	return {
-		selectedValue: h,
+		selectedValue: m,
 		selectedValues: S,
-		setSelectedValue: _,
+		setSelectedValue: g,
 		selectedOption: C,
 		selectedOptions: w,
 		isOpen: v,
@@ -693,71 +693,22 @@ var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		selectActiveOption: A,
 		onKeyDown: j
 	};
-}, be = ({ activeIndex: e, defaultActiveIndex: t = 0, onChange: n }) => {
+}, W = ({ value: e, defaultValue: t = "", onValueChange: n }) => {
 	let [r, i] = U({
 		value: e,
 		defaultValue: t,
 		onChange: n
 	});
 	return {
-		activeIndex: r,
-		setActiveIndex: i
+		value: r,
+		setValue: i
 	};
-}, 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;
-		let i = e;
-		for (let e = 0; e < r; e++) {
-			i = (i + t + r) % r;
-			let e = n.current[i];
-			if (e && !o(e)) return i;
-		}
-		return e;
-	}, c = () => n.current.findIndex((e) => e && !o(e)), l = () => {
-		for (let e = n.current.length - 1; e >= 0; e--) {
-			let t = n.current[e];
-			if (t && !o(t)) return e;
-		}
-		return e;
-	}, u = e;
-	switch (a.key) {
-		case "ArrowLeft":
-			r === "horizontal" && (a.preventDefault(), u = s(e, -1));
-			break;
-		case "ArrowRight":
-			r === "horizontal" && (a.preventDefault(), u = s(e, 1));
-			break;
-		case "ArrowUp":
-			r === "vertical" && (a.preventDefault(), u = s(e, -1));
-			break;
-		case "ArrowDown":
-			r === "vertical" && (a.preventDefault(), u = s(e, 1));
-			break;
-		case "Home": {
-			a.preventDefault();
-			let t = c();
-			u = t === -1 ? e : t;
-			break;
-		}
-		case "End":
-			a.preventDefault(), u = l();
-			break;
-		default: return;
-	}
-	u !== e && (t(u), i?.(u));
-}, [
-	e,
-	i,
-	r,
-	t,
-	n
-]) }), xe = s(null), Se = ({ children: e, container: t = null }) => /* @__PURE__ */ n(xe.Provider, {
+}, xe = s(null), Se = ({ children: e, container: t = null }) => /* @__PURE__ */ n(xe.Provider, {
 	value: t,
 	children: e
 }), Ce = ({ children: e, container: t }) => {
-	let n = d(xe), r = he({ container: t ?? n });
-	return r ? _(e, r) : null;
+	let n = d(xe), r = ge({ container: t ?? n });
+	return r ? v(e, r) : null;
 };
 Ce.__velliraPortal = !0, Ce.displayName = "Portal", Se.displayName = "PortalProvider";
 var we = {
@@ -772,7 +723,7 @@ var we = {
 	searchWrap: "_searchWrap_m7rnq_165",
 	search: "_search_m7rnq_165",
 	"dropdown-sheet-in": "_dropdown-sheet-in_m7rnq_1"
-}, Te = I("empty", "Dropdown.Empty"), Ee = ({ children: e }) => /* @__PURE__ */ n("li", {
+}, Te = L("empty", "Dropdown.Empty"), Ee = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
 	className: we.empty,
 	children: e ?? "No actions available"
@@ -780,7 +731,7 @@ var we = {
 Ee.displayName = "DropdownEmptySurface";
 //#endregion
 //#region src/components/Dropdown/Group/DropdownGroup.tsx
-var De = I("group", "Dropdown.Group"), Oe = () => null;
+var De = L("group", "Dropdown.Group"), Oe = () => null;
 Oe.displayName = "DropdownGroupSurface";
 //#endregion
 //#region src/components/Dropdown/internal/DropdownContext.tsx
@@ -821,9 +772,9 @@ var K = {
 	"dropdown-sub-in": "_dropdown-sub-in_1vj4n_1",
 	subLabel: "_subLabel_1vj4n_276",
 	subSeparator: "_subSeparator_1vj4n_284"
-}, 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 (_) {
+}, Fe = L("item", "Dropdown.Item"), Ie = ({ item: e, itemIndex: i }) => {
+	let a = G(), o = g(void 0), [s, c] = _(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, h = a.loading || e.disabled, v = e.props, b = z(v.children), S = b.icon ?? v.icon, C = b.description ?? ("description" in v ? v.description : void 0), w = b.badge ?? ("badge" in v ? v.badge : void 0), T = b.shortcut ?? v.shortcut, E = b.content.length ? b.content : v.children, D = "color" in v ? v.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", N = 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 (h) {
 			t.preventDefault();
 			return;
 		}
@@ -836,25 +787,25 @@ var K = {
 	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r(F, {
 		id: j,
 		role: M,
-		href: F === "a" && !_ ? O : void 0,
-		target: F === "a" && !_ ? k : void 0,
-		rel: F === "a" ? P : void 0,
-		download: F === "a" && !_ ? A : void 0,
-		tabIndex: _ ? -1 : 0,
-		"aria-disabled": _ || void 0,
+		href: F === "a" && !h ? O : void 0,
+		target: F === "a" && !h ? k : void 0,
+		rel: F === "a" ? N : void 0,
+		download: F === "a" && !h ? A : void 0,
+		tabIndex: h ? -1 : 0,
+		"aria-disabled": h || void 0,
 		"aria-checked": d || f ? m : void 0,
 		"aria-haspopup": p ? "menu" : void 0,
 		"aria-expanded": p ? u : void 0,
 		"data-active": l || void 0,
 		"data-state": u ? "open" : void 0,
-		className: N(K.item, K[a.size], {
+		className: P(K.item, K[a.size], {
 			[K.active]: l,
-			[K.disabled]: _,
+			[K.disabled]: h,
 			[K.checked]: m
-		}, D && D !== "default" ? K[D] : void 0, y.className),
+		}, D && D !== "default" ? K[D] : void 0, v.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)));
+			h || (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)));
 		},
 		onMouseLeave: () => {
 			window.clearTimeout(o.current);
@@ -863,7 +814,7 @@ var K = {
 			I && /* @__PURE__ */ n("span", {
 				className: K.indicator,
 				"aria-hidden": "true",
-				children: m ? /* @__PURE__ */ n(v, {}) : null
+				children: m ? /* @__PURE__ */ n(y, {}) : null
 			}),
 			S && /* @__PURE__ */ n("span", {
 				className: K.itemIcon,
@@ -890,7 +841,7 @@ var K = {
 			p && /* @__PURE__ */ n("span", {
 				className: K.itemShortcut,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ n(b, {})
+				children: /* @__PURE__ */ n(x, {})
 			})
 		]
 	}), p && u && e.subEntries.length > 0 && /* @__PURE__ */ n("ul", {
@@ -925,7 +876,7 @@ function Le(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) => {
+	let i = G(), [a, o] = _(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 = z(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, g = d.content.length ? d.content : u.children, v = "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;
@@ -946,16 +897,16 @@ function Re({ id: e, item: t }) {
 		tabIndex: b ? -1 : 0,
 		"aria-disabled": b || void 0,
 		"aria-checked": s || c ? l : void 0,
-		className: N(K.item, K[i.size], {
+		className: P(K.item, K[i.size], {
 			[K.disabled]: b,
 			[K.checked]: l
-		}, y && y !== "default" ? K[y] : void 0),
+		}, v && v !== "default" ? K[v] : void 0),
 		onClick: O,
 		children: [
 			D && /* @__PURE__ */ n("span", {
 				className: K.indicator,
 				"aria-hidden": "true",
-				children: l ? /* @__PURE__ */ n(v, {}) : null
+				children: l ? /* @__PURE__ */ n(y, {}) : null
 			}),
 			f && /* @__PURE__ */ n("span", {
 				className: K.itemIcon,
@@ -965,7 +916,7 @@ function Re({ id: e, item: t }) {
 				className: K.itemText,
 				children: [/* @__PURE__ */ n("span", {
 					className: K.itemLabel,
-					children: _
+					children: g
 				}), p && /* @__PURE__ */ n("span", {
 					className: K.itemDescription,
 					children: p
@@ -982,24 +933,24 @@ function Re({ id: e, item: t }) {
 		]
 	});
 }
-var ze = { group: "_group_aviwv_1" }, Be = I("label", "Dropdown.Label"), q = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
+var ze = { group: "_group_aviwv_1" }, Be = L("label", "Dropdown.Label"), Ve = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: N(ze.group, t),
+	className: P(ze.group, t),
 	children: e
 });
-q.displayName = "DropdownLabelSurface";
+Ve.displayName = "DropdownLabelSurface";
 //#endregion
 //#region src/components/Dropdown/Loading/DropdownLoading.tsx
-var Ve = I("loading", "Dropdown.Loading"), He = ({ children: e }) => /* @__PURE__ */ n("li", {
+var q = L("loading", "Dropdown.Loading"), He = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
 	"aria-live": "polite",
 	className: we.empty,
 	children: e ?? "Loading actions..."
 });
 He.displayName = "DropdownLoadingSurface";
-var Ue = { separator: "_separator_1v11r_1" }, We = I("separator", "Dropdown.Separator"), Ge = ({ className: e }) => /* @__PURE__ */ n("li", {
+var Ue = { separator: "_separator_1v11r_1" }, We = L("separator", "Dropdown.Separator"), Ge = ({ className: e }) => /* @__PURE__ */ n("li", {
 	role: "separator",
-	className: N(Ue.separator, e),
+	className: P(Ue.separator, e),
 	"aria-hidden": "true"
 });
 Ge.displayName = "DropdownSeparatorSurface";
@@ -1008,7 +959,7 @@ Ge.displayName = "DropdownSeparatorSurface";
 var Ke = ({ className: e }) => {
 	let t = G();
 	if (!t.isOpen) return null;
-	let i = N(we.dropdown, we[t.color], t.contentProps?.className, t.dropdownClassName, e), o = /* @__PURE__ */ r("ul", {
+	let i = P(we.dropdown, we[t.color], t.contentProps?.className, t.dropdownClassName, e), o = /* @__PURE__ */ r("ul", {
 		ref: t.setContentRef,
 		id: t.contentId,
 		role: "menu",
@@ -1024,8 +975,8 @@ var Ke = ({ className: e }) => {
 		"data-color": t.color,
 		children: [t.searchable && /* @__PURE__ */ r("li", {
 			role: "presentation",
-			className: N(we.searchWrap, t.searchProps?.className),
-			children: [/* @__PURE__ */ n(S, { "aria-hidden": "true" }), /* @__PURE__ */ n("input", {
+			className: P(we.searchWrap, t.searchProps?.className),
+			children: [/* @__PURE__ */ n(C, { "aria-hidden": "true" }), /* @__PURE__ */ n("input", {
 				className: we.search,
 				value: t.searchValue,
 				placeholder: t.searchPlaceholder,
@@ -1036,7 +987,7 @@ 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(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, {
+		}), 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(Ve, { ...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(I, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(Ie, {
 			item: e.item,
 			itemIndex: e.itemIndex
 		}) }, e.item.id)) : /* @__PURE__ */ n(Ee, {})]
@@ -1046,8 +997,8 @@ var Ke = ({ className: e }) => {
 Ke.__velliraDropdownPart = "content", Ke.displayName = "Dropdown.Content";
 //#endregion
 //#region src/components/Dropdown/ItemBadge/DropdownItemBadge.tsx
-var qe = I("itemBadge", "Dropdown.ItemBadge"), Je = I("itemDescription", "Dropdown.ItemDescription"), Ye = I("itemIcon", "Dropdown.ItemIcon"), Xe = I("itemShortcut", "Dropdown.ItemShortcut"), Ze = I("radioGroup", "Dropdown.RadioGroup"), Qe = I("radioItem", "Dropdown.RadioItem"), $e = (e) => {
-	let [t, n] = g(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
+var qe = L("itemBadge", "Dropdown.ItemBadge"), Je = L("itemDescription", "Dropdown.ItemDescription"), Ye = L("itemIcon", "Dropdown.ItemIcon"), Xe = L("itemShortcut", "Dropdown.ItemShortcut"), Ze = L("radioGroup", "Dropdown.RadioGroup"), Qe = L("radioItem", "Dropdown.RadioItem"), $e = (e) => {
+	let [t, n] = _(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
 	return f(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function" || !e) return;
 		let t = window.matchMedia(`(max-width: ${e}px)`), r = () => n(t.matches);
@@ -1056,19 +1007,19 @@ var qe = I("itemBadge", "Dropdown.ItemBadge"), Je = I("itemDescription", "Dropdo
 		};
 	}, [e]), t;
 }, et = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, matchTriggerWidth: a = !1, avoidCollisions: o = !0, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
-	let l = $e(s), { refs: u, floatingStyles: d, update: p, context: h, middlewareData: g, placement: _ } = k({
+	let l = $e(s), { refs: u, floatingStyles: d, update: p, context: m, middlewareData: g, placement: _ } = A({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		strategy: r,
 		transform: !1,
-		middleware: m(() => [
-			E(i),
-			...o ? [T()] : [],
-			O({ apply({ rects: e, elements: t }) {
+		middleware: h(() => [
+			D(i),
+			...o ? [E()] : [],
+			k({ apply({ rects: e, elements: t }) {
 				!a || l || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 			} }),
-			...o ? [D({ padding: 8 })] : [],
+			...o ? [O({ padding: 8 })] : [],
 			...c
 		], [
 			o,
@@ -1077,12 +1028,12 @@ var qe = I("itemBadge", "Dropdown.ItemBadge"), Je = I("itemDescription", "Dropdo
 			a,
 			i
 		]),
-		whileElementsMounted: w
+		whileElementsMounted: T
 	});
 	return f(() => {
 		l && u.floating.current?.style.removeProperty("width");
 	}, [l, u.floating]), {
-		context: h,
+		context: m,
 		placement: _,
 		middlewareData: g,
 		floatingStyles: l ? {} : d,
@@ -1115,18 +1066,18 @@ function nt(...e) {
 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]), U = m(() => H.items.map((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: m, 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: N, noOptionsText: F, triggerClassName: I, dropdownClassName: L, className: z }) => {
+	let ee = p(), B = `${ee}-trigger`, te = `${ee}-menu`, ne = g(null), re = g(null), [ie, ae] = _(), [oe, V] = _({}), [se, le] = _(A), ue = k ?? se, H = h(() => R(e), [e]), fe = H.content?.props.command ?? !1, pe = D || O || fe || !!H.search, he = h(() => st(H.items), [H.items]), ge = h(() => H.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [H.items]), ge = m(() => !me || !de.trim() ? H : ct(H, de), [
-		me,
+	})), [H.items]), U = h(() => !pe || !ue.trim() ? H : ct(H, ue), [
+		pe,
 		H,
-		de
-	]), ve = m(() => ge.items.map((e) => ({
+		ue
+	]), _e = h(() => U.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [ge.items]);
+	})), [U.items]);
 	f(() => {
 		V((e) => {
 			let t = { ...e };
@@ -1135,13 +1086,13 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 			}), t;
 		});
 	}, [he]);
-	let { activeIndex: ye, setActiveIndex: be, isOpen: W, closeDropdown: xe, toggleDropdown: Se, onKeyDown: Ce } = _e({
-		items: me ? ve : U,
+	let { activeIndex: ye, setActiveIndex: be, isOpen: W, closeDropdown: xe, toggleDropdown: Se, onKeyDown: Ce } = ve({
+		items: pe ? _e : ge,
 		open: t,
 		defaultOpen: i,
 		disabled: w,
 		onOpenChange: a,
-		getItemValue: (e, t) => (me ? ge.items : H.items)[t]?.id ?? "",
+		getItemValue: (e, t) => (pe ? U.items : H.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
 		loop: C
 	}), { floatingStyles: we, setRef: Te, setFloatingRef: Ee } = et({
@@ -1157,11 +1108,11 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 		M,
 		k,
 		be
-	]), { isTopOverlay: Oe } = ue({
+	]), { isTopOverlay: Oe } = de({
 		active: W,
 		id: te
 	});
-	pe({
+	me({
 		active: W,
 		enabled: x
 	});
@@ -1184,7 +1135,7 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 		S,
 		T
 	]), je = u((e) => {
-		let t = ge.items[ye];
+		let t = U.items[ye];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
 			e.preventDefault(), ae(t.id);
 			return;
@@ -1202,7 +1153,7 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 		Ce(e), e.key === "Escape" && ne.current?.focus();
 	}, [
 		ye,
-		ge.items,
+		U.items,
 		Ce,
 		ie,
 		Ae
@@ -1213,7 +1164,7 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 	}, [Te]), K = u((e) => {
 		re.current = e, Ee(e), e?.focus();
 	}, [Ee]);
-	se({
+	ce({
 		active: W,
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
@@ -1224,7 +1175,7 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 	});
 	let Fe = {
 		...we,
-		minWidth: rt(_),
+		minWidth: rt(m),
 		maxWidth: rt(v)
 	};
 	return /* @__PURE__ */ n(Ne, {
@@ -1246,24 +1197,24 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 				contentId: te,
 				contentProps: H.content?.props,
 				disabled: w,
-				dropdownClassName: R,
-				entries: ge.entries,
+				dropdownClassName: L,
+				entries: U.entries,
 				getItemId: (e) => `${te}-item-${e}`,
 				isOpen: W,
-				items: ge.items,
+				items: U.items,
 				loading: T,
 				loadingText: E,
-				noOptionsText: P ?? F,
+				noOptionsText: N ?? F,
 				maxWidth: v,
-				minWidth: _,
+				minWidth: m,
 				openSubId: ie,
 				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,
+				searchValue: ue,
+				searchable: pe,
 				selectItem: Ae,
 				setActiveIndex: be,
 				setContentRef: K,
@@ -1280,9 +1231,9 @@ var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultO
 				triggerId: B
 			},
 			children: /* @__PURE__ */ r("div", {
-				className: N(it.wrapper, z),
+				className: P(it.wrapper, z),
 				"data-disabled": w || void 0,
-				children: [H.trigger ?? null, H.portal ?? H.content ?? /* @__PURE__ */ n(Ke, { className: R })]
+				children: [H.trigger ?? null, H.portal ?? H.content ?? /* @__PURE__ */ n(Ke, { className: L })]
 			})
 		})
 	});
@@ -1316,7 +1267,7 @@ function ct(e, t) {
 }
 //#endregion
 //#region src/components/Dropdown/Search/DropdownSearch.tsx
-var lt = I("search", "Dropdown.Search"), ut = I("subContent", "Dropdown.SubContent"), dt = I("subTrigger", "Dropdown.SubTrigger"), ft = I("sub", "Dropdown.Sub"), pt = {
+var lt = L("search", "Dropdown.Search"), ut = L("subContent", "Dropdown.SubContent"), dt = L("subTrigger", "Dropdown.SubTrigger"), ft = L("sub", "Dropdown.Sub"), pt = {
 	button: "_button_bb3ib_1",
 	disabled: "_disabled_bb3ib_63",
 	arrow: "_arrow_bb3ib_71",
@@ -1342,7 +1293,7 @@ var ht = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
 		"aria-disabled": d || void 0,
 		"aria-expanded": c.isOpen,
 		"aria-haspopup": "menu",
-		className: N(!u && pt.button, !u && pt[s.size], !u && pt[s.color], c.triggerClassName, a),
+		className: P(!u && pt.button, !u && pt[s.size], !u && pt[s.color], c.triggerClassName, a),
 		"data-state": c.isOpen ? "open" : "closed",
 		disabled: d || void 0,
 		onClick: tt(u?.props.onClick, c.onClick),
@@ -1350,7 +1301,7 @@ var ht = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
 	};
 	return u ? o(u, {
 		...f,
-		className: N(u.props.className, a)
+		className: P(u.props.className, a)
 	}) : /* @__PURE__ */ r("button", {
 		type: "button",
 		...f,
@@ -1358,9 +1309,9 @@ var ht = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
 			className: pt.label,
 			children: e
 		}), /* @__PURE__ */ n("span", {
-			className: N(pt.arrow, { [pt.open]: c.isOpen }),
+			className: P(pt.arrow, { [pt.open]: c.isOpen }),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ n(y, {})
+			children: /* @__PURE__ */ n(b, {})
 		})]
 	});
 };
@@ -1372,7 +1323,7 @@ var gt = Object.assign(at, {
 	Content: Ke,
 	Search: lt,
 	Item: Fe,
-	CheckboxItem: B,
+	CheckboxItem: te,
 	RadioGroup: Ze,
 	RadioItem: Qe,
 	Group: De,
@@ -1389,9 +1340,9 @@ var gt = Object.assign(at, {
 	Description: Je,
 	Badge: qe,
 	Shortcut: Xe,
-	Arrow: F,
+	Arrow: I,
 	Empty: Te,
-	Loading: Ve
+	Loading: q
 });
 gt.displayName = "Dropdown";
 //#endregion
@@ -1408,7 +1359,7 @@ var Ct = {
 }, wt = ({ children: e, className: t }) => {
 	let r = bt();
 	return /* @__PURE__ */ n("div", {
-		className: N(Ct.modalBody, r?.scrollBehavior === "inside" && Ct.inside, t),
+		className: P(Ct.modalBody, r?.scrollBehavior === "inside" && Ct.inside, t),
 		children: e
 	});
 };
@@ -1442,24 +1393,24 @@ var Dt = {
 }, Ot = ({ asChild: e = !1, children: t, className: r, "aria-label": i }) => {
 	let a = yt(), s = e && l(t) ? t : void 0, c = {
 		"aria-label": s ? i : i ?? "Close dialog",
-		className: N(!s && Dt.modalHeaderCloseButton, r),
+		className: P(!s && Dt.modalHeaderCloseButton, r),
 		onClick: Tt(s?.props.onClick, a.requestClose)
 	};
 	return s ? o(s, {
 		...c,
-		className: N(s.props.className, r),
+		className: P(s.props.className, r),
 		"aria-label": i ?? s.props["aria-label"]
 	}) : /* @__PURE__ */ n("button", {
 		type: "button",
 		...c,
-		children: /* @__PURE__ */ n(x, { size: 16 })
+		children: /* @__PURE__ */ n(S, { size: 16 })
 	});
 };
 Ot.displayName = "Modal.Close";
 //#endregion
 //#region src/components/Modal/internal/useModalDismiss.ts
 var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r, isTopModal: i, onEscapeKeyDown: a, onPointerDownOutside: o, onInteractOutside: s, requestClose: c }) => {
-	se({
+	ce({
 		active: e,
 		closeOnOutsidePress: r,
 		closeOnEscape: n,
@@ -1483,8 +1434,8 @@ var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 	inside: "_inside_15uod_70",
 	outside: "_outside_15uod_74"
 }, jt = ({ children: e, size: t = "md", placement: r = "center", scrollBehavior: i = "inside", animated: a = !0, forceMount: o = !1, ariaLabel: s, ariaLabelledBy: c, ariaDescribedBy: l, className: d, style: f }) => {
-	let p = yt(), m = p.open, [h, _] = g(null), v = u((e) => {
-		p.setContentRef(e), _(e);
+	let p = yt(), m = p.open, [h, g] = _(null), v = u((e) => {
+		p.setContentRef(e), g(e);
 	}, [p]);
 	if (kt({
 		active: m,
@@ -1496,7 +1447,7 @@ var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 		onInteractOutside: p.onInteractOutside,
 		onPointerDownOutside: p.onPointerDownOutside,
 		requestClose: p.requestClose
-	}), V({
+	}), se({
 		active: m,
 		contentRef: p.contentRef,
 		enabled: p.trapFocus,
@@ -1505,7 +1456,7 @@ var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 		onCloseAutoFocus: p.onCloseAutoFocus,
 		onOpenAutoFocus: p.onOpenAutoFocus,
 		restoreFocus: p.restoreFocus
-	}), te({
+	}), ne({
 		active: m,
 		content: h,
 		enabled: p.modal
@@ -1517,7 +1468,7 @@ var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 			id: p.contentId,
 			ref: Et(v),
 			tabIndex: -1,
-			className: N(At.content, At[t], At[r], At[i], a && At.animated, d),
+			className: P(At.content, At[t], At[r], At[i], a && At.animated, d),
 			style: f,
 			role: p.role,
 			"aria-modal": p.modal ? "true" : void 0,
@@ -1531,7 +1482,7 @@ var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 };
 jt.displayName = "ModalContent";
 var Mt = { modalFooter: "_modalFooter_sb1pn_1" }, Nt = ({ children: e, className: t }) => /* @__PURE__ */ n("div", {
-	className: N(Mt.modalFooter, t),
+	className: P(Mt.modalFooter, t),
 	children: e
 });
 Nt.displayName = "ModalFooter";
@@ -1562,7 +1513,7 @@ Ft.displayName = "Modal.Title";
 var It = ({ children: e, title: t, description: i, showClose: a = !1, className: o }) => {
 	let s = t !== void 0 || i !== void 0;
 	return /* @__PURE__ */ r("div", {
-		className: N(Dt.modalHeader, o),
+		className: P(Dt.modalHeader, o),
 		children: [s ? /* @__PURE__ */ r("div", {
 			className: Dt.modalHeaderText,
 			children: [t !== void 0 && /* @__PURE__ */ n(Ft, { children: t }), i !== void 0 && /* @__PURE__ */ n(Pt, { children: i })]
@@ -1577,7 +1528,7 @@ var Lt = {
 }, Rt = ({ className: e, animated: t = !0, forceMount: r = !1 }) => {
 	let { open: i } = yt();
 	return !i && !r ? null : /* @__PURE__ */ n("div", {
-		className: N(Lt.overlay, i && Lt["overlay--open"], t && Lt["overlay--animated"], e),
+		className: P(Lt.overlay, i && Lt["overlay--open"], t && Lt["overlay--animated"], e),
 		"data-state": i ? "open" : "closed",
 		"aria-hidden": "true"
 	});
@@ -1585,22 +1536,22 @@ var Lt = {
 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 } = ve({
+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: m, onOpenAutoFocus: v, onCloseAutoFocus: y, onEscapeKeyDown: b, onPointerDownOutside: x, onInteractOutside: S, role: C = "dialog", className: w }) => {
+	let T = g(null), { contentId: E, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = ye({
 		open: t,
 		defaultOpen: r,
 		onOpenChange: i,
 		closeOnEscape: o,
 		closeOnOutsidePress: s
-	}), [M, P] = g(!1), [F, I] = g(!1), L = O, R = u(() => {
+	}), [M, N] = _(!1), [F, I] = _(!1), L = O, R = u(() => {
 		k();
 	}, [k]), z = u((e) => {
 		T.current = e;
-	}, []), { isTopOverlay: ee } = ue({
+	}, []), { isTopOverlay: ee } = de({
 		active: O,
 		id: E
 	});
-	return pe({
+	return me({
 		active: O,
 		enabled: c
 	}), f(() => {
@@ -1612,13 +1563,13 @@ var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a
 		O,
 		C
 	]), /* @__PURE__ */ n(xt, {
-		value: m(() => ({
+		value: h(() => ({
 			closeOnEscape: o,
 			closeOnOutsidePress: s,
 			contentId: E,
 			contentRef: T,
 			descriptionId: D,
-			finalFocus: _,
+			finalFocus: m,
 			initialFocus: p,
 			isTopModal: ee,
 			modal: a,
@@ -1635,7 +1586,7 @@ var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a
 			setContentRef: z,
 			setDescriptionPresent: I,
 			setOpen: A,
-			setTitlePresent: P,
+			setTitlePresent: N,
 			shouldRender: L,
 			titleId: j,
 			trapFocus: d
@@ -1644,7 +1595,7 @@ var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a
 			s,
 			E,
 			D,
-			_,
+			m,
 			p,
 			ee,
 			O,
@@ -1665,7 +1616,7 @@ var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a
 			d
 		]),
 		children: /* @__PURE__ */ n("div", {
-			className: N(w),
+			className: P(w),
 			"data-state": O ? "open" : "closed",
 			children: e
 		})
@@ -1680,7 +1631,7 @@ var Bt = ({ children: e, asChild: t = !1, disabled: r = !1, className: i }) => {
 		"aria-disabled": c || void 0,
 		"aria-expanded": a.open,
 		"aria-haspopup": "dialog",
-		className: N(i),
+		className: P(i),
 		"data-state": a.open ? "open" : "closed",
 		disabled: c || void 0,
 		onClick: Tt(s?.props.onClick, () => {
@@ -1690,7 +1641,7 @@ var Bt = ({ children: e, asChild: t = !1, disabled: r = !1, className: i }) => {
 	return s ? o(s, {
 		...u,
 		ref: Et(s.props.ref),
-		className: N(s.props.className, i)
+		className: P(s.props.className, i)
 	}) : /* @__PURE__ */ n("button", {
 		type: "button",
 		...u,
@@ -1757,7 +1708,7 @@ var J = {
 		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) => {
+	}), j = O ? S.value === e : k, M = !!S?.disabled || a, N = !!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);
@@ -1767,10 +1718,10 @@ var J = {
 		}
 	};
 	return /* @__PURE__ */ r("div", {
-		className: N(J.root, J[L], I && J.invalid, M && J.disabled, Gt[R], g),
+		className: P(J.root, J[L], I && J.invalid, M && J.disabled, Gt[R], g),
 		children: [/* @__PURE__ */ r("label", {
 			htmlFor: w,
-			className: N(J.wrapper, h),
+			className: P(J.wrapper, h),
 			children: [
 				/* @__PURE__ */ n("input", {
 					...b,
@@ -1781,7 +1732,7 @@ var J = {
 					value: e,
 					checked: j,
 					disabled: M,
-					required: P,
+					required: N,
 					"aria-invalid": I || void 0,
 					"aria-describedby": D,
 					className: J.input,
@@ -1791,7 +1742,7 @@ var J = {
 					className: J.control,
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ n("span", {
-						className: N(J.indicator, m && J.customIcon),
+						className: P(J.indicator, m && J.customIcon),
 						children: m
 					})
 				}),
@@ -1855,12 +1806,12 @@ var $t = {
 	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({
+}, 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: h, className: _, id: v, onKeyDown: y, ...b }, x) => {
+	let S = g(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
-	}), M = !!f, P = Qt({
+	}), M = !!f, N = Qt({
 		rootRef: S,
 		orientation: m
 	}), F = (e) => {
@@ -1881,9 +1832,9 @@ var $t = {
 		"aria-required": o || void 0,
 		"aria-invalid": M || void 0,
 		onKeyDown: (e) => {
-			y?.(e), e.defaultPrevented || P(e);
+			y?.(e), e.defaultPrevented || N(e);
 		},
-		className: N($t.root, $t[s], M && $t.invalid, a && $t.disabled, _),
+		className: P($t.root, $t[s], M && $t.invalid, a && $t.disabled, _),
 		children: [
 			u && /* @__PURE__ */ r("div", {
 				id: T,
@@ -1912,8 +1863,8 @@ var $t = {
 					onValueChange: j
 				},
 				children: /* @__PURE__ */ n("div", {
-					className: N($t.items, $t[m]),
-					children: g
+					className: P($t.items, $t[m]),
+					children: h
 				})
 			}),
 			f && /* @__PURE__ */ n("div", {
@@ -1941,7 +1892,7 @@ nn.displayName = "SelectContext";
 //#endregion
 //#region src/components/Select/internal/useSelectVirtualization.ts
 function on({ loading: e, options: t, scrollTop: n, virtual: r }) {
-	return m(() => {
+	return h(() => {
 		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 {
 			bottomSpacerHeight: o ? Math.max(0, (t.length - s - l.length) * a) : 0,
@@ -1986,7 +1937,7 @@ var ln = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s,
 		role: "option",
 		"aria-selected": i,
 		"aria-disabled": u || void 0,
-		className: N(sn.option, {
+		className: P(sn.option, {
 			[sn.selected]: i,
 			[sn.active]: a,
 			[sn.disabled]: u,
@@ -2029,7 +1980,7 @@ var ln = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s,
 		] }), /* @__PURE__ */ n("span", {
 			className: sn.check,
 			"aria-hidden": "true",
-			children: i && /* @__PURE__ */ n(v, {})
+			children: i && /* @__PURE__ */ n(y, {})
 		})]
 	});
 };
@@ -2068,8 +2019,8 @@ var Y = {
 	});
 };
 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({
+var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style: s, options: c, entries: l, multiple: d, selectedValues: p, color: m = "primary", variant: h = "outline", searchable: v, command: y, virtual: b, portal: x = !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 = g(null), te = g(!1), [ne, re] = _(null), [ie, ae] = _(0), { bottomSpacerHeight: oe, isVirtual: V, itemHeight: se, startIndex: ce, topSpacerHeight: le, viewportHeight: ue, visibleOptions: de } = on({
 		loading: T,
 		options: c,
 		scrollTop: ie,
@@ -2108,7 +2059,8 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		T,
 		c,
 		N,
-		p
+		p,
+		ue
 	]), !e) return null;
 	let fe = l && !V ? l : de.map((e, t) => ({
 		type: "option",
@@ -2120,7 +2072,7 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		className: [
 			Y.dropdown,
 			Y[m],
-			Y[_],
+			Y[h],
 			y ? Y.command : void 0,
 			I
 		].filter(Boolean).join(" "),
@@ -2147,7 +2099,7 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 					onClick: () => {
 						ee?.(""), B.current?.focus();
 					},
-					children: /* @__PURE__ */ n(x, {})
+					children: /* @__PURE__ */ n(S, {})
 				})]
 			})),
 			/* @__PURE__ */ n("ul", {
@@ -2232,7 +2184,7 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 			})
 		]
 	});
-	return S ? /* @__PURE__ */ n(Ce, { children: pe }) : pe;
+	return x ? /* @__PURE__ */ n(Ce, { children: pe }) : pe;
 };
 dn.displayName = "SelectContentSurface";
 function fn(e) {
@@ -2262,7 +2214,7 @@ hn.__velliraSelectPart = "loading", hn.displayName = "Select.Loading";
 //#endregion
 //#region src/components/Select/Content/SelectSearch.tsx
 var gn = ({ placeholder: e, className: t }) => {
-	let { contentProps: i } = an(), a = h(null), o = i.searchValue ?? "";
+	let { contentProps: i } = an(), a = g(null), o = i.searchValue ?? "";
 	return f(() => {
 		if (!i.isOpen) return;
 		let e = window.setTimeout(() => {
@@ -2273,7 +2225,7 @@ var gn = ({ placeholder: e, className: t }) => {
 		className: Y.searchWrap,
 		children: [/* @__PURE__ */ n("input", {
 			ref: a,
-			className: N(Y.search, t),
+			className: P(Y.search, t),
 			value: o,
 			placeholder: e ?? (i.command ? "Type a command..." : "Search..."),
 			"aria-label": "Search options",
@@ -2286,7 +2238,7 @@ var gn = ({ placeholder: e, className: t }) => {
 			onClick: () => {
 				i.onSearchChange?.(""), a.current?.focus();
 			},
-			children: /* @__PURE__ */ n(x, {})
+			children: /* @__PURE__ */ n(S, {})
 		})]
 	});
 };
@@ -2338,7 +2290,7 @@ var Cn = s(null), wn = () => d(Cn), Tn = {
 	labelInfo: "_labelInfo_143kr_201",
 	disabled: "_disabled_143kr_243"
 }, 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 = {
+	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), N = {
 		controlId: E,
 		labelId: D,
 		descriptionId: O,
@@ -2360,7 +2312,7 @@ var Cn = s(null), wn = () => d(Cn), Tn = {
 	return /* @__PURE__ */ r("div", {
 		...w,
 		"aria-disabled": c || void 0,
-		className: N(Tn.wrapper, Tn[d], Tn[f], Tn[m], c && Tn.disabled, y),
+		className: P(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,
@@ -2369,7 +2321,7 @@ var Cn = s(null), wn = () => d(Cn), Tn = {
 			t && /* @__PURE__ */ r("label", {
 				id: D,
 				htmlFor: E,
-				className: N(Tn.label, x),
+				className: P(Tn.label, x),
 				children: [
 					/* @__PURE__ */ n("span", {
 						className: Tn.labelText,
@@ -2392,19 +2344,19 @@ var Cn = s(null), wn = () => d(Cn), Tn = {
 			}),
 			i && /* @__PURE__ */ n("div", {
 				id: O,
-				className: N(Tn.description, S),
+				className: P(Tn.description, S),
 				children: i
 			}),
 			/* @__PURE__ */ n(Cn.Provider, {
-				value: P,
+				value: N,
 				children: /* @__PURE__ */ n("div", {
-					className: N(Tn.control, b),
+					className: P(Tn.control, b),
 					children: I
 				})
 			}),
 			a && /* @__PURE__ */ n("div", {
 				id: k,
-				className: N(Tn.errorText, C),
+				className: P(Tn.errorText, C),
 				role: "alert",
 				children: a
 			})
@@ -2531,7 +2483,7 @@ function jn(e, t) {
 //#endregion
 //#region src/components/Select/internal/useSelectCollection.ts
 function Mn(e) {
-	return m(() => On(e), [e]);
+	return h(() => On(e), [e]);
 }
 //#endregion
 //#region src/components/Select/internal/useSelectPosition.ts
@@ -2548,7 +2500,7 @@ function Nn({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange:
 //#endregion
 //#region src/components/Select/internal/useSelectSearch.ts
 function Pn({ options: e, searchable: t, searchValue: n }) {
-	return m(() => {
+	return h(() => {
 		if (!t || !n) return e;
 		let r = n.toLocaleLowerCase();
 		return e.filter((e) => `${e.label} ${Fn(e.description)}`.toLocaleLowerCase().includes(r));
@@ -2596,7 +2548,7 @@ var X = {
 	});
 };
 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", {
+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: y, startIcon: x, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: N }) => /* @__PURE__ */ n("button", {
 	id: i,
 	ref: k,
 	type: "button",
@@ -2612,19 +2564,19 @@ var Ln = ({ 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(X.control, X[g], X[v], X[_], {
+	className: P(X.control, X[g], X[v], X[_], {
 		[X.error]: !!p,
 		[X.disabled]: c,
-		[X.loading]: b
+		[X.loading]: y
 	}, O),
 	onClick: A,
 	onKeyDown: j,
 	onBlur: M,
-	onFocus: P,
+	onFocus: N,
 	children: e ?? /* @__PURE__ */ r(t, { children: [
-		S && /* @__PURE__ */ n("span", {
+		x && /* @__PURE__ */ n("span", {
 			className: X.adornment,
-			children: S
+			children: x
 		}),
 		w && /* @__PURE__ */ n("span", {
 			className: X.affix,
@@ -2633,7 +2585,7 @@ var Ln = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabl
 		/* @__PURE__ */ n("span", {
 			className: X.valueWrap,
 			children: /* @__PURE__ */ n("span", {
-				className: N(X.value, { [X.placeholder]: h }),
+				className: P(X.value, { [X.placeholder]: h }),
 				children: m
 			})
 		}),
@@ -2649,30 +2601,30 @@ var Ln = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabl
 			onClick: (e) => {
 				e.stopPropagation(), D?.();
 			},
-			children: /* @__PURE__ */ n(x, {})
+			children: /* @__PURE__ */ n(S, {})
 		}),
 		/* @__PURE__ */ n("span", {
-			className: N(X.arrow, { [X.open]: s }),
+			className: P(X.arrow, { [X.open]: s }),
 			"aria-hidden": "true",
-			children: b ? /* @__PURE__ */ n("span", { className: X.spinner }) : C ?? /* @__PURE__ */ n(y, {})
+			children: y ? /* @__PURE__ */ n("span", { className: X.spinner }) : C ?? /* @__PURE__ */ n(b, {})
 		})
 	] })
 });
 Ln.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/Root/SelectRoot.tsx
-var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label": c, "aria-describedby": l, "aria-labelledby": d, value: _, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: j = !1, invalid: M = !1, loading: N = !1, clearable: P = !1, searchable: F = !1, virtual: I, modal: L = !1, command: R = !1, error: z, placement: ee = "bottom", matchTriggerWidth: B = !0, avoidCollisions: te = !0, portal: ne = !0, open: re, defaultOpen: ie = !1, onOpenChange: ae, onSearch: oe, onClear: V, startIcon: ce, endIcon: le, prefix: de, suffix: H, renderValue: fe, renderOption: me, onBlur: he, onFocus: 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 = [
+var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label": c, "aria-describedby": l, "aria-labelledby": d, value: m, 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: se, endIcon: le, prefix: ue, suffix: H, renderValue: fe, renderOption: pe, onBlur: he, onFocus: ge, className: U, triggerClassName: _e, dropdownClassName: ve }) => {
+	let ye = p(), W = wn(), xe = !!(i || a || z), Se = o ?? (xe ? void 0 : W?.controlId) ?? ye, Ce = `${Se}-listbox`, [we, Te] = _(""), 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,
 		!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({
+	].filter(Boolean).join(" "), G = g(null), Pe = g(null), [K, Fe] = _(!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: _,
+	}), { selectedValue: Be, selectedValues: Ve, isOpen: q, setIsOpen: He, setSelectedValue: Ue, activeIndex: We, setActiveIndex: Ge, closeDropdown: Ke, toggleDropdown: qe, selectValue: Je, onKeyDown: Ye } = be({
+		value: m,
 		defaultValue: v,
 		onValueChange: y,
 		options: ze,
@@ -2683,8 +2635,8 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		open: re,
 		defaultOpen: ie,
 		onOpenChange: ae
-	}), 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,
+	}), Xe = h(() => Re.find((e) => Ve.includes(e.value)), [Re, Ve]), Ze = h(() => Re.filter((e) => Ve.includes(e.value)), [Re, Ve]), Qe = !!Xe, $e = Array.isArray(Be) ? Be[0] ?? "" : Be, { floatingStyles: et, setRef: tt, setFloatingRef: nt } = Nn({
+		isOpen: q,
 		onOpenChange: He,
 		placement: ee,
 		matchTriggerWidth: B,
@@ -2693,12 +2645,12 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		Je(e), G.current?.focus();
 	}, [Je]), it = u((e) => {
 		if (!b || e.length === 0) return;
-		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;
+		let t = e.filter((e) => Re.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => Ve.includes(e)), r = Ve.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(q.filter((e) => !t.includes(e)));
+			Ue(Ve.filter((e) => !t.includes(e)));
 			return;
 		}
-		let a = [...q];
+		let a = [...Ve];
 		for (let e of t) if (!a.includes(e)) {
 			if (typeof x == "number" && a.length >= x) break;
 			a.push(e);
@@ -2710,24 +2662,24 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		x,
 		b,
 		Re,
-		q,
+		Ve,
 		Ue
 	]), at = u(() => {
 		Je(""), V?.(), G.current?.focus();
 	}, [V, Je]), ot = u(() => {
-		Ve || Fe(!1), qe();
-	}, [Ve, qe]), st = u((e) => {
-		zn(e, Ve) && Fe(!0), Ye(e);
-	}, [Ve, Ye]), ct = u((e) => {
+		q || Fe(!1), qe();
+	}, [q, qe]), st = u((e) => {
+		zn(e, q) && Fe(!0), Ye(e);
+	}, [q, Ye]), ct = u((e) => {
 		Fe(!0), Ge(e);
 	}, [Ge]), lt = u((e) => {
 		Te(e), oe?.(e);
-	}, [oe]), { isTopOverlay: ut } = ue({
-		active: Ve,
+	}, [oe]), { isTopOverlay: ut } = de({
+		active: q,
 		id: Ce
 	});
-	se({
-		active: Ve,
+	ce({
+		active: q,
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
 		contentRef: Pe,
@@ -2735,22 +2687,22 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		isTopOverlay: ut,
 		requestClose: Ke
 	}), f(() => {
-		Ve || Fe(!1);
-	}, [Ve]), f(() => {
-		!Ve && we && Te("");
-	}, [Ve, we]), pe({
-		active: Ve,
+		q || Fe(!1);
+	}, [q]), f(() => {
+		!q && we && Te("");
+	}, [q, we]), me({
+		active: q,
 		enabled: L
 	});
 	let dt = u((e) => {
 		G.current = e, tt(e);
 	}, [tt]), ft = u((e) => {
 		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 = {
+	}, [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 && Ve.length > 0 && !je && !N, gt = {
 		id: Se,
 		describedBy: Ne || void 0,
 		labelledBy: c ? void 0 : d,
-		isOpen: Ve,
+		isOpen: q,
 		disabled: je,
 		required: Me,
 		listboxId: Ce,
@@ -2763,9 +2715,9 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		size: ke,
 		color: O,
 		variant: k,
-		startIcon: ce,
+		startIcon: se,
 		endIcon: le,
-		prefix: de,
+		prefix: ue,
 		suffix: H,
 		clearable: ht,
 		className: _e,
@@ -2774,9 +2726,9 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		onClick: ot,
 		onKeyDown: st,
 		onBlur: he,
-		onFocus: U
+		onFocus: ge
 	}, _t = {
-		isOpen: Ve,
+		isOpen: q,
 		listboxId: Ce,
 		labelledById: Se,
 		style: et,
@@ -2793,9 +2745,9 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		loading: N,
 		loadingText: T,
 		noOptionsText: mt,
-		renderOption: me,
+		renderOption: pe,
 		selectedValue: $e,
-		selectedValues: q,
+		selectedValues: Ve,
 		activeIndex: We,
 		visualActiveIndex: K ? We : -1,
 		className: ve,
@@ -2804,7 +2756,7 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		onSelectGroup: it,
 		onMouseEnter: ct,
 		onSearchChange: lt
-	}, vt = /* @__PURE__ */ r(t, { children: [s && b && q.length > 0 && /* @__PURE__ */ n(t, { children: q.map((e) => /* @__PURE__ */ n("input", {
+	}, vt = /* @__PURE__ */ r(t, { children: [s && b && Ve.length > 0 && /* @__PURE__ */ n(t, { children: Ve.map((e) => /* @__PURE__ */ n("input", {
 		type: "hidden",
 		name: s,
 		value: e,
@@ -2839,7 +2791,7 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 		required: Me,
 		disabled: je,
 		bindControl: !1,
-		className: ge,
+		className: U,
 		children: e ? bt : xt
 	});
 };
@@ -2852,9 +2804,9 @@ function zn(e, t) {
 var Bn = ({ children: e, className: t }) => {
 	let { triggerProps: r } = an();
 	return /* @__PURE__ */ n("span", {
-		className: N(X.arrow, { [X.open]: r.isOpen }, t),
+		className: P(X.arrow, { [X.open]: r.isOpen }, t),
 		"aria-hidden": "true",
-		children: r.loading ? /* @__PURE__ */ n("span", { className: X.spinner }) : e ?? r.endIcon ?? /* @__PURE__ */ n(y, {})
+		children: r.loading ? /* @__PURE__ */ n("span", { className: X.spinner }) : e ?? r.endIcon ?? /* @__PURE__ */ n(b, {})
 	});
 };
 Bn.__velliraSelectPart = "icon", Bn.displayName = "Select.Icon";
@@ -2863,9 +2815,9 @@ Bn.__velliraSelectPart = "icon", Bn.displayName = "Select.Icon";
 var Vn = ({ children: e, className: t }) => {
 	let { triggerProps: r } = an();
 	return /* @__PURE__ */ n("span", {
-		className: N(X.valueWrap, t),
+		className: P(X.valueWrap, t),
 		children: /* @__PURE__ */ n("span", {
-			className: N(X.value, { [X.placeholder]: r.isPlaceholder }),
+			className: P(X.value, { [X.placeholder]: r.isPlaceholder }),
 			children: e ?? r.displayText
 		})
 	});
@@ -2891,147 +2843,486 @@ var Hn = Object.assign(Rn, {
 });
 Hn.displayName = "Select";
 //#endregion
-//#region src/components/Tabs/TabsContext.tsx
+//#region src/components/Tabs/internal/TabsContext.tsx
 var Un = s(null), Wn = () => {
 	let e = d(Un);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
 }, Gn = {
-	list: "_list_13hkl_1",
-	vertical: "_vertical_13hkl_8"
-}, Kn = ({ children: e, className: t, ...r }) => {
-	let { orientation: i, appearance: a } = Wn();
-	return /* @__PURE__ */ n("div", {
+	panel: "_panel_1v1a9_1",
+	visible: "_visible_1v1a9_10",
+	vertical: "_vertical_1v1a9_14"
+}, Kn = ({ value: e, children: t, className: r, forceMount: i = !1, ...a }) => {
+	let { value: o, orientation: s, keepMounted: c, lazyMount: l, registerContent: u, getTriggerId: d, getContentId: p } = Wn(), m = o === e, [h, g] = _(m);
+	return f(() => (u(e, !0), () => {
+		u(e, !1);
+	}), [u, e]), f(() => {
+		m && g(!0);
+	}, [m]), i || m || c && !l || c && l && h ? /* @__PURE__ */ n("div", {
+		...a,
+		role: "tabpanel",
+		id: p(e),
+		"aria-labelledby": d(e),
+		hidden: !m,
+		tabIndex: 0,
+		"data-state": m ? "active" : "inactive",
+		"data-orientation": s,
+		className: P(Gn.panel, m && Gn.visible, s === "vertical" && Gn.vertical, r),
+		children: t
+	}) : null;
+};
+Kn.displayName = "Tabs.Content";
+//#endregion
+//#region src/components/Tabs/internal/useTabsIndicator.ts
+var qn = 8, Jn = 360, Yn = () => {
+	let e = g(null), t = g(null), n = g(void 0), r = g(null), [i, a] = _({}), { value: o, orientation: s, variant: c, collectionVersion: l, getTriggerId: u } = Wn();
+	return f(() => () => {
+		r.current?.cancel();
+	}, []), m(() => {
+		let i = e.current;
+		if (!i || !o) {
+			a({});
+			return;
+		}
+		let l = i.parentElement, d = document.getElementById(u(o));
+		if (!l || !d) {
+			a({
+				width: 0,
+				height: 0,
+				transform: "translateX(0)"
+			});
+			return;
+		}
+		let f = (e) => {
+			s === "vertical" ? (i.style.width = "", i.style.height = typeof e.height == "number" ? `${e.height}px` : String(e.height ?? "")) : (i.style.height = "", i.style.width = typeof e.width == "number" ? `${e.width}px` : String(e.width ?? "")), i.style.transform = String(e.transform ?? ""), a(e);
+		}, p = (e = !1) => {
+			let a = l.getBoundingClientRect(), u = d.getBoundingClientRect(), p = {
+				x: u.left - a.left + l.scrollLeft,
+				y: u.top - a.top + l.scrollTop,
+				width: u.width,
+				height: u.height
+			};
+			if (s === "vertical") {
+				let a = {
+					height: u.height,
+					transform: `translate3d(0, ${p.y}px, 0)`
+				};
+				f(a);
+				let s = t.current;
+				if (e && c === "line" && s && n.current !== o && !(typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) && typeof i.animate == "function") {
+					r.current?.cancel();
+					let e = s.y + s.height / 2, t = p.y + p.height / 2, n = e - qn / 2, a = t - qn / 2;
+					r.current = i.animate([
+						{
+							height: `${s.height}px`,
+							transform: `translate3d(0, ${s.y}px, 0)`,
+							offset: 0
+						},
+						{
+							height: `${qn}px`,
+							transform: `translate3d(0, ${n}px, 0)`,
+							offset: .28
+						},
+						{
+							height: `${qn}px`,
+							transform: `translate3d(0, ${a}px, 0)`,
+							offset: .64
+						},
+						{
+							height: `${p.height}px`,
+							transform: `translate3d(0, ${p.y}px, 0)`,
+							offset: 1
+						}
+					], {
+						duration: Jn,
+						easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+						fill: "none"
+					});
+				}
+				t.current = p, n.current = o;
+				return;
+			}
+			let m = {
+				width: u.width,
+				transform: `translate3d(${p.x}px, 0, 0)`
+			};
+			f(m);
+			let h = t.current;
+			if (e && c === "line" && h && n.current !== o && !(typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) && typeof i.animate == "function") {
+				r.current?.cancel();
+				let e = h.x + h.width / 2, t = p.x + p.width / 2, n = e - qn / 2, a = t - qn / 2;
+				r.current = i.animate([
+					{
+						width: `${h.width}px`,
+						transform: `translate3d(${h.x}px, 0, 0)`,
+						offset: 0
+					},
+					{
+						width: `${qn}px`,
+						transform: `translate3d(${n}px, 0, 0)`,
+						offset: .28
+					},
+					{
+						width: `${qn}px`,
+						transform: `translate3d(${a}px, 0, 0)`,
+						offset: .64
+					},
+					{
+						width: `${p.width}px`,
+						transform: `translate3d(${p.x}px, 0, 0)`,
+						offset: 1
+					}
+				], {
+					duration: Jn,
+					easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+					fill: "none"
+				});
+			}
+			t.current = p, n.current = o;
+		};
+		p(!0);
+		let m = [];
+		if (typeof ResizeObserver < "u") {
+			let e = new ResizeObserver(() => p(!1)), t = new ResizeObserver(() => p(!1));
+			e.observe(d), t.observe(l), m.push(e, t);
+		}
+		let h = () => p(!1);
+		return l.addEventListener("scroll", h, { passive: !0 }), window.addEventListener("resize", h), document.fonts?.ready.then(h).catch(() => void 0), () => {
+			for (let e of m) e.disconnect();
+			l.removeEventListener("scroll", h), window.removeEventListener("resize", h);
+		};
+	}, [
+		l,
+		u,
+		s,
+		o,
+		c
+	]), h(() => ({
+		ref: e,
+		style: i
+	}), [i]);
+}, Xn = {
+	list: "_list_qtz5q_1",
+	vertical: "_vertical_qtz5q_10",
+	line: "_line_qtz5q_17",
+	pills: "_pills_qtz5q_25",
+	segmented: "_segmented_qtz5q_29",
+	scrollable: "_scrollable_qtz5q_37",
+	indicator: "_indicator_qtz5q_46"
+}, Zn = ({ className: e, style: t, ...r }) => {
+	let { ref: i, style: a } = Yn();
+	return /* @__PURE__ */ n("span", {
 		...r,
+		ref: i,
+		"aria-hidden": "true",
+		className: P(Xn.indicator, e),
+		style: {
+			...a,
+			...t
+		}
+	});
+};
+Zn.displayName = "Tabs.Indicator";
+//#endregion
+//#region src/components/Tabs/List/TabsList.tsx
+var Qn = ({ children: e, className: t, scrollable: r, ...i }) => {
+	let { orientation: a, variant: o } = Wn(), s = r ?? !1;
+	return /* @__PURE__ */ n("div", {
+		...i,
 		role: "tablist",
-		"aria-orientation": i,
-		className: N(Gn.list, i === "vertical" && Gn.vertical, a === "underline" && Gn.underline, a === "pills" && Gn.pills, t),
+		"aria-orientation": a,
+		"data-orientation": a,
+		"data-variant": o,
+		"data-scrollable": s ? "" : void 0,
+		className: P(Xn.list, a === "vertical" && Xn.vertical, o === "line" && Xn.line, o === "pills" && Xn.pills, o === "segmented" && Xn.segmented, s && Xn.scrollable, t),
 		children: e
 	});
 };
-Kn.displayName = "TabsList";
-var qn = {
-	panel: "_panel_1v1a9_1",
-	visible: "_visible_1v1a9_10",
-	vertical: "_vertical_1v1a9_14"
-}, Jn = ({ index: e, children: t, className: r }) => {
-	let { activeIndex: i, orientation: a } = Wn(), [o, s] = g(!1), c = i === e;
+Qn.displayName = "TabsList";
+//#endregion
+//#region src/components/Tabs/internal/useTabsCollection.ts
+var $n = (e) => [...e].sort((e, t) => {
+	if (e.element === t.element) return 0;
+	let n = e.element.compareDocumentPosition(t.element);
+	return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+}), er = () => {
+	let e = g([]), t = g([]), [n, r] = _(0), i = u(() => {
+		r((e) => e + 1);
+	}, []);
+	return {
+		version: n,
+		triggersRef: e,
+		contentsRef: t,
+		registerTrigger: u((t, n, r = !1) => {
+			if (!n) {
+				let n = e.current.findIndex((e) => e.value === t);
+				n >= 0 && (e.current.splice(n, 1), i());
+				return;
+			}
+			let a = {
+				value: t,
+				element: n,
+				disabled: r
+			}, o = e.current.findIndex((e) => e.element === n);
+			o >= 0 ? e.current[o] = a : e.current.push(a), e.current = $n(e.current), i();
+		}, [i]),
+		registerContent: u((e, n) => {
+			let r = t.current.findIndex((t) => t.value === e);
+			if (!n) {
+				r >= 0 && (t.current.splice(r, 1), i());
+				return;
+			}
+			r < 0 && (t.current.push({ value: e }), i());
+		}, [i])
+	};
+}, tr = ({ focusedValue: e, setValue: t, setFocusedValue: n, getTabs: r, orientation: i, activationMode: a, dir: o, loop: s }) => ({ onKeyDown: (c) => {
+	let l = r().filter((e) => !e.disabled);
+	if (l.length === 0) return;
+	let u = l.findIndex((e) => e.element === document.activeElement), d = l.findIndex((t) => t.value === e), f = u >= 0 ? u : d >= 0 ? d : 0, p = (e) => {
+		let r = l[e];
+		r && (c.preventDefault(), n(r.value), r.element.focus(), r.element.scrollIntoView?.({
+			block: "nearest",
+			inline: "nearest"
+		}), a === "automatic" && t(r.value));
+	}, m = () => f < l.length - 1 ? f + 1 : s ? 0 : f, h = () => f > 0 ? f - 1 : s ? l.length - 1 : f;
+	switch (c.key) {
+		case "ArrowRight":
+			i === "horizontal" && p(o === "rtl" ? h() : m());
+			break;
+		case "ArrowLeft":
+			i === "horizontal" && p(o === "rtl" ? m() : h());
+			break;
+		case "ArrowDown":
+			i === "vertical" && p(m());
+			break;
+		case "ArrowUp":
+			i === "vertical" && p(h());
+			break;
+		case "Home":
+			p(0);
+			break;
+		case "End":
+			p(l.length - 1);
+			break;
+		case "Enter":
+		case " ":
+			if (a === "manual") {
+				let e = l.find((e) => e.element === document.activeElement);
+				e && (c.preventDefault(), n(e.value), t(e.value));
+			}
+			break;
+	}
+} }), nr = {
+	tabs: "_tabs_1hj56_1",
+	vertical: "_vertical_1hj56_30"
+}, rr = ({ children: e, value: t, defaultValue: r, onValueChange: i, orientation: a = "horizontal", activationMode: o = "automatic", dir: s = "ltr", loop: c = !0, variant: l = "line", color: d = "primary", size: m = "md", keepMounted: h = !1, lazyMount: v = !1, disabled: y = !1, className: b, ...x }) => {
+	let S = p(), C = t !== void 0, { value: w, setValue: T } = W({
+		value: t,
+		defaultValue: r,
+		onValueChange: i
+	}), E = g(w), D = g(void 0), O = g(void 0), [k, A] = _(w), { version: j, triggersRef: M, contentsRef: N, registerTrigger: F, registerContent: I } = er(), L = u((e, t, n = !1) => {
+		if (!t) {
+			let t = E.current, n = M.current, r = n.findIndex((t) => t.value === e);
+			if (t === e && r >= 0) {
+				let t = n.filter((t) => !t.disabled && t.value !== e), i = t.find((e) => n.findIndex((t) => t.value === e.value) > r), a = [...t].reverse().find((e) => n.findIndex((t) => t.value === e.value) < r);
+				D.current = i?.value ?? a?.value, !C && D.current && (T(D.current), A(D.current), D.current = void 0);
+			}
+		}
+		F(e, t, y || n);
+	}, [
+		y,
+		C,
+		F,
+		A,
+		T,
+		M
+	]), { onKeyDown: R } = tr({
+		focusedValue: k,
+		setValue: T,
+		setFocusedValue: A,
+		getTabs: () => M.current,
+		orientation: a,
+		activationMode: o,
+		dir: s,
+		loop: c
+	}), z = {
+		value: w,
+		focusedValue: k,
+		collectionVersion: j,
+		setValue: T,
+		setFocusedValue: A,
+		orientation: a,
+		activationMode: o,
+		dir: s,
+		loop: c,
+		variant: l,
+		color: d,
+		size: m,
+		keepMounted: h,
+		lazyMount: v,
+		disabled: y,
+		registerTrigger: L,
+		registerContent: I,
+		onTriggerKeyDown: R,
+		getTriggerId: u((e) => `${S}-trigger-${e}`, [S]),
+		getContentId: u((e) => `${S}-content-${e}`, [S])
+	};
 	return f(() => {
-		if (!c) {
-			s(!1);
+		E.current = w;
+	}, [w]), f(() => {
+		let e = M.current.filter((e) => !e.disabled), t = e.find((e) => e.value === w), n = M.current.some((e) => e.value === w), r = D.current ?? e[0]?.value;
+		if (D.current = void 0, C) {
+			process.env.NODE_ENV !== "production" && w && !n && M.current.length > 0 && console.warn(`Tabs: value "${w}" does not match any Tabs.Trigger.`), !t && !k && e[0] && A(e[0].value);
 			return;
 		}
-		let e = setTimeout(() => s(!0), 10);
-		return () => clearTimeout(e);
-	}, [c]), /* @__PURE__ */ n("div", {
-		role: "tabpanel",
-		id: `tab-panel-${e}`,
-		"aria-labelledby": `tab-${e}`,
-		hidden: !c,
-		tabIndex: 0,
-		className: N(qn.panel, o && qn.visible, a === "vertical" && qn.vertical, r),
-		children: t
+		if (!w || !n) {
+			r ? (T(r), A(r)) : A(void 0);
+			return;
+		}
+		t && O.current !== w && (A(w), O.current = w);
+	}, [
+		k,
+		C,
+		T,
+		M,
+		w,
+		j
+	]), f(() => {
+		if (process.env.NODE_ENV === "production") return;
+		let e = M.current.map((e) => e.value), t = N.current.map((e) => e.value), n = e.find((t, n) => e.indexOf(t) !== n);
+		n && console.warn(`Tabs.Trigger values must be unique. Duplicate value: "${n}".`);
+		for (let n of e) t.includes(n) || console.warn(`Tabs.Trigger value "${n}" does not match any Tabs.Content.`);
+		for (let n of t) e.includes(n) || console.warn(`Tabs.Content value "${n}" does not match any Tabs.Trigger.`);
+	}, [
+		N,
+		M,
+		j
+	]), /* @__PURE__ */ n(Un.Provider, {
+		value: z,
+		children: /* @__PURE__ */ n("div", {
+			...x,
+			className: P(nr.tabs, a === "vertical" && nr.vertical, b),
+			"data-orientation": a,
+			dir: s,
+			"data-variant": l,
+			"data-color": d,
+			"data-size": m,
+			"data-disabled": y ? "" : void 0,
+			children: e
+		})
 	});
 };
-Jn.displayName = "TabsPanel";
-var Yn = {
-	tab: "_tab_qe8xc_1",
-	iconOnly: "_iconOnly_qe8xc_27",
-	tabIcon: "_tabIcon_qe8xc_31",
-	label: "_label_qe8xc_45",
-	default: "_default_qe8xc_51",
-	underline: "_underline_qe8xc_60",
-	pills: "_pills_qe8xc_92",
-	vertical: "_vertical_qe8xc_106"
-}, 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;
+rr.displayName = "Tabs";
+var ir = {
+	trigger: "_trigger_usnq2_1",
+	iconOnly: "_iconOnly_usnq2_30",
+	icon: "_icon_usnq2_30",
+	body: "_body_usnq2_48",
+	label: "_label_usnq2_56",
+	description: "_description_usnq2_63",
+	badge: "_badge_usnq2_69",
+	sm: "_sm_usnq2_84",
+	md: "_md_usnq2_97",
+	lg: "_lg_usnq2_101",
+	segmented: "_segmented_usnq2_118",
+	line: "_line_usnq2_144",
+	pills: "_pills_usnq2_156",
+	vertical: "_vertical_usnq2_179"
+}, ar = ({ children: e, className: t }) => /* @__PURE__ */ n("span", {
+	className: P(ir.badge, t),
+	children: e
+});
+ar.displayName = "Tabs.Badge";
+//#endregion
+//#region src/components/Tabs/Trigger/TabsIcon.tsx
+var or = ({ children: e, className: t }) => /* @__PURE__ */ n("span", {
+	className: P(ir.icon, t),
+	"aria-hidden": "true",
+	children: e
+});
+or.displayName = "Tabs.Icon";
+//#endregion
+//#region src/components/Tabs/Trigger/TabsTrigger.tsx
+var sr = c(({ value: e, children: t, className: a, disabled: o = !1, icon: s, badge: c, description: d, onClick: f, onKeyDown: p, ...m }, h) => {
+	let { value: g, focusedValue: _, setValue: v, setFocusedValue: y, orientation: b, variant: x, size: S, disabled: C, registerTrigger: w, onTriggerKeyDown: T, getTriggerId: E, getContentId: D } = Wn(), O = C || o, k = g === e, A = _ === e || !_ && k, j = i.toArray(t).some((e) => l(e) && e.type.displayName === "Tabs.Icon"), M = !!s, N = (M || j) && t == null;
+	process.env.NODE_ENV !== "production" && M && j && console.warn(`Tabs.Trigger value "${e}" received both icon and Tabs.Icon. Tabs.Icon takes precedence.`);
+	let F = u((t) => {
+		w(e, t, O), typeof h == "function" ? h(t) : h && (h.current = t);
+	}, [
+		O,
+		h,
+		w,
+		e
+	]), I = M && !j || c || d;
 	return /* @__PURE__ */ r("button", {
+		...m,
+		ref: F,
 		type: "button",
-		ref: u((t) => {
-			g(e, t), typeof d == "function" ? d(t) : d && (d.current = t);
-		}, [
-			g,
-			e,
-			d
-		]),
 		role: "tab",
-		"aria-selected": v,
-		"aria-controls": `tab-panel-${e}`,
-		id: `tab-${e}`,
-		disabled: a,
-		tabIndex: v ? 0 : -1,
-		className: N(Yn.tab, Yn[h], m === "vertical" && Yn.vertical, y && Yn.withIcon, b && Yn.iconOnly, i),
+		id: E(e),
+		"aria-selected": k,
+		"aria-controls": D(e),
+		disabled: O,
+		tabIndex: A ? 0 : -1,
+		"data-state": k ? "active" : "inactive",
+		"data-orientation": b,
+		"data-disabled": O ? "" : void 0,
+		className: P(ir.trigger, ir[x], ir[S], b === "vertical" && ir.vertical, M && ir.withIcon, N && ir.iconOnly, a),
 		onClick: (t) => {
-			a || (p(e), s?.(t));
+			f?.(t), !(t.defaultPrevented || O) && (y(e), v(e));
 		},
 		onKeyDown: (e) => {
-			_(e), c?.(e);
+			p?.(e), !e.defaultPrevented && T(e);
 		},
-		...l,
-		children: [y && /* @__PURE__ */ n("span", {
-			className: Yn.tabIcon,
-			"aria-hidden": "true",
-			children: o
-		}), t != null && /* @__PURE__ */ n("span", {
-			className: Yn.label,
-			children: t
-		})]
+		children: [
+			M && !j && /* @__PURE__ */ n("span", {
+				className: ir.icon,
+				"aria-hidden": "true",
+				children: s
+			}),
+			t != null && (I ? /* @__PURE__ */ r("span", {
+				className: ir.body,
+				children: [/* @__PURE__ */ n("span", {
+					className: ir.label,
+					children: t
+				}), d != null && /* @__PURE__ */ n("span", {
+					className: ir.description,
+					children: d
+				})]
+			}) : t),
+			c != null && /* @__PURE__ */ n("span", {
+				className: ir.badge,
+				children: c
+			})
+		]
 	});
 });
-Xn.displayName = "Tab";
-var Zn = {
-	tabs: "_tabs_uqy7q_1",
-	vertical: "_vertical_uqy7q_5"
-}, Qn = ({ children: e, activeIndex: t, defaultActiveIndex: r = 0, onChange: i, orientation: a = "horizontal", appearance: o = "default", className: s }) => {
-	let { activeIndex: c, setActiveIndex: l } = be({
-		activeIndex: t,
-		defaultActiveIndex: r,
-		onChange: i
-	}), d = h([]), f = u((e, t) => {
-		d.current[e] = t;
-	}, []), { onKeyDown: p } = W({
-		activeIndex: c,
-		setActiveIndex: l,
-		tabRefs: d,
-		orientation: a,
-		onNavigate: (e) => {
-			d.current[e]?.focus();
-		}
-	}), m = {
-		activeIndex: c,
-		setActiveIndex: l,
-		orientation: a,
-		appearance: o,
-		registerTab: f,
-		onTabKeyDown: p
-	};
-	return /* @__PURE__ */ n(Un.Provider, {
-		value: m,
-		children: /* @__PURE__ */ n("div", {
-			className: N(Zn.tabs, a === "vertical" && Zn.vertical, s),
-			children: e
-		})
-	});
-};
-Qn.displayName = "Tabs";
+sr.displayName = "Tabs.Trigger";
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+var cr = Object.assign(rr, {
+	List: Qn,
+	Trigger: sr,
+	Content: Kn,
+	Indicator: Zn,
+	Icon: or,
+	Badge: ar
+});
+cr.displayName = "Tabs";
 //#endregion
-//#region src/components/Tabs/index.ts
-var $n = Object.assign(Qn, {
-	List: Kn,
-	Tab: Xn,
-	Panel: Jn
-}), er = s(null), tr = s({
+//#region src/components/Tooltip/internal/TooltipContext.tsx
+var lr = s(null), ur = s({
 	delay: {
 		open: 300,
 		close: 100
 	},
 	skipDelay: 300
-}), nr = er.Provider, rr = ({ children: e, delay: t = 700, skipDelay: r = 300 }) => {
+}), dr = lr.Provider, fr = ({ children: e, delay: t = 700, skipDelay: r = 300 }) => {
 	let i = typeof t == "number" ? {
 		open: t,
 		close: 100
 	} : t;
-	return /* @__PURE__ */ n(tr.Provider, {
+	return /* @__PURE__ */ n(ur.Provider, {
 		value: {
 			delay: i,
 			skipDelay: r
@@ -3039,21 +3330,21 @@ var $n = Object.assign(Qn, {
 		children: e
 	});
 };
-function ir() {
-	let e = d(er);
+function pr() {
+	let e = d(lr);
 	if (!e) throw Error("Tooltip compound components must be rendered inside Tooltip");
 	return e;
 }
-function ar() {
-	return d(tr);
+function mr() {
+	return d(ur);
 }
-var or = {
+var hr = {
 	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 = {
+}, gr = ({ className: e, style: t, ...r }) => {
+	let i = pr(), a = {
 		top: "bottom",
 		right: "left",
 		bottom: "top",
@@ -3062,7 +3353,7 @@ var or = {
 	return /* @__PURE__ */ n("div", {
 		...r,
 		ref: i.arrowRef,
-		className: N(or.arrow, e),
+		className: P(hr.arrow, e),
 		style: {
 			left: i.arrowX == null ? void 0 : `${i.arrowX}px`,
 			top: i.arrowY == null ? void 0 : `${i.arrowY}px`,
@@ -3071,15 +3362,15 @@ var or = {
 		}
 	});
 };
-sr.displayName = "Tooltip.Arrow";
+gr.displayName = "Tooltip.Arrow";
 //#endregion
 //#region src/components/Tooltip/internal/composeEventHandlers.ts
-function cr(e, t) {
+function _r(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t?.(n);
 	};
 }
-function lr(...e) {
+function vr(...e) {
 	return (t) => {
 		e.forEach((e) => {
 			if (e) {
@@ -3094,16 +3385,16 @@ function lr(...e) {
 }
 //#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();
+var yr = c(({ children: e, color: t = "neutral", size: r = "sm", forceMount: i = !1, className: a, style: o, ...s }, c) => {
+	let l = pr();
 	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),
+		ref: vr(c, l.setContentRef),
+		className: P(hr.tooltip, hr[t], hr[r], a),
 		"data-placement": l.placement,
 		"data-state": l.open ? "open" : "closed",
 		style: {
@@ -3113,11 +3404,11 @@ var ur = c(({ children: e, color: t = "neutral", size: r = "sm", forceMount: i =
 		children: e
 	});
 });
-ur.displayName = "Tooltip.Content";
+yr.displayName = "Tooltip.Content";
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipDelay.ts
-function dr(e, t) {
-	let n = ar();
+function br(e, t) {
+	let n = mr();
 	return e == null ? n.delay : typeof e == "number" ? {
 		open: e,
 		close: n.delay.close
@@ -3128,25 +3419,25 @@ function dr(e, t) {
 }
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipInteractions.ts
-function fr({ context: e, delay: t, disabled: n, interactive: r }) {
-	return M([j(e, {
+function xr({ context: e, delay: t, disabled: n, interactive: r }) {
+	return N([M(e, {
 		delay: t,
 		enabled: !n,
 		move: !1,
 		handleClose: r ? void 0 : null
-	}), A(e, { enabled: !n })]);
+	}), j(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({
+function Sr({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions: i, matchTriggerWidth: a }) {
+	let o = g(null), s = et({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		offset: r,
 		avoidCollisions: i,
 		matchTriggerWidth: a,
-		middleware: [C({ element: o })]
+		middleware: [w({ element: o })]
 	});
 	return {
 		...s,
@@ -3157,30 +3448,30 @@ function pr({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions
 }
 //#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({
+var Cr = ({ 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 h = `${p()}-content`, _ = g(null), v = g(null), [y, b] = U({
 		value: t,
 		defaultValue: r,
 		onChange: i
 	}), x = (e) => {
 		l || b(e);
-	}, S = pr({
+	}, S = Sr({
 		open: y,
 		onOpenChange: x,
 		placement: a,
 		offset: o,
 		avoidCollisions: d,
 		matchTriggerWidth: f
-	}), C = dr(s, c), w = fr({
+	}), C = br(s, c), w = xr({
 		context: S.context,
 		delay: C,
 		disabled: l,
 		interactive: u
-	}), { isTopOverlay: T } = ue({
+	}), { isTopOverlay: T } = de({
 		active: y,
-		id: g
+		id: h
 	});
-	return se({
+	return ce({
 		active: y,
 		contentRef: _,
 		ignoreRefs: [v],
@@ -3188,9 +3479,9 @@ var mr = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, placemen
 		closeOnOutsidePress: !u,
 		isTopOverlay: T,
 		requestClose: () => x(!1)
-	}), /* @__PURE__ */ n(nr, {
+	}), /* @__PURE__ */ n(dr, {
 		value: {
-			contentId: g,
+			contentId: h,
 			open: y,
 			disabled: l,
 			interactive: u,
@@ -3201,34 +3492,34 @@ var mr = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, placemen
 			placement: S.placement,
 			floatingStyles: S.floatingStyles,
 			setOpen: x,
-			setTriggerRef: lr(v, S.setRef),
-			setContentRef: lr(_, S.setFloatingRef),
+			setTriggerRef: vr(v, S.setRef),
+			setContentRef: vr(_, S.setFloatingRef),
 			getTriggerProps: w.getReferenceProps,
 			getContentProps: w.getFloatingProps
 		},
 		children: e
 	});
 };
-mr.displayName = "Tooltip.Root";
+Cr.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({
+var wr = ({ asChild: e = !1, children: t, disabled: r = !1, className: i, ...a }) => {
+	let s = pr(), 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),
+		ref: c ? vr(c.props.ref, s.setTriggerRef) : s.setTriggerRef,
+		className: P(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)
+		onMouseEnter: _r(c?.props.onMouseEnter, d.onMouseEnter),
+		onMouseLeave: _r(c?.props.onMouseLeave, d.onMouseLeave),
+		onPointerEnter: _r(c?.props.onPointerEnter, d.onPointerEnter),
+		onPointerLeave: _r(c?.props.onPointerLeave, d.onPointerLeave),
+		onFocus: _r(c?.props.onFocus, d.onFocus),
+		onBlur: _r(c?.props.onBlur, d.onBlur)
 	};
 	return c ? o(c, f) : /* @__PURE__ */ n("button", {
 		type: "button",
@@ -3236,19 +3527,19 @@ var hr = ({ asChild: e = !1, children: t, disabled: r = !1, className: i, ...a }
 		children: t
 	});
 };
-hr.displayName = "Tooltip.Trigger";
+wr.displayName = "Tooltip.Trigger";
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-var gr = Object.assign(mr, {
-	Trigger: hr,
-	Content: ur,
-	Arrow: sr,
-	Provider: rr
+var Tr = Object.assign(Cr, {
+	Trigger: wr,
+	Content: yr,
+	Arrow: gr,
+	Provider: fr
 });
-gr.displayName = "Tooltip";
+Tr.displayName = "Tooltip";
 //#endregion
 //#region src/utils/devWarning.ts
-var _r = (e, t) => {
+var Er = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, Z = {
 	button: "_button_1b73n_1",
@@ -3278,14 +3569,14 @@ var _r = (e, t) => {
 	"button-spin": "_button-spin_1b73n_1",
 	badge: "_badge_1b73n_812",
 	shortcut: "_shortcut_1b73n_826"
-}, 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, {
+}, Dr = 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: N, ...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 = P(Z.button, Z[i], Z[a], Z[s], Z[c], C, {
 		[Z.disabled]: B,
 		[Z.loading]: f,
 		[Z.fullWidth]: b,
 		[Z.iconOnly]: z
 	});
-	_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.");
+	Er(!S || !D, "Button: pass href to the child element when using asChild."), Er(!S || !!L, "Button: asChild requires a single valid React element child."), Er(!z || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
 	let ae = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}, oe = (e) => {
@@ -3335,7 +3626,7 @@ var _r = (e, t) => {
 		"aria-disabled": B || void 0,
 		"aria-label": T || L.props["aria-label"] || void 0,
 		"aria-labelledby": E || L.props["aria-labelledby"] || void 0,
-		className: N(L.props.className, ie),
+		className: P(L.props.className, ie),
 		href: B ? void 0 : L.props.href,
 		onClick: oe,
 		tabIndex: B ? -1 : L.props.tabIndex,
@@ -3346,7 +3637,7 @@ var _r = (e, t) => {
 		href: B ? void 0 : D,
 		id: j,
 		role: M,
-		tabIndex: B ? -1 : P,
+		tabIndex: B ? -1 : N,
 		target: O,
 		rel: re,
 		download: A,
@@ -3363,7 +3654,7 @@ var _r = (e, t) => {
 		ref: I,
 		id: j,
 		role: M,
-		tabIndex: P,
+		tabIndex: N,
 		type: u,
 		disabled: B,
 		onClick: B ? void 0 : w,
@@ -3375,7 +3666,7 @@ var _r = (e, t) => {
 		children: V
 	});
 });
-vr.displayName = "Button";
+Dr.displayName = "Button";
 var Q = {
 	wrapper: "_wrapper_1kk5v_1",
 	colorPrimary: "_colorPrimary_1kk5v_27",
@@ -3411,28 +3702,28 @@ var Q = {
 	"checkbox-checkmark-in": "_checkbox-checkmark-in_1kk5v_1",
 	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_1kk5v_1",
 	disabled: "_disabled_1kk5v_361"
-}, yr = {
+}, Or = {
 	sm: Q.labelSm,
 	md: Q.labelMd,
 	lg: Q.labelLg
-}, br = {
+}, kr = {
 	sm: Q.wrapperSm,
 	md: Q.wrapperMd,
 	lg: Q.wrapperLg
-}, xr = {
+}, Ar = {
 	sm: Q.containerSm,
 	md: Q.containerMd,
 	lg: Q.containerLg
-}, Sr = {
+}, jr = {
 	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 = [
+}, Mr = 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: h = !1, required: _ = !1, indeterminate: v = !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 = g(null), M = !!C, N = i ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
 		E,
-		P,
+		N,
 		F
 	].filter(Boolean).join(" "), [L, R] = U({
 		value: s,
@@ -3446,17 +3737,17 @@ var Q = {
 		O && (O.current = e);
 	}, [O]);
 	f(() => {
-		j.current && (j.current.indeterminate = y);
-	}, [y]);
+		j.current && (j.current.indeterminate = v);
+	}, [v]);
 	let ee = (e) => {
 		R(e.target.checked);
 	};
-	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),
+	return Er(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ r("div", {
+		className: P(Q.container, Ar[c], d === "start" && Q.containerLabelStart, b),
 		children: [
 			/* @__PURE__ */ r("label", {
 				htmlFor: A,
-				className: N(Q.wrapper, br[c], Sr[l], d === "start" && Q.labelStart, !t && Q.iconOnly, g && Q.disabled, x),
+				className: P(Q.wrapper, kr[c], jr[l], d === "start" && Q.labelStart, !t && Q.iconOnly, h && Q.disabled, x),
 				children: [
 					/* @__PURE__ */ n("input", {
 						...D,
@@ -3464,29 +3755,29 @@ var Q = {
 						id: A,
 						type: "checkbox",
 						checked: L,
-						disabled: g,
+						disabled: h,
 						required: _,
 						onChange: ee,
 						className: Q.input,
 						"aria-label": w,
 						"aria-labelledby": T,
-						"aria-checked": y ? "mixed" : D["aria-checked"],
+						"aria-checked": v ? "mixed" : D["aria-checked"],
 						"aria-invalid": M ? !0 : D["aria-invalid"],
 						"aria-describedby": I || void 0
 					}),
 					/* @__PURE__ */ n("span", {
-						className: N(Q.customCheckbox, M && Q.error, y && Q.indeterminate),
+						className: P(Q.customCheckbox, M && Q.error, v && Q.indeterminate),
 						"aria-hidden": "true",
-						children: y ? /* @__PURE__ */ n("span", {
-							className: N(Q.indeterminateMark, o && Q.customMark),
+						children: v ? /* @__PURE__ */ n("span", {
+							className: P(Q.indeterminateMark, o && Q.customMark),
 							children: o
 						}) : L && /* @__PURE__ */ n("span", {
 							className: Q.checkmark,
-							children: a ?? /* @__PURE__ */ n(v, {})
+							children: a ?? /* @__PURE__ */ n(y, {})
 						})
 					}),
 					t && /* @__PURE__ */ r("span", {
-						className: N(Q.label, yr[c]),
+						className: P(Q.label, Or[c]),
 						children: [t, _ && /* @__PURE__ */ n("span", {
 							className: Q.requiredMark,
 							"aria-hidden": "true",
@@ -3496,7 +3787,7 @@ var Q = {
 				]
 			}),
 			i && /* @__PURE__ */ n("span", {
-				id: P,
+				id: N,
 				className: Q.descriptionText,
 				children: i
 			}),
@@ -3508,7 +3799,7 @@ var Q = {
 		]
 	});
 });
-Cr.displayName = "Checkbox";
+Mr.displayName = "Checkbox";
 var $ = {
 	inputGroup: "_inputGroup_1fjhk_1",
 	primary: "_primary_1fjhk_29",
@@ -3550,7 +3841,7 @@ var $ = {
 	toneDanger: "_toneDanger_1fjhk_876",
 	toneMuted: "_toneMuted_1fjhk_880",
 	toneInverse: "_toneInverse_1fjhk_884"
-}, wr = {
+}, Nr = {
 	default: $.toneDefault,
 	primary: $.tonePrimary,
 	secondary: $.toneSecondary,
@@ -3558,7 +3849,7 @@ var $ = {
 	danger: $.toneDanger,
 	muted: $.toneMuted,
 	inverse: $.toneInverse
-}, Tr = (e = "text", t) => {
+}, Pr = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -3568,7 +3859,7 @@ var $ = {
 		case "search": return "off";
 		default: return;
 	}
-}, Er = (e, t) => {
+}, Fr = (e, t) => {
 	let n = e.replace(/\D/g, ""), r = 0, i = "";
 	for (let e of t) {
 		if (e === "#") {
@@ -3580,21 +3871,21 @@ var $ = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, 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 = [
+}, Ir = (e, t) => t ? typeof t == "function" ? t(e) : Fr(e, t) : e, Lr = c(({ id: e, label: i, name: a, description: o, placeholder: s, value: c, defaultValue: l, type: d = "text", size: f, color: m = "primary", variant: h = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: S = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: F, startAddon: I, endAddon: L, prefix: R, suffix: z, clearIcon: ee, mask: B, format: te, parse: ne, startIconTone: re = "default", endIconTone: ie = "default", clearIconTone: ae = "danger", autoFocus: oe, maxLength: V, onMouseEnter: se, onMouseLeave: ce, "aria-describedby": le, "aria-invalid": ue, "aria-labelledby": de, ...H }, fe) => {
+	let pe = p(), me = wn(), he = !!(i || o || v), ge = e ?? (he ? void 0 : me?.controlId) ?? pe, U = g(null), [_e, ve] = _(!1), [ye, be] = _(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 || S, ke = d === "password", Ae = ke && j && _e ? "text" : d, je = N ?? (d === "search" ? /* @__PURE__ */ n(C, {}) : null), Me = F, Ne = Pr(d, E), G = S && !Ee, Pe = O && Ce && !Ee && !Oe && !G, K = j && ke && !Ee && !G && !Pe, Fe = !G && !Pe && !K && !!Me, Ie = !!(M && V), Le = o ? `${ge}-description` : void 0, Re = v ? `${ge}-error` : void 0, ze = Ie ? `${ge}-counter` : void 0, Be = [
 		le,
 		!he && !le ? me?.ariaDescribedBy : void 0,
 		Le,
 		Re,
 		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") {
+	].filter(Boolean).join(" "), Ve = ee ?? "×", q = !!(je || R), He = !!(Me || z || Pe || K || G), Ue = !!(je && R), We = !!(Me && z), Ge = !!(I || L), Ke = u((e) => {
+		if (U.current = e, typeof fe == "function") {
 			fe(e);
 			return;
 		}
 		fe && (fe.current = e);
 	}, [fe]), qe = u((e) => {
-		let t = Dr(ne ? ne(e.target.value) : e.target.value, B);
+		let t = Ir(ne ? ne(e.target.value) : e.target.value, B);
 		W || be(t), A?.(t);
 	}, [
 		W,
@@ -3602,13 +3893,13 @@ var $ = {
 		A,
 		ne
 	]), Je = u(() => {
-		W || be(""), A?.(""), k?.(), ge.current?.focus();
+		W || be(""), A?.(""), k?.(), U.current?.focus();
 	}, [
 		W,
 		k,
 		A
 	]), Ye = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
-		className: N($.inputGroup, $[_], $[m], {
+		className: P($.inputGroup, $[h], $[m], {
 			[$.hasAddons]: Ge,
 			[$.isDisabled]: Ee,
 			[$.isInvalid]: Te,
@@ -3620,8 +3911,8 @@ var $ = {
 				children: I
 			}),
 			/* @__PURE__ */ r("div", {
-				className: N($.inputWrapper, {
-					[$.hasLeftAdornment]: Ve,
+				className: P($.inputWrapper, {
+					[$.hasLeftAdornment]: q,
 					[$.hasRightAdornment]: He,
 					[$.hasStartIconAndPrefix]: Ue,
 					[$.hasEndIconAndSuffix]: We
@@ -3629,7 +3920,7 @@ var $ = {
 				children: [
 					je && /* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
-						className: N($.startAdornment, wr[re]),
+						className: P($.startAdornment, Nr[re]),
 						children: je
 					}),
 					R && /* @__PURE__ */ n("span", {
@@ -3639,11 +3930,11 @@ var $ = {
 					/* @__PURE__ */ n("input", {
 						...H,
 						ref: Ke,
-						id: U,
+						id: ge,
 						name: a,
 						type: Ae,
 						autoComplete: Ne,
-						className: N($.input, $[we], { [$.error]: Te }, w),
+						className: P($.input, $[we], { [$.error]: Te }, w),
 						value: Se,
 						onChange: qe,
 						placeholder: s,
@@ -3655,7 +3946,7 @@ var $ = {
 						"aria-invalid": Te ? !0 : ue,
 						"aria-labelledby": de ?? (he ? void 0 : me?.ariaLabelledBy),
 						"aria-describedby": Be || void 0,
-						"aria-busy": C || void 0,
+						"aria-busy": S || void 0,
 						onMouseEnter: se,
 						onMouseLeave: ce
 					}),
@@ -3680,14 +3971,14 @@ var $ = {
 							}),
 							Pe && /* @__PURE__ */ n("button", {
 								type: "button",
-								className: N($.clearButton, wr[ae]),
+								className: P($.clearButton, Nr[ae]),
 								onClick: Je,
 								"aria-label": "Clear input",
-								children: q
+								children: Ve
 							}),
 							Fe && Me && /* @__PURE__ */ n("span", {
 								"aria-hidden": "true",
-								className: N($.endAdornment, wr[ie]),
+								className: P($.endAdornment, Nr[ie]),
 								children: Me
 							})
 						]
@@ -3709,7 +4000,7 @@ var $ = {
 		]
 	})] });
 	return !he && me ? Ye : /* @__PURE__ */ n(Dn, {
-		id: U,
+		id: ge,
 		label: i,
 		description: o,
 		error: v,
@@ -3722,15 +4013,15 @@ var $ = {
 		children: Ye
 	});
 });
-Or.displayName = "Input";
+Lr.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var kr = s(null), Ar = (e) => e === "highContrast" ? "high-contrast" : e, jr = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, children: i }) => {
+var Rr = s(null), zr = (e) => e === "highContrast" ? "high-contrast" : e, Br = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, children: i }) => {
 	let [a, o] = U({
 		value: e,
 		defaultValue: t,
 		onChange: r
-	}), s = Ar(a);
+	}), s = zr(a);
 	f(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
@@ -3742,11 +4033,11 @@ var kr = s(null), Ar = (e) => e === "highContrast" ? "high-contrast" : e, jr = (
 			e.dataset.velliraTheme = t;
 		};
 	}, [s]);
-	let c = m(() => ({
+	let c = h(() => ({
 		theme: a,
 		setTheme: o
 	}), [a, o]);
-	return /* @__PURE__ */ n(kr.Provider, {
+	return /* @__PURE__ */ n(Rr.Provider, {
 		value: c,
 		children: /* @__PURE__ */ n("div", {
 			"data-vellira-theme": s,
@@ -3754,13 +4045,13 @@ var kr = s(null), Ar = (e) => e === "highContrast" ? "high-contrast" : e, jr = (
 		})
 	});
 };
-jr.displayName = "ThemeProvider";
+Br.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function Mr() {
-	let e = d(kr);
+function Vr() {
+	let e = d(Rr);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-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 };
+export { Dr as Button, Mr as Checkbox, gt as Dropdown, Dn as FormField, Lr as Input, Vt as Modal, Ce as Portal, Se as PortalProvider, Kt as Radio, tn as RadioGroup, Hn as Select, cr as Tabs, Br as ThemeProvider, Tr as Tooltip, Vr as useTheme };