@vellira-ui/react 2.56.0 → 2.58.0

package/dist/index.js

@@ -1,23 +1,24 @@
 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, 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 { FloatingArrow as w, arrow as T, autoUpdate as E, flip as D, offset as O, shift as k, size as A, useFloating as j, useFocus as M, useHover as N, useInteractions as P } from "@floating-ui/react";
-import { lightTheme as F } from "@vellira-ui/tokens";
+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 _, useSyncExternalStore as v } from "react";
+import { createPortal as y } from "react-dom";
+import { FloatingArrow as b, arrow as x, autoUpdate as S, flip as C, offset as w, shift as T, size as E, useFloating as D, useFocus as O, useHover as k, useInteractions as A } from "@floating-ui/react";
+import { createConsoleOverlayDiagnostics as j, createOverlayStack as M, createOverlayZIndexPolicy as N, getTopOverlay as P, resolveOverlayZIndex as F } from "@vellira-ui/core";
+import { lightTheme as I } from "@vellira-ui/tokens";
+import { Check as L, ChevronDown as R, ChevronRight as z, Close as B, Search as ee } from "@vellira-ui/icons";
 //#region src/utils/cn.ts
-var I = (...t) => e(t), L = { arrow: "_arrow_8b0vb_1" }, R = ({ className: e }) => /* @__PURE__ */ n("span", {
+var V = (...t) => e(t), te = { arrow: "_arrow_8b0vb_1" }, H = ({ className: e }) => /* @__PURE__ */ n("span", {
 	"aria-hidden": "true",
-	className: I(L.arrow, e)
+	className: V(te.arrow, e)
 });
-R.__velliraDropdownPart = "arrow", R.displayName = "Dropdown.Arrow";
+H.__velliraDropdownPart = "arrow", H.displayName = "Dropdown.Arrow";
 //#endregion
 //#region src/components/Dropdown/internal/DropdownCollection.ts
-function z(e, t) {
+function U(e, t) {
 	let n = () => null;
 	return n.__velliraDropdownPart = e, n.displayName = t, n;
 }
-function B(e) {
+function ne(e) {
 	let t = 0, n, r, a, o, s = [], c = [], u = (e) => `${e}-${t++}`;
 	function d(e) {
 		c.push(e), s.push({
@@ -97,7 +98,7 @@ function B(e) {
 						type: "item",
 						id: u("item"),
 						props: t,
-						label: H(t.children),
+						label: ie(t.children),
 						disabled: t.disabled
 					});
 					return;
@@ -108,7 +109,7 @@ function B(e) {
 						type: "checkbox",
 						id: u("checkbox"),
 						props: t,
-						label: H(t.children),
+						label: ie(t.children),
 						disabled: t.disabled
 					});
 					return;
@@ -130,20 +131,20 @@ function B(e) {
 						props: n,
 						groupId: t.radioGroupId ?? u("radio-group"),
 						groupProps: t.radioGroupProps,
-						label: H(n.children),
+						label: ie(n.children),
 						disabled: n.disabled
 					});
 					return;
 				}
 				case "sub": {
-					let t = e.props, n = ee(t.children);
+					let t = e.props, n = W(t.children);
 					if (!n.trigger) return;
-					let r = n.trigger.props, i = B(n.content?.props.children);
+					let r = n.trigger.props, i = ne(n.content?.props.children);
 					d({
 						type: "subTrigger",
 						id: u("sub"),
 						props: r,
-						label: H(r.children),
+						label: ie(r.children),
 						disabled: r.disabled,
 						content: n.content?.props.children,
 						subEntries: i.entries,
@@ -170,7 +171,7 @@ function B(e) {
 		trigger: n
 	};
 }
-function V(e) {
+function re(e) {
 	let t, n, r, a, o = [];
 	return i.forEach(e, (e) => {
 		if (!l(e)) {
@@ -203,7 +204,7 @@ function V(e) {
 		shortcut: a
 	};
 }
-function ee(e) {
+function W(e) {
 	let t, n;
 	return i.forEach(e, (e) => {
 		if (!l(e)) return;
@@ -214,7 +215,7 @@ function ee(e) {
 		trigger: t
 	};
 }
-function H(e) {
+function ie(e) {
 	let t = [];
 	function n(e) {
 		i.forEach(e, (e) => {
@@ -231,7 +232,7 @@ function H(e) {
 }
 //#endregion
 //#region src/components/Dropdown/CheckboxItem/DropdownCheckboxItem.tsx
-var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled: t, content: n }) => {
+var ae = U("checkboxItem", "Dropdown.CheckboxItem"), G = ({ active: e, enabled: t, content: n }) => {
 	f(() => {
 		if (!e || !t || !n) return;
 		let r = [], i = n.parentElement;
@@ -254,7 +255,7 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		n,
 		t
 	]);
-}, ne = () => {
+}, oe = () => {
 	let e = !1;
 	return {
 		preventDefault: () => {
@@ -264,7 +265,7 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 			return e;
 		}
 	};
-}, re = (e) => {
+}, se = (e) => {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -275,44 +276,67 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 			return t;
 		}
 	};
-}, W = [
+};
+//#endregion
+//#region src/hooks/behavior/overlay/useOverlayFocusRestore.ts
+function ce(e) {
+	return !(e instanceof HTMLElement) || !e.isConnected ? !1 : (e.focus(), document.activeElement === e);
+}
+var le = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) => {
+	let i = g(null), a = g(t), o = g(n), s = g(r);
+	a.current = t, o.current = n, s.current = r;
+	let c = u(() => {
+		typeof document > "u" || (i.current = document.activeElement);
+	}, []), l = u(() => {
+		a.current && (ce(o.current?.current) || ce(i.current));
+	}, []), d = u((e) => {
+		let t = e ?? oe();
+		s.current?.(t), !(t.defaultPrevented || !a.current) && queueMicrotask(l);
+	}, [l]);
+	return f(() => {
+		if (e) return c(), () => {
+			d();
+		};
+	}, [
+		e,
+		d,
+		c
+	]), {
+		restoreFocus: l,
+		restoreFocusAfterClose: d,
+		saveFocusSnapshot: c
+	};
+}, K = [
 	"a[href]",
 	"button:not([disabled])",
 	"textarea:not([disabled])",
 	"input:not([disabled])",
 	"select:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
-].join(","), ie = (e) => Array.from(e.querySelectorAll(W)).filter((e) => !e.hasAttribute("disabled")), ae = (e) => {
-	(ie(e)[0] ?? e).focus();
-}, G = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
-	f(() => {
+].join(","), ue = (e) => Array.from(e.querySelectorAll(K)).filter((e) => !e.hasAttribute("disabled")), de = (e) => {
+	(ue(e)[0] ?? e).focus();
+}, fe = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
+	le({
+		active: e,
+		enabled: a,
+		finalFocus: i,
+		onCloseAutoFocus: s
+	}), f(() => {
 		if (!e) return;
-		let n = document.activeElement, c = i?.current, l = ne();
-		return o?.(l), l.defaultPrevented || queueMicrotask(() => {
-			r?.current?.focus(), !r?.current && t.current && ae(t.current);
-		}), () => {
-			let e = ne();
-			s?.(e), !(e.defaultPrevented || !a) && queueMicrotask(() => {
-				if (c) {
-					c.focus();
-					return;
-				}
-				n instanceof HTMLElement && n.focus();
-			});
-		};
+		let n = oe();
+		o?.(n), n.defaultPrevented || queueMicrotask(() => {
+			r?.current?.focus(), !r?.current && t.current && de(t.current);
+		});
 	}, [
 		e,
 		t,
-		i,
 		r,
-		s,
-		o,
-		a
+		o
 	]), f(() => {
 		if (!e || !n) return;
 		let r = (e) => {
 			if (e.key !== "Tab" || !t.current) return;
-			let n = ie(t.current);
+			let n = ue(t.current);
 			if (n.length === 0) {
 				e.preventDefault(), t.current.focus();
 				return;
@@ -332,79 +356,305 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		t,
 		n
 	]);
-}, oe = ({ 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) => {
-			e.key !== "Escape" || !a() || (o?.(e), !(e.defaultPrevented || !r) && l("escape-key", e));
+}, pe = (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);
+		return r(), t.addEventListener("change", r), () => {
+			t.removeEventListener("change", r);
 		};
-		return document.addEventListener("keydown", t), () => {
-			document.removeEventListener("keydown", t);
+	}, [e]), t;
+}, me = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, collisionPadding: a = 8, matchTriggerWidth: o = !1, avoidCollisions: s = !0, mobileSheetBreakpoint: c, middleware: l = [] } = {}) => {
+	let u = pe(c), { refs: d, floatingStyles: p, isPositioned: m, update: g, context: _, middlewareData: v, placement: y } = D({
+		open: e,
+		onOpenChange: t,
+		placement: n,
+		strategy: r,
+		transform: !1,
+		middleware: h(() => [
+			w(i),
+			...s ? [C({ padding: a })] : [],
+			E({ apply({ rects: e, elements: t }) {
+				!o || u || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
+			} }),
+			...s ? [T({ padding: a })] : [],
+			...l
+		], [
+			s,
+			a,
+			l,
+			u,
+			o,
+			i
+		]),
+		whileElementsMounted: S
+	});
+	return f(() => {
+		u && d.floating.current?.style.removeProperty("width");
+	}, [u, d.floating]), {
+		context: _,
+		placement: y,
+		middlewareData: v,
+		isPositioned: m,
+		floatingStyles: u ? {} : {
+			...p,
+			visibility: e && !m ? "hidden" : p.visibility
+		},
+		isMobileSheet: u,
+		setRef: d.setReference,
+		setFloatingRef: d.setFloating,
+		updatePosition: g
+	};
+}, he = N({
+	defaultLevel: "popover",
+	levels: I.tokens.zIndex
+}), ge = j("WebOverlayManager");
+function _e(e) {
+	return new Map(Array.from(e.entries()).map(([e, t]) => [e, { ...t }]));
+}
+function ve(e) {
+	let t = M(e.values());
+	return {
+		registry: _e(e),
+		stack: t,
+		topmost: P(t)
+	};
+}
+function ye() {
+	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), i = 0, a = ve(e), o = () => {
+		a = ve(e), r.forEach((e) => e());
+	}, s = (e) => F({
+		explicitZIndex: e.zIndex,
+		level: e.zIndexLevel,
+		order: e.order,
+		policy: he
+	});
+	return {
+		register(t) {
+			e.has(t.id) && ge.duplicateRegistration?.(t.id), e.delete(t.id);
+			let n = {
+				id: t.id,
+				zIndexLevel: t.zIndexLevel ?? he.defaultLevel,
+				order: i++,
+				zIndex: t.zIndex
+			};
+			return e.set(t.id, n), o(), n;
+		},
+		unregister(r) {
+			if (t.delete(r), n.delete(r), !e.delete(r)) {
+				ge.unknownUnregister?.(r);
+				return;
+			}
+			e.size === 0 && (i = 0), o();
+		},
+		update(t) {
+			let n = e.get(t.id);
+			if (!n) return null;
+			let r = {
+				...n,
+				zIndexLevel: t.zIndexLevel ?? n.zIndexLevel,
+				zIndex: t.zIndex
+			};
+			return e.set(t.id, r), o(), r;
+		},
+		getSnapshot() {
+			return a;
+		},
+		getEntry(t) {
+			return e.get(t) ?? null;
+		},
+		getStack() {
+			return a.stack;
+		},
+		getTopmost() {
+			return a.topmost;
+		},
+		isTopmost(e) {
+			return a.topmost?.id === e;
+		},
+		getZIndex(t) {
+			let n = e.get(t);
+			return n ? s(n) : void 0;
+		},
+		registerEscapeHandler(e, n) {
+			return t.set(e, n), () => {
+				t.get(e) === n && t.delete(e);
+			};
+		},
+		dispatchEscapeKeyDown(e) {
+			let n = a.topmost;
+			if (!n) return !1;
+			let r = t.get(n.id);
+			return r ? (r(e), !0) : !1;
+		},
+		registerPointerDownOutsideHandler(e, t) {
+			return n.set(e, t), () => {
+				n.get(e) === t && n.delete(e);
+			};
+		},
+		dispatchPointerDownOutside(e) {
+			let t = a.topmost;
+			if (!t) return !1;
+			let r = n.get(t.id);
+			return r ? (r(e), !0) : !1;
+		},
+		subscribe(e) {
+			return r.add(e), () => {
+				r.delete(e);
+			};
+		},
+		clear() {
+			e.size !== 0 && (e.clear(), t.clear(), n.clear(), i = 0, o());
+		}
+	};
+}
+var be = ye(), xe = s(null), Se = () => d(xe) ?? be, Ce = ({ active: e, id: t, zIndexLevel: n, zIndex: r }) => {
+	let i = Se(), a = v(i.subscribe, i.getSnapshot, i.getSnapshot);
+	f(() => {
+		if (e) return i.register({
+			id: t,
+			zIndexLevel: n,
+			zIndex: r
+		}), () => {
+			i.unregister(t);
 		};
 	}, [
 		e,
-		r,
-		a,
-		o,
-		l
-	]), f(() => {
+		t,
+		i,
+		n,
+		r
+	]);
+	let o = u(() => i.isTopmost(t), [t, i]), s = a.registry.get(t);
+	return {
+		isTopOverlay: o,
+		isTopmost: a.topmost?.id === t,
+		order: s?.order,
+		zIndex: i.getZIndex(t)
+	};
+}, q = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new Map();
+function Te(e) {
+	if (typeof document > "u" || q.has(e)) return;
+	let t = (t) => {
+		t.key === "Escape" && e.dispatchEscapeKeyDown(t);
+	};
+	document.addEventListener("keydown", t), q.set(e, {
+		count: 0,
+		detach: () => {
+			document.removeEventListener("keydown", t), q.delete(e);
+		}
+	});
+}
+function Ee(e) {
+	Te(e);
+	let t = q.get(e);
+	return t ? (t.count += 1, () => {
+		let t = q.get(e);
+		t && (t.count = Math.max(0, t.count - 1), !(t.count > 0) && t.detach());
+	}) : () => void 0;
+}
+function De(e) {
+	if (typeof document > "u" || we.has(e)) return;
+	let t = (t) => {
+		e.dispatchPointerDownOutside(t);
+	};
+	document.addEventListener("pointerdown", t), we.set(e, {
+		count: 0,
+		detach: () => {
+			document.removeEventListener("pointerdown", t), we.delete(e);
+		}
+	});
+}
+function Oe(e) {
+	De(e);
+	let t = we.get(e);
+	return t ? (t.count += 1, () => {
+		let t = we.get(e);
+		t && (t.count = Math.max(0, t.count - 1), !(t.count > 0) && t.detach());
+	}) : () => void 0;
+}
+var ke = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registered: i = !1, zIndex: a, contentRef: o, ignoreRefs: s = [], closeOnEscape: c, closeOnOutsidePress: l, onEscapeKeyDown: u, onPointerDownOutside: d, onInteractOutside: p, requestClose: m }) => {
+	let h = Se(), _ = Ce({
+		active: r && !i,
+		id: t,
+		zIndexLevel: n,
+		zIndex: a
+	}), v = g(s);
+	return v.current = s, f(() => {
 		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);
-			s?.(n), c?.(n), !(n.defaultPrevented || !i) && l("outside-press", e);
+		let n = Ee(h), r = h.registerEscapeHandler(t, (e) => {
+			u?.(e), !(e.defaultPrevented || !c) && m("escape-key", e);
+		});
+		return () => {
+			r(), n();
 		};
-		return document.addEventListener("pointerdown", n), () => {
-			document.removeEventListener("pointerdown", n);
+	}, [
+		e,
+		c,
+		t,
+		h,
+		u,
+		m
+	]), f(() => {
+		if (!e) return;
+		let n = Oe(h), r = h.registerPointerDownOutsideHandler(t, (e) => {
+			if (e.target instanceof Node && [o, ...v.current].some((t) => t.current?.contains(e.target))) return;
+			let t = se(e);
+			d?.(t), p?.(t), !(t.defaultPrevented || !l) && m("outside-press", e);
+		});
+		return () => {
+			r(), n();
 		};
 	}, [
 		e,
-		i,
+		l,
+		o,
 		t,
-		a,
-		c,
-		s,
-		l
-	]);
-}, se = [], ce = {
-	add(e) {
-		se = se.filter((t) => t !== e), se.push(e);
-	},
-	remove(e) {
-		se = se.filter((t) => t !== e);
-	},
-	isTop(e) {
-		return se[se.length - 1] === e;
-	}
-}, le = ({ active: e, id: t }) => (f(() => {
-	if (e) return ce.add(t), () => {
-		ce.remove(t);
-	};
-}, [e, t]), { isTopOverlay: u(() => ce.isTop(t), [t]) }), K = 0, ue = "", de = {
+		h,
+		p,
+		d,
+		m
+	]), _;
+}, Ae = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r, portal: i = !0, presentation: a, animationStyle: o, offset: s, collisionPadding: c, matchTriggerWidth: l, avoidCollisions: u, mobileSheetBreakpoint: d, middleware: f } = {}) => ({
+	...me({
+		open: e,
+		onOpenChange: t,
+		placement: n,
+		strategy: r ?? (i ? "fixed" : "absolute"),
+		offset: s,
+		collisionPadding: c,
+		matchTriggerWidth: l,
+		avoidCollisions: u,
+		mobileSheetBreakpoint: d,
+		middleware: f
+	}),
+	animationStyle: o,
+	presentation: a ?? (i ? "floating" : "inline")
+}), je = 0, Me = "", Ne = {
 	lock() {
-		typeof document > "u" || (K === 0 && (ue = document.body.style.overflow, document.body.style.overflow = "hidden"), K += 1);
+		typeof document > "u" || (je === 0 && (Me = document.body.style.overflow, document.body.style.overflow = "hidden"), je += 1);
 	},
 	unlock() {
-		typeof document > "u" || (K = Math.max(0, K - 1), K === 0 && (document.body.style.overflow = ue));
+		typeof document > "u" || (je = Math.max(0, je - 1), je === 0 && (document.body.style.overflow = Me));
 	}
-}, fe = ({ active: e, enabled: t = !0 }) => {
+}, Pe = ({ active: e, enabled: t = !0 }) => {
 	f(() => {
-		if (!(!e || !t)) return de.lock(), () => {
-			de.unlock();
+		if (!(!e || !t)) return Ne.lock(), () => {
+			Ne.unlock();
 		};
 	}, [e, t]);
-}, pe = () => typeof document > "u" ? null : document.body, me = ({ container: e } = {}) => {
+}, Fe = () => typeof document > "u" ? null : document.body, Ie = ({ container: e } = {}) => {
 	let [t, n] = _(!1);
 	return f(() => {
 		n(!0);
-	}, []), t ? e ?? document.getElementById("overlay-root") ?? pe() : null;
-}, he = ({ value: e, defaultValue: t, onChange: n }) => {
+	}, []), t ? e ?? document.getElementById("overlay-root") ?? Fe() : null;
+}, J = ({ value: e, defaultValue: t, onChange: n }) => {
 	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 }) => {
+}, Le = ({ 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
@@ -487,7 +737,7 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		m,
 		h
 	]) };
-}, _e = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
+}, Re = ({ 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;
@@ -542,7 +792,7 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		p,
 		e,
 		T
-	]), { onKeyDown: D } = ge({
+	]), { onKeyDown: D } = Le({
 		activeIndex: p,
 		setActiveIndex: m,
 		items: e,
@@ -571,8 +821,8 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		getFirstEnabledIndex: v,
 		getLastEnabledIndex: y
 	};
-}, ve = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
-	let a = p(), o = p(), s = p(), [c, l] = he({
+}, ze = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
+	let a = p(), o = p(), s = p(), [c, l] = J({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -590,12 +840,12 @@ var U = z("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 [m, g] = he({
+}, 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] = J({
 		value: e,
 		defaultValue: t ?? (a ? [] : ""),
 		onChange: n ?? r
-	}), [v, y] = he({
+	}), [v, y] = J({
 		value: l,
 		defaultValue: d,
 		onChange: p
@@ -664,7 +914,7 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		b,
 		i,
 		k
-	]), { onKeyDown: j } = ge({
+	]), { onKeyDown: j } = Le({
 		activeIndex: b,
 		setActiveIndex: x,
 		items: i,
@@ -694,8 +944,8 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		selectActiveOption: A,
 		onKeyDown: j
 	};
-}, be = ({ value: e, defaultValue: t = "", onValueChange: n }) => {
-	let [r, i] = he({
+}, Ve = ({ value: e, defaultValue: t = "", onValueChange: n }) => {
+	let [r, i] = J({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -704,15 +954,15 @@ var U = z("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled:
 		value: r,
 		setValue: i
 	};
-}, xe = s(null), Se = ({ children: e, container: t = null }) => /* @__PURE__ */ n(xe.Provider, {
+}, He = s(null), Ue = ({ children: e, container: t = null }) => /* @__PURE__ */ n(He.Provider, {
 	value: t,
 	children: e
-}), Ce = ({ children: e, container: t }) => {
-	let n = d(xe), r = me({ container: t ?? n });
-	return r ? v(e, r) : null;
+}), We = ({ children: e, container: t }) => {
+	let n = d(He), r = Ie({ container: t ?? n });
+	return r ? y(e, r) : null;
 };
-Ce.__velliraPortal = !0, Ce.displayName = "Portal", Se.displayName = "PortalProvider";
-var we = {
+We.__velliraPortal = !0, We.displayName = "Portal", Ue.displayName = "PortalProvider";
+var Ge = {
 	dropdown: "_dropdown_m7rnq_1",
 	"dropdown-in": "_dropdown-in_m7rnq_1",
 	primary: "_primary_m7rnq_42",
@@ -724,31 +974,31 @@ var we = {
 	searchWrap: "_searchWrap_m7rnq_165",
 	search: "_search_m7rnq_165",
 	"dropdown-sheet-in": "_dropdown-sheet-in_m7rnq_1"
-}, Te = z("empty", "Dropdown.Empty"), Ee = ({ children: e }) => /* @__PURE__ */ n("li", {
+}, Ke = U("empty", "Dropdown.Empty"), qe = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: we.empty,
+	className: Ge.empty,
 	children: e ?? "No actions available"
 });
-Ee.displayName = "DropdownEmptySurface";
+qe.displayName = "DropdownEmptySurface";
 //#endregion
 //#region src/components/Dropdown/Group/DropdownGroup.tsx
-var De = z("group", "Dropdown.Group"), Oe = () => null;
-Oe.displayName = "DropdownGroupSurface";
+var Je = U("group", "Dropdown.Group"), Ye = () => null;
+Ye.displayName = "DropdownGroupSurface";
 //#endregion
 //#region src/components/Dropdown/internal/DropdownContext.tsx
-var ke = s(null), Ae = s(null), je = s(null), Me = ke.Provider, Ne = Ae.Provider;
-je.Provider;
-function Pe() {
-	let e = d(ke);
+var Xe = s(null), Ze = s(null), Qe = s(null), $e = Xe.Provider, et = Ze.Provider;
+Qe.Provider;
+function tt() {
+	let e = d(Xe);
 	if (!e) throw Error("Dropdown compound components must be used inside Dropdown.");
 	return e;
 }
-function Fe() {
-	let e = d(Ae);
+function nt() {
+	let e = d(Ze);
 	if (!e) throw Error("Dropdown.Trigger must be used inside Dropdown.");
 	return e;
 }
-var q = {
+var Y = {
 	item: "_item_xmygj_1",
 	disabled: "_disabled_xmygj_35",
 	active: "_active_xmygj_53",
@@ -773,8 +1023,8 @@ var q = {
 	"dropdown-sub-in": "_dropdown-sub-in_xmygj_1",
 	subLabel: "_subLabel_xmygj_300",
 	subSeparator: "_subSeparator_xmygj_308"
-}, Ie = z("item", "Dropdown.Item"), Le = ({ item: e, itemIndex: i }) => {
-	let a = Pe(), 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 = V(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, P = O ? "a" : "li", F = d || f, L = (t) => {
+}, rt = U("item", "Dropdown.Item"), it = ({ item: e, itemIndex: i }) => {
+	let a = tt(), 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, y = re(v.children), b = y.icon ?? v.icon, x = y.description ?? ("description" in v ? v.description : void 0), S = y.badge ?? ("badge" in v ? v.badge : void 0), C = y.shortcut ?? v.shortcut, w = y.content.length ? y.content : v.children, T = "color" in v ? v.color : void 0, E = e.type === "item" ? e.props.href : void 0, D = e.type === "item" ? e.props.target : void 0, O = e.type === "item" ? e.props.download : void 0, k = a.getItemId(i), A = d ? "menuitemcheckbox" : f ? "menuitemradio" : "menuitem", j = e.type === "item" && D === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, M = E ? "a" : "li", N = d || f, P = (t) => {
 		if (h) {
 			t.preventDefault();
 			return;
@@ -783,15 +1033,15 @@ var q = {
 			let t = !m;
 			c(t), e.props.onCheckedChange?.(t);
 		}
-		a.selectItem(e, Re(t));
+		a.selectItem(e, at(t));
 	};
-	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r(P, {
-		id: j,
-		role: M,
-		href: P === "a" && !h ? O : void 0,
-		target: P === "a" && !h ? k : void 0,
-		rel: P === "a" ? N : void 0,
-		download: P === "a" && !h ? A : void 0,
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r(M, {
+		id: k,
+		role: A,
+		href: M === "a" && !h ? E : void 0,
+		target: M === "a" && !h ? D : void 0,
+		rel: M === "a" ? j : void 0,
+		download: M === "a" && !h ? O : void 0,
 		tabIndex: h ? -1 : 0,
 		"aria-disabled": h || void 0,
 		"aria-checked": d || f ? m : void 0,
@@ -799,12 +1049,12 @@ var q = {
 		"aria-expanded": p ? u : void 0,
 		"data-active": l || void 0,
 		"data-state": u ? "open" : void 0,
-		className: I(q.item, q[a.size], {
-			[q.active]: l,
-			[q.disabled]: h,
-			[q.checked]: m
-		}, D && D !== "default" ? q[D] : void 0, v.className),
-		onClick: L,
+		className: V(Y.item, Y[a.size], {
+			[Y.active]: l,
+			[Y.disabled]: h,
+			[Y.checked]: m
+		}, T && T !== "default" ? Y[T] : void 0, v.className),
+		onClick: P,
 		onMouseEnter: () => {
 			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)));
 		},
@@ -812,59 +1062,59 @@ var q = {
 			window.clearTimeout(o.current);
 		},
 		children: [
-			S && /* @__PURE__ */ n("span", {
-				className: q.itemIcon,
-				children: S
+			b && /* @__PURE__ */ n("span", {
+				className: Y.itemIcon,
+				children: b
 			}),
 			/* @__PURE__ */ r("span", {
-				className: q.itemText,
+				className: Y.itemText,
 				children: [/* @__PURE__ */ n("span", {
-					className: q.itemLabel,
-					children: E
-				}), C && /* @__PURE__ */ n("span", {
-					className: q.itemDescription,
-					children: C
+					className: Y.itemLabel,
+					children: w
+				}), x && /* @__PURE__ */ n("span", {
+					className: Y.itemDescription,
+					children: x
 				})]
 			}),
-			w && /* @__PURE__ */ n("span", {
-				className: q.itemBadge,
-				children: w
+			S && /* @__PURE__ */ n("span", {
+				className: Y.itemBadge,
+				children: S
 			}),
-			T && /* @__PURE__ */ n("span", {
-				className: q.itemShortcut,
-				children: T
+			C && /* @__PURE__ */ n("span", {
+				className: Y.itemShortcut,
+				children: C
 			}),
-			F && /* @__PURE__ */ n("span", {
-				className: q.indicator,
+			N && /* @__PURE__ */ n("span", {
+				className: Y.indicator,
 				"aria-hidden": "true",
-				children: m ? /* @__PURE__ */ n(y, {}) : null
+				children: m ? /* @__PURE__ */ n(L, {}) : null
 			}),
 			p && /* @__PURE__ */ n("span", {
-				className: q.itemShortcut,
+				className: Y.itemShortcut,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ n(x, {})
+				children: /* @__PURE__ */ n(z, {})
 			})
 		]
 	}), p && u && e.subEntries.length > 0 && /* @__PURE__ */ n("ul", {
 		role: "menu",
-		className: q.subContent,
+		className: Y.subContent,
 		onMouseEnter: () => a.setOpenSubId(e.id),
 		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ n("li", {
 			role: "presentation",
-			className: q.subLabel,
+			className: Y.subLabel,
 			children: e.props.children
 		}, e.id) : e.type === "separator" ? /* @__PURE__ */ n("li", {
 			role: "separator",
-			className: q.subSeparator,
+			className: Y.subSeparator,
 			"aria-hidden": "true"
-		}, e.id) : e.type === "item" ? /* @__PURE__ */ n(ze, {
+		}, e.id) : e.type === "item" ? /* @__PURE__ */ n(ot, {
 			item: e.item,
-			id: `${j}-${e.itemIndex}`
+			id: `${k}-${e.itemIndex}`
 		}, e.item.id) : null)
 	})] });
 };
-Le.displayName = "DropdownItemRow";
-function Re(e) {
+it.displayName = "DropdownItemRow";
+function at(e) {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -876,9 +1126,9 @@ function Re(e) {
 		}
 	};
 }
-function ze({ id: e, item: t }) {
-	let i = Pe(), [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 = V(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) {
+function ot({ id: e, item: t }) {
+	let i = tt(), [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 = re(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, y = i.loading || t.disabled, b = t.type === "item" ? t.props.href : void 0, x = t.type === "item" ? t.props.target : void 0, S = t.type === "item" ? t.props.download : void 0, C = s ? "menuitemcheckbox" : c ? "menuitemradio" : "menuitem", w = t.type === "item" && x === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, T = b ? "a" : "li", E = s || c, D = (e) => {
+		if (y) {
 			e.preventDefault();
 			return;
 		}
@@ -886,86 +1136,86 @@ function ze({ id: e, item: t }) {
 			let e = !l;
 			o(e), t.props.onCheckedChange?.(e);
 		}
-		i.selectItem(t, Re(e));
+		i.selectItem(t, at(e));
 	};
-	return /* @__PURE__ */ r(E, {
+	return /* @__PURE__ */ r(T, {
 		id: e,
-		role: w,
-		href: E === "a" && !b ? x : void 0,
-		target: E === "a" && !b ? S : void 0,
-		rel: E === "a" ? T : void 0,
-		download: E === "a" && !b ? C : void 0,
-		tabIndex: b ? -1 : 0,
-		"aria-disabled": b || void 0,
+		role: C,
+		href: T === "a" && !y ? b : void 0,
+		target: T === "a" && !y ? x : void 0,
+		rel: T === "a" ? w : void 0,
+		download: T === "a" && !y ? S : void 0,
+		tabIndex: y ? -1 : 0,
+		"aria-disabled": y || void 0,
 		"aria-checked": s || c ? l : void 0,
-		className: I(q.item, q[i.size], {
-			[q.disabled]: b,
-			[q.checked]: l
-		}, v && v !== "default" ? q[v] : void 0),
-		onClick: O,
+		className: V(Y.item, Y[i.size], {
+			[Y.disabled]: y,
+			[Y.checked]: l
+		}, v && v !== "default" ? Y[v] : void 0),
+		onClick: D,
 		children: [
-			D && /* @__PURE__ */ n("span", {
-				className: q.indicator,
+			E && /* @__PURE__ */ n("span", {
+				className: Y.indicator,
 				"aria-hidden": "true",
-				children: l ? /* @__PURE__ */ n(y, {}) : null
+				children: l ? /* @__PURE__ */ n(L, {}) : null
 			}),
 			f && /* @__PURE__ */ n("span", {
-				className: q.itemIcon,
+				className: Y.itemIcon,
 				children: f
 			}),
 			/* @__PURE__ */ r("span", {
-				className: q.itemText,
+				className: Y.itemText,
 				children: [/* @__PURE__ */ n("span", {
-					className: q.itemLabel,
+					className: Y.itemLabel,
 					children: g
 				}), p && /* @__PURE__ */ n("span", {
-					className: q.itemDescription,
+					className: Y.itemDescription,
 					children: p
 				})]
 			}),
 			m && /* @__PURE__ */ n("span", {
-				className: q.itemBadge,
+				className: Y.itemBadge,
 				children: m
 			}),
 			h && /* @__PURE__ */ n("span", {
-				className: q.itemShortcut,
+				className: Y.itemShortcut,
 				children: h
 			})
 		]
 	});
 }
-var Be = { group: "_group_aviwv_1" }, Ve = z("label", "Dropdown.Label"), He = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
+var st = { group: "_group_aviwv_1" }, ct = U("label", "Dropdown.Label"), lt = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: I(Be.group, t),
+	className: V(st.group, t),
 	children: e
 });
-He.displayName = "DropdownLabelSurface";
+lt.displayName = "DropdownLabelSurface";
 //#endregion
 //#region src/components/Dropdown/Loading/DropdownLoading.tsx
-var Ue = z("loading", "Dropdown.Loading"), We = ({ children: e }) => /* @__PURE__ */ n("li", {
+var ut = U("loading", "Dropdown.Loading"), dt = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
 	"aria-live": "polite",
-	className: we.empty,
+	className: Ge.empty,
 	children: e ?? "Loading actions..."
 });
-We.displayName = "DropdownLoadingSurface";
-var Ge = { separator: "_separator_1v11r_1" }, Ke = z("separator", "Dropdown.Separator"), qe = ({ className: e }) => /* @__PURE__ */ n("li", {
+dt.displayName = "DropdownLoadingSurface";
+var ft = { separator: "_separator_1v11r_1" }, pt = U("separator", "Dropdown.Separator"), mt = ({ className: e }) => /* @__PURE__ */ n("li", {
 	role: "separator",
-	className: I(Ge.separator, e),
+	className: V(ft.separator, e),
 	"aria-hidden": "true"
 });
-qe.displayName = "DropdownSeparatorSurface";
+mt.displayName = "DropdownSeparatorSurface";
 //#endregion
 //#region src/components/Dropdown/Content/DropdownContent.tsx
-var Je = ({ className: e }) => {
-	let t = Pe(), { contentReadyToFocus: i, isOpen: o, setContentRef: s } = t, c = g(null), l = u((e) => {
+var ht = ({ className: e }) => {
+	let t = tt(), { contentReadyToFocus: i, isOpen: o, setContentRef: s } = t, c = g(null), l = u((e) => {
 		c.current = e, s(e);
 	}, [s]);
 	if (f(() => {
 		let e = c.current;
 		!o || !i || !e || e.contains(document.activeElement) || e.focus({ preventScroll: !0 });
 	}, [i, o]), !o) return null;
-	let d = I(we.dropdown, we[t.color], t.contentProps?.className, e), p = /* @__PURE__ */ r("ul", {
+	let d = V(Ge.dropdown, Ge[t.color], t.contentProps?.className, e), p = /* @__PURE__ */ r("ul", {
 		ref: l,
 		id: t.contentId,
 		role: "menu",
@@ -982,9 +1232,9 @@ var Je = ({ className: e }) => {
 		"data-color": t.color,
 		children: [t.searchable && /* @__PURE__ */ r("li", {
 			role: "presentation",
-			className: I(we.searchWrap, t.searchProps?.className),
-			children: [/* @__PURE__ */ n(C, { "aria-hidden": "true" }), /* @__PURE__ */ n("input", {
-				className: we.search,
+			className: V(Ge.searchWrap, t.searchProps?.className),
+			children: [/* @__PURE__ */ n(ee, { "aria-hidden": "true" }), /* @__PURE__ */ n("input", {
+				className: Ge.search,
 				value: t.searchValue,
 				placeholder: t.searchPlaceholder,
 				"aria-label": t.searchProps?.["aria-label"] ?? t.searchPlaceholder,
@@ -994,75 +1244,25 @@ var Je = ({ className: e }) => {
 					e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === "Escape" || e.stopPropagation();
 				}
 			})]
-		}), t.loading ? /* @__PURE__ */ n(We, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ n(Ee, { children: t.empty }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ n(Oe, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ n(He, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ n(qe, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ n(Ee, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ n(We, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ n(R, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(Le, {
+		}), t.loading ? /* @__PURE__ */ n(dt, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ n(qe, { children: t.empty }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ n(Ye, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ n(lt, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ n(mt, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ n(qe, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ n(dt, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ n(H, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(it, {
 			item: e.item,
 			itemIndex: e.itemIndex
-		}) }, e.item.id)) : /* @__PURE__ */ n(Ee, {})]
+		}) }, e.item.id)) : /* @__PURE__ */ n(qe, {})]
 	});
-	return t.portal ? /* @__PURE__ */ n(Ce, { children: p }) : p;
+	return t.portal ? /* @__PURE__ */ n(We, { children: p }) : p;
 };
-Je.__velliraDropdownPart = "content", Je.displayName = "Dropdown.Content";
+ht.__velliraDropdownPart = "content", ht.displayName = "Dropdown.Content";
 //#endregion
 //#region src/components/Dropdown/ItemBadge/DropdownItemBadge.tsx
-var Ye = z("itemBadge", "Dropdown.ItemBadge"), Xe = z("itemDescription", "Dropdown.ItemDescription"), Ze = z("itemIcon", "Dropdown.ItemIcon"), Qe = z("itemShortcut", "Dropdown.ItemShortcut"), $e = z("radioGroup", "Dropdown.RadioGroup"), et = z("radioItem", "Dropdown.RadioItem"), tt = (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);
-		return r(), t.addEventListener("change", r), () => {
-			t.removeEventListener("change", r);
-		};
-	}, [e]), t;
-}, nt = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, collisionPadding: a = 8, matchTriggerWidth: o = !1, avoidCollisions: s = !0, mobileSheetBreakpoint: c, middleware: l = [] } = {}) => {
-	let u = tt(c), { refs: d, floatingStyles: p, isPositioned: m, update: g, context: _, middlewareData: v, placement: y } = j({
-		open: e,
-		onOpenChange: t,
-		placement: n,
-		strategy: r,
-		transform: !1,
-		middleware: h(() => [
-			O(i),
-			...s ? [D({ padding: a })] : [],
-			A({ apply({ rects: e, elements: t }) {
-				!o || u || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
-			} }),
-			...s ? [k({ padding: a })] : [],
-			...l
-		], [
-			s,
-			a,
-			l,
-			u,
-			o,
-			i
-		]),
-		whileElementsMounted: E
-	});
-	return f(() => {
-		u && d.floating.current?.style.removeProperty("width");
-	}, [u, d.floating]), {
-		context: _,
-		placement: y,
-		middlewareData: v,
-		isPositioned: m,
-		floatingStyles: u ? {} : {
-			...p,
-			visibility: e && !m ? "hidden" : p.visibility
-		},
-		isMobileSheet: u,
-		setRef: d.setReference,
-		setFloatingRef: d.setFloating,
-		updatePosition: g
-	};
-};
+var gt = U("itemBadge", "Dropdown.ItemBadge"), _t = U("itemDescription", "Dropdown.ItemDescription"), vt = U("itemIcon", "Dropdown.ItemIcon"), yt = U("itemShortcut", "Dropdown.ItemShortcut"), bt = U("radioGroup", "Dropdown.RadioGroup"), xt = U("radioItem", "Dropdown.RadioItem");
 //#endregion
 //#region src/components/Dropdown/internal/composeEventHandlers.ts
-function rt(e, t) {
+function St(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function it(...e) {
+function Ct(...e) {
 	return (t) => {
 		e.forEach((e) => {
 			if (e) {
@@ -1075,67 +1275,65 @@ function it(...e) {
 		});
 	};
 }
-function at(e) {
+function wt(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var ot = { wrapper: "_wrapper_14ue8_1" }, st = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", strategy: l, offset: d = 2, collisionPadding: m = 8, matchTriggerWidth: v = !1, minWidth: y, maxWidth: b, portal: x = !0, avoidCollisions: S = !0, modal: C = !1, closeOnSelect: w = !0, loop: T = !0, disabled: E = !1, loading: D = !1, loadingText: O = "Loading actions...", searchable: k = !1, command: A = !1, searchValue: j, defaultSearchValue: M = "", searchPlaceholder: N, onSearch: P, empty: F, className: L }) => {
-	let R = p(), z = `${R}-trigger`, V = `${R}-menu`, ee = g(null), H = g(null), [U, te] = _(), [ne, re] = _({}), [W, ie] = _(M), ae = j ?? W, G = h(() => B(e), [e]), se = G.content?.props.command ?? !1, ce = k || A || se || !!G.search, K = h(() => lt(G.items), [G.items]), ue = h(() => G.items.map((e) => ({
+var Tt = { wrapper: "_wrapper_14ue8_1" }, Et = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", strategy: l, offset: d = 2, collisionPadding: m = 8, matchTriggerWidth: v = !1, minWidth: y, maxWidth: b, portal: x = !0, avoidCollisions: S = !0, modal: C = !1, closeOnSelect: w = !0, loop: T = !0, disabled: E = !1, loading: D = !1, loadingText: O = "Loading actions...", searchable: k = !1, command: A = !1, searchValue: j, defaultSearchValue: M = "", searchPlaceholder: N, onSearch: P, empty: F, className: I }) => {
+	let L = p(), R = `${L}-trigger`, z = `${L}-menu`, B = g(null), ee = g(null), [te, H] = _(), [U, re] = _({}), [W, ie] = _(M), ae = j ?? W, G = h(() => ne(e), [e]), oe = G.content?.props.command ?? !1, se = k || A || oe || !!G.search, ce = h(() => Ot(G.items), [G.items]), le = h(() => G.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [G.items]), de = h(() => !ce || !ae.trim() ? G : ut(G, ae), [
-		ce,
+	})), [G.items]), K = h(() => !se || !ae.trim() ? G : kt(G, ae), [
+		se,
 		G,
 		ae
-	]), pe = h(() => de.items.map((e) => ({
+	]), ue = h(() => K.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [de.items]);
+	})), [K.items]);
 	f(() => {
 		re((e) => {
 			let t = { ...e };
-			return K.forEach((e) => {
+			return ce.forEach((e) => {
 				e.type === "radio" && t[e.groupId] === void 0 && (t[e.groupId] = e.groupProps?.value ?? e.groupProps?.defaultValue);
 			}), t;
 		});
-	}, [K]);
-	let { activeIndex: me, setActiveIndex: he, isOpen: ge, closeDropdown: ve, toggleDropdown: ye, onKeyDown: be } = _e({
-		items: ce ? pe : ue,
+	}, [ce]);
+	let { activeIndex: de, setActiveIndex: fe, isOpen: pe, closeDropdown: me, toggleDropdown: he, onKeyDown: ge } = Re({
+		items: se ? ue : le,
 		open: t,
 		defaultOpen: i,
 		disabled: E,
 		onOpenChange: a,
-		getItemValue: (e, t) => (ce ? de.items : G.items)[t]?.id ?? "",
+		getItemValue: (e, t) => (se ? K.items : G.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
 		loop: T
-	}), { floatingStyles: xe, isMobileSheet: Se, isPositioned: Ce, setRef: we, setFloatingRef: Te } = nt({
-		open: ge,
+	}), { floatingStyles: _e, isMobileSheet: ve, isPositioned: ye, setRef: be, setFloatingRef: xe } = Ae({
+		open: pe,
 		placement: c,
-		strategy: l ?? (x ? "fixed" : "absolute"),
+		strategy: l,
+		portal: x,
 		matchTriggerWidth: v,
 		avoidCollisions: S,
 		offset: d,
 		collisionPadding: m,
 		mobileSheetBreakpoint: 640
-	}), Ee = u((e) => {
-		j === void 0 && ie(e), P?.(e), he(0);
+	}), Se = u((e) => {
+		j === void 0 && ie(e), P?.(e), fe(0);
 	}, [
 		P,
 		j,
-		he
-	]), { isTopOverlay: De } = le({
-		active: ge,
-		id: V
-	});
-	fe({
-		active: ge,
+		fe
+	]);
+	Pe({
+		active: pe,
 		enabled: C
 	});
-	let Oe = u(() => {
-		ve(), ee.current?.focus();
-	}, [ve]), ke = u((e, t) => {
+	let Ce = u(() => {
+		me(), B.current?.focus();
+	}, [me]), q = u((e, t) => {
 		if (e.disabled || D) return;
 		if (e.type === "subTrigger") {
-			te(e.id);
+			H(e.id);
 			return;
 		}
 		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (re((t) => ({
@@ -1143,116 +1341,116 @@ var ot = { wrapper: "_wrapper_14ue8_1" }, st = ({ children: e, open: t, defaultO
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
 		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && w);
-		!t.defaultPrevented && n && Oe();
+		!t.defaultPrevented && n && Ce();
 	}, [
-		Oe,
+		Ce,
 		w,
 		D
-	]), Ae = u((e) => {
-		let t = de.items[me];
+	]), we = u((e) => {
+		let t = K.items[de];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
-			e.preventDefault(), te(t.id);
+			e.preventDefault(), H(t.id);
 			return;
 		}
-		if (e.key === "ArrowLeft" && U) {
-			e.preventDefault(), te(void 0);
+		if (e.key === "ArrowLeft" && te) {
+			e.preventDefault(), H(void 0);
 			return;
 		}
 		if ((e.key === "Enter" || e.key === " ") && t) {
 			e.preventDefault();
-			let n = ct(e);
-			ke(t, n);
+			let n = Dt(e);
+			q(t, n);
 			return;
 		}
-		be(e), e.key === "Escape" && ee.current?.focus();
+		ge(e), e.key === "Escape" && B.current?.focus();
 	}, [
-		me,
-		de.items,
-		be,
-		U,
-		ke
-	]), je = u((e) => {
-		e.preventDefault(), ye();
-	}, [ye]), Pe = u((e) => {
-		ee.current = e, we(e);
-	}, [we]), Fe = u((e) => {
-		H.current = e, Te(e), Se && e?.focus({ preventScroll: !0 });
-	}, [Se, Te]);
-	oe({
-		active: ge,
+		de,
+		K.items,
+		ge,
+		te,
+		q
+	]), Te = u((e) => {
+		e.preventDefault(), he();
+	}, [he]), Ee = u((e) => {
+		B.current = e, be(e);
+	}, [be]), De = u((e) => {
+		ee.current = e, xe(e), ve && e?.focus({ preventScroll: !0 });
+	}, [ve, xe]), Oe = ke({
+		active: pe,
+		id: z,
+		zIndexLevel: "dropdown",
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: H,
-		ignoreRefs: [ee],
-		isTopOverlay: De,
-		requestClose: () => ve()
-	});
-	let q = {
-		...xe,
-		minWidth: at(y),
-		maxWidth: at(b)
+		contentRef: ee,
+		ignoreRefs: [B],
+		requestClose: () => me()
+	}), je = {
+		..._e,
+		zIndex: Oe.zIndex,
+		minWidth: wt(y),
+		maxWidth: wt(b)
 	};
-	return /* @__PURE__ */ n(Ne, {
+	return /* @__PURE__ */ n(et, {
 		value: {
 			disabled: E,
-			isOpen: ge,
-			contentId: V,
-			triggerId: z,
-			setTriggerRef: Pe,
-			onClick: je,
-			onKeyDown: Ae
+			isOpen: pe,
+			contentId: z,
+			triggerId: R,
+			setTriggerRef: Ee,
+			onClick: Te,
+			onKeyDown: we
 		},
-		children: /* @__PURE__ */ n(Me, {
+		children: /* @__PURE__ */ n($e, {
 			value: {
-				activeIndex: me,
+				activeIndex: de,
 				closeOnSelect: w,
 				color: s,
-				contentReadyToFocus: Se || Ce,
-				contentId: V,
+				contentReadyToFocus: ve || ye,
+				contentId: z,
 				contentProps: G.content?.props,
 				disabled: E,
-				entries: de.entries,
-				getItemId: (e) => `${V}-item-${e}`,
-				isOpen: ge,
-				items: de.items,
+				entries: K.entries,
+				getItemId: (e) => `${z}-item-${e}`,
+				isOpen: pe,
+				items: K.items,
 				loading: D,
 				loadingText: O,
 				empty: F,
 				maxWidth: b,
 				minWidth: y,
-				openSubId: U,
-				onKeyDown: Ae,
+				openSubId: te,
+				onKeyDown: we,
 				portal: !G.portal && x,
-				radioValues: ne,
-				searchPlaceholder: G.search?.props.placeholder ?? N ?? (A || se ? "Type a command..." : "Search actions..."),
+				radioValues: U,
+				searchPlaceholder: G.search?.props.placeholder ?? N ?? (A || oe ? "Type a command..." : "Search actions..."),
 				searchProps: G.search?.props,
 				searchValue: ae,
-				searchable: ce,
-				selectItem: ke,
-				setActiveIndex: he,
-				setContentRef: Fe,
-				setOpenSubId: te,
+				searchable: se,
+				selectItem: q,
+				setActiveIndex: fe,
+				setContentRef: De,
+				setOpenSubId: H,
 				setRadioValue: (e, t) => {
 					re((n) => ({
 						...n,
 						[e]: t
 					}));
 				},
-				setSearchValue: Ee,
+				setSearchValue: Se,
 				size: o,
-				surfaceStyle: q,
-				triggerId: z
+				surfaceStyle: je,
+				triggerId: R
 			},
 			children: /* @__PURE__ */ r("div", {
-				className: I(ot.wrapper, L),
+				className: V(Tt.wrapper, I),
 				"data-disabled": E || void 0,
-				children: [G.trigger ?? null, G.portal ?? G.content ?? /* @__PURE__ */ n(Je, {})]
+				children: [G.trigger ?? null, G.portal ?? G.content ?? /* @__PURE__ */ n(ht, {})]
 			})
 		})
 	});
 };
-st.displayName = "DropdownRoot";
-function ct(e) {
+Et.displayName = "DropdownRoot";
+function Dt(e) {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -1264,13 +1462,13 @@ function ct(e) {
 		}
 	};
 }
-function lt(e) {
+function Ot(e) {
 	let t = [];
 	return e.forEach((e) => {
-		t.push(e), e.type === "subTrigger" && t.push(...lt(e.subItems));
+		t.push(e), e.type === "subTrigger" && t.push(...Ot(e.subItems));
 	}), t;
 }
-function ut(e, t) {
+function kt(e, t) {
 	let n = t.trim().toLocaleLowerCase(), r = new Set(e.items.filter((e) => e.label.toLocaleLowerCase().includes(n)).map((e) => e.id)), i = e.items.filter((e) => r.has(e.id));
 	return {
 		...e,
@@ -1280,7 +1478,7 @@ function ut(e, t) {
 }
 //#endregion
 //#region src/components/Dropdown/Search/DropdownSearch.tsx
-var dt = z("search", "Dropdown.Search"), ft = z("subContent", "Dropdown.SubContent"), pt = z("subTrigger", "Dropdown.SubTrigger"), mt = z("sub", "Dropdown.Sub"), ht = {
+var At = U("search", "Dropdown.Search"), jt = U("subContent", "Dropdown.SubContent"), Mt = U("subTrigger", "Dropdown.SubTrigger"), Nt = U("sub", "Dropdown.Sub"), Pt = {
 	button: "_button_bb3ib_1",
 	disabled: "_disabled_bb3ib_63",
 	arrow: "_arrow_bb3ib_71",
@@ -1296,91 +1494,91 @@ var dt = z("search", "Dropdown.Search"), ft = z("subContent", "Dropdown.SubConte
 	lg: "_lg_bb3ib_350",
 	label: "_label_bb3ib_362",
 	open: "_open_bb3ib_390"
-}, gt = (e) => /* @__PURE__ */ n(_t, { ...e });
-gt.__velliraDropdownPart = "trigger", gt.displayName = "Dropdown.Trigger";
-var _t = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
-	let s = Pe(), c = Fe(), u = t && l(e) ? e : void 0, d = s.disabled || i, f = {
+}, Ft = (e) => /* @__PURE__ */ n(It, { ...e });
+Ft.__velliraDropdownPart = "trigger", Ft.displayName = "Dropdown.Trigger";
+var It = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
+	let s = tt(), c = nt(), u = t && l(e) ? e : void 0, d = s.disabled || i, f = {
 		id: c.triggerId,
-		ref: u ? it(u.props.ref, c.setTriggerRef) : c.setTriggerRef,
+		ref: u ? Ct(u.props.ref, c.setTriggerRef) : c.setTriggerRef,
 		"aria-controls": c.isOpen ? c.contentId : void 0,
 		"aria-disabled": d || void 0,
 		"aria-expanded": c.isOpen,
 		"aria-haspopup": "menu",
-		className: I(!u && ht.button, !u && ht[s.size], !u && ht[s.color], a),
+		className: V(!u && Pt.button, !u && Pt[s.size], !u && Pt[s.color], a),
 		"data-state": c.isOpen ? "open" : "closed",
 		disabled: d || void 0,
-		onClick: rt(u?.props.onClick, c.onClick),
-		onKeyDown: rt(u?.props.onKeyDown, c.onKeyDown)
+		onClick: St(u?.props.onClick, c.onClick),
+		onKeyDown: St(u?.props.onKeyDown, c.onKeyDown)
 	};
 	return u ? o(u, {
 		...f,
-		className: I(u.props.className, a)
+		className: V(u.props.className, a)
 	}) : /* @__PURE__ */ r("button", {
 		type: "button",
 		...f,
 		children: [/* @__PURE__ */ n("span", {
-			className: ht.label,
+			className: Pt.label,
 			children: e
 		}), /* @__PURE__ */ n("span", {
-			className: I(ht.arrow, { [ht.open]: c.isOpen }),
+			className: V(Pt.arrow, { [Pt.open]: c.isOpen }),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ n(b, {})
+			children: /* @__PURE__ */ n(R, {})
 		})]
 	});
 };
-_t.displayName = "DropdownTriggerSurface";
+It.displayName = "DropdownTriggerSurface";
 //#endregion
 //#region src/components/Dropdown/Dropdown.tsx
-var vt = Object.assign(st, {
-	Trigger: gt,
-	Content: Je,
-	Search: dt,
-	Item: Ie,
-	CheckboxItem: U,
-	RadioGroup: $e,
-	RadioItem: et,
-	Group: De,
-	Label: Ve,
-	Separator: Ke,
-	Sub: mt,
-	SubTrigger: pt,
-	SubContent: ft,
-	ItemIcon: Ze,
-	ItemDescription: Xe,
-	ItemBadge: Ye,
-	ItemShortcut: Qe,
-	Arrow: R,
-	Empty: Te,
-	Loading: Ue
+var Lt = Object.assign(Et, {
+	Trigger: Ft,
+	Content: ht,
+	Search: At,
+	Item: rt,
+	CheckboxItem: ae,
+	RadioGroup: bt,
+	RadioItem: xt,
+	Group: Je,
+	Label: ct,
+	Separator: pt,
+	Sub: Nt,
+	SubTrigger: Mt,
+	SubContent: jt,
+	ItemIcon: vt,
+	ItemDescription: _t,
+	ItemBadge: gt,
+	ItemShortcut: yt,
+	Arrow: H,
+	Empty: Ke,
+	Loading: ut
 });
-vt.displayName = "Dropdown";
+Lt.displayName = "Dropdown";
 //#endregion
 //#region src/components/Modal/internal/ModalContext.tsx
-var yt = s(void 0), bt = s(void 0), xt = () => {
-	let e = d(yt);
+var Rt = s(void 0), zt = s(void 0), Bt = () => {
+	let e = d(Rt);
 	if (e === void 0) throw Error("Modal compound components must be used inside Modal");
 	return e;
-}, St = () => d(bt), Ct = yt.Provider, wt = bt.Provider;
-yt.displayName = "ModalContext", bt.displayName = "ModalContentContext";
-var Tt = {
+}, Vt = () => d(zt), Ht = Rt.Provider, Ut = zt.Provider;
+Rt.displayName = "ModalContext", zt.displayName = "ModalContentContext";
+var Wt = {
 	modalBody: "_modalBody_ou4ff_1",
 	inside: "_inside_ou4ff_6"
-}, Et = ({ children: e, className: t }) => {
-	let r = St();
+}, Gt = ({ children: e, className: t }) => {
+	let r = Vt();
 	return /* @__PURE__ */ n("div", {
-		className: I(Tt.modalBody, r?.scrollBehavior === "inside" && Tt.inside, t),
+		className: V(Wt.modalBody, r?.scrollBehavior === "inside" && Wt.inside, t),
 		children: e
 	});
 };
-Et.displayName = "ModalBody";
+Gt.displayName = "ModalBody";
 //#endregion
 //#region src/components/Modal/internal/composeEventHandlers.ts
-function Dt(e, t) {
+function Kt(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function Ot(...e) {
+function qt(...e) {
 	return (t) => {
 		e.forEach((e) => {
 			if (e) {
@@ -1393,44 +1591,30 @@ function Ot(...e) {
 		});
 	};
 }
-var kt = {
+var Jt = {
 	modalHeader: "_modalHeader_hw9hl_1",
 	modalHeaderText: "_modalHeaderText_hw9hl_8",
 	modalHeaderTitle: "_modalHeaderTitle_hw9hl_13",
 	modalHeaderDescription: "_modalHeaderDescription_hw9hl_20",
 	modalHeaderCloseButton: "_modalHeaderCloseButton_hw9hl_26"
-}, At = ({ asChild: e = !1, children: t, className: r, "aria-label": i }) => {
-	let a = xt(), s = e && l(t) ? t : void 0, c = {
+}, Yt = ({ asChild: e = !1, children: t, className: r, "aria-label": i }) => {
+	let a = Bt(), s = e && l(t) ? t : void 0, c = {
 		"aria-label": s ? i : i ?? "Close dialog",
-		className: I(!s && kt.modalHeaderCloseButton, r),
-		onClick: Dt(s?.props.onClick, a.requestClose)
+		className: V(!s && Jt.modalHeaderCloseButton, r),
+		onClick: Kt(s?.props.onClick, a.requestClose)
 	};
 	return s ? o(s, {
 		...c,
-		className: I(s.props.className, r),
+		className: V(s.props.className, r),
 		"aria-label": i ?? s.props["aria-label"]
 	}) : /* @__PURE__ */ n("button", {
 		type: "button",
 		...c,
-		children: /* @__PURE__ */ n(S, { size: 16 })
+		children: /* @__PURE__ */ n(B, { size: 16 })
 	});
 };
-At.displayName = "Modal.Close";
-//#endregion
-//#region src/components/Modal/internal/useModalDismiss.ts
-var jt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r, isTopModal: i, onEscapeKeyDown: a, onPointerDownOutside: o, onInteractOutside: s, requestClose: c }) => {
-	oe({
-		active: e,
-		closeOnOutsidePress: r,
-		closeOnEscape: n,
-		contentRef: t,
-		isTopOverlay: i,
-		onEscapeKeyDown: a ? (e) => a(e) : void 0,
-		onInteractOutside: s ? (e) => s(e) : void 0,
-		onPointerDownOutside: o ? (e) => o(e) : void 0,
-		requestClose: c
-	});
-}, Mt = {
+Yt.displayName = "Modal.Close";
+var Xt = {
 	content: "_content_1tnw8_1",
 	animated: "_animated_1tnw8_24",
 	"modal-content-open": "_modal-content-open_1tnw8_1",
@@ -1444,21 +1628,11 @@ var jt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 	full: "_full_1tnw8_107",
 	inside: "_inside_1tnw8_113",
 	outside: "_outside_1tnw8_117"
-}, Nt = ({ 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 = xt(), m = p.open, h = m && p.shouldRender, [g, v] = _(null), y = u((e) => {
+}, Zt = ({ 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 = Bt(), m = p.open, h = m && p.shouldRender, [g, v] = _(null), y = u((e) => {
 		p.setContentRef(e), v(e);
 	}, [p]);
-	if (jt({
-		active: m,
-		contentRef: p.contentRef,
-		closeOnEscape: p.closeOnEscape,
-		closeOnOutsidePress: p.closeOnOutsidePress,
-		isTopModal: p.isTopModal,
-		onEscapeKeyDown: p.onEscapeKeyDown,
-		onInteractOutside: p.onInteractOutside,
-		onPointerDownOutside: p.onPointerDownOutside,
-		requestClose: p.requestClose
-	}), G({
+	if (fe({
 		active: h,
 		contentRef: p.contentRef,
 		enabled: p.trapFocus,
@@ -1467,19 +1641,19 @@ var jt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 		onCloseAutoFocus: p.onCloseAutoFocus,
 		onOpenAutoFocus: p.onOpenAutoFocus,
 		restoreFocus: p.restoreFocus
-	}), te({
+	}), G({
 		active: m,
 		content: g,
 		enabled: p.modal
 	}), !p.shouldRender && !o) return null;
 	let b = c ?? (s ? void 0 : p.titleId), x = l ?? p.descriptionId;
-	return /* @__PURE__ */ n(wt, {
+	return /* @__PURE__ */ n(Ut, {
 		value: { scrollBehavior: i },
 		children: /* @__PURE__ */ n("div", {
 			id: p.contentId,
-			ref: Ot(y),
+			ref: qt(y),
 			tabIndex: -1,
-			className: I(Mt.content, Mt[t], Mt[r], Mt[i], a && Mt.animated, d),
+			className: V(Xt.content, Xt[t], Xt[r], Xt[i], a && Xt.animated, d),
 			style: {
 				...p.animationStyle,
 				...f
@@ -1495,130 +1669,155 @@ var jt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 		})
 	});
 };
-Nt.displayName = "ModalContent";
-var Pt = { modalFooter: "_modalFooter_sb1pn_1" }, Ft = ({ children: e, className: t }) => /* @__PURE__ */ n("div", {
-	className: I(Pt.modalFooter, t),
+Zt.displayName = "ModalContent";
+var Qt = { modalFooter: "_modalFooter_sb1pn_1" }, $t = ({ children: e, className: t }) => /* @__PURE__ */ n("div", {
+	className: V(Qt.modalFooter, t),
 	children: e
 });
-Ft.displayName = "ModalFooter";
+$t.displayName = "ModalFooter";
 //#endregion
 //#region src/components/Modal/Header/ModalDescription.tsx
-var It = ({ children: e }) => {
-	let { descriptionId: t, setDescriptionPresent: r } = xt();
+var en = ({ children: e }) => {
+	let { descriptionId: t, setDescriptionPresent: r } = Bt();
 	return f(() => (r(!0), () => r(!1)), [r]), /* @__PURE__ */ n("p", {
 		id: t,
-		className: kt.modalHeaderDescription,
+		className: Jt.modalHeaderDescription,
 		children: e
 	});
 };
-It.displayName = "Modal.Description";
+en.displayName = "Modal.Description";
 //#endregion
 //#region src/components/Modal/Header/ModalHeader.tsx
-var Lt = ({ children: e, className: t }) => /* @__PURE__ */ n("div", {
-	className: I(kt.modalHeader, t),
+var tn = ({ children: e, className: t }) => /* @__PURE__ */ n("div", {
+	className: V(Jt.modalHeader, t),
 	children: e
 });
-Lt.displayName = "ModalHeader";
+tn.displayName = "ModalHeader";
 //#endregion
 //#region src/components/Modal/Header/ModalTitle.tsx
-var Rt = ({ children: e }) => {
-	let { setTitlePresent: t, titleId: r } = xt();
+var nn = ({ children: e }) => {
+	let { setTitlePresent: t, titleId: r } = Bt();
 	return f(() => (t(!0), () => t(!1)), [t]), /* @__PURE__ */ n("h2", {
 		id: r,
-		className: kt.modalHeaderTitle,
+		className: Jt.modalHeaderTitle,
 		children: e
 	});
 };
-Rt.displayName = "Modal.Title";
-var zt = {
+nn.displayName = "Modal.Title";
+var rn = {
 	overlay: "_overlay_d6wdf_1",
 	"overlay--open": "_overlay--open_d6wdf_10",
 	"overlay--animated": "_overlay--animated_d6wdf_15",
 	"modal-overlay-open": "_modal-overlay-open_d6wdf_1",
 	"modal-overlay-close": "_modal-overlay-close_d6wdf_1"
-}, Bt = ({ className: e, animated: t = !0, forceMount: r = !1 }) => {
-	let { animation: i, animationStyle: a, open: o, shouldRender: s } = xt();
+}, an = ({ className: e, animated: t = !0, forceMount: r = !1 }) => {
+	let { animation: i, animationStyle: a, open: o, shouldRender: s } = Bt();
 	return !s && !r ? null : /* @__PURE__ */ n("div", {
-		className: I(zt.overlay, o && zt["overlay--open"], t && zt["overlay--animated"], e),
+		className: V(rn.overlay, o && rn["overlay--open"], t && rn["overlay--animated"], e),
 		style: a,
 		"data-state": o ? "open" : "closed",
 		"data-animation": i,
 		"aria-hidden": "true"
 	});
 };
-Bt.displayName = "ModalOverlay";
+an.displayName = "ModalOverlay";
 //#endregion
-//#region src/components/Modal/Root/ModalRoot.tsx
-var Vt = {
-	standard: F.components.modal.motion.easing,
+//#region src/components/Modal/internal/useModalDismiss.ts
+var on = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnEscape: i, closeOnOutsidePress: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => ke({
+	active: e,
+	registrationActive: t,
+	id: n,
+	zIndexLevel: "modal",
+	closeOnOutsidePress: a,
+	closeOnEscape: i,
+	contentRef: r,
+	onEscapeKeyDown: o ? (e) => o(e) : void 0,
+	onInteractOutside: c ? (e) => c(e) : void 0,
+	onPointerDownOutside: s ? (e) => s(e) : void 0,
+	requestClose: l
+}), sn = {
+	standard: I.components.modal.motion.easing,
 	linear: "linear",
 	ease: "ease",
 	"ease-in": "ease-in",
 	"ease-out": "ease-out",
 	"ease-in-out": "ease-in-out"
-}, Ht = (e) => Number.parseFloat(e), Ut = (e) => typeof e == "number" ? {
+}, cn = (e) => Number.parseFloat(e), ln = (e) => typeof e == "number" ? {
 	close: e,
 	open: e
 } : {
-	close: e?.close ?? Ht(F.components.modal.motion.closeDuration),
-	open: e?.open ?? Ht(F.components.modal.motion.openDuration)
-}, Wt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, animation: a = "scale", duration: o, easing: s = "standard", modal: c = !0, closeOnEscape: l = !0, closeOnOutsidePress: d = !0, preventScroll: p = !0, restoreFocus: m = !0, trapFocus: v = !0, initialFocus: y, finalFocus: b, onOpenAutoFocus: x, onCloseAutoFocus: S, onEscapeKeyDown: C, onPointerDownOutside: w, onInteractOutside: T, role: E = "dialog", className: D }) => {
-	let O = g(null), { contentId: k, descriptionId: A, open: j, requestClose: M, setOpen: N, titleId: P } = ve({
+	close: e?.close ?? cn(I.components.modal.motion.closeDuration),
+	open: e?.open ?? cn(I.components.modal.motion.openDuration)
+}, un = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, animation: a = "scale", duration: o, easing: s = "standard", modal: c = !0, closeOnEscape: l = !0, closeOnOutsidePress: d = !0, preventScroll: p = !0, restoreFocus: m = !0, trapFocus: v = !0, initialFocus: y, finalFocus: b, onOpenAutoFocus: x, onCloseAutoFocus: S, onEscapeKeyDown: C, onPointerDownOutside: w, onInteractOutside: T, role: E = "dialog", className: D }) => {
+	let O = g(null), { contentId: k, descriptionId: A, open: j, requestClose: M, setOpen: N, titleId: P } = ze({
 		open: t,
 		defaultOpen: r,
 		onOpenChange: i,
 		closeOnEscape: l,
 		closeOnOutsidePress: d
-	}), [F, L] = _(!1), [R, z] = _(!1), B = Ut(o), V = a === "none" ? 0 : B.close, [ee, H] = _(j);
+	}), [F, I] = _(!1), [L, R] = _(!1), z = ln(o), B = a === "none" ? 0 : z.close, [ee, te] = _(j);
 	f(() => {
 		if (j) {
-			H(!0);
+			te(!0);
 			return;
 		}
-		if (V === 0) {
-			H(!1);
+		if (B === 0) {
+			te(!1);
 			return;
 		}
 		let e = window.setTimeout(() => {
-			H(!1);
-		}, V);
+			te(!1);
+		}, B);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [V, j]);
-	let U = u(() => {
+	}, [B, j]);
+	let H = u(() => {
 		M();
-	}, [M]), te = u((e) => {
+	}, [M]), U = u((e) => {
 		O.current = e;
-	}, []), { isTopOverlay: ne } = le({
-		active: j,
-		id: k
-	});
-	fe({
+	}, []);
+	Pe({
 		active: j,
 		enabled: p
 	});
-	let re = h(() => ({
-		"--modal-animation-close-duration": `${B.close}ms`,
-		"--modal-animation-easing": Vt[s],
-		"--modal-animation-open-duration": `${B.open}ms`
+	let ne = on({
+		active: j,
+		registrationActive: ee,
+		id: k,
+		contentRef: O,
+		closeOnEscape: l,
+		closeOnOutsidePress: d,
+		onEscapeKeyDown: C,
+		onInteractOutside: T,
+		onPointerDownOutside: w,
+		requestClose: H
+	}), re = h(() => ({
+		"--modal-animation-close-duration": `${z.close}ms`,
+		"--modal-animation-easing": sn[s],
+		"--modal-animation-open-duration": `${z.open}ms`,
+		"--z-index-modal": ne.zIndex === void 0 ? void 0 : `${ne.zIndex}`
 	}), [
-		B.close,
-		B.open,
-		s
-	]);
+		z.close,
+		z.open,
+		s,
+		ne.zIndex
+	]), W = Ae({
+		presentation: "modal",
+		animationStyle: re
+	}).animationStyle ?? re;
 	return f(() => {
 		process.env.NODE_ENV === "production" || !j || F || O.current?.hasAttribute("aria-label") || console.warn("Modal.Content requires Modal.Title or ariaLabel.");
 	}, [j, F]), f(() => {
-		process.env.NODE_ENV === "production" || !j || E !== "alertdialog" || R || console.warn("Modal with role=\"alertdialog\" requires Modal.Description.");
+		process.env.NODE_ENV === "production" || !j || E !== "alertdialog" || L || console.warn("Modal with role=\"alertdialog\" requires Modal.Description.");
 	}, [
-		R,
+		L,
 		j,
 		E
-	]), /* @__PURE__ */ n(Ct, {
+	]), /* @__PURE__ */ n(Ht, {
 		value: h(() => ({
 			animation: a,
-			animationStyle: re,
+			animationStyle: W,
 			closeOnEscape: l,
 			closeOnOutsidePress: d,
 			contentId: k,
@@ -1626,7 +1825,7 @@ var Vt = {
 			descriptionId: A,
 			finalFocus: b,
 			initialFocus: y,
-			isTopModal: ne,
+			zIndex: ne.zIndex,
 			modal: c,
 			onCloseAutoFocus: S,
 			onEscapeKeyDown: C,
@@ -1635,26 +1834,26 @@ var Vt = {
 			onPointerDownOutside: w,
 			open: j,
 			preventScroll: p,
-			requestClose: U,
+			requestClose: H,
 			restoreFocus: m,
 			role: E,
-			setContentRef: te,
-			setDescriptionPresent: z,
+			setContentRef: U,
+			setDescriptionPresent: R,
 			setOpen: N,
-			setTitlePresent: L,
+			setTitlePresent: I,
 			shouldRender: ee,
 			titleId: P,
 			trapFocus: v
 		}), [
 			a,
-			re,
+			W,
 			l,
 			d,
 			k,
 			A,
 			b,
 			y,
-			ne,
+			ne.zIndex,
 			j,
 			c,
 			S,
@@ -1663,94 +1862,94 @@ var Vt = {
 			x,
 			w,
 			p,
-			U,
+			H,
 			m,
 			E,
-			te,
+			U,
 			N,
 			ee,
 			P,
 			v
 		]),
 		children: /* @__PURE__ */ n("div", {
-			className: I(D),
+			className: V(D),
 			"data-state": j ? "open" : "closed",
 			children: e
 		})
 	});
 };
-Wt.displayName = "ModalRoot";
+un.displayName = "ModalRoot";
 //#endregion
 //#region src/components/Modal/Trigger/ModalTrigger.tsx
-var Gt = ({ children: e, asChild: t = !1, disabled: r = !1, className: i }) => {
-	let a = xt(), s = t && l(e) ? e : void 0, c = r, u = {
+var dn = ({ children: e, asChild: t = !1, disabled: r = !1, className: i }) => {
+	let a = Bt(), s = t && l(e) ? e : void 0, c = r, u = {
 		"aria-controls": a.contentId,
 		"aria-disabled": c || void 0,
 		"aria-expanded": a.open,
 		"aria-haspopup": "dialog",
-		className: I(i),
+		className: V(i),
 		"data-state": a.open ? "open" : "closed",
 		disabled: c || void 0,
-		onClick: Dt(s?.props.onClick, () => {
+		onClick: Kt(s?.props.onClick, () => {
 			c || a.setOpen(!0);
 		})
 	};
 	return s ? o(s, {
 		...u,
-		ref: Ot(s.props.ref),
-		className: I(s.props.className, i)
+		ref: qt(s.props.ref),
+		className: V(s.props.className, i)
 	}) : /* @__PURE__ */ n("button", {
 		type: "button",
 		...u,
 		children: e
 	});
 };
-Gt.displayName = "Modal.Trigger";
+dn.displayName = "Modal.Trigger";
 //#endregion
 //#region src/components/Modal/Modal.tsx
-var Kt = Object.assign(Wt, {
-	Trigger: Gt,
-	Overlay: Bt,
-	Content: Nt,
-	Header: Lt,
-	Title: Rt,
-	Description: It,
-	Body: Et,
-	Footer: Ft,
-	Close: At
+var fn = Object.assign(un, {
+	Trigger: dn,
+	Overlay: an,
+	Content: Zt,
+	Header: tn,
+	Title: nn,
+	Description: en,
+	Body: Gt,
+	Footer: $t,
+	Close: Yt
 });
-Kt.displayName = "Modal";
+fn.displayName = "Modal";
 //#endregion
 //#region src/components/Popover/Context/PopoverContext.tsx
-var qt = s(null);
-function Jt({ children: e, value: t }) {
-	return /* @__PURE__ */ n(qt.Provider, {
+var pn = s(null);
+function mn({ children: e, value: t }) {
+	return /* @__PURE__ */ n(pn.Provider, {
 		value: t,
 		children: e
 	});
 }
-function Yt(e) {
-	let t = d(qt);
+function hn(e) {
+	let t = d(pn);
 	if (!t) throw Error(`${e} must be used within Popover.Root`);
 	return t;
 }
 //#endregion
 //#region src/components/Popover/Anchor/PopoverAnchor.tsx
-function Xt(e, t) {
+function gn(e, t) {
 	if (typeof e == "function") {
 		e(t);
 		return;
 	}
 	e && (e.current = t);
 }
-function Zt({ children: e, asChild: t = !1, className: r, ...i }) {
-	let { setAnchorRef: a } = Yt("Popover.Anchor"), s = t && l(e) ? e : void 0;
+function _n({ children: e, asChild: t = !1, className: r, ...i }) {
+	let { setAnchorRef: a } = hn("Popover.Anchor"), s = t && l(e) ? e : void 0;
 	return s ? o(s, {
 		...i,
 		ref: (e) => {
-			Xt(s.props.ref, e), a(e);
+			gn(s.props.ref, e), a(e);
 		},
-		className: I(s.props.className, r)
+		className: V(s.props.className, r)
 	}) : /* @__PURE__ */ n("div", {
 		...i,
 		ref: a,
@@ -1758,15 +1957,15 @@ function Zt({ children: e, asChild: t = !1, className: r, ...i }) {
 		children: e
 	});
 }
-Zt.displayName = "Popover.Anchor";
-var Qt = { arrow: "_arrow_6lbs0_1" }, $t = {
+_n.displayName = "Popover.Anchor";
+var vn = { arrow: "_arrow_6lbs0_1" }, yn = {
 	start: "20%",
 	center: null,
 	end: "80%"
 };
-function en({ width: e = 14, height: t = 7, tipRadius: r = 1, align: i = "center", offset: a, className: o, ...s }) {
-	let { arrowRef: c, floatingContext: l, placement: u } = Yt("Popover.Arrow"), d = a ?? $t[i], f = u.split("-")[0];
-	return /* @__PURE__ */ n(w, {
+function bn({ width: e = 14, height: t = 7, tipRadius: r = 1, align: i = "center", offset: a, className: o, ...s }) {
+	let { arrowRef: c, floatingContext: l, placement: u } = hn("Popover.Arrow"), d = a ?? yn[i], f = u.split("-")[0];
+	return /* @__PURE__ */ n(b, {
 		...s,
 		ref: c,
 		context: l,
@@ -1778,14 +1977,14 @@ function en({ width: e = 14, height: t = 7, tipRadius: r = 1, align: i = "center
 		stroke: "var(--border-muted)",
 		strokeWidth: 1,
 		"data-side": f,
-		className: I(Qt.arrow, o)
+		className: V(vn.arrow, o)
 	});
 }
-en.displayName = "Popover.Arrow";
+bn.displayName = "Popover.Arrow";
 //#endregion
 //#region src/components/Popover/Close/PopoverClose.tsx
-function tn({ children: e, asChild: t = !1, className: r, disabled: i, onClick: a, ...s }) {
-	let { setOpen: c } = Yt("Popover.Close"), u = t && l(e) ? e : void 0, d = i || u?.props.disabled === !0, f = (e) => {
+function xn({ children: e, asChild: t = !1, className: r, disabled: i, onClick: a, ...s }) {
+	let { setOpen: c } = hn("Popover.Close"), u = t && l(e) ? e : void 0, d = i || u?.props.disabled === !0, f = (e) => {
 		u?.props.onClick?.(e), a?.(e), !(e.defaultPrevented || d) && c(!1, {
 			reason: "close",
 			event: e.nativeEvent
@@ -1798,7 +1997,7 @@ function tn({ children: e, asChild: t = !1, className: r, disabled: i, onClick:
 	};
 	return u ? o(u, {
 		...p,
-		className: I(u.props.className, r)
+		className: V(u.props.className, r)
 	}) : /* @__PURE__ */ n("button", {
 		type: "button",
 		...p,
@@ -1806,37 +2005,35 @@ function tn({ children: e, asChild: t = !1, className: r, disabled: i, onClick:
 		children: e
 	});
 }
-tn.displayName = "Popover.Close";
-var nn = {
+xn.displayName = "Popover.Close";
+var Sn = {
 	content: "_content_1jzfn_1",
 	"popover-in": "_popover-in_1jzfn_1"
 };
 //#endregion
 //#region src/components/Popover/Content/PopoverContent.tsx
-function rn({ children: e, asChild: t = !1, className: r, style: i, initialFocus: a, returnFocus: s = !0, closeOnEscape: c = !0, closeOnOutsidePress: d = !0, onEscapeKeyDown: f, onPointerDownOutside: p, onInteractOutside: m, onOpenAutoFocus: h, onCloseAutoFocus: g, ...v }) {
-	let { open: y, modal: b, portal: x, triggerRef: S, contentRef: C, contentId: w, titleId: T, descriptionId: E, placement: D, floatingStyles: O, setOpen: k, setContentRef: A } = Yt("Popover.Content"), [j, M] = _(null), { isTopOverlay: N } = le({
-		active: y,
-		id: w
-	}), P = u((e, t) => {
-		k(!1, {
+function Cn({ children: e, asChild: t = !1, className: r, style: i, initialFocus: a, returnFocus: s = !0, closeOnEscape: c = !0, closeOnOutsidePress: d = !0, onEscapeKeyDown: f, onPointerDownOutside: p, onInteractOutside: m, onOpenAutoFocus: h, onCloseAutoFocus: g, ...v }) {
+	let { open: y, modal: b, portal: x, triggerRef: S, anchorRef: C, contentRef: w, contentId: T, titleId: E, descriptionId: D, placement: O, floatingStyles: k, setOpen: A, setContentRef: j } = hn("Popover.Content"), [M, N] = _(null), P = u((e, t) => {
+		A(!1, {
 			reason: e,
 			event: t
 		});
-	}, [k]);
-	oe({
+	}, [A]), F = ke({
 		active: y,
-		contentRef: C,
-		ignoreRefs: [S],
+		id: T,
+		zIndexLevel: "popover",
+		contentRef: w,
+		ignoreRefs: [S, C],
 		closeOnEscape: c,
 		closeOnOutsidePress: d,
-		isTopOverlay: N,
 		onEscapeKeyDown: f,
 		onPointerDownOutside: p,
 		onInteractOutside: m,
 		requestClose: P
-	}), G({
+	});
+	fe({
 		active: y,
-		contentRef: C,
+		contentRef: w,
 		enabled: b,
 		initialFocus: a,
 		finalFocus: S,
@@ -1849,93 +2046,96 @@ function rn({ children: e, asChild: t = !1, className: r, style: i, initialFocus
 			h
 		]),
 		onCloseAutoFocus: g
-	}), fe({
+	}), Pe({
 		active: y,
 		enabled: b
-	}), te({
+	}), G({
 		active: y,
 		enabled: b,
-		content: j
+		content: M
 	});
-	let F = u((e) => {
-		M(e), A(e);
-	}, [A]);
+	let I = u((e) => {
+		N(e), j(e);
+	}, [j]);
 	if (!y) return null;
-	let L = D.split("-")[0], R = {
+	let L = O.split("-")[0], R = {
 		...v,
-		id: w,
+		id: T,
 		role: v.role ?? "dialog",
 		tabIndex: v.tabIndex ?? -1,
-		"aria-labelledby": T,
-		"aria-describedby": E,
+		"aria-labelledby": E,
+		"aria-describedby": D,
 		"data-state": "open",
 		"data-side": L,
-		className: I(nn.content, r),
+		className: V(Sn.content, r),
 		style: {
-			...O,
+			...k,
+			zIndex: F.zIndex,
 			...i
 		}
 	}, z = t && l(e) ? e : void 0, B = z ? o(z, {
 		...R,
-		ref: F,
-		className: I(z.props.className, nn.content, r),
+		ref: I,
+		className: V(z.props.className, Sn.content, r),
 		style: {
-			...O,
+			...k,
+			zIndex: F.zIndex,
 			...z.props.style,
 			...i
 		}
 	}) : /* @__PURE__ */ n("div", {
-		ref: F,
+		ref: I,
 		...R,
 		children: e
 	});
-	return x ? /* @__PURE__ */ n(Ce, { children: B }) : B;
+	return x ? /* @__PURE__ */ n(We, { children: B }) : B;
 }
-rn.displayName = "Popover.Content";
-var an = { description: "_description_hji8o_1" };
+Cn.displayName = "Popover.Content";
+var wn = { description: "_description_hji8o_1" };
 //#endregion
 //#region src/components/Popover/Description/PopoverDescription.tsx
-function on({ children: e, asChild: t = !1, className: r, ...i }) {
-	let { descriptionId: a } = Yt("Popover.Description"), s = t && l(e) ? e : void 0;
+function Tn({ children: e, asChild: t = !1, className: r, ...i }) {
+	let { descriptionId: a } = hn("Popover.Description"), s = t && l(e) ? e : void 0;
 	return s ? o(s, {
 		...i,
 		id: a,
-		className: I(s.props.className, an.description, r)
+		className: V(s.props.className, wn.description, r)
 	}) : /* @__PURE__ */ n("p", {
 		...i,
 		id: a,
-		className: I(an.description, r),
+		className: V(wn.description, r),
 		children: e
 	});
 }
-on.displayName = "Popover.Description";
+Tn.displayName = "Popover.Description";
 //#endregion
 //#region src/components/Popover/Root/PopoverRoot.tsx
-function sn(e, t) {
+function En(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
-function cn({ children: e, open: t, defaultOpen: r = !1, modal: i = !1, onOpenChange: a, side: o = "bottom", align: s = "center", sideOffset: c = 8, alignOffset: l = 0, collisionPadding: d = 8, avoidCollisions: f = !0, portal: m = !0, strategy: _ }) {
-	let v = g(null), y = g(null), b = g(null), x = g({ reason: "programmatic" }), S = p(), C = `vellira-popover-trigger-${S}`, w = `vellira-popover-content-${S}`, E = `vellira-popover-title-${S}`, D = `vellira-popover-description-${S}`, [O, k] = he({
+function Dn({ children: e, open: t, defaultOpen: r = !1, modal: i = !1, onOpenChange: a, side: o = "bottom", align: s = "center", sideOffset: c = 8, alignOffset: l = 0, collisionPadding: d = 8, avoidCollisions: f = !0, portal: m = !0, strategy: _ }) {
+	let v = g(null), y = g(null), b = g(null), S = g({ reason: "programmatic" }), C = p(), w = `vellira-popover-trigger-${C}`, T = `vellira-popover-content-${C}`, E = `vellira-popover-title-${C}`, D = `vellira-popover-description-${C}`, [O, k] = J({
 		value: t,
 		defaultValue: r,
 		onChange: (e) => {
-			a?.(e, x.current);
+			a?.(e, S.current);
 		}
 	}), A = u((e, t) => {
-		x.current = t, k(e);
-	}, [k]), j = g(null), M = h(() => [T({
+		S.current = t, k(e);
+	}, [k]), j = g(null), M = h(() => [x({
 		element: j,
 		padding: 8
-	})], []), { context: N, floatingStyles: P, isPositioned: F, placement: I, setFloatingRef: L, setRef: R } = nt({
+	})], []), { context: N, floatingStyles: P, isPositioned: F, placement: I, setFloatingRef: L, setRef: R } = Ae({
 		open: O,
-		placement: sn(o, s),
-		strategy: _ ?? (m ? "fixed" : "absolute"),
+		placement: En(o, s),
+		strategy: _,
+		portal: m,
 		offset: c + 7,
 		collisionPadding: d,
 		avoidCollisions: f,
 		middleware: M
 	});
-	return /* @__PURE__ */ n(Jt, {
+	return /* @__PURE__ */ n(mn, {
 		value: {
 			open: O,
 			modal: i,
@@ -1943,8 +2143,8 @@ function cn({ children: e, open: t, defaultOpen: r = !1, modal: i = !1, onOpenCh
 			triggerRef: v,
 			anchorRef: y,
 			contentRef: b,
-			triggerId: C,
-			contentId: w,
+			triggerId: w,
+			contentId: T,
 			titleId: E,
 			descriptionId: D,
 			placement: I,
@@ -1966,27 +2166,27 @@ function cn({ children: e, open: t, defaultOpen: r = !1, modal: i = !1, onOpenCh
 		children: e
 	});
 }
-var ln = { title: "_title_1gham_1" };
+var On = { title: "_title_1gham_1" };
 //#endregion
 //#region src/components/Popover/Title/PopoverTitle.tsx
-function un({ children: e, asChild: t = !1, className: r, ...i }) {
-	let { titleId: a } = Yt("Popover.Title"), s = t && l(e) ? e : void 0;
+function kn({ children: e, asChild: t = !1, className: r, ...i }) {
+	let { titleId: a } = hn("Popover.Title"), s = t && l(e) ? e : void 0;
 	return s ? o(s, {
 		...i,
 		id: a,
-		className: I(s.props.className, ln.title, r)
+		className: V(s.props.className, On.title, r)
 	}) : /* @__PURE__ */ n("h2", {
 		...i,
 		id: a,
-		className: I(ln.title, r),
+		className: V(On.title, r),
 		children: e
 	});
 }
-un.displayName = "Popover.Title";
+kn.displayName = "Popover.Title";
 //#endregion
 //#region src/components/Popover/Trigger/PopoverTrigger.tsx
-function dn({ children: e, asChild: t = !1, disabled: r = !1, className: i, onClick: a, ...s }) {
-	let { open: c, triggerId: u, contentId: d, setOpen: f, setTriggerRef: p } = Yt("Popover.Trigger"), m = t && l(e) ? e : void 0, h = r || m?.props.disabled === !0, g = {
+function An({ children: e, asChild: t = !1, disabled: r = !1, className: i, onClick: a, ...s }) {
+	let { open: c, triggerId: u, contentId: d, setOpen: f, setTriggerRef: p } = hn("Popover.Trigger"), m = t && l(e) ? e : void 0, h = r || m?.props.disabled === !0, g = {
 		id: u,
 		"aria-controls": c ? d : void 0,
 		"aria-expanded": c,
@@ -2004,7 +2204,7 @@ function dn({ children: e, asChild: t = !1, disabled: r = !1, className: i, onCl
 		...s,
 		...g,
 		disabled: h || void 0,
-		className: I(m.props.className, i),
+		className: V(m.props.className, i),
 		ref: (e) => {
 			let t = m.props.ref;
 			typeof t == "function" ? t(e) : t && (t.current = e), p(e);
@@ -2019,22 +2219,22 @@ function dn({ children: e, asChild: t = !1, disabled: r = !1, className: i, onCl
 		children: e
 	});
 }
-dn.displayName = "Popover.Trigger";
+An.displayName = "Popover.Trigger";
 //#endregion
 //#region src/components/Popover/Popover.tsx
-var fn = Object.assign(cn, {
-	Anchor: Zt,
-	Arrow: en,
-	Close: tn,
-	Content: rn,
-	Description: on,
-	Title: un,
-	Trigger: dn
-}), pn = s(null), mn = pn.Provider;
-function hn() {
-	return d(pn);
+var jn = Object.assign(Dn, {
+	Anchor: _n,
+	Arrow: bn,
+	Close: xn,
+	Content: Cn,
+	Description: Tn,
+	Title: kn,
+	Trigger: An
+}), Mn = s(null), Nn = Mn.Provider;
+function Pn() {
+	return d(Mn);
 }
-var J = {
+var Fn = {
 	root: "_root_7yrws_1",
 	invalid: "_invalid_7yrws_34",
 	control: "_control_7yrws_34",
@@ -2057,23 +2257,23 @@ var J = {
 	"radio-indicator-in": "_radio-indicator-in_7yrws_1",
 	content: "_content_7yrws_346",
 	error: "_error_7yrws_363"
-}, gn = {
-	primary: J.colorPrimary,
-	neutral: J.colorNeutral,
-	success: J.colorSuccess,
-	warning: J.colorWarning,
-	danger: J.colorDanger
-}, _n = c(({ value: e, checked: t, defaultChecked: i = !1, disabled: a = !1, required: o = !1, size: s, color: c, error: l, onCheckedChange: u, label: d, description: f, icon: m, wrapperClassName: h, className: g, id: _, name: v, "aria-describedby": y, ...b }, x) => {
-	let S = hn(), C = p(), w = _ ?? C, T = f ? `${w}-description` : void 0, E = l ? `${w}-error` : void 0, D = [
+}, In = {
+	primary: Fn.colorPrimary,
+	neutral: Fn.colorNeutral,
+	success: Fn.colorSuccess,
+	warning: Fn.colorWarning,
+	danger: Fn.colorDanger
+}, Ln = c(({ value: e, checked: t, defaultChecked: i = !1, disabled: a = !1, required: o = !1, size: s, color: c, error: l, onCheckedChange: u, label: d, description: f, icon: m, wrapperClassName: h, className: g, id: _, name: v, "aria-describedby": y, ...b }, x) => {
+	let S = Pn(), C = p(), w = _ ?? C, T = f ? `${w}-description` : void 0, E = l ? `${w}-error` : void 0, D = [
 		T,
 		E,
 		S?.describedBy,
 		y
-	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = he({
+	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = J({
 		value: t,
 		defaultValue: i,
 		onChange: u
-	}), j = O ? S.value === e : k, M = !!S?.disabled || a, N = !!S?.required || o, P = S?.name ?? v, F = !!(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, P = S?.name ?? v, F = !!(l || S?.invalid), I = s ?? S?.size ?? "md", L = c ?? S?.color ?? "primary", R = (t) => {
 		if (!M) {
 			if (O) {
 				S.onValueChange(e);
@@ -2083,10 +2283,10 @@ var J = {
 		}
 	};
 	return /* @__PURE__ */ r("div", {
-		className: I(J.root, J[L], F && J.invalid, M && J.disabled, gn[R], g),
+		className: V(Fn.root, Fn[I], F && Fn.invalid, M && Fn.disabled, In[L], g),
 		children: [/* @__PURE__ */ r("label", {
 			htmlFor: w,
-			className: I(J.wrapper, h),
+			className: V(Fn.wrapper, h),
 			children: [
 				/* @__PURE__ */ n("input", {
 					...b,
@@ -2100,55 +2300,55 @@ var J = {
 					required: N,
 					"aria-invalid": F || void 0,
 					"aria-describedby": D,
-					className: J.input,
-					onChange: z
+					className: Fn.input,
+					onChange: R
 				}),
 				/* @__PURE__ */ n("span", {
-					className: J.control,
+					className: Fn.control,
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ n("span", {
-						className: I(J.indicator, m && J.customIcon),
+						className: V(Fn.indicator, m && Fn.customIcon),
 						children: m
 					})
 				}),
 				(d || f) && /* @__PURE__ */ r("span", {
-					className: J.content,
+					className: Fn.content,
 					children: [d && /* @__PURE__ */ n("span", {
-						className: J.label,
+						className: Fn.label,
 						children: d
 					}), f && /* @__PURE__ */ n("span", {
 						id: T,
-						className: J.description,
+						className: Fn.description,
 						children: f
 					})]
 				})
 			]
 		}), l && /* @__PURE__ */ n("div", {
 			id: E,
-			className: J.error,
+			className: Fn.error,
 			children: l
 		})]
 	});
 });
-_n.displayName = "Radio";
+Ln.displayName = "Radio";
 //#endregion
 //#region src/components/RadioGroup/Item/RadioGroupItem.tsx
-var vn = c((e, t) => /* @__PURE__ */ n(_n, {
+var Rn = c((e, t) => /* @__PURE__ */ n(Ln, {
 	...e,
 	ref: t
 }));
-vn.displayName = "RadioGroup.Item";
+Rn.displayName = "RadioGroup.Item";
 //#endregion
 //#region src/components/RadioGroup/internal/useRadioGroupCollection.ts
-var yn = (e) => {
+var zn = (e) => {
 	let t = e.current;
 	return t ? Array.from(t.querySelectorAll("input[type=\"radio\"]")) : [];
-}, bn = (e) => yn(e).filter((e) => !e.disabled), xn = ["ArrowLeft", "ArrowRight"], Sn = ["ArrowUp", "ArrowDown"];
-function Cn({ rootRef: e, orientation: t }) {
+}, Bn = (e) => zn(e).filter((e) => !e.disabled), Vn = ["ArrowLeft", "ArrowRight"], Hn = ["ArrowUp", "ArrowDown"];
+function Un({ rootRef: e, orientation: t }) {
 	return u((n) => {
-		let r = xn.includes(n.key), i = Sn.includes(n.key), a = n.key === "Home" || n.key === "End";
+		let r = Vn.includes(n.key), i = Hn.includes(n.key), a = n.key === "Home" || n.key === "End";
 		if (!r && !i && !a || t === "horizontal" && i || t === "vertical" && r) return;
-		let o = bn(e);
+		let o = Bn(e);
 		if (o.length === 0) return;
 		n.preventDefault();
 		let s = document.activeElement, c = o.findIndex((e) => e === s), l = o.findIndex((e) => e.checked), u = c >= 0 ? c : Math.max(l, 0), d = u;
@@ -2157,7 +2357,7 @@ function Cn({ rootRef: e, orientation: t }) {
 		f?.focus(), f?.click();
 	}, [t, e]);
 }
-var wn = {
+var Wn = {
 	root: "_root_1s3vp_1",
 	sm: "_sm_1s3vp_32",
 	md: "_md_1s3vp_58",
@@ -2171,12 +2371,12 @@ var wn = {
 	error: "_error_1s3vp_152",
 	disabled: "_disabled_1s3vp_160",
 	invalid: "_invalid_1s3vp_176"
-}, Tn = 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] = he({
+}, Gn = 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] = J({
 		value: e,
 		defaultValue: t,
 		onChange: i
-	}), M = !!f, N = Cn({
+	}), M = !!f, N = Un({
 		rootRef: S,
 		orientation: m
 	}), P = (e) => {
@@ -2199,23 +2399,23 @@ var wn = {
 		onKeyDown: (e) => {
 			y?.(e), e.defaultPrevented || N(e);
 		},
-		className: I(wn.root, wn[s], M && wn.invalid, a && wn.disabled, _),
+		className: V(Wn.root, Wn[s], M && Wn.invalid, a && Wn.disabled, _),
 		children: [
 			u && /* @__PURE__ */ r("div", {
 				id: T,
-				className: wn.label,
+				className: Wn.label,
 				children: [u, o && /* @__PURE__ */ n("span", {
-					className: wn.required,
+					className: Wn.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
 			d && /* @__PURE__ */ n("div", {
 				id: E,
-				className: wn.description,
+				className: Wn.description,
 				children: d
 			}),
-			/* @__PURE__ */ n(mn, {
+			/* @__PURE__ */ n(Nn, {
 				value: {
 					name: k,
 					value: A,
@@ -2228,35 +2428,35 @@ var wn = {
 					onValueChange: j
 				},
 				children: /* @__PURE__ */ n("div", {
-					className: I(wn.items, wn[m]),
+					className: V(Wn.items, Wn[m]),
 					children: h
 				})
 			}),
 			f && /* @__PURE__ */ n("div", {
 				id: D,
-				className: wn.error,
+				className: Wn.error,
 				children: f
 			})
 		]
 	});
 });
-Tn.displayName = "RadioGroup.Root";
+Gn.displayName = "RadioGroup.Root";
 //#endregion
 //#region src/components/RadioGroup/RadioGroup.tsx
-var En = Object.assign(Tn, { Item: vn });
-En.displayName = "RadioGroup";
+var Kn = Object.assign(Gn, { Item: Rn });
+Kn.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Select/internal/SelectContext.tsx
-var Dn = s(null), On = Dn.Provider;
-function kn() {
-	let e = d(Dn);
+var qn = s(null), Jn = qn.Provider;
+function Yn() {
+	let e = d(qn);
 	if (!e) throw Error("Select compound components must be used inside <Select>");
 	return e;
 }
-Dn.displayName = "SelectContext";
+qn.displayName = "SelectContext";
 //#endregion
 //#region src/components/Select/internal/useSelectVirtualization.ts
-function An({ loading: e, options: t, scrollTop: n, virtual: r }) {
+function Xn({ loading: e, options: t, scrollTop: n, virtual: r }) {
 	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 {
@@ -2275,7 +2475,7 @@ function An({ loading: e, options: t, scrollTop: n, virtual: r }) {
 		r
 	]);
 }
-var jn = {
+var Zn = {
 	option: "_option_7msws_1",
 	selected: "_selected_7msws_38",
 	disabled: "_disabled_7msws_38",
@@ -2293,22 +2493,22 @@ var jn = {
 	danger: "_danger_7msws_313",
 	check: "_check_7msws_377",
 	checkPop: "_checkPop_7msws_1"
-}, Mn = () => null;
-Mn.__velliraSelectPart = "item", Mn.displayName = "Select.Item";
-var Nn = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s, onSelect: c, onMouseEnter: l }) => {
+}, Qn = () => null;
+Qn.__velliraSelectPart = "item", Qn.displayName = "Select.Item";
+var $n = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s, onSelect: c, onMouseEnter: l }) => {
 	let u = !!e.disabled;
 	return /* @__PURE__ */ r("li", {
 		id: o,
 		role: "option",
 		"aria-selected": i,
 		"aria-disabled": u || void 0,
-		className: I(jn.option, {
-			[jn.selected]: i,
-			[jn.active]: a,
-			[jn.disabled]: u,
-			[jn.success]: e.color === "success",
-			[jn.warning]: e.color === "warning",
-			[jn.danger]: e.color === "danger"
+		className: V(Zn.option, {
+			[Zn.selected]: i,
+			[Zn.active]: a,
+			[Zn.disabled]: u,
+			[Zn.success]: e.color === "success",
+			[Zn.warning]: e.color === "warning",
+			[Zn.danger]: e.color === "danger"
 		}),
 		onClick: () => {
 			u || c(e.value);
@@ -2317,40 +2517,40 @@ var Nn = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s,
 			u || l();
 		},
 		children: [s ? /* @__PURE__ */ n("span", {
-			className: jn.custom,
+			className: Zn.custom,
 			children: s(e)
 		}) : /* @__PURE__ */ r(t, { children: [
 			e.icon && /* @__PURE__ */ n("span", {
-				className: jn.icon,
+				className: Zn.icon,
 				children: e.icon
 			}),
 			/* @__PURE__ */ r("span", {
-				className: jn.content,
+				className: Zn.content,
 				children: [/* @__PURE__ */ n("span", {
-					className: jn.label,
+					className: Zn.label,
 					children: e.label
 				}), e.description && /* @__PURE__ */ n("span", {
-					className: jn.description,
+					className: Zn.description,
 					children: e.description
 				})]
 			}),
 			e.badge && /* @__PURE__ */ n("span", {
-				className: jn.badge,
+				className: Zn.badge,
 				children: e.badge
 			}),
 			e.shortcut && /* @__PURE__ */ n("kbd", {
-				className: jn.shortcut,
+				className: Zn.shortcut,
 				children: e.shortcut
 			})
 		] }), /* @__PURE__ */ n("span", {
-			className: jn.check,
+			className: Zn.check,
 			"aria-hidden": "true",
-			children: i && /* @__PURE__ */ n(y, {})
+			children: i && /* @__PURE__ */ n(L, {})
 		})]
 	});
 };
-Nn.displayName = "SelectItemRow";
-var Y = {
+$n.displayName = "SelectItemRow";
+var X = {
 	dropdown: "_dropdown_jkvqg_1",
 	dropdownIn: "_dropdownIn_jkvqg_1",
 	primary: "_primary_jkvqg_103",
@@ -2375,55 +2575,55 @@ var Y = {
 	separator: "_separator_jkvqg_1575",
 	virtualSpacer: "_virtualSpacer_jkvqg_1581",
 	mobileDropdownIn: "_mobileDropdownIn_jkvqg_1"
-}, Pn = ({ children: e, className: t }) => {
-	let { contentProps: r } = kn(), i = In(e);
-	return /* @__PURE__ */ n(Fn, {
+}, er = ({ children: e, className: t }) => {
+	let { contentProps: r } = Yn(), i = nr(e);
+	return /* @__PURE__ */ n(tr, {
 		...r,
 		...i,
 		className: [r.className, t].filter(Boolean).join(" ")
 	});
 };
-Pn.__velliraSelectPart = "content", Pn.displayName = "Select.Content";
-var Fn = ({ 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...", emptyText: 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: B }) => {
-	let V = g(null), ee = g(!1), [H, U] = _(null), [te, ne] = _(0), { bottomSpacerHeight: re, isVirtual: W, itemHeight: ie, startIndex: ae, topSpacerHeight: G, viewportHeight: oe, visibleOptions: se } = An({
-		loading: T,
+er.__velliraSelectPart = "content", er.displayName = "Select.Content";
+var tr = ({ 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: S = "", searchPlaceholder: C = "Search...", loading: w, loadingText: T = "Loading...", emptyText: E, searchSlot: D, headerSlot: O, emptySlot: k, loadingSlot: A, renderOption: j, selectedValue: M, activeIndex: N, visualActiveIndex: P = N, className: F, onSelect: I, onSelectGroup: L, onMouseEnter: R, onSearchChange: z }) => {
+	let ee = g(null), V = g(!1), [te, H] = _(null), [U, ne] = _(0), { bottomSpacerHeight: re, isVirtual: W, itemHeight: ie, startIndex: ae, topSpacerHeight: G, viewportHeight: oe, visibleOptions: se } = Xn({
+		loading: w,
 		options: c,
-		scrollTop: te,
+		scrollTop: U,
 		virtual: b
 	}), ce = u((e) => {
-		U(e), o(e);
+		H(e), o(e);
 	}, [o]);
 	if (f(() => {
-		e || (ee.current = !1, ne(0));
-	}, [e, C]), f(() => {
+		e || (V.current = !1, ne(0));
+	}, [e, S]), f(() => {
 		if (!e || !v) return;
 		let t = window.setTimeout(() => {
-			V.current?.focus({ preventScroll: !0 });
+			ee.current?.focus({ preventScroll: !0 });
 		}, 0);
 		return () => window.clearTimeout(t);
 	}, [e, v]), f(() => {
-		if (!e || T || !H || ee.current) return;
-		let t = c.findIndex((e) => p ? p.includes(e.value) : e.value === N), n = t >= 0 ? t : P;
+		if (!e || w || !te || V.current) return;
+		let t = c.findIndex((e) => p ? p.includes(e.value) : e.value === M), n = t >= 0 ? t : N;
 		if (n < 0) {
-			ee.current = !0;
+			V.current = !0;
 			return;
 		}
-		if (ee.current = !0, W) {
+		if (V.current = !0, W) {
 			let e = Math.max(0, n * ie - (oe - ie) / 2);
-			ne(e), H.scrollTop = e;
+			ne(e), te.scrollTop = e;
 			return;
 		}
 		document.getElementById(`${i}-option-${n}`)?.scrollIntoView?.({ block: "nearest" });
 	}, [
-		P,
-		H,
+		N,
+		te,
 		e,
 		W,
 		ie,
 		i,
-		T,
+		w,
 		c,
-		N,
+		M,
 		p,
 		oe
 	]), !e) return null;
@@ -2435,36 +2635,36 @@ var Fn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		ref: ce,
 		tabIndex: 0,
 		className: [
-			Y.dropdown,
-			Y[m],
-			Y[h],
-			y ? Y.command : void 0,
-			I
+			X.dropdown,
+			X[m],
+			X[h],
+			y ? X.command : void 0,
+			F
 		].filter(Boolean).join(" "),
 		style: s,
 		onScroll: (e) => {
 			W && ne(e.currentTarget.scrollTop);
 		},
 		children: [
-			k,
-			O ?? (v && /* @__PURE__ */ r("div", {
-				className: Y.searchWrap,
+			O,
+			D ?? (v && /* @__PURE__ */ r("div", {
+				className: X.searchWrap,
 				children: [/* @__PURE__ */ n("input", {
-					ref: V,
-					className: Y.search,
-					value: C,
-					placeholder: y ? "Type a command..." : w,
+					ref: ee,
+					className: X.search,
+					value: S,
+					placeholder: y ? "Type a command..." : C,
 					"aria-label": "Search options",
-					onInput: (e) => B?.(e.currentTarget.value),
-					onChange: (e) => B?.(e.target.value)
-				}), C && /* @__PURE__ */ n("button", {
+					onInput: (e) => z?.(e.currentTarget.value),
+					onChange: (e) => z?.(e.target.value)
+				}), S && /* @__PURE__ */ n("button", {
 					type: "button",
-					className: Y.searchClear,
+					className: X.searchClear,
 					"aria-label": "Clear search",
 					onClick: () => {
-						B?.(""), V.current?.focus();
+						z?.(""), ee.current?.focus();
 					},
-					children: /* @__PURE__ */ n(S, {})
+					children: /* @__PURE__ */ n(B, {})
 				})]
 			})),
 			/* @__PURE__ */ n("ul", {
@@ -2472,16 +2672,16 @@ var Fn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 				role: "listbox",
 				"aria-multiselectable": d || void 0,
 				"aria-labelledby": a,
-				children: T ? /* @__PURE__ */ n("li", {
+				children: w ? /* @__PURE__ */ n("li", {
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
-					className: Y.empty,
-					children: j ?? E
+					className: X.empty,
+					children: A ?? T
 				}) : c.length ? /* @__PURE__ */ r(t, { children: [
 					W && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
-						className: Y.virtualSpacer,
+						className: X.virtualSpacer,
 						style: { height: G }
 					}),
 					le.map((e) => {
@@ -2492,16 +2692,16 @@ var Fn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 									role: "presentation",
 									children: /* @__PURE__ */ r("button", {
 										type: "button",
-										className: Y.groupAction,
-										"aria-label": Ln(e.selectLabel ?? e.label),
+										className: X.groupAction,
+										"aria-label": rr(e.selectLabel ?? e.label),
 										"aria-pressed": o ? "mixed" : a ? "true" : "false",
 										disabled: t.length === 0,
-										onClick: () => R(t),
+										onClick: () => L(t),
 										children: [/* @__PURE__ */ n("span", {
-											className: Y.groupActionText,
+											className: X.groupActionText,
 											children: e.selectLabel ?? e.label
 										}), /* @__PURE__ */ r("span", {
-											className: Y.groupActionMeta,
+											className: X.groupActionMeta,
 											children: [
 												i,
 												"/",
@@ -2513,46 +2713,46 @@ var Fn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 							}
 							return /* @__PURE__ */ n("li", {
 								role: "presentation",
-								className: Y.groupLabel,
+								className: X.groupLabel,
 								children: e.label
 							}, e.id);
 						}
 						if (e.type === "separator") return /* @__PURE__ */ n("li", {
 							role: "presentation",
 							"aria-hidden": "true",
-							className: Y.separator,
+							className: X.separator,
 							"data-vellira-select-separator": "true"
 						}, e.id);
 						let { option: t, optionIndex: a } = e;
-						return /* @__PURE__ */ n(Nn, {
+						return /* @__PURE__ */ n($n, {
 							option: t,
-							isSelected: p ? p.includes(t.value) : t.value === N,
-							isActive: a === F,
+							isSelected: p ? p.includes(t.value) : t.value === M,
+							isActive: a === P,
 							optionId: `${i}-option-${a}`,
-							renderOption: M,
-							onSelect: L,
-							onMouseEnter: () => z(a)
+							renderOption: j,
+							onSelect: I,
+							onMouseEnter: () => R(a)
 						}, t.value);
 					}),
 					W && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
-						className: Y.virtualSpacer,
+						className: X.virtualSpacer,
 						style: { height: re }
 					})
 				] }) : /* @__PURE__ */ n("li", {
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
-					className: Y.empty,
-					children: A ?? D
+					className: X.empty,
+					children: k ?? E
 				})
 			})
 		]
 	});
-	return x ? /* @__PURE__ */ n(Ce, { children: K }) : K;
+	return x ? /* @__PURE__ */ n(We, { children: K }) : K;
 };
-Fn.displayName = "SelectContentSurface";
-function In(e) {
+tr.displayName = "SelectContentSurface";
+function nr(e) {
 	let t, n, r, a;
 	return i.forEach(e, (e) => {
 		if (!l(e)) return;
@@ -2565,21 +2765,21 @@ function In(e) {
 		searchSlot: n
 	};
 }
-function Ln(e) {
+function rr(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "Select group";
 }
 //#endregion
 //#region src/components/Select/Content/SelectEmpty.tsx
-var Rn = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
-Rn.__velliraSelectPart = "empty", Rn.displayName = "Select.Empty";
+var ir = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+ir.__velliraSelectPart = "empty", ir.displayName = "Select.Empty";
 //#endregion
 //#region src/components/Select/Content/SelectLoading.tsx
-var zn = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
-zn.__velliraSelectPart = "loading", zn.displayName = "Select.Loading";
+var ar = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+ar.__velliraSelectPart = "loading", ar.displayName = "Select.Loading";
 //#endregion
 //#region src/components/Select/Content/SelectSearch.tsx
-var Bn = ({ placeholder: e, className: t }) => {
-	let { contentProps: i } = kn(), a = g(null), o = i.searchValue ?? "";
+var or = ({ placeholder: e, className: t }) => {
+	let { contentProps: i } = Yn(), a = g(null), o = i.searchValue ?? "";
 	return f(() => {
 		if (!i.isOpen) return;
 		let e = window.setTimeout(() => {
@@ -2587,10 +2787,10 @@ var Bn = ({ placeholder: e, className: t }) => {
 		}, 0);
 		return () => window.clearTimeout(e);
 	}, [i.isOpen]), /* @__PURE__ */ r("div", {
-		className: Y.searchWrap,
+		className: X.searchWrap,
 		children: [/* @__PURE__ */ n("input", {
 			ref: a,
-			className: I(Y.search, t),
+			className: V(X.search, t),
 			value: o,
 			placeholder: e ?? (i.command ? "Type a command..." : "Search..."),
 			"aria-label": "Search options",
@@ -2598,47 +2798,47 @@ var Bn = ({ placeholder: e, className: t }) => {
 			onChange: (e) => i.onSearchChange?.(e.target.value)
 		}), o && /* @__PURE__ */ n("button", {
 			type: "button",
-			className: Y.searchClear,
+			className: X.searchClear,
 			"aria-label": "Clear search",
 			onClick: () => {
 				i.onSearchChange?.(""), a.current?.focus();
 			},
-			children: /* @__PURE__ */ n(S, {})
+			children: /* @__PURE__ */ n(B, {})
 		})]
 	});
 };
-Bn.__velliraSelectPart = "search", Bn.displayName = "Select.Search";
+or.__velliraSelectPart = "search", or.displayName = "Select.Search";
 //#endregion
 //#region src/components/Select/Group/SelectGroup.tsx
-var Vn = () => null;
-Vn.__velliraSelectPart = "group", Vn.displayName = "Select.Group";
+var sr = () => null;
+sr.__velliraSelectPart = "group", sr.displayName = "Select.Group";
 //#endregion
 //#region src/components/Select/Group/SelectLabel.tsx
-var Hn = ({ children: e }) => /* @__PURE__ */ n("div", {
+var cr = ({ children: e }) => /* @__PURE__ */ n("div", {
 	role: "presentation",
-	className: Y.groupLabel,
+	className: X.groupLabel,
 	children: e
 });
-Hn.__velliraSelectPart = "label", Hn.displayName = "Select.Label";
+cr.__velliraSelectPart = "label", cr.displayName = "Select.Label";
 //#endregion
 //#region src/components/Select/Group/SelectSeparator.tsx
-var Un = () => null;
-Un.__velliraSelectPart = "separator", Un.displayName = "Select.Separator";
+var lr = () => null;
+lr.__velliraSelectPart = "separator", lr.displayName = "Select.Separator";
 //#endregion
 //#region src/components/Select/Item/SelectItemBadge.tsx
-var Wn = () => null;
-Wn.__velliraSelectPart = "itemBadge", Wn.displayName = "Select.ItemBadge";
+var ur = () => null;
+ur.__velliraSelectPart = "itemBadge", ur.displayName = "Select.ItemBadge";
 //#endregion
 //#region src/components/Select/Item/SelectItemDescription.tsx
-var Gn = () => null;
-Gn.__velliraSelectPart = "itemDescription", Gn.displayName = "Select.ItemDescription";
+var dr = () => null;
+dr.__velliraSelectPart = "itemDescription", dr.displayName = "Select.ItemDescription";
 //#endregion
 //#region src/components/Select/Item/SelectItemIcon.tsx
-var Kn = () => null;
-Kn.__velliraSelectPart = "itemIcon", Kn.displayName = "Select.ItemIcon";
+var fr = () => null;
+fr.__velliraSelectPart = "itemIcon", fr.displayName = "Select.ItemIcon";
 //#endregion
 //#region src/patterns/FormField/FormFieldContext.ts
-var qn = s(null), Jn = () => d(qn), X = {
+var pr = s(null), mr = () => d(pr), hr = {
 	wrapper: "_wrapper_r078u_1",
 	sm: "_sm_r078u_41",
 	md: "_md_r078u_78",
@@ -2660,12 +2860,12 @@ var qn = s(null), Jn = () => d(qn), X = {
 	messageToneWarning: "_messageToneWarning_r078u_257",
 	messageToneDanger: "_messageToneDanger_r078u_261",
 	disabled: "_disabled_r078u_274"
-}, Yn = (...e) => e.filter(Boolean).join(" ") || void 0;
-function Xn(e, t) {
+}, gr = (...e) => e.filter(Boolean).join(" ") || void 0;
+function _r(e, t) {
 	let n = () => null;
 	return n.__velliraFormFieldPart = e, n.displayName = t, n;
 }
-function Zn(e) {
+function vr(e) {
 	let t = [], n = { hasSlots: !1 };
 	return i.forEach(e, (e) => {
 		if (!l(e)) {
@@ -2689,15 +2889,15 @@ function Zn(e) {
 		}
 	}), t.length > 0 && (n.fallbackChildren = t.length === 1 ? t[0] : t), n;
 }
-var Qn = ({ id: e, label: t, description: i, error: s, message: c, messageTone: u, messageLive: d, required: f = !1, disabled: m = !1, invalid: h = !1, orientation: g = "vertical", labelPosition: _ = "top", size: v = "md", labelInfo: y, labelAction: b, optionalText: x, children: S, bindControl: C = !0, className: w, controlClassName: T, labelClassName: E, descriptionClassName: D, errorClassName: O, messageClassName: k, ...A }) => {
-	let j = Zn(S), M = t ?? j.label?.children, N = i ?? j.description?.children, P = c ?? j.message?.children, F = u ?? j.message?.tone ?? "neutral", L = d ?? j.message?.live ?? "off", R = y ?? j.label?.info, z = b ?? j.label?.action, B = x ?? j.label?.optionalText, V = j.hasSlots ? j.control?.children ?? j.fallbackChildren : S, ee = j.control?.bindControl ?? C, H = p(), U = e ?? H, te = M ? `${U}-label` : void 0, ne = N && U ? `${U}-description` : void 0, re = s && U ? `${U}-error` : void 0, W = !s && P && U ? `${U}-message` : void 0, ie = h || !!s, ae = s ?? P, G = s ? "danger" : F, oe = {
-		neutral: X.messageToneNeutral,
-		success: X.messageToneSuccess,
-		warning: X.messageToneWarning,
-		danger: X.messageToneDanger
-	}[G], se = Yn(te), ce = Yn(ne, re, W), le = {
-		controlId: U,
-		labelId: te,
+var yr = ({ id: e, label: t, description: i, error: s, message: c, messageTone: u, messageLive: d, required: f = !1, disabled: m = !1, invalid: h = !1, orientation: g = "vertical", labelPosition: _ = "top", size: v = "md", labelInfo: y, labelAction: b, optionalText: x, children: S, bindControl: C = !0, className: w, controlClassName: T, labelClassName: E, descriptionClassName: D, errorClassName: O, messageClassName: k, ...A }) => {
+	let j = vr(S), M = t ?? j.label?.children, N = i ?? j.description?.children, P = c ?? j.message?.children, F = u ?? j.message?.tone ?? "neutral", I = d ?? j.message?.live ?? "off", L = y ?? j.label?.info, R = b ?? j.label?.action, z = x ?? j.label?.optionalText, B = j.hasSlots ? j.control?.children ?? j.fallbackChildren : S, ee = j.control?.bindControl ?? C, te = p(), H = e ?? te, U = M ? `${H}-label` : void 0, ne = N && H ? `${H}-description` : void 0, re = s && H ? `${H}-error` : void 0, W = !s && P && H ? `${H}-message` : void 0, ie = h || !!s, ae = s ?? P, G = s ? "danger" : F, oe = {
+		neutral: hr.messageToneNeutral,
+		success: hr.messageToneSuccess,
+		warning: hr.messageToneWarning,
+		danger: hr.messageToneDanger
+	}[G], se = gr(U), ce = gr(ne, re, W), le = {
+		controlId: H,
+		labelId: U,
 		descriptionId: ne,
 		errorId: re,
 		messageId: W,
@@ -2707,91 +2907,91 @@ var Qn = ({ id: e, label: t, description: i, error: s, message: c, messageTone:
 		size: v,
 		ariaLabelledBy: se,
 		ariaDescribedBy: ce
-	}, K = l(V) && V.type !== a ? V : void 0, ue = ee && K ? o(K, {
-		id: K.props.id ?? U,
+	}, K = l(B) && B.type !== a ? B : void 0, ue = ee && K ? o(K, {
+		id: K.props.id ?? H,
 		required: K.props.required ?? f,
 		disabled: K.props.disabled ?? m,
 		"aria-invalid": K.props["aria-invalid"] ?? (ie || void 0),
-		"aria-labelledby": Yn(K.props["aria-labelledby"], se),
-		"aria-describedby": Yn(K.props["aria-describedby"], ce)
-	}) : V;
+		"aria-labelledby": gr(K.props["aria-labelledby"], se),
+		"aria-describedby": gr(K.props["aria-describedby"], ce)
+	}) : B;
 	return /* @__PURE__ */ r("div", {
 		...A,
 		"aria-disabled": m || void 0,
-		className: I(X.wrapper, X[g], X[_], X[v], m && X.disabled, w),
+		className: V(hr.wrapper, hr[g], hr[_], hr[v], m && hr.disabled, w),
 		"data-disabled": m || void 0,
 		"data-invalid": ie || void 0,
 		"data-orientation": g,
 		"data-size": v,
 		children: [
-			(M || z) && /* @__PURE__ */ r("div", {
-				className: X.labelRow,
+			(M || R) && /* @__PURE__ */ r("div", {
+				className: hr.labelRow,
 				children: [M && /* @__PURE__ */ r("label", {
-					id: te,
-					htmlFor: U,
-					className: I(X.label, j.label?.className, E),
+					id: U,
+					htmlFor: H,
+					className: V(hr.label, j.label?.className, E),
 					children: [
 						/* @__PURE__ */ n("span", {
-							className: X.labelText,
+							className: hr.labelText,
 							children: M
 						}),
 						f && /* @__PURE__ */ n("span", {
-							className: X.required,
+							className: hr.required,
 							"aria-hidden": "true",
 							children: "*"
 						}),
-						!f && B && /* @__PURE__ */ n("span", {
-							className: X.optional,
-							children: B
+						!f && z && /* @__PURE__ */ n("span", {
+							className: hr.optional,
+							children: z
 						}),
-						R && /* @__PURE__ */ n("span", {
-							className: X.labelInfo,
-							children: R
+						L && /* @__PURE__ */ n("span", {
+							className: hr.labelInfo,
+							children: L
 						})
 					]
-				}), z && /* @__PURE__ */ n("div", {
-					className: X.labelAction,
-					children: z
+				}), R && /* @__PURE__ */ n("div", {
+					className: hr.labelAction,
+					children: R
 				})]
 			}),
 			N && /* @__PURE__ */ n("div", {
 				id: ne,
-				className: I(X.description, j.description?.className, D),
+				className: V(hr.description, j.description?.className, D),
 				children: N
 			}),
-			/* @__PURE__ */ n(qn.Provider, {
+			/* @__PURE__ */ n(pr.Provider, {
 				value: le,
 				children: /* @__PURE__ */ n("div", {
-					className: I(X.control, j.control?.className, T),
+					className: V(hr.control, j.control?.className, T),
 					children: ue
 				})
 			}),
 			ae && /* @__PURE__ */ n("div", {
 				id: s ? re : W,
-				className: I(X.message, oe, !s && j.message?.className, s ? O : k),
+				className: V(hr.message, oe, !s && j.message?.className, s ? O : k),
 				role: s ? "alert" : void 0,
-				"aria-live": !s && L === "polite" ? "polite" : void 0,
+				"aria-live": !s && I === "polite" ? "polite" : void 0,
 				children: ae
 			})
 		]
 	});
-}, $n = Xn("label", "FormField.Label"), er = Xn("description", "FormField.Description"), tr = Xn("control", "FormField.Control"), nr = Xn("message", "FormField.Message"), rr = Object.assign(Qn, {
-	Label: $n,
-	Description: er,
-	Control: tr,
-	Message: nr,
+}, br = _r("label", "FormField.Label"), xr = _r("description", "FormField.Description"), Sr = _r("control", "FormField.Control"), Cr = _r("message", "FormField.Message"), wr = Object.assign(yr, {
+	Label: br,
+	Description: xr,
+	Control: Sr,
+	Message: Cr,
 	displayName: "FormField"
 });
 //#endregion
 //#region src/components/Select/internal/SelectCollection.ts
-function ir(e) {
+function Tr(e) {
 	let t = [], n = [], r = 0;
 	function a(e) {
 		i.forEach(e, (e) => {
 			if (!l(e)) return;
 			let i = e.type;
 			if (i.__velliraSelectPart === "group") {
-				let n = e.props, i = or(n.children);
+				let n = e.props, i = Dr(n.children);
 				t.push({
 					type: "group",
 					id: `group-${r++}`,
@@ -2803,7 +3003,7 @@ function ir(e) {
 				return;
 			}
 			if (i.__velliraSelectPart === "item") {
-				let r = e.props, i = sr(r.children, r.value), a = r.label ?? i.label, o = n.length, s = {
+				let r = e.props, i = Or(r.children, r.value), a = r.label ?? i.label, o = n.length, s = {
 					label: a,
 					value: r.value,
 					disabled: r.disabled,
@@ -2835,7 +3035,7 @@ function ir(e) {
 		options: n
 	};
 }
-function ar(e) {
+function Er(e) {
 	let t = !1;
 	function n(e) {
 		i.forEach(e, (e) => {
@@ -2850,7 +3050,7 @@ function ar(e) {
 	}
 	return n(e), t;
 }
-function or(e) {
+function Dr(e) {
 	let t = [];
 	function n(e) {
 		i.forEach(e, (e) => {
@@ -2865,7 +3065,7 @@ function or(e) {
 	}
 	return n(e), t;
 }
-function sr(e, t) {
+function Or(e, t) {
 	let n, r, a, o = [];
 	function s(e) {
 		i.forEach(e, (e) => {
@@ -2901,13 +3101,13 @@ function sr(e, t) {
 }
 //#endregion
 //#region src/components/Select/internal/useSelectCollection.ts
-function cr(e) {
-	return h(() => ir(e), [e]);
+function kr(e) {
+	return h(() => Tr(e), [e]);
 }
 //#endregion
 //#region src/components/Select/internal/useSelectPosition.ts
-function lr({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
-	return nt({
+function Ar({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
+	return Ae({
 		open: t,
 		onOpenChange: r,
 		placement: i === "bottom" || i === "top" ? `${i}-start` : i,
@@ -2918,18 +3118,18 @@ function lr({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange:
 }
 //#endregion
 //#region src/components/Select/internal/useSelectSearch.ts
-function ur({ options: e, searchable: t, searchValue: n }) {
+function jr({ options: e, searchable: t, searchValue: n }) {
 	return h(() => {
 		if (!t || !n) return e;
 		let r = n.toLocaleLowerCase();
-		return e.filter((e) => `${e.label} ${dr(e.description)}`.toLocaleLowerCase().includes(r));
+		return e.filter((e) => `${e.label} ${Mr(e.description)}`.toLocaleLowerCase().includes(r));
 	}, [
 		e,
 		n,
 		t
 	]);
 }
-function dr(e) {
+function Mr(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
 var Z = {
@@ -2958,18 +3158,18 @@ var Z = {
 	spin: "_spin_ao6y1_795",
 	loading: "_loading_ao6y1_804",
 	open: "_open_ao6y1_823"
-}, fr = ({ children: e, className: t }) => {
-	let { triggerProps: r } = kn();
-	return /* @__PURE__ */ n(pr, {
+}, Nr = ({ children: e, className: t }) => {
+	let { triggerProps: r } = Yn();
+	return /* @__PURE__ */ n(Pr, {
 		...r,
 		className: [r.className, t].filter(Boolean).join(" "),
 		children: e
 	});
 };
-fr.__velliraSelectPart = "trigger", fr.displayName = "Select.Trigger";
-var pr = ({ 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", {
+Nr.__velliraSelectPart = "trigger", Nr.displayName = "Select.Trigger";
+var Pr = ({ 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: b, endIcon: x, prefix: S, suffix: C, clearable: w, onClear: T, className: E, buttonRef: D, onClick: O, onKeyDown: k, onBlur: A, onFocus: j }) => /* @__PURE__ */ n("button", {
 	id: i,
-	ref: k,
+	ref: D,
 	type: "button",
 	role: "combobox",
 	disabled: c,
@@ -2983,296 +3183,297 @@ var pr = ({ 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: I(Z.control, Z[g], Z[v], Z[_], {
+	className: V(Z.control, Z[g], Z[v], Z[_], {
 		[Z.error]: !!p,
 		[Z.disabled]: c,
 		[Z.loading]: y
-	}, O),
-	onClick: A,
-	onKeyDown: j,
-	onBlur: M,
-	onFocus: N,
+	}, E),
+	onClick: O,
+	onKeyDown: k,
+	onBlur: A,
+	onFocus: j,
 	children: e ?? /* @__PURE__ */ r(t, { children: [
-		x && /* @__PURE__ */ n("span", {
+		b && /* @__PURE__ */ n("span", {
 			className: Z.adornment,
-			children: x
+			children: b
 		}),
-		w && /* @__PURE__ */ n("span", {
+		S && /* @__PURE__ */ n("span", {
 			className: Z.affix,
-			children: w
+			children: S
 		}),
 		/* @__PURE__ */ n("span", {
 			className: Z.valueWrap,
 			children: /* @__PURE__ */ n("span", {
-				className: I(Z.value, { [Z.placeholder]: h }),
+				className: V(Z.value, { [Z.placeholder]: h }),
 				children: m
 			})
 		}),
-		T && /* @__PURE__ */ n("span", {
+		C && /* @__PURE__ */ n("span", {
 			className: Z.affix,
-			children: T
+			children: C
 		}),
-		E && /* @__PURE__ */ n("span", {
+		w && /* @__PURE__ */ n("span", {
 			role: "button",
 			"aria-label": "Clear selection",
 			tabIndex: -1,
 			className: Z.clear,
 			onClick: (e) => {
-				e.stopPropagation(), D?.();
+				e.stopPropagation(), T?.();
 			},
-			children: /* @__PURE__ */ n(S, {})
+			children: /* @__PURE__ */ n(B, {})
 		}),
 		/* @__PURE__ */ n("span", {
-			className: I(Z.arrow, { [Z.open]: s }),
+			className: V(Z.arrow, { [Z.open]: s }),
 			"aria-hidden": "true",
-			children: y ? /* @__PURE__ */ n("span", { className: Z.spinner }) : C ?? /* @__PURE__ */ n(b, {})
+			children: y ? /* @__PURE__ */ n("span", { className: Z.spinner }) : x ?? /* @__PURE__ */ n(R, {})
 		})
 	] })
 });
-pr.displayName = "SelectTriggerSurface";
+Pr.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/Root/SelectRoot.tsx
-var mr = ({ 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...", size: E, color: D = "primary", variant: O = "outline", required: k = !1, disabled: A = !1, invalid: j = !1, loading: M = !1, clearable: N = !1, searchable: P = !1, virtual: F, modal: I = !1, command: L = !1, error: R, placement: z = "bottom", matchTriggerWidth: B = !0, avoidCollisions: V = !0, portal: ee = !0, open: H, defaultOpen: U = !1, onOpenChange: te, onSearch: ne, onClear: re, startIcon: W, endIcon: ie, prefix: ae, suffix: G, renderValue: se, renderOption: ce, onBlur: K, onFocus: ue, className: de, triggerClassName: pe, dropdownClassName: me }) => {
-	let he = p(), ge = Jn(), _e = !!(i || a || R), ve = o ?? (_e ? void 0 : ge?.controlId) ?? he, be = `${ve}-listbox`, [xe, Se] = _(""), Ce = !!R, we = Ce ? `${ve}-error` : void 0, Te = a ? `${ve}-description` : void 0, Ee = E ?? ge?.size ?? "md", De = j || Ce || !_e && !!ge?.invalid, Oe = A || !_e && !!ge?.disabled, ke = k || !_e && !!ge?.required, Ae = [
+var Fr = ({ 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...", size: E, color: D = "primary", variant: O = "outline", required: k = !1, disabled: A = !1, invalid: j = !1, loading: M = !1, clearable: N = !1, searchable: P = !1, virtual: F, modal: I = !1, command: L = !1, error: R, placement: z = "bottom", matchTriggerWidth: B = !0, avoidCollisions: ee = !0, portal: V = !0, open: te, defaultOpen: H = !1, onOpenChange: U, onSearch: ne, onClear: re, startIcon: W, endIcon: ie, prefix: ae, suffix: G, renderValue: oe, renderOption: se, onBlur: ce, onFocus: le, className: K, triggerClassName: ue, dropdownClassName: de }) => {
+	let fe = p(), pe = mr(), me = !!(i || a || R), he = o ?? (me ? void 0 : pe?.controlId) ?? fe, ge = `${he}-listbox`, [_e, ve] = _(""), ye = !!R, be = ye ? `${he}-error` : void 0, xe = a ? `${he}-description` : void 0, Se = E ?? pe?.size ?? "md", Ce = j || ye || !me && !!pe?.invalid, q = A || !me && !!pe?.disabled, we = k || !me && !!pe?.required, Te = [
 		l,
-		!_e && !l ? ge?.ariaDescribedBy : void 0,
-		Te,
-		we
-	].filter(Boolean).join(" "), je = g(null), Me = g(null), [Ne, Pe] = _(!1), Fe = P || L, { entries: q, options: Ie } = cr(e), Le = ur({
-		options: Ie,
-		searchable: Fe,
-		searchValue: xe
-	}), { selectedValue: Re, selectedValues: ze, isOpen: Be, setIsOpen: Ve, setSelectedValue: He, activeIndex: Ue, setActiveIndex: We, closeDropdown: Ge, toggleDropdown: Ke, selectValue: qe, onKeyDown: Je } = ye({
+		!me && !l ? pe?.ariaDescribedBy : void 0,
+		xe,
+		be
+	].filter(Boolean).join(" "), Ee = g(null), De = g(null), [Oe, Ae] = _(!1), je = P || L, { entries: Me, options: Ne } = kr(e), Fe = jr({
+		options: Ne,
+		searchable: je,
+		searchValue: _e
+	}), { selectedValue: Ie, selectedValues: J, isOpen: Le, setIsOpen: Re, setSelectedValue: ze, activeIndex: Ve, setActiveIndex: He, closeDropdown: Ue, toggleDropdown: We, selectValue: Ge, onKeyDown: Ke } = Be({
 		value: m,
 		defaultValue: v,
 		onValueChange: y,
-		options: Le,
+		options: Fe,
 		multiple: b,
 		maxSelected: x,
 		closeOnSelect: S,
-		disabled: Oe,
-		open: H,
-		defaultOpen: U,
-		onOpenChange: te
-	}), Ye = h(() => Ie.find((e) => ze.includes(e.value)), [Ie, ze]), Xe = h(() => Ie.filter((e) => ze.includes(e.value)), [Ie, ze]), Ze = !!Ye, Qe = Array.isArray(Re) ? Re[0] ?? "" : Re, { floatingStyles: $e, setRef: et, setFloatingRef: tt } = lr({
-		isOpen: Be,
-		onOpenChange: Ve,
+		disabled: q,
+		open: te,
+		defaultOpen: H,
+		onOpenChange: U
+	}), qe = h(() => Ne.find((e) => J.includes(e.value)), [Ne, J]), Je = h(() => Ne.filter((e) => J.includes(e.value)), [Ne, J]), Ye = !!qe, Xe = Array.isArray(Ie) ? Ie[0] ?? "" : Ie, { floatingStyles: Ze, setRef: Qe, setFloatingRef: $e } = Ar({
+		isOpen: Le,
+		onOpenChange: Re,
 		placement: z,
 		matchTriggerWidth: B,
-		avoidCollisions: V
-	}), nt = u((e) => {
-		qe(e), je.current?.focus();
-	}, [qe]), rt = u((e) => {
+		avoidCollisions: ee
+	}), et = u((e) => {
+		Ge(e), Ee.current?.focus();
+	}, [Ge]), tt = u((e) => {
 		if (!b || e.length === 0) return;
-		let t = e.filter((e) => Ie.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => ze.includes(e)), r = ze.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) => Ne.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => J.includes(e)), r = J.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) {
-			He(ze.filter((e) => !t.includes(e)));
+			ze(J.filter((e) => !t.includes(e)));
 			return;
 		}
-		let a = [...ze];
+		let a = [...J];
 		for (let e of t) if (!a.includes(e)) {
 			if (typeof x == "number" && a.length >= x) break;
 			a.push(e);
 		}
-		He(a), S && (Ge(), je.current?.focus());
+		ze(a), S && (Ue(), Ee.current?.focus());
 	}, [
-		Ge,
+		Ue,
 		S,
 		x,
 		b,
-		Ie,
-		ze,
-		He
-	]), it = u(() => {
-		qe(""), re?.(), je.current?.focus();
-	}, [re, qe]), at = u(() => {
-		Be || Pe(!1), Ke();
-	}, [Be, Ke]), ot = u((e) => {
-		hr(e, Be) && Pe(!0), Je(e);
-	}, [Be, Je]), st = u((e) => {
-		Pe(!0), We(e);
-	}, [We]), ct = u((e) => {
-		Se(e), ne?.(e);
-	}, [ne]), { isTopOverlay: lt } = le({
-		active: Be,
-		id: be
-	});
-	oe({
-		active: Be,
+		Ne,
+		J,
+		ze
+	]), nt = u(() => {
+		Ge(""), re?.(), Ee.current?.focus();
+	}, [re, Ge]), Y = u(() => {
+		Le || Ae(!1), We();
+	}, [Le, We]), rt = u((e) => {
+		Ir(e, Le) && Ae(!0), Ke(e);
+	}, [Le, Ke]), it = u((e) => {
+		Ae(!0), He(e);
+	}, [He]), at = u((e) => {
+		ve(e), ne?.(e);
+	}, [ne]), ot = ke({
+		active: Le,
+		id: ge,
+		zIndexLevel: "dropdown",
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: Me,
-		ignoreRefs: [je],
-		isTopOverlay: lt,
-		requestClose: Ge
-	}), f(() => {
-		Be || Pe(!1);
-	}, [Be]), f(() => {
-		!Be && xe && Se("");
-	}, [Be, xe]), fe({
-		active: Be,
+		contentRef: De,
+		ignoreRefs: [Ee],
+		requestClose: Ue
+	});
+	f(() => {
+		Le || Ae(!1);
+	}, [Le]), f(() => {
+		!Le && _e && ve("");
+	}, [Le, _e]), Pe({
+		active: Le,
 		enabled: I
 	});
-	let ut = u((e) => {
-		je.current = e, et(e);
-	}, [et]), dt = u((e) => {
-		Me.current = e, tt(e);
-	}, [tt]), ft = se ? se(Ye) : b && Xe.length ? Xe.map((e) => e.label).join(", ") : Ye?.label ?? C, pt = w ?? "No options available", mt = N && ze.length > 0 && !Oe && !M, ht = {
-		id: ve,
-		describedBy: Ae || void 0,
+	let st = u((e) => {
+		Ee.current = e, Qe(e);
+	}, [Qe]), ct = u((e) => {
+		De.current = e, $e(e);
+	}, [$e]), lt = oe ? oe(qe) : b && Je.length ? Je.map((e) => e.label).join(", ") : qe?.label ?? C, ut = w ?? "No options available", dt = N && J.length > 0 && !q && !M, ft = {
+		id: he,
+		describedBy: Te || void 0,
 		labelledBy: c ? void 0 : d,
-		isOpen: Be,
-		disabled: Oe,
-		required: ke,
-		listboxId: be,
-		activeIndex: Ue,
-		ariaLabel: c ?? (!i && !ge?.labelId ? Ye?.label || C : void 0),
-		error: De,
+		isOpen: Le,
+		disabled: q,
+		required: we,
+		listboxId: ge,
+		activeIndex: Ve,
+		ariaLabel: c ?? (!i && !pe?.labelId ? qe?.label || C : void 0),
+		error: Ce,
 		loading: M,
-		displayText: ft,
-		isPlaceholder: !Ze,
-		size: Ee,
+		displayText: lt,
+		isPlaceholder: !Ye,
+		size: Se,
 		color: D,
 		variant: O,
 		startIcon: W,
 		endIcon: ie,
 		prefix: ae,
 		suffix: G,
-		clearable: mt,
-		className: pe,
-		buttonRef: ut,
-		onClear: it,
-		onClick: at,
-		onKeyDown: ot,
-		onBlur: K,
-		onFocus: ue
-	}, gt = {
-		isOpen: Be,
-		listboxId: be,
-		labelledById: ve,
-		style: $e,
-		options: Le,
-		entries: Fe || xe ? void 0 : q,
+		clearable: dt,
+		className: ue,
+		buttonRef: st,
+		onClear: nt,
+		onClick: Y,
+		onKeyDown: rt,
+		onBlur: ce,
+		onFocus: le
+	}, pt = {
+		isOpen: Le,
+		listboxId: ge,
+		labelledById: he,
+		style: {
+			...Ze,
+			zIndex: ot.zIndex
+		},
+		options: Fe,
+		entries: je || _e ? void 0 : Me,
 		multiple: b,
 		color: D,
 		variant: O,
-		searchable: Fe,
+		searchable: je,
 		command: L,
 		virtual: F,
-		portal: ee,
-		searchValue: xe,
+		portal: V,
+		searchValue: _e,
 		loading: M,
 		loadingText: T,
-		emptyText: pt,
-		renderOption: ce,
-		selectedValue: Qe,
-		selectedValues: ze,
-		activeIndex: Ue,
-		visualActiveIndex: Ne ? Ue : -1,
-		className: me,
-		setDropdownRef: dt,
-		onSelect: nt,
-		onSelectGroup: rt,
-		onMouseEnter: st,
-		onSearchChange: ct
-	}, _t = /* @__PURE__ */ r(t, { children: [s && b && ze.length > 0 && /* @__PURE__ */ n(t, { children: ze.map((e) => /* @__PURE__ */ n("input", {
+		emptyText: ut,
+		renderOption: se,
+		selectedValue: Xe,
+		selectedValues: J,
+		activeIndex: Ve,
+		visualActiveIndex: Oe ? Ve : -1,
+		className: de,
+		setDropdownRef: ct,
+		onSelect: et,
+		onSelectGroup: tt,
+		onMouseEnter: it,
+		onSearchChange: at
+	}, mt = /* @__PURE__ */ r(t, { children: [s && b && J.length > 0 && /* @__PURE__ */ n(t, { children: J.map((e) => /* @__PURE__ */ n("input", {
 		type: "hidden",
 		name: s,
 		value: e,
-		disabled: Oe
+		disabled: q
 	}, e)) }), s && !b && /* @__PURE__ */ n("input", {
 		type: "hidden",
 		name: s,
-		value: Qe,
-		disabled: Oe
-	})] }), vt = ar(e), yt = /* @__PURE__ */ r(On, {
+		value: Xe,
+		disabled: q
+	})] }), ht = Er(e), gt = /* @__PURE__ */ r(Jn, {
 		value: {
-			triggerProps: ht,
-			contentProps: gt
+			triggerProps: ft,
+			contentProps: pt
 		},
-		children: [_t, vt ? e : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(fr, {}), /* @__PURE__ */ n(Pn, { children: e })] })]
-	}), bt = /* @__PURE__ */ r(On, {
+		children: [mt, ht ? e : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(Nr, {}), /* @__PURE__ */ n(er, { children: e })] })]
+	}), _t = /* @__PURE__ */ r(Jn, {
 		value: {
-			triggerProps: ht,
-			contentProps: gt
+			triggerProps: ft,
+			contentProps: pt
 		},
 		children: [
-			_t,
-			/* @__PURE__ */ n(pr, { ...ht }),
-			/* @__PURE__ */ n(Fn, { ...gt })
+			mt,
+			/* @__PURE__ */ n(Pr, { ...ft }),
+			/* @__PURE__ */ n(tr, { ...pt })
 		]
 	});
-	return !_e && ge ? e ? yt : bt : /* @__PURE__ */ n(rr, {
-		id: ve,
+	return !me && pe ? e ? gt : _t : /* @__PURE__ */ n(wr, {
+		id: he,
 		label: i,
 		description: a,
 		error: R,
-		required: ke,
-		disabled: Oe,
+		required: we,
+		disabled: q,
 		bindControl: !1,
-		className: de,
-		children: e ? yt : bt
+		className: K,
+		children: e ? gt : _t
 	});
 };
-mr.displayName = "SelectRoot";
-function hr(e, t) {
+Fr.displayName = "SelectRoot";
+function Ir(e, t) {
 	return e.altKey || e.ctrlKey || e.metaKey ? !1 : t ? e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End" || e.key === "Enter" || e.key === " " || e.key.length === 1 : e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ";
 }
 //#endregion
 //#region src/components/Select/Trigger/SelectIcon.tsx
-var gr = ({ children: e, className: t }) => {
-	let { triggerProps: r } = kn();
+var Lr = ({ children: e, className: t }) => {
+	let { triggerProps: r } = Yn();
 	return /* @__PURE__ */ n("span", {
-		className: I(Z.arrow, { [Z.open]: r.isOpen }, t),
+		className: V(Z.arrow, { [Z.open]: r.isOpen }, t),
 		"aria-hidden": "true",
-		children: r.loading ? /* @__PURE__ */ n("span", { className: Z.spinner }) : e ?? r.endIcon ?? /* @__PURE__ */ n(b, {})
+		children: r.loading ? /* @__PURE__ */ n("span", { className: Z.spinner }) : e ?? r.endIcon ?? /* @__PURE__ */ n(R, {})
 	});
 };
-gr.__velliraSelectPart = "icon", gr.displayName = "Select.Icon";
+Lr.__velliraSelectPart = "icon", Lr.displayName = "Select.Icon";
 //#endregion
 //#region src/components/Select/Trigger/SelectValue.tsx
-var _r = ({ children: e, className: t }) => {
-	let { triggerProps: r } = kn();
+var Rr = ({ children: e, className: t }) => {
+	let { triggerProps: r } = Yn();
 	return /* @__PURE__ */ n("span", {
-		className: I(Z.valueWrap, t),
+		className: V(Z.valueWrap, t),
 		children: /* @__PURE__ */ n("span", {
-			className: I(Z.value, { [Z.placeholder]: r.isPlaceholder }),
+			className: V(Z.value, { [Z.placeholder]: r.isPlaceholder }),
 			children: e ?? r.displayText
 		})
 	});
 };
-_r.__velliraSelectPart = "value", _r.displayName = "Select.Value";
+Rr.__velliraSelectPart = "value", Rr.displayName = "Select.Value";
 //#endregion
 //#region src/components/Select/Select.tsx
-var vr = Object.assign(mr, {
-	Trigger: fr,
-	Value: _r,
-	Icon: gr,
-	Content: Pn,
-	Search: Bn,
-	Group: Vn,
-	Label: Hn,
-	Item: Mn,
-	ItemIcon: Kn,
-	ItemDescription: Gn,
-	ItemBadge: Wn,
-	Separator: Un,
-	Empty: Rn,
-	Loading: zn
+var zr = Object.assign(Fr, {
+	Trigger: Nr,
+	Value: Rr,
+	Icon: Lr,
+	Content: er,
+	Search: or,
+	Group: sr,
+	Label: cr,
+	Item: Qn,
+	ItemIcon: fr,
+	ItemDescription: dr,
+	ItemBadge: ur,
+	Separator: lr,
+	Empty: ir,
+	Loading: ar
 });
-vr.displayName = "Select";
+zr.displayName = "Select";
 //#endregion
 //#region src/components/Tabs/internal/TabsContext.tsx
-var yr = s(null), br = () => {
-	let e = d(yr);
+var Br = s(null), Vr = () => {
+	let e = d(Br);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
-}, xr = {
+}, Hr = {
 	panel: "_panel_1v1a9_1",
 	visible: "_visible_1v1a9_10",
 	vertical: "_vertical_1v1a9_14"
-}, Sr = ({ 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 } = br(), m = o === e, [h, g] = _(m);
+}, Ur = ({ 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 } = Vr(), m = o === e, [h, g] = _(m);
 	return f(() => (u(e, !0), () => {
 		u(e, !1);
 	}), [u, e]), f(() => {
@@ -3286,15 +3487,15 @@ var yr = s(null), br = () => {
 		tabIndex: 0,
 		"data-state": m ? "active" : "inactive",
 		"data-orientation": s,
-		className: I(xr.panel, m && xr.visible, s === "vertical" && xr.vertical, r),
+		className: V(Hr.panel, m && Hr.visible, s === "vertical" && Hr.vertical, r),
 		children: t
 	}) : null;
 };
-Sr.displayName = "Tabs.Content";
+Ur.displayName = "Tabs.Content";
 //#endregion
 //#region src/components/Tabs/internal/useTabsIndicator.ts
-var Cr = 8, wr = 360, Tr = () => {
-	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 } = br();
+var Wr = 8, Gr = 360, Kr = () => {
+	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 } = Vr();
 	return f(() => () => {
 		r.current?.cancel();
 	}, []), m(() => {
@@ -3330,7 +3531,7 @@ var Cr = 8, wr = 360, Tr = () => {
 				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 - Cr / 2, a = t - Cr / 2;
+					let e = s.y + s.height / 2, t = p.y + p.height / 2, n = e - Wr / 2, a = t - Wr / 2;
 					r.current = i.animate([
 						{
 							height: `${s.height}px`,
@@ -3338,12 +3539,12 @@ var Cr = 8, wr = 360, Tr = () => {
 							offset: 0
 						},
 						{
-							height: `${Cr}px`,
+							height: `${Wr}px`,
 							transform: `translate3d(0, ${n}px, 0)`,
 							offset: .28
 						},
 						{
-							height: `${Cr}px`,
+							height: `${Wr}px`,
 							transform: `translate3d(0, ${a}px, 0)`,
 							offset: .64
 						},
@@ -3353,7 +3554,7 @@ var Cr = 8, wr = 360, Tr = () => {
 							offset: 1
 						}
 					], {
-						duration: wr,
+						duration: Gr,
 						easing: "cubic-bezier(0.22, 1, 0.36, 1)",
 						fill: "none"
 					});
@@ -3369,7 +3570,7 @@ var Cr = 8, wr = 360, Tr = () => {
 			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 - Cr / 2, a = t - Cr / 2;
+				let e = h.x + h.width / 2, t = p.x + p.width / 2, n = e - Wr / 2, a = t - Wr / 2;
 				r.current = i.animate([
 					{
 						width: `${h.width}px`,
@@ -3377,12 +3578,12 @@ var Cr = 8, wr = 360, Tr = () => {
 						offset: 0
 					},
 					{
-						width: `${Cr}px`,
+						width: `${Wr}px`,
 						transform: `translate3d(${n}px, 0, 0)`,
 						offset: .28
 					},
 					{
-						width: `${Cr}px`,
+						width: `${Wr}px`,
 						transform: `translate3d(${a}px, 0, 0)`,
 						offset: .64
 					},
@@ -3392,7 +3593,7 @@ var Cr = 8, wr = 360, Tr = () => {
 						offset: 1
 					}
 				], {
-					duration: wr,
+					duration: Gr,
 					easing: "cubic-bezier(0.22, 1, 0.36, 1)",
 					fill: "none"
 				});
@@ -3420,7 +3621,7 @@ var Cr = 8, wr = 360, Tr = () => {
 		ref: e,
 		style: i
 	}), [i]);
-}, Er = {
+}, qr = {
 	list: "_list_j3cp3_1",
 	vertical: "_vertical_j3cp3_10",
 	line: "_line_j3cp3_17",
@@ -3428,24 +3629,24 @@ var Cr = 8, wr = 360, Tr = () => {
 	segmented: "_segmented_j3cp3_29",
 	scrollable: "_scrollable_j3cp3_37",
 	indicator: "_indicator_j3cp3_46"
-}, Dr = ({ className: e, style: t, ...r }) => {
-	let { ref: i, style: a } = Tr();
+}, Jr = ({ className: e, style: t, ...r }) => {
+	let { ref: i, style: a } = Kr();
 	return /* @__PURE__ */ n("span", {
 		...r,
 		ref: i,
 		"aria-hidden": "true",
-		className: I(Er.indicator, e),
+		className: V(qr.indicator, e),
 		style: {
 			...a,
 			...t
 		}
 	});
 };
-Dr.displayName = "Tabs.Indicator";
+Jr.displayName = "Tabs.Indicator";
 //#endregion
 //#region src/components/Tabs/List/TabsList.tsx
-var Or = ({ children: e, className: t, scrollable: r, ...i }) => {
-	let { orientation: a, variant: o } = br(), s = r ?? !1;
+var Yr = ({ children: e, className: t, scrollable: r, ...i }) => {
+	let { orientation: a, variant: o } = Vr(), s = r ?? !1;
 	return /* @__PURE__ */ n("div", {
 		...i,
 		role: "tablist",
@@ -3453,18 +3654,18 @@ var Or = ({ children: e, className: t, scrollable: r, ...i }) => {
 		"data-orientation": a,
 		"data-variant": o,
 		"data-scrollable": s ? "" : void 0,
-		className: I(Er.list, a === "vertical" && Er.vertical, o === "line" && Er.line, o === "pills" && Er.pills, o === "segmented" && Er.segmented, s && Er.scrollable, t),
+		className: V(qr.list, a === "vertical" && qr.vertical, o === "line" && qr.line, o === "pills" && qr.pills, o === "segmented" && qr.segmented, s && qr.scrollable, t),
 		children: e
 	});
 };
-Or.displayName = "TabsList";
+Yr.displayName = "TabsList";
 //#endregion
 //#region src/components/Tabs/internal/useTabsCollection.ts
-var kr = (e) => [...e].sort((e, t) => {
+var Xr = (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;
-}), Ar = () => {
+}), Zr = () => {
 	let e = g([]), t = g([]), [n, r] = _(0), i = u(() => {
 		r((e) => e + 1);
 	}, []);
@@ -3483,7 +3684,7 @@ var kr = (e) => [...e].sort((e, 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 = kr(e.current), i();
+			o >= 0 ? e.current[o] = a : e.current.push(a), e.current = Xr(e.current), i();
 		}, [i]),
 		registerContent: u((e, n) => {
 			let r = t.current.findIndex((t) => t.value === e);
@@ -3494,7 +3695,7 @@ var kr = (e) => [...e].sort((e, t) => {
 			r < 0 && (t.current.push({ value: e }), i());
 		}, [i])
 	};
-}, jr = ({ focusedValue: e, setValue: t, setFocusedValue: n, getTabs: r, orientation: i, activationMode: a, dir: o, loop: s }) => ({ onKeyDown: (c) => {
+}, Qr = ({ 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) => {
@@ -3531,15 +3732,15 @@ var kr = (e) => [...e].sort((e, t) => {
 			}
 			break;
 	}
-} }), Mr = {
+} }), $r = {
 	tabs: "_tabs_1hj56_1",
 	vertical: "_vertical_1hj56_30"
-}, Nr = ({ 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 } = be({
+}, ei = ({ 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 } = Ve({
 		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: P, registerContent: F } = Ar(), L = u((e, t, n = !1) => {
+	}), E = g(w), D = g(void 0), O = g(void 0), [k, A] = _(w), { version: j, triggersRef: M, contentsRef: N, registerTrigger: P, registerContent: F } = Zr(), I = 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) {
@@ -3555,7 +3756,7 @@ var kr = (e) => [...e].sort((e, t) => {
 		A,
 		T,
 		M
-	]), { onKeyDown: R } = jr({
+	]), { onKeyDown: L } = Qr({
 		focusedValue: k,
 		setValue: T,
 		setFocusedValue: A,
@@ -3564,7 +3765,7 @@ var kr = (e) => [...e].sort((e, t) => {
 		activationMode: o,
 		dir: s,
 		loop: c
-	}), z = {
+	}), R = {
 		value: w,
 		focusedValue: k,
 		collectionVersion: j,
@@ -3580,9 +3781,9 @@ var kr = (e) => [...e].sort((e, t) => {
 		keepMounted: h,
 		lazyMount: v,
 		disabled: y,
-		registerTrigger: L,
+		registerTrigger: I,
 		registerContent: F,
-		onTriggerKeyDown: R,
+		onTriggerKeyDown: L,
 		getTriggerId: u((e) => `${S}-trigger-${e}`, [S]),
 		getContentId: u((e) => `${S}-content-${e}`, [S])
 	};
@@ -3616,11 +3817,11 @@ var kr = (e) => [...e].sort((e, t) => {
 		N,
 		M,
 		j
-	]), /* @__PURE__ */ n(yr.Provider, {
-		value: z,
+	]), /* @__PURE__ */ n(Br.Provider, {
+		value: R,
 		children: /* @__PURE__ */ n("div", {
 			...x,
-			className: I(Mr.tabs, a === "vertical" && Mr.vertical, b),
+			className: V($r.tabs, a === "vertical" && $r.vertical, b),
 			"data-orientation": a,
 			dir: s,
 			"data-variant": l,
@@ -3631,8 +3832,8 @@ var kr = (e) => [...e].sort((e, t) => {
 		})
 	});
 };
-Nr.displayName = "Tabs";
-var Pr = {
+ei.displayName = "Tabs";
+var ti = {
 	trigger: "_trigger_uc2y5_1",
 	iconOnly: "_iconOnly_uc2y5_49",
 	icon: "_icon_uc2y5_49",
@@ -3647,23 +3848,23 @@ var Pr = {
 	line: "_line_uc2y5_194",
 	pills: "_pills_uc2y5_209",
 	vertical: "_vertical_uc2y5_235"
-}, Fr = ({ children: e, className: t }) => /* @__PURE__ */ n("span", {
-	className: I(Pr.badge, t),
+}, ni = ({ children: e, className: t }) => /* @__PURE__ */ n("span", {
+	className: V(ti.badge, t),
 	children: e
 });
-Fr.displayName = "Tabs.Badge";
+ni.displayName = "Tabs.Badge";
 //#endregion
 //#region src/components/Tabs/Trigger/TabsIcon.tsx
-var Ir = ({ children: e, className: t }) => /* @__PURE__ */ n("span", {
-	className: I(Pr.icon, t),
+var ri = ({ children: e, className: t }) => /* @__PURE__ */ n("span", {
+	className: V(ti.icon, t),
 	"aria-hidden": "true",
 	children: e
 });
-Ir.displayName = "Tabs.Icon";
+ri.displayName = "Tabs.Icon";
 //#endregion
 //#region src/components/Tabs/Trigger/TabsTrigger.tsx
-var Lr = 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 } = br(), O = C || o, k = g === e, A = _ === e || !_ && k, j = i.toArray(t), M = j.some((e) => l(e) && e.type.displayName === "Tabs.Icon"), N = !!s, P = (N || M) && t == null;
+var ii = 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 } = Vr(), O = C || o, k = g === e, A = _ === e || !_ && k, j = i.toArray(t), M = j.some((e) => l(e) && e.type.displayName === "Tabs.Icon"), N = !!s, P = (N || M) && t == null;
 	process.env.NODE_ENV !== "production" && N && M && 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);
@@ -3672,7 +3873,7 @@ var Lr = c(({ value: e, children: t, className: a, disabled: o = !1, icon: s, ba
 		h,
 		w,
 		e
-	]), L = N && !M || c || d, R = j.every((e) => typeof e == "string" || typeof e == "number");
+	]), I = N && !M || c || d, L = j.every((e) => typeof e == "string" || typeof e == "number");
 	return /* @__PURE__ */ r("button", {
 		...m,
 		ref: F,
@@ -3686,7 +3887,7 @@ var Lr = c(({ value: e, children: t, className: a, disabled: o = !1, icon: s, ba
 		"data-state": k ? "active" : "inactive",
 		"data-orientation": b,
 		"data-disabled": O ? "" : void 0,
-		className: I(Pr.trigger, Pr[x], Pr[S], b === "vertical" && Pr.vertical, N && Pr.withIcon, P && Pr.iconOnly, a),
+		className: V(ti.trigger, ti[x], ti[S], b === "vertical" && ti.vertical, N && ti.withIcon, P && ti.iconOnly, a),
 		onClick: (t) => {
 			f?.(t), !(t.defaultPrevented || O) && (y(e), v(e));
 		},
@@ -3695,50 +3896,50 @@ var Lr = c(({ value: e, children: t, className: a, disabled: o = !1, icon: s, ba
 		},
 		children: [
 			N && !M && /* @__PURE__ */ n("span", {
-				className: Pr.icon,
+				className: ti.icon,
 				"aria-hidden": "true",
 				children: s
 			}),
-			t != null && (L ? /* @__PURE__ */ r("span", {
-				className: Pr.body,
+			t != null && (I ? /* @__PURE__ */ r("span", {
+				className: ti.body,
 				children: [/* @__PURE__ */ n("span", {
-					className: Pr.label,
+					className: ti.label,
 					children: t
 				}), d != null && /* @__PURE__ */ n("span", {
-					className: Pr.description,
+					className: ti.description,
 					children: d
 				})]
-			}) : R ? /* @__PURE__ */ n("span", {
-				className: Pr.label,
+			}) : L ? /* @__PURE__ */ n("span", {
+				className: ti.label,
 				children: t
 			}) : t),
 			c != null && /* @__PURE__ */ n("span", {
-				className: Pr.badge,
+				className: ti.badge,
 				children: c
 			})
 		]
 	});
 });
-Lr.displayName = "Tabs.Trigger";
+ii.displayName = "Tabs.Trigger";
 //#endregion
 //#region src/components/Tabs/Tabs.tsx
-var Rr = Object.assign(Nr, {
-	List: Or,
-	Trigger: Lr,
-	Content: Sr,
-	Indicator: Dr,
-	Icon: Ir,
-	Badge: Fr
+var ai = Object.assign(ei, {
+	List: Yr,
+	Trigger: ii,
+	Content: Ur,
+	Indicator: Jr,
+	Icon: ri,
+	Badge: ni
 });
-Rr.displayName = "Tabs";
+ai.displayName = "Tabs";
 //#endregion
 //#region src/components/Tooltip/internal/composeEventHandlers.ts
-function zr(e, t) {
+function oi(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t?.(n);
 	};
 }
-function Br(...e) {
+function si(...e) {
 	return (t) => {
 		e.forEach((e) => {
 			if (e) {
@@ -3753,18 +3954,18 @@ function Br(...e) {
 }
 //#endregion
 //#region src/components/Tooltip/internal/TooltipContext.tsx
-var Vr = s(null), Hr = s({
+var ci = s(null), li = s({
 	delay: {
 		open: 300,
 		close: 100
 	},
 	skipDelay: 300
-}), Ur = Vr.Provider, Wr = ({ children: e, delay: t = 700, skipDelay: r = 300 }) => {
+}), ui = ci.Provider, di = ({ children: e, delay: t = 700, skipDelay: r = 300 }) => {
 	let i = typeof t == "number" ? {
 		open: t,
 		close: 100
 	} : t;
-	return /* @__PURE__ */ n(Hr.Provider, {
+	return /* @__PURE__ */ n(li.Provider, {
 		value: {
 			delay: i,
 			skipDelay: r
@@ -3772,39 +3973,39 @@ var Vr = s(null), Hr = s({
 		children: e
 	});
 };
-function Gr() {
-	let e = d(Vr);
+function fi() {
+	let e = d(ci);
 	if (!e) throw Error("Tooltip compound components must be rendered inside Tooltip");
 	return e;
 }
-function Kr() {
-	return d(Hr);
+function pi() {
+	return d(li);
 }
-var qr = {
+var mi = {
 	tooltip: "_tooltip_raj0t_1",
 	arrow: "_arrow_raj0t_25"
-}, Jr = c(({ children: e, forceMount: t = !1, withArrow: i = !1, className: a, style: o, ...s }, c) => {
-	let l = Gr();
+}, hi = c(({ children: e, forceMount: t = !1, withArrow: i = !1, className: a, style: o, ...s }, c) => {
+	let l = fi();
 	return !t && !l.open ? null : /* @__PURE__ */ r("div", {
 		...l.getContentProps({
 			id: l.contentId,
 			role: "tooltip",
 			...s
 		}),
-		ref: Br(c, l.setContentRef),
-		className: I(qr.tooltip, a),
+		ref: si(c, l.setContentRef),
+		className: V(mi.tooltip, a),
 		"data-placement": l.placement,
 		"data-state": l.open ? "open" : "closed",
 		style: {
 			...l.floatingStyles,
 			...o
 		},
-		children: [e, i && /* @__PURE__ */ n(Yr, {})]
+		children: [e, i && /* @__PURE__ */ n(gi, {})]
 	});
 });
-Jr.displayName = "Tooltip.Content";
-function Yr() {
-	let e = Gr(), t = {
+hi.displayName = "Tooltip.Content";
+function gi() {
+	let e = fi(), t = {
 		top: "bottom",
 		right: "left",
 		bottom: "top",
@@ -3812,7 +4013,7 @@ function Yr() {
 	}[e.placement.split("-")[0]];
 	return /* @__PURE__ */ n("div", {
 		ref: e.arrowRef,
-		className: qr.arrow,
+		className: mi.arrow,
 		style: {
 			left: e.arrowX == null ? void 0 : `${e.arrowX}px`,
 			top: e.arrowY == null ? void 0 : `${e.arrowY}px`,
@@ -3822,8 +4023,8 @@ function Yr() {
 }
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipDelay.ts
-function Xr(e, t) {
-	let n = Kr();
+function _i(e, t) {
+	let n = pi();
 	return e == null ? n.delay : typeof e == "number" ? {
 		open: e,
 		close: n.delay.close
@@ -3834,25 +4035,25 @@ function Xr(e, t) {
 }
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipInteractions.ts
-function Zr({ context: e, delay: t, disabled: n, interactive: r }) {
-	return P([N(e, {
+function vi({ context: e, delay: t, disabled: n, interactive: r }) {
+	return A([k(e, {
 		delay: t,
 		enabled: !n,
 		move: !1,
 		handleClose: r ? void 0 : null
-	}), M(e, { enabled: !n })]);
+	}), O(e, { enabled: !n })]);
 }
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipPosition.ts
-function Qr({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions: i, matchTriggerWidth: a }) {
-	let o = g(null), s = nt({
+function yi({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions: i, matchTriggerWidth: a }) {
+	let o = g(null), s = Ae({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		offset: r,
 		avoidCollisions: i,
 		matchTriggerWidth: a,
-		middleware: [T({ element: o })]
+		middleware: [x({ element: o })]
 	});
 	return {
 		...s,
@@ -3863,38 +4064,36 @@ function Qr({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions
 }
 //#endregion
 //#region src/components/Tooltip/Root/TooltipRoot.tsx
-var $r = ({ 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] = he({
+var bi = ({ 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] = J({
 		value: t,
 		defaultValue: r,
 		onChange: i
 	}), x = (e) => {
 		l || b(e);
-	}, S = Qr({
+	}, S = yi({
 		open: y,
 		onOpenChange: x,
 		placement: a,
 		offset: o,
 		avoidCollisions: d,
 		matchTriggerWidth: f
-	}), C = Xr(s, c), w = Zr({
+	}), C = _i(s, c), w = vi({
 		context: S.context,
 		delay: C,
 		disabled: l,
 		interactive: u
-	}), { isTopOverlay: T } = le({
-		active: y,
-		id: h
-	});
-	return oe({
+	}), T = ke({
 		active: y,
+		id: h,
+		zIndexLevel: "tooltip",
 		contentRef: _,
 		ignoreRefs: [v],
 		closeOnEscape: !0,
 		closeOnOutsidePress: !u,
-		isTopOverlay: T,
 		requestClose: () => x(!1)
-	}), /* @__PURE__ */ n(Ur, {
+	});
+	return /* @__PURE__ */ n(ui, {
 		value: {
 			contentId: h,
 			open: y,
@@ -3905,36 +4104,39 @@ var $r = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, placemen
 			arrowX: S.arrowX,
 			arrowY: S.arrowY,
 			placement: S.placement,
-			floatingStyles: S.floatingStyles,
+			floatingStyles: {
+				...S.floatingStyles,
+				zIndex: T.zIndex
+			},
 			setOpen: x,
-			setTriggerRef: Br(v, S.setRef),
-			setContentRef: Br(_, S.setFloatingRef),
+			setTriggerRef: si(v, S.setRef),
+			setContentRef: si(_, S.setFloatingRef),
 			getTriggerProps: w.getReferenceProps,
 			getContentProps: w.getFloatingProps
 		},
 		children: e
 	});
 };
-$r.displayName = "Tooltip.Root";
+bi.displayName = "Tooltip.Root";
 //#endregion
 //#region src/components/Tooltip/Trigger/TooltipTrigger.tsx
-var ei = ({ asChild: e = !1, children: t, disabled: r = !1, className: i, ...a }) => {
-	let s = Gr(), c = e && l(t) ? t : void 0, u = s.disabled || r || c?.props.disabled, d = s.getTriggerProps({
+var xi = ({ asChild: e = !1, children: t, disabled: r = !1, className: i, ...a }) => {
+	let s = fi(), 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 ? Br(c.props.ref, s.setTriggerRef) : s.setTriggerRef,
-		className: I(c?.props.className, i),
+		ref: c ? si(c.props.ref, s.setTriggerRef) : s.setTriggerRef,
+		className: V(c?.props.className, i),
 		disabled: u || void 0,
-		onMouseEnter: zr(c?.props.onMouseEnter, d.onMouseEnter),
-		onMouseLeave: zr(c?.props.onMouseLeave, d.onMouseLeave),
-		onPointerEnter: zr(c?.props.onPointerEnter, d.onPointerEnter),
-		onPointerLeave: zr(c?.props.onPointerLeave, d.onPointerLeave),
-		onFocus: zr(c?.props.onFocus, d.onFocus),
-		onBlur: zr(c?.props.onBlur, d.onBlur)
+		onMouseEnter: oi(c?.props.onMouseEnter, d.onMouseEnter),
+		onMouseLeave: oi(c?.props.onMouseLeave, d.onMouseLeave),
+		onPointerEnter: oi(c?.props.onPointerEnter, d.onPointerEnter),
+		onPointerLeave: oi(c?.props.onPointerLeave, d.onPointerLeave),
+		onFocus: oi(c?.props.onFocus, d.onFocus),
+		onBlur: oi(c?.props.onBlur, d.onBlur)
 	};
 	return c ? o(c, f) : /* @__PURE__ */ n("button", {
 		type: "button",
@@ -3942,20 +4144,20 @@ var ei = ({ asChild: e = !1, children: t, disabled: r = !1, className: i, ...a }
 		children: t
 	});
 };
-ei.displayName = "Tooltip.Trigger";
+xi.displayName = "Tooltip.Trigger";
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-var ti = Object.assign($r, {
-	Trigger: ei,
-	Content: Jr,
-	Provider: Wr
+var Si = Object.assign(bi, {
+	Trigger: xi,
+	Content: hi,
+	Provider: di
 });
-ti.displayName = "Tooltip";
+Si.displayName = "Tooltip";
 //#endregion
 //#region src/utils/devWarning.ts
-var ni = (e, t) => {
+var Ci = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
-}, ri = {
+}, wi = {
 	button: "_button_1xn9g_1",
 	solid: "_solid_1xn9g_23",
 	primary: "_primary_1xn9g_23",
@@ -3983,84 +4185,84 @@ var ni = (e, t) => {
 	"button-spin": "_button-spin_1xn9g_1",
 	badge: "_badge_1xn9g_812",
 	shortcut: "_shortcut_1xn9g_826"
-}, ii = 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, ...P }, F) => {
-	let L = S && l(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(m || h), B = !!(T || E || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = d || f, ee = f && p ? p : R, H = p && R && !z && (typeof R == "string" || typeof R == "number") && (typeof p == "string" || typeof p == "number") ? String(f ? R : p) : void 0, U = O === "_blank" && !k ? "noreferrer noopener" : k, te = I(ri.button, ri[i], ri[a], ri[s], ri[c], C, {
-		[ri.disabled]: V,
-		[ri.loading]: f,
-		[ri.fullWidth]: b,
-		[ri.iconOnly]: z
+}, Ti = 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, ...P }, F) => {
+	let I = S && l(e) ? e : void 0, L = I ? I.props.children : e, R = x || !L && !!(m || h), z = !!(T || E || I?.props["aria-label"] || I?.props["aria-labelledby"]), B = d || f, ee = f && p ? p : L, te = p && L && !R && (typeof L == "string" || typeof L == "number") && (typeof p == "string" || typeof p == "number") ? String(f ? L : p) : void 0, H = O === "_blank" && !k ? "noreferrer noopener" : k, U = V(wi.button, wi[i], wi[a], wi[s], wi[c], C, {
+		[wi.disabled]: B,
+		[wi.loading]: f,
+		[wi.fullWidth]: b,
+		[wi.iconOnly]: R
 	});
-	ni(!S || !D, "Button: pass href to the child element when using asChild."), ni(!S || !!L, "Button: asChild requires a single valid React element child."), ni(!z || B, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
+	Ci(!S || !D, "Button: pass href to the child element when using asChild."), Ci(!S || !!I, "Button: asChild requires a single valid React element child."), Ci(!R || z, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
 	let ne = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}, re = (e) => {
-		if (V) {
+		if (B) {
 			ne(e);
 			return;
 		}
-		L?.props.onClick?.(e), e.defaultPrevented || w?.(e);
+		I?.props.onClick?.(e), e.defaultPrevented || w?.(e);
 	}, W = /* @__PURE__ */ r(t, { children: [
 		f && (g ? /* @__PURE__ */ n("span", {
-			className: ri.icon,
+			className: wi.icon,
 			"aria-hidden": "true",
 			children: g
 		}) : /* @__PURE__ */ n("span", {
-			className: ri.spinner,
+			className: wi.spinner,
 			"aria-hidden": "true"
 		})),
 		!f && m && /* @__PURE__ */ n("span", {
-			className: ri.icon,
+			className: wi.icon,
 			children: m
 		}),
-		ee && !z && /* @__PURE__ */ n("span", {
-			className: ri.label,
-			"data-measure": H,
+		ee && !R && /* @__PURE__ */ n("span", {
+			className: wi.label,
+			"data-measure": te,
 			children: /* @__PURE__ */ n("span", {
-				className: ri.labelText,
+				className: wi.labelText,
 				children: ee
 			})
 		}),
-		_ && !z && /* @__PURE__ */ n("span", {
-			className: ri.badge,
+		_ && !R && /* @__PURE__ */ n("span", {
+			className: wi.badge,
 			children: _
 		}),
-		v && !z && /* @__PURE__ */ n("span", {
-			className: ri.shortcut,
+		v && !R && /* @__PURE__ */ n("span", {
+			className: wi.shortcut,
 			children: v
 		}),
 		!f && h && /* @__PURE__ */ n("span", {
-			className: ri.icon,
+			className: wi.icon,
 			children: h
 		})
 	] });
-	return L ? o(L, {
+	return I ? o(I, {
 		...P,
 		ref: F,
 		"aria-busy": f || void 0,
-		"aria-disabled": V || void 0,
-		"aria-label": T || L.props["aria-label"] || void 0,
-		"aria-labelledby": E || L.props["aria-labelledby"] || void 0,
-		className: I(L.props.className, te),
-		href: V ? void 0 : L.props.href,
+		"aria-disabled": B || void 0,
+		"aria-label": T || I.props["aria-label"] || void 0,
+		"aria-labelledby": E || I.props["aria-labelledby"] || void 0,
+		className: V(I.props.className, U),
+		href: B ? void 0 : I.props.href,
 		onClick: re,
-		tabIndex: V ? -1 : L.props.tabIndex,
-		title: y || L.props.title,
+		tabIndex: B ? -1 : I.props.tabIndex,
+		title: y || I.props.title,
 		children: W
 	}) : D ? /* @__PURE__ */ n("a", {
 		ref: F,
-		href: V ? void 0 : D,
+		href: B ? void 0 : D,
 		id: j,
 		role: M,
-		tabIndex: V ? -1 : N,
+		tabIndex: B ? -1 : N,
 		target: O,
-		rel: U,
+		rel: H,
 		download: A,
-		onClick: V ? ne : w,
-		"aria-disabled": V || void 0,
+		onClick: B ? ne : w,
+		"aria-disabled": B || void 0,
 		"aria-label": T || void 0,
 		"aria-labelledby": E || void 0,
 		"aria-busy": f || void 0,
-		className: te,
+		className: U,
 		title: y,
 		children: W
 	}) : /* @__PURE__ */ n("button", {
@@ -4070,17 +4272,17 @@ var ni = (e, t) => {
 		role: M,
 		tabIndex: N,
 		type: u,
-		disabled: V,
-		onClick: V ? void 0 : w,
+		disabled: B,
+		onClick: B ? void 0 : w,
 		"aria-label": T || void 0,
 		"aria-labelledby": E || void 0,
 		"aria-busy": f || void 0,
-		className: te,
+		className: U,
 		title: y,
 		children: W
 	});
 });
-ii.displayName = "Button";
+Ti.displayName = "Button";
 var Q = {
 	wrapper: "_wrapper_11rc7_1",
 	colorPrimary: "_colorPrimary_11rc7_35",
@@ -4116,82 +4318,82 @@ var Q = {
 	"checkbox-checkmark-in": "_checkbox-checkmark-in_11rc7_1",
 	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_11rc7_1",
 	disabled: "_disabled_11rc7_369"
-}, ai = {
+}, Ei = {
 	sm: Q.labelSm,
 	md: Q.labelMd,
 	lg: Q.labelLg
-}, oi = {
+}, Di = {
 	sm: Q.wrapperSm,
 	md: Q.wrapperMd,
 	lg: Q.wrapperLg
-}, si = {
+}, Oi = {
 	sm: Q.containerSm,
 	md: Q.containerMd,
 	lg: Q.containerLg
-}, ci = {
+}, ki = {
 	primary: Q.colorPrimary,
 	neutral: Q.colorNeutral,
 	success: Q.colorSuccess,
 	warning: Q.colorWarning,
 	danger: Q.colorDanger
-}, li = 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, P = M ? `${A}-error` : void 0, F = [
-		E,
-		N,
-		P
-	].filter(Boolean).join(" "), [L, R] = he({
+}, Ai = 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: y, wrapperClassName: b, onCheckedChange: x, error: S, "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...E }, D) => {
+	let O = p(), k = e ?? O, A = g(null), j = !!S, M = i ? `${k}-description` : void 0, N = j ? `${k}-error` : void 0, P = [
+		T,
+		M,
+		N
+	].filter(Boolean).join(" "), [F, I] = J({
 		value: s,
 		defaultValue: m,
-		onChange: S
-	}), z = u((e) => {
-		if (j.current = e, typeof O == "function") {
-			O(e);
+		onChange: x
+	}), R = u((e) => {
+		if (A.current = e, typeof D == "function") {
+			D(e);
 			return;
 		}
-		O && (O.current = e);
-	}, [O]);
+		D && (D.current = e);
+	}, [D]);
 	f(() => {
-		j.current && (j.current.indeterminate = v);
+		A.current && (A.current.indeterminate = v);
 	}, [v]);
-	let B = (e) => {
-		R(e.target.checked);
+	let z = (e) => {
+		I(e.target.checked);
 	};
-	return ni(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ r("div", {
-		className: I(Q.container, si[c], d === "start" && Q.containerLabelStart, b),
+	return Ci(!!(t || C || w), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ r("div", {
+		className: V(Q.container, Oi[c], d === "start" && Q.containerLabelStart, y),
 		children: [
 			/* @__PURE__ */ r("label", {
-				htmlFor: A,
-				className: I(Q.wrapper, oi[c], ci[l], d === "start" && Q.labelStart, !t && Q.iconOnly, h && Q.disabled, x),
+				htmlFor: k,
+				className: V(Q.wrapper, Di[c], ki[l], d === "start" && Q.labelStart, !t && Q.iconOnly, h && Q.disabled, b),
 				children: [
 					/* @__PURE__ */ n("input", {
-						...D,
-						ref: z,
-						id: A,
+						...E,
+						ref: R,
+						id: k,
 						type: "checkbox",
-						checked: L,
+						checked: F,
 						disabled: h,
 						required: _,
-						onChange: B,
+						onChange: z,
 						className: Q.input,
-						"aria-label": w,
-						"aria-labelledby": T,
-						"aria-checked": v ? "mixed" : D["aria-checked"],
-						"aria-invalid": M ? !0 : D["aria-invalid"],
-						"aria-describedby": F || void 0
+						"aria-label": C,
+						"aria-labelledby": w,
+						"aria-checked": v ? "mixed" : E["aria-checked"],
+						"aria-invalid": j ? !0 : E["aria-invalid"],
+						"aria-describedby": P || void 0
 					}),
 					/* @__PURE__ */ n("span", {
-						className: I(Q.customCheckbox, M && Q.error, v && Q.indeterminate),
+						className: V(Q.customCheckbox, j && Q.error, v && Q.indeterminate),
 						"aria-hidden": "true",
 						children: v ? /* @__PURE__ */ n("span", {
-							className: I(Q.indeterminateMark, o && Q.customMark),
+							className: V(Q.indeterminateMark, o && Q.customMark),
 							children: o
-						}) : L && /* @__PURE__ */ n("span", {
+						}) : F && /* @__PURE__ */ n("span", {
 							className: Q.checkmark,
-							children: a ?? /* @__PURE__ */ n(y, {})
+							children: a ?? /* @__PURE__ */ n(L, {})
 						})
 					}),
 					t && /* @__PURE__ */ r("span", {
-						className: I(Q.label, ai[c]),
+						className: V(Q.label, Ei[c]),
 						children: [t, _ && /* @__PURE__ */ n("span", {
 							className: Q.requiredMark,
 							"aria-hidden": "true",
@@ -4201,19 +4403,19 @@ var Q = {
 				]
 			}),
 			i && /* @__PURE__ */ n("span", {
-				id: N,
+				id: M,
 				className: Q.descriptionText,
 				children: i
 			}),
-			M && /* @__PURE__ */ n("span", {
-				id: P,
+			j && /* @__PURE__ */ n("span", {
+				id: N,
 				className: Q.errorText,
-				children: C
+				children: S
 			})
 		]
 	});
 });
-li.displayName = "Checkbox";
+Ai.displayName = "Checkbox";
 var $ = {
 	inputGroup: "_inputGroup_1fjhk_1",
 	primary: "_primary_1fjhk_29",
@@ -4255,7 +4457,7 @@ var $ = {
 	toneDanger: "_toneDanger_1fjhk_876",
 	toneMuted: "_toneMuted_1fjhk_880",
 	toneInverse: "_toneInverse_1fjhk_884"
-}, ui = {
+}, ji = {
 	default: $.toneDefault,
 	primary: $.tonePrimary,
 	secondary: $.toneSecondary,
@@ -4263,7 +4465,7 @@ var $ = {
 	danger: $.toneDanger,
 	muted: $.toneMuted,
 	inverse: $.toneInverse
-}, di = (e = "text", t) => {
+}, Mi = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -4273,7 +4475,7 @@ var $ = {
 		case "search": return "off";
 		default: return;
 	}
-}, fi = (e, t) => {
+}, Ni = (e, t) => {
 	let n = e.replace(/\D/g, ""), r = 0, i = "";
 	for (let e of t) {
 		if (e === "#") {
@@ -4285,127 +4487,127 @@ var $ = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, pi = (e, t) => t ? typeof t == "function" ? t(e) : fi(e, t) : e, mi = 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: P, startAddon: F, endAddon: L, prefix: R, suffix: z, clearIcon: B, mask: V, format: ee, parse: H, startIconTone: U = "default", endIconTone: te = "default", clearIconTone: ne = "danger", autoFocus: re, maxLength: W, onMouseEnter: ie, onMouseLeave: ae, "aria-describedby": G, "aria-invalid": oe, "aria-labelledby": se, ...ce }, le) => {
-	let K = p(), ue = Jn(), de = !!(i || o || v), fe = e ?? (de ? void 0 : ue?.controlId) ?? K, pe = g(null), [me, he] = _(!1), [ge, _e] = _(l ?? ""), ve = c !== void 0, ye = String((ve ? c : ge) ?? ""), be = ee ? ee(ye) : ye, xe = ye.length > 0, Se = f ?? ue?.size ?? "md", Ce = y || !!v || !de && !!ue?.invalid, we = b || !de && !!ue?.disabled, Te = x || !de && !!ue?.required, Ee = D || S, De = d === "password", Oe = De && j && me ? "text" : d, ke = N ?? (d === "search" ? /* @__PURE__ */ n(C, {}) : null), Ae = P, je = di(d, E), Me = S && !we, Ne = O && xe && !we && !Ee && !Me, Pe = j && De && !we && !Me && !Ne, Fe = !Me && !Ne && !Pe && !!Ae, q = !!(M && W), Ie = o ? `${fe}-description` : void 0, Le = v ? `${fe}-error` : void 0, Re = q ? `${fe}-counter` : void 0, ze = [
+}, Pi = (e, t) => t ? typeof t == "function" ? t(e) : Ni(e, t) : e, Fi = 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: C, wrapperClassName: w, autoComplete: T, readOnly: E = !1, clearable: D = !1, onClear: O, onValueChange: k, revealPassword: A = !1, showCounter: j = !1, startIcon: M, endIcon: N, startAddon: P, endAddon: F, prefix: I, suffix: L, clearIcon: R, mask: z, format: B, parse: te, startIconTone: H = "default", endIconTone: U = "default", clearIconTone: ne = "danger", autoFocus: re, maxLength: W, onMouseEnter: ie, onMouseLeave: ae, "aria-describedby": G, "aria-invalid": oe, "aria-labelledby": se, ...ce }, le) => {
+	let K = p(), ue = mr(), de = !!(i || o || v), fe = e ?? (de ? void 0 : ue?.controlId) ?? K, pe = g(null), [me, he] = _(!1), [ge, _e] = _(l ?? ""), ve = c !== void 0, ye = String((ve ? c : ge) ?? ""), be = B ? B(ye) : ye, xe = ye.length > 0, Se = f ?? ue?.size ?? "md", Ce = y || !!v || !de && !!ue?.invalid, q = b || !de && !!ue?.disabled, we = x || !de && !!ue?.required, Te = E || S, Ee = d === "password", De = Ee && A && me ? "text" : d, Oe = M ?? (d === "search" ? /* @__PURE__ */ n(ee, {}) : null), ke = N, Ae = Mi(d, T), je = S && !q, Me = D && xe && !q && !Te && !je, Ne = A && Ee && !q && !je && !Me, Pe = !je && !Me && !Ne && !!ke, Fe = !!(j && W), Ie = o ? `${fe}-description` : void 0, J = v ? `${fe}-error` : void 0, Le = Fe ? `${fe}-counter` : void 0, Re = [
 		G,
 		!de && !G ? ue?.ariaDescribedBy : void 0,
 		Ie,
-		Le,
-		Re
-	].filter(Boolean).join(" "), Be = B ?? "×", Ve = !!(ke || R), He = !!(Ae || z || Ne || Pe || Me), Ue = !!(ke && R), We = !!(Ae && z), Ge = !!(F || L), Ke = u((e) => {
+		J,
+		Le
+	].filter(Boolean).join(" "), ze = R ?? "×", Be = !!(Oe || I), Ve = !!(ke || L || Me || Ne || je), He = !!(Oe && I), Ue = !!(ke && L), We = !!(P || F), Ge = u((e) => {
 		if (pe.current = e, typeof le == "function") {
 			le(e);
 			return;
 		}
 		le && (le.current = e);
-	}, [le]), qe = u((e) => {
-		let t = pi(H ? H(e.target.value) : e.target.value, V);
-		ve || _e(t), A?.(t);
+	}, [le]), Ke = u((e) => {
+		let t = Pi(te ? te(e.target.value) : e.target.value, z);
+		ve || _e(t), k?.(t);
 	}, [
 		ve,
-		V,
-		A,
-		H
-	]), Je = u(() => {
-		ve || _e(""), A?.(""), k?.(), pe.current?.focus();
+		z,
+		k,
+		te
+	]), qe = u(() => {
+		ve || _e(""), k?.(""), O?.(), pe.current?.focus();
 	}, [
 		ve,
-		k,
-		A
-	]), Ye = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
-		className: I($.inputGroup, $[h], $[m], {
-			[$.hasAddons]: Ge,
-			[$.isDisabled]: we,
+		O,
+		k
+	]), Je = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+		className: V($.inputGroup, $[h], $[m], {
+			[$.hasAddons]: We,
+			[$.isDisabled]: q,
 			[$.isInvalid]: Ce,
-			[$.isLoading]: Me
+			[$.isLoading]: je
 		}),
 		children: [
-			F && /* @__PURE__ */ n("span", {
+			P && /* @__PURE__ */ n("span", {
 				className: $.addon,
-				children: F
+				children: P
 			}),
 			/* @__PURE__ */ r("div", {
-				className: I($.inputWrapper, {
-					[$.hasLeftAdornment]: Ve,
-					[$.hasRightAdornment]: He,
-					[$.hasStartIconAndPrefix]: Ue,
-					[$.hasEndIconAndSuffix]: We
+				className: V($.inputWrapper, {
+					[$.hasLeftAdornment]: Be,
+					[$.hasRightAdornment]: Ve,
+					[$.hasStartIconAndPrefix]: He,
+					[$.hasEndIconAndSuffix]: Ue
 				}),
 				children: [
-					ke && /* @__PURE__ */ n("span", {
+					Oe && /* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
-						className: I($.startAdornment, ui[U]),
-						children: ke
+						className: V($.startAdornment, ji[H]),
+						children: Oe
 					}),
-					R && /* @__PURE__ */ n("span", {
+					I && /* @__PURE__ */ n("span", {
 						className: $.prefix,
-						children: R
+						children: I
 					}),
 					/* @__PURE__ */ n("input", {
 						...ce,
-						ref: Ke,
+						ref: Ge,
 						id: fe,
 						name: a,
-						type: Oe,
-						autoComplete: je,
-						className: I($.input, $[Se], { [$.error]: Ce }, w),
+						type: De,
+						autoComplete: Ae,
+						className: V($.input, $[Se], { [$.error]: Ce }, C),
 						value: be,
-						onChange: qe,
+						onChange: Ke,
 						placeholder: s,
-						disabled: we,
-						readOnly: Ee,
-						required: Te,
+						disabled: q,
+						readOnly: Te,
+						required: we,
 						autoFocus: re,
 						maxLength: W,
 						"aria-invalid": Ce ? !0 : oe,
 						"aria-labelledby": se ?? (de ? void 0 : ue?.ariaLabelledBy),
-						"aria-describedby": ze || void 0,
+						"aria-describedby": Re || void 0,
 						"aria-busy": S || void 0,
 						onMouseEnter: ie,
 						onMouseLeave: ae
 					}),
-					z && /* @__PURE__ */ n("span", {
+					L && /* @__PURE__ */ n("span", {
 						className: $.suffix,
-						children: z
+						children: L
 					}),
 					/* @__PURE__ */ r("div", {
 						className: $.endSlot,
 						children: [
-							Me && /* @__PURE__ */ n("span", {
+							je && /* @__PURE__ */ n("span", {
 								className: $.spinner,
 								"aria-hidden": "true",
 								"data-testid": "input-spinner"
 							}),
-							Pe && /* @__PURE__ */ n("button", {
+							Ne && /* @__PURE__ */ n("button", {
 								type: "button",
 								className: $.iconButton,
 								onClick: () => he((e) => !e),
 								"aria-label": me ? "Hide password" : "Show password",
 								children: me ? "Hide" : "Show"
 							}),
-							Ne && /* @__PURE__ */ n("button", {
+							Me && /* @__PURE__ */ n("button", {
 								type: "button",
-								className: I($.clearButton, ui[ne]),
-								onClick: Je,
+								className: V($.clearButton, ji[ne]),
+								onClick: qe,
 								"aria-label": "Clear input",
-								children: Be
+								children: ze
 							}),
-							Fe && Ae && /* @__PURE__ */ n("span", {
+							Pe && ke && /* @__PURE__ */ n("span", {
 								"aria-hidden": "true",
-								className: I($.endAdornment, ui[te]),
-								children: Ae
+								className: V($.endAdornment, ji[U]),
+								children: ke
 							})
 						]
 					})
 				]
 			}),
-			L && /* @__PURE__ */ n("span", {
+			F && /* @__PURE__ */ n("span", {
 				className: $.addon,
-				children: L
+				children: F
 			})
 		]
-	}), q && /* @__PURE__ */ r("div", {
-		id: Re,
+	}), Fe && /* @__PURE__ */ r("div", {
+		id: Le,
 		className: $.counter,
 		children: [
 			ye.length,
@@ -4413,29 +4615,29 @@ var $ = {
 			W
 		]
 	})] });
-	return !de && ue ? Ye : /* @__PURE__ */ n(rr, {
+	return !de && ue ? Je : /* @__PURE__ */ n(wr, {
 		id: fe,
 		label: i,
 		description: o,
 		error: v,
-		required: Te,
-		disabled: we,
+		required: we,
+		disabled: q,
 		invalid: Ce,
 		size: Se,
-		className: T,
+		className: w,
 		bindControl: !1,
-		children: Ye
+		children: Je
 	});
 });
-mi.displayName = "Input";
+Fi.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var hi = s(null), gi = (e) => e === "highContrast" ? "high-contrast" : e, _i = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, syncDocument: i = !0, children: a }) => {
-	let [o, s] = he({
+var Ii = s(null), Li = (e) => e === "highContrast" ? "high-contrast" : e, Ri = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, syncDocument: i = !0, children: a }) => {
+	let [o, s] = J({
 		value: e,
 		defaultValue: t,
 		onChange: r
-	}), c = gi(o);
+	}), c = Li(o);
 	f(() => {
 		if (!i || typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
@@ -4451,7 +4653,7 @@ var hi = s(null), gi = (e) => e === "highContrast" ? "high-contrast" : e, _i = (
 		theme: o,
 		setTheme: s
 	}), [o, s]);
-	return /* @__PURE__ */ n(hi.Provider, {
+	return /* @__PURE__ */ n(Ii.Provider, {
 		value: l,
 		children: /* @__PURE__ */ n("div", {
 			"data-vellira-theme": c,
@@ -4459,13 +4661,13 @@ var hi = s(null), gi = (e) => e === "highContrast" ? "high-contrast" : e, _i = (
 		})
 	});
 };
-_i.displayName = "ThemeProvider";
+Ri.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function vi() {
-	let e = d(hi);
+function zi() {
+	let e = d(Ii);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { ii as Button, li as Checkbox, vt as Dropdown, rr as FormField, mi as Input, Kt as Modal, fn as Popover, Ce as Portal, Se as PortalProvider, _n as Radio, En as RadioGroup, vr as Select, Rr as Tabs, _i as ThemeProvider, ti as Tooltip, vi as useTheme };
+export { Ti as Button, Ai as Checkbox, Lt as Dropdown, wr as FormField, Fi as Input, fn as Modal, jn as Popover, We as Portal, Ue as PortalProvider, Ln as Radio, Kn as RadioGroup, zr as Select, ai as Tabs, Ri as ThemeProvider, Si as Tooltip, zi as useTheme };