@vellira-ui/react 2.42.0 → 2.43.0

package/dist/index.js

@@ -281,14 +281,14 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 	"input:not([disabled])",
 	"select:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
-].join(","), oe = (e) => Array.from(e.querySelectorAll(ae)).filter((e) => !e.hasAttribute("disabled")), se = (e) => {
+].join(","), oe = (e) => Array.from(e.querySelectorAll(ae)).filter((e) => !e.hasAttribute("disabled")), V = (e) => {
 	(oe(e)[0] ?? e).focus();
-}, ce = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
+}, se = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
 	f(() => {
 		if (!e) return;
 		let n = document.activeElement, c = i?.current, l = re();
 		return o?.(l), l.defaultPrevented || queueMicrotask(() => {
-			r?.current?.focus(), !r?.current && t.current && se(t.current);
+			r?.current?.focus(), !r?.current && t.current && V(t.current);
 		}), () => {
 			let e = re();
 			s?.(e), !(e.defaultPrevented || !a) && queueMicrotask(() => {
@@ -331,7 +331,7 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		t,
 		n
 	]);
-}, le = ({ active: e, contentRef: t, ignoreRefs: n = [], closeOnEscape: r, closeOnOutsidePress: i, isTopOverlay: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => {
+}, ce = ({ active: e, contentRef: t, ignoreRefs: n = [], closeOnEscape: r, closeOnOutsidePress: i, isTopOverlay: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => {
 	let u = g(n);
 	u.current = n, f(() => {
 		if (!e) return;
@@ -366,44 +366,44 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		s,
 		l
 	]);
-}, V = [], ue = {
+}, le = [], ue = {
 	add(e) {
-		V = V.filter((t) => t !== e), V.push(e);
+		le = le.filter((t) => t !== e), le.push(e);
 	},
 	remove(e) {
-		V = V.filter((t) => t !== e);
+		le = le.filter((t) => t !== e);
 	},
 	isTop(e) {
-		return V[V.length - 1] === e;
+		return le[le.length - 1] === e;
 	}
 }, de = ({ active: e, id: t }) => (f(() => {
 	if (e) return ue.add(t), () => {
 		ue.remove(t);
 	};
-}, [e, t]), { isTopOverlay: u(() => ue.isTop(t), [t]) }), fe = 0, pe = "", me = {
+}, [e, t]), { isTopOverlay: u(() => ue.isTop(t), [t]) }), H = 0, fe = "", pe = {
 	lock() {
-		typeof document > "u" || (fe === 0 && (pe = document.body.style.overflow, document.body.style.overflow = "hidden"), fe += 1);
+		typeof document > "u" || (H === 0 && (fe = document.body.style.overflow, document.body.style.overflow = "hidden"), H += 1);
 	},
 	unlock() {
-		typeof document > "u" || (fe = Math.max(0, fe - 1), fe === 0 && (document.body.style.overflow = pe));
+		typeof document > "u" || (H = Math.max(0, H - 1), H === 0 && (document.body.style.overflow = fe));
 	}
-}, he = ({ active: e, enabled: t = !0 }) => {
+}, me = ({ active: e, enabled: t = !0 }) => {
 	f(() => {
-		if (!(!e || !t)) return me.lock(), () => {
-			me.unlock();
+		if (!(!e || !t)) return pe.lock(), () => {
+			pe.unlock();
 		};
 	}, [e, t]);
-}, H = () => typeof document > "u" ? null : document.body, ge = ({ container: e } = {}) => {
+}, he = () => typeof document > "u" ? null : document.body, ge = ({ container: e } = {}) => {
 	let [t, n] = _(!1);
 	return f(() => {
 		n(!0);
-	}, []), t ? e ?? document.getElementById("overlay-root") ?? H() : null;
-}, _e = ({ value: e, defaultValue: t, onChange: n }) => {
+	}, []), t ? e ?? document.getElementById("overlay-root") ?? he() : null;
+}, U = ({ 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])];
-}, ve = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
+}, _e = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
 	let l = g({
 		value: "",
 		timeoutId: void 0
@@ -486,7 +486,7 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		m,
 		h
 	]) };
-}, ye = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
+}, ve = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
 	let [l, d] = _(n), [p, m] = _(-1), h = t !== void 0, g = t ?? l, v = u(() => e.findIndex((e) => !e.disabled), [e]), y = u(() => {
 		for (let t = e.length - 1; t >= 0; t--) if (!e[t]?.disabled) return t;
 		return -1;
@@ -541,7 +541,7 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		p,
 		e,
 		T
-	]), { onKeyDown: D } = ve({
+	]), { onKeyDown: D } = _e({
 		activeIndex: p,
 		setActiveIndex: m,
 		items: e,
@@ -570,8 +570,8 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		getFirstEnabledIndex: v,
 		getLastEnabledIndex: y
 	};
-}, be = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
-	let a = p(), o = p(), s = p(), [c, l] = _e({
+}, ye = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
+	let a = p(), o = p(), s = p(), [c, l] = U({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -589,12 +589,12 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		titleId: o,
 		descriptionId: s
 	};
-}, xe = ({ 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] = _e({
+}, be = ({ value: e, defaultValue: t, onValueChange: n, onChange: r, options: i, multiple: a = !1, maxSelected: o, closeOnSelect: s = !a, disabled: c = !1, open: l, defaultOpen: d = !1, onOpenChange: p }) => {
+	let [m, g] = U({
 		value: e,
 		defaultValue: t ?? (a ? [] : ""),
 		onChange: n ?? r
-	}), [v, y] = _e({
+	}), [v, y] = U({
 		value: l,
 		defaultValue: d,
 		onChange: p
@@ -663,7 +663,7 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		b,
 		i,
 		k
-	]), { onKeyDown: j } = ve({
+	]), { onKeyDown: j } = _e({
 		activeIndex: b,
 		setActiveIndex: x,
 		items: i,
@@ -693,8 +693,8 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		selectActiveOption: A,
 		onKeyDown: j
 	};
-}, U = ({ value: e, defaultValue: t = "", onValueChange: n }) => {
-	let [r, i] = _e({
+}, W = ({ value: e, defaultValue: t = "", onValueChange: n }) => {
+	let [r, i] = U({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -703,15 +703,15 @@ var te = L("checkboxItem", "Dropdown.CheckboxItem"), ne = ({ active: e, enabled:
 		value: r,
 		setValue: i
 	};
-}, Se = s(null), Ce = ({ children: e, container: t = null }) => /* @__PURE__ */ n(Se.Provider, {
+}, xe = s(null), Se = ({ children: e, container: t = null }) => /* @__PURE__ */ n(xe.Provider, {
 	value: t,
 	children: e
-}), we = ({ children: e, container: t }) => {
-	let n = d(Se), r = ge({ container: t ?? n });
+}), Ce = ({ children: e, container: t }) => {
+	let n = d(xe), r = ge({ container: t ?? n });
 	return r ? v(e, r) : null;
 };
-we.__velliraPortal = !0, we.displayName = "Portal", Ce.displayName = "PortalProvider";
-var Te = {
+Ce.__velliraPortal = !0, Ce.displayName = "Portal", Se.displayName = "PortalProvider";
+var we = {
 	dropdown: "_dropdown_m7rnq_1",
 	"dropdown-in": "_dropdown-in_m7rnq_1",
 	primary: "_primary_m7rnq_42",
@@ -723,57 +723,57 @@ var Te = {
 	searchWrap: "_searchWrap_m7rnq_165",
 	search: "_search_m7rnq_165",
 	"dropdown-sheet-in": "_dropdown-sheet-in_m7rnq_1"
-}, Ee = L("empty", "Dropdown.Empty"), De = ({ children: e }) => /* @__PURE__ */ n("li", {
+}, Te = L("empty", "Dropdown.Empty"), Ee = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: Te.empty,
+	className: we.empty,
 	children: e ?? "No actions available"
 });
-De.displayName = "DropdownEmptySurface";
+Ee.displayName = "DropdownEmptySurface";
 //#endregion
 //#region src/components/Dropdown/Group/DropdownGroup.tsx
-var Oe = L("group", "Dropdown.Group"), ke = () => null;
-ke.displayName = "DropdownGroupSurface";
+var De = L("group", "Dropdown.Group"), Oe = () => null;
+Oe.displayName = "DropdownGroupSurface";
 //#endregion
 //#region src/components/Dropdown/internal/DropdownContext.tsx
-var Ae = s(null), je = s(null), Me = s(null), Ne = Ae.Provider, Pe = je.Provider;
-Me.Provider;
-function W() {
-	let e = d(Ae);
+var ke = s(null), Ae = s(null), je = s(null), Me = ke.Provider, Ne = Ae.Provider;
+je.Provider;
+function G() {
+	let e = d(ke);
 	if (!e) throw Error("Dropdown compound components must be used inside Dropdown.");
 	return e;
 }
-function Fe() {
-	let e = d(je);
+function Pe() {
+	let e = d(Ae);
 	if (!e) throw Error("Dropdown.Trigger must be used inside Dropdown.");
 	return e;
 }
-var G = {
-	item: "_item_1vj4n_1",
-	disabled: "_disabled_1vj4n_22",
-	active: "_active_1vj4n_37",
-	itemShortcut: "_itemShortcut_1vj4n_44",
-	itemDescription: "_itemDescription_1vj4n_45",
-	primary: "_primary_1vj4n_53",
-	success: "_success_1vj4n_71",
-	warning: "_warning_1vj4n_89",
-	danger: "_danger_1vj4n_107",
-	itemIcon: "_itemIcon_1vj4n_131",
-	sm: "_sm_1vj4n_151",
-	md: "_md_1vj4n_157",
-	lg: "_lg_1vj4n_161",
-	itemText: "_itemText_1vj4n_168",
-	itemLabel: "_itemLabel_1vj4n_177",
-	itemBadge: "_itemBadge_1vj4n_203",
-	indicator: "_indicator_1vj4n_230",
-	"dropdown-indicator-in": "_dropdown-indicator-in_1vj4n_1",
-	checked: "_checked_1vj4n_246",
-	"dropdown-item-pop": "_dropdown-item-pop_1vj4n_1",
-	subContent: "_subContent_1vj4n_251",
-	"dropdown-sub-in": "_dropdown-sub-in_1vj4n_1",
-	subLabel: "_subLabel_1vj4n_276",
-	subSeparator: "_subSeparator_1vj4n_284"
-}, Ie = L("item", "Dropdown.Item"), Le = ({ item: e, itemIndex: i }) => {
-	let a = W(), o = g(void 0), [s, c] = _(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), l = a.activeIndex === i, u = a.openSubId === e.id, d = e.type === "checkbox", f = e.type === "radio", p = e.type === "subTrigger", m = d ? e.props.checked ?? s : f ? (e.groupProps?.value ?? a.radioValues[e.groupId]) === e.props.value : !1, h = a.loading || e.disabled, v = e.props, b = z(v.children), S = b.icon ?? v.icon, C = b.description ?? ("description" in v ? v.description : void 0), w = b.badge ?? ("badge" in v ? v.badge : void 0), T = b.shortcut ?? v.shortcut, E = b.content.length ? b.content : v.children, D = "color" in v ? v.color : void 0, O = e.type === "item" ? e.props.href : void 0, k = e.type === "item" ? e.props.target : void 0, A = e.type === "item" ? e.props.download : void 0, j = a.getItemId(i), M = d ? "menuitemcheckbox" : f ? "menuitemradio" : "menuitem", N = e.type === "item" && k === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, F = O ? "a" : "li", I = d || f, L = (t) => {
+var K = {
+	item: "_item_xmygj_1",
+	disabled: "_disabled_xmygj_35",
+	active: "_active_xmygj_53",
+	itemShortcut: "_itemShortcut_xmygj_67",
+	itemDescription: "_itemDescription_xmygj_68",
+	primary: "_primary_xmygj_76",
+	success: "_success_xmygj_94",
+	warning: "_warning_xmygj_112",
+	danger: "_danger_xmygj_130",
+	itemIcon: "_itemIcon_xmygj_154",
+	sm: "_sm_xmygj_174",
+	md: "_md_xmygj_180",
+	lg: "_lg_xmygj_184",
+	itemText: "_itemText_xmygj_191",
+	itemLabel: "_itemLabel_xmygj_200",
+	itemBadge: "_itemBadge_xmygj_226",
+	indicator: "_indicator_xmygj_253",
+	"dropdown-indicator-in": "_dropdown-indicator-in_xmygj_1",
+	checked: "_checked_xmygj_270",
+	"dropdown-item-pop": "_dropdown-item-pop_xmygj_1",
+	subContent: "_subContent_xmygj_275",
+	"dropdown-sub-in": "_dropdown-sub-in_xmygj_1",
+	subLabel: "_subLabel_xmygj_300",
+	subSeparator: "_subSeparator_xmygj_308"
+}, Fe = L("item", "Dropdown.Item"), Ie = ({ item: e, itemIndex: i }) => {
+	let a = G(), o = g(void 0), [s, c] = _(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), l = a.activeIndex === i, u = a.openSubId === e.id, d = e.type === "checkbox", f = e.type === "radio", p = e.type === "subTrigger", m = d ? e.props.checked ?? s : f ? (e.groupProps?.value ?? a.radioValues[e.groupId]) === e.props.value : !1, h = a.loading || e.disabled, v = e.props, b = z(v.children), S = b.icon ?? v.icon, C = b.description ?? ("description" in v ? v.description : void 0), w = b.badge ?? ("badge" in v ? v.badge : void 0), T = b.shortcut ?? v.shortcut, E = b.content.length ? b.content : v.children, D = "color" in v ? v.color : void 0, O = e.type === "item" ? e.props.href : void 0, k = e.type === "item" ? e.props.target : void 0, A = e.type === "item" ? e.props.download : void 0, j = a.getItemId(i), M = d ? "menuitemcheckbox" : f ? "menuitemradio" : "menuitem", N = e.type === "item" && k === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, F = O ? "a" : "li", I = d || f, L = (t) => {
 		if (h) {
 			t.preventDefault();
 			return;
@@ -782,7 +782,7 @@ var G = {
 			let t = !m;
 			c(t), e.props.onCheckedChange?.(t);
 		}
-		a.selectItem(e, Re(t));
+		a.selectItem(e, Le(t));
 	};
 	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r(F, {
 		id: j,
@@ -798,11 +798,11 @@ var G = {
 		"aria-expanded": p ? u : void 0,
 		"data-active": l || void 0,
 		"data-state": u ? "open" : void 0,
-		className: P(G.item, G[a.size], {
-			[G.active]: l,
-			[G.disabled]: h,
-			[G.checked]: m
-		}, D && D !== "default" ? G[D] : void 0, v.className),
+		className: P(K.item, K[a.size], {
+			[K.active]: l,
+			[K.disabled]: h,
+			[K.checked]: m
+		}, D && D !== "default" ? K[D] : void 0, v.className),
 		onClick: L,
 		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)));
@@ -811,59 +811,59 @@ var G = {
 			window.clearTimeout(o.current);
 		},
 		children: [
-			I && /* @__PURE__ */ n("span", {
-				className: G.indicator,
-				"aria-hidden": "true",
-				children: m ? /* @__PURE__ */ n(y, {}) : null
-			}),
 			S && /* @__PURE__ */ n("span", {
-				className: G.itemIcon,
+				className: K.itemIcon,
 				children: S
 			}),
 			/* @__PURE__ */ r("span", {
-				className: G.itemText,
+				className: K.itemText,
 				children: [/* @__PURE__ */ n("span", {
-					className: G.itemLabel,
+					className: K.itemLabel,
 					children: E
 				}), C && /* @__PURE__ */ n("span", {
-					className: G.itemDescription,
+					className: K.itemDescription,
 					children: C
 				})]
 			}),
 			w && /* @__PURE__ */ n("span", {
-				className: G.itemBadge,
+				className: K.itemBadge,
 				children: w
 			}),
 			T && /* @__PURE__ */ n("span", {
-				className: G.itemShortcut,
+				className: K.itemShortcut,
 				children: T
 			}),
+			I && /* @__PURE__ */ n("span", {
+				className: K.indicator,
+				"aria-hidden": "true",
+				children: m ? /* @__PURE__ */ n(y, {}) : null
+			}),
 			p && /* @__PURE__ */ n("span", {
-				className: G.itemShortcut,
+				className: K.itemShortcut,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ n(x, {})
 			})
 		]
 	}), p && u && e.subEntries.length > 0 && /* @__PURE__ */ n("ul", {
 		role: "menu",
-		className: G.subContent,
+		className: K.subContent,
 		onMouseEnter: () => a.setOpenSubId(e.id),
 		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ n("li", {
 			role: "presentation",
-			className: G.subLabel,
+			className: K.subLabel,
 			children: e.props.children
 		}, e.id) : e.type === "separator" ? /* @__PURE__ */ n("li", {
 			role: "separator",
-			className: G.subSeparator,
+			className: K.subSeparator,
 			"aria-hidden": "true"
-		}, e.id) : e.type === "item" ? /* @__PURE__ */ n(ze, {
+		}, e.id) : e.type === "item" ? /* @__PURE__ */ n(Re, {
 			item: e.item,
 			id: `${j}-${e.itemIndex}`
 		}, e.item.id) : null)
 	})] });
 };
-Le.displayName = "DropdownItemRow";
-function Re(e) {
+Ie.displayName = "DropdownItemRow";
+function Le(e) {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -875,8 +875,8 @@ function Re(e) {
 		}
 	};
 }
-function ze({ id: e, item: t }) {
-	let i = W(), [a, o] = _(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), s = t.type === "checkbox", c = t.type === "radio", l = s ? t.props.checked ?? a : c ? (t.groupProps?.value ?? i.radioValues[t.groupId]) === t.props.value : !1, u = t.props, d = z(u.children), f = d.icon ?? u.icon, p = d.description ?? ("description" in u ? u.description : void 0), m = d.badge ?? ("badge" in u ? u.badge : void 0), h = d.shortcut ?? u.shortcut, g = d.content.length ? d.content : u.children, v = "color" in u ? u.color : void 0, b = i.loading || t.disabled, x = t.type === "item" ? t.props.href : void 0, S = t.type === "item" ? t.props.target : void 0, C = t.type === "item" ? t.props.download : void 0, w = s ? "menuitemcheckbox" : c ? "menuitemradio" : "menuitem", T = t.type === "item" && S === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, E = x ? "a" : "li", D = s || c, O = (e) => {
+function Re({ id: e, item: t }) {
+	let i = G(), [a, o] = _(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), s = t.type === "checkbox", c = t.type === "radio", l = s ? t.props.checked ?? a : c ? (t.groupProps?.value ?? i.radioValues[t.groupId]) === t.props.value : !1, u = t.props, d = z(u.children), f = d.icon ?? u.icon, p = d.description ?? ("description" in u ? u.description : void 0), m = d.badge ?? ("badge" in u ? u.badge : void 0), h = d.shortcut ?? u.shortcut, g = d.content.length ? d.content : u.children, v = "color" in u ? u.color : void 0, b = i.loading || t.disabled, x = t.type === "item" ? t.props.href : void 0, S = t.type === "item" ? t.props.target : void 0, C = t.type === "item" ? t.props.download : void 0, w = s ? "menuitemcheckbox" : c ? "menuitemradio" : "menuitem", T = t.type === "item" && S === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, E = x ? "a" : "li", D = s || c, O = (e) => {
 		if (b) {
 			e.preventDefault();
 			return;
@@ -885,7 +885,7 @@ function ze({ id: e, item: t }) {
 			let e = !l;
 			o(e), t.props.onCheckedChange?.(e);
 		}
-		i.selectItem(t, Re(e));
+		i.selectItem(t, Le(e));
 	};
 	return /* @__PURE__ */ r(E, {
 		id: e,
@@ -897,54 +897,54 @@ function ze({ id: e, item: t }) {
 		tabIndex: b ? -1 : 0,
 		"aria-disabled": b || void 0,
 		"aria-checked": s || c ? l : void 0,
-		className: P(G.item, G[i.size], {
-			[G.disabled]: b,
-			[G.checked]: l
-		}, v && v !== "default" ? G[v] : void 0),
+		className: P(K.item, K[i.size], {
+			[K.disabled]: b,
+			[K.checked]: l
+		}, v && v !== "default" ? K[v] : void 0),
 		onClick: O,
 		children: [
 			D && /* @__PURE__ */ n("span", {
-				className: G.indicator,
+				className: K.indicator,
 				"aria-hidden": "true",
 				children: l ? /* @__PURE__ */ n(y, {}) : null
 			}),
 			f && /* @__PURE__ */ n("span", {
-				className: G.itemIcon,
+				className: K.itemIcon,
 				children: f
 			}),
 			/* @__PURE__ */ r("span", {
-				className: G.itemText,
+				className: K.itemText,
 				children: [/* @__PURE__ */ n("span", {
-					className: G.itemLabel,
+					className: K.itemLabel,
 					children: g
 				}), p && /* @__PURE__ */ n("span", {
-					className: G.itemDescription,
+					className: K.itemDescription,
 					children: p
 				})]
 			}),
 			m && /* @__PURE__ */ n("span", {
-				className: G.itemBadge,
+				className: K.itemBadge,
 				children: m
 			}),
 			h && /* @__PURE__ */ n("span", {
-				className: G.itemShortcut,
+				className: K.itemShortcut,
 				children: h
 			})
 		]
 	});
 }
-var Be = { group: "_group_aviwv_1" }, Ve = L("label", "Dropdown.Label"), K = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
+var ze = { group: "_group_aviwv_1" }, Be = L("label", "Dropdown.Label"), Ve = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: P(Be.group, t),
+	className: P(ze.group, t),
 	children: e
 });
-K.displayName = "DropdownLabelSurface";
+Ve.displayName = "DropdownLabelSurface";
 //#endregion
 //#region src/components/Dropdown/Loading/DropdownLoading.tsx
 var q = L("loading", "Dropdown.Loading"), He = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
 	"aria-live": "polite",
-	className: Te.empty,
+	className: we.empty,
 	children: e ?? "Loading actions..."
 });
 He.displayName = "DropdownLoadingSurface";
@@ -957,12 +957,18 @@ Ge.displayName = "DropdownSeparatorSurface";
 //#endregion
 //#region src/components/Dropdown/Content/DropdownContent.tsx
 var Ke = ({ className: e }) => {
-	let t = W();
-	if (!t.isOpen) return null;
-	let i = P(Te.dropdown, Te[t.color], t.contentProps?.className, e), o = /* @__PURE__ */ r("ul", {
-		ref: t.setContentRef,
+	let t = G(), { 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 = P(we.dropdown, we[t.color], t.contentProps?.className, e), p = /* @__PURE__ */ r("ul", {
+		ref: l,
 		id: t.contentId,
 		role: "menu",
+		autoFocus: !0,
 		tabIndex: -1,
 		"aria-labelledby": t.triggerId,
 		"aria-activedescendant": t.activeIndex >= 0 && t.activeIndex < t.items.length ? t.getItemId(t.activeIndex) : void 0,
@@ -971,13 +977,13 @@ var Ke = ({ className: e }) => {
 			...t.surfaceStyle,
 			...t.contentProps?.style
 		},
-		className: i,
+		className: d,
 		"data-color": t.color,
 		children: [t.searchable && /* @__PURE__ */ r("li", {
 			role: "presentation",
-			className: P(Te.searchWrap, t.searchProps?.className),
+			className: P(we.searchWrap, t.searchProps?.className),
 			children: [/* @__PURE__ */ n(C, { "aria-hidden": "true" }), /* @__PURE__ */ n("input", {
-				className: Te.search,
+				className: we.search,
 				value: t.searchValue,
 				placeholder: t.searchPlaceholder,
 				"aria-label": t.searchProps?.["aria-label"] ?? t.searchPlaceholder,
@@ -987,12 +993,12 @@ var Ke = ({ className: e }) => {
 					e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === "Escape" || e.stopPropagation();
 				}
 			})]
-		}), t.loading ? /* @__PURE__ */ n(He, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ n(De, { children: t.noOptionsText }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ n(ke, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ n(K, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ n(Ge, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ n(De, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ n(He, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ n(I, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(Le, {
+		}), t.loading ? /* @__PURE__ */ n(He, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ n(Ee, { children: t.noOptionsText }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ n(Oe, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ n(Ve, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ n(Ge, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ n(Ee, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ n(He, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ n(I, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(Ie, {
 			item: e.item,
 			itemIndex: e.itemIndex
-		}) }, e.item.id)) : /* @__PURE__ */ n(De, {})]
+		}) }, e.item.id)) : /* @__PURE__ */ n(Ee, {})]
 	});
-	return t.portal ? /* @__PURE__ */ n(we, { children: o }) : o;
+	return t.portal ? /* @__PURE__ */ n(Ce, { children: p }) : p;
 };
 Ke.__velliraDropdownPart = "content", Ke.displayName = "Dropdown.Content";
 //#endregion
@@ -1006,8 +1012,8 @@ var qe = L("itemBadge", "Dropdown.ItemBadge"), Je = L("itemDescription", "Dropdo
 			t.removeEventListener("change", r);
 		};
 	}, [e]), t;
-}, et = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, matchTriggerWidth: a = !1, avoidCollisions: o = !0, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
-	let l = $e(s), { refs: u, floatingStyles: d, update: p, context: m, middlewareData: g, placement: _ } = A({
+}, et = ({ 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 = $e(c), { refs: d, floatingStyles: p, isPositioned: m, update: g, context: _, middlewareData: v, placement: y } = A({
 		open: e,
 		onOpenChange: t,
 		placement: n,
@@ -1015,32 +1021,37 @@ var qe = L("itemBadge", "Dropdown.ItemBadge"), Je = L("itemDescription", "Dropdo
 		transform: !1,
 		middleware: h(() => [
 			D(i),
-			...o ? [E()] : [],
+			...s ? [E({ padding: a })] : [],
 			k({ apply({ rects: e, elements: t }) {
-				!a || l || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
+				!o || u || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 			} }),
-			...o ? [O({ padding: 8 })] : [],
-			...c
+			...s ? [O({ padding: a })] : [],
+			...l
 		], [
-			o,
-			c,
-			l,
+			s,
 			a,
+			l,
+			u,
+			o,
 			i
 		]),
 		whileElementsMounted: T
 	});
 	return f(() => {
-		l && u.floating.current?.style.removeProperty("width");
-	}, [l, u.floating]), {
-		context: m,
-		placement: _,
-		middlewareData: g,
-		floatingStyles: l ? {} : d,
-		isMobileSheet: l,
-		setRef: u.setReference,
-		setFloatingRef: u.setFloating,
-		updatePosition: p
+		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
 	};
 };
 //#endregion
@@ -1066,172 +1077,175 @@ function nt(...e) {
 function rt(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", offset: l = 2, matchTriggerWidth: d = !1, minWidth: m, maxWidth: v, portal: y = !0, avoidCollisions: b = !0, modal: x = !1, closeOnSelect: S = !0, loop: C = !0, disabled: w = !1, loading: T = !1, loadingText: E = "Loading actions...", searchable: D = !1, command: O = !1, searchValue: k, defaultSearchValue: A = "", searchPlaceholder: j, onSearch: M, empty: N, noOptionsText: F, className: I }) => {
-	let L = p(), z = `${L}-trigger`, ee = `${L}-menu`, B = g(null), te = g(null), [ne, re] = _(), [ie, ae] = _({}), [oe, se] = _(A), ce = k ?? oe, V = h(() => R(e), [e]), ue = V.content?.props.command ?? !1, fe = D || O || ue || !!V.search, pe = h(() => st(V.items), [V.items]), me = h(() => V.items.map((e) => ({
+var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", 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: F, empty: I, noOptionsText: L, className: z }) => {
+	let ee = p(), B = `${ee}-trigger`, te = `${ee}-menu`, ne = g(null), re = g(null), [ie, ae] = _(), [oe, V] = _({}), [se, le] = _(M), ue = j ?? se, H = h(() => R(e), [e]), fe = H.content?.props.command ?? !1, pe = k || A || fe || !!H.search, he = h(() => st(H.items), [H.items]), ge = h(() => H.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [V.items]), H = h(() => !fe || !ce.trim() ? V : ct(V, ce), [
-		fe,
-		V,
-		ce
-	]), ge = h(() => H.items.map((e) => ({
+	})), [H.items]), U = h(() => !pe || !ue.trim() ? H : ct(H, ue), [
+		pe,
+		H,
+		ue
+	]), _e = h(() => U.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [H.items]);
+	})), [U.items]);
 	f(() => {
-		ae((e) => {
+		V((e) => {
 			let t = { ...e };
-			return pe.forEach((e) => {
+			return he.forEach((e) => {
 				e.type === "radio" && t[e.groupId] === void 0 && (t[e.groupId] = e.groupProps?.value ?? e.groupProps?.defaultValue);
 			}), t;
 		});
-	}, [pe]);
-	let { activeIndex: _e, setActiveIndex: ve, isOpen: be, closeDropdown: xe, toggleDropdown: U, onKeyDown: Se } = ye({
-		items: fe ? ge : me,
+	}, [he]);
+	let { activeIndex: ye, setActiveIndex: be, isOpen: W, closeDropdown: xe, toggleDropdown: Se, onKeyDown: Ce } = ve({
+		items: pe ? _e : ge,
 		open: t,
 		defaultOpen: i,
-		disabled: w,
+		disabled: E,
 		onOpenChange: a,
-		getItemValue: (e, t) => (fe ? H.items : V.items)[t]?.id ?? "",
+		getItemValue: (e, t) => (pe ? U.items : H.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
-		loop: C
-	}), { floatingStyles: Ce, setRef: we, setFloatingRef: Te } = et({
-		open: be,
+		loop: T
+	}), { floatingStyles: we, isMobileSheet: Te, isPositioned: Ee, setRef: De, setFloatingRef: Oe } = et({
+		open: W,
 		placement: c,
-		matchTriggerWidth: d,
-		avoidCollisions: b,
-		offset: l,
+		strategy: l ?? (x ? "fixed" : "absolute"),
+		matchTriggerWidth: v,
+		avoidCollisions: S,
+		offset: d,
+		collisionPadding: m,
 		mobileSheetBreakpoint: 640
-	}), Ee = u((e) => {
-		k === void 0 && se(e), M?.(e), ve(0);
+	}), ke = u((e) => {
+		j === void 0 && le(e), F?.(e), be(0);
 	}, [
-		M,
-		k,
-		ve
-	]), { isTopOverlay: De } = de({
-		active: be,
-		id: ee
+		F,
+		j,
+		be
+	]), { isTopOverlay: Ae } = de({
+		active: W,
+		id: te
 	});
-	he({
-		active: be,
-		enabled: x
+	me({
+		active: W,
+		enabled: C
 	});
-	let Oe = u(() => {
-		xe(), B.current?.focus();
-	}, [xe]), ke = u((e, t) => {
-		if (e.disabled || T) return;
+	let je = u(() => {
+		xe(), ne.current?.focus();
+	}, [xe]), G = u((e, t) => {
+		if (e.disabled || D) return;
 		if (e.type === "subTrigger") {
-			re(e.id);
+			ae(e.id);
 			return;
 		}
-		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (ae((t) => ({
+		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (V((t) => ({
 			...t,
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
-		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && S);
-		!t.defaultPrevented && n && Oe();
+		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && w);
+		!t.defaultPrevented && n && je();
 	}, [
-		Oe,
-		S,
-		T
-	]), Ae = u((e) => {
-		let t = H.items[_e];
+		je,
+		w,
+		D
+	]), Pe = u((e) => {
+		let t = U.items[ye];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
-			e.preventDefault(), re(t.id);
+			e.preventDefault(), ae(t.id);
 			return;
 		}
-		if (e.key === "ArrowLeft" && ne) {
-			e.preventDefault(), re(void 0);
+		if (e.key === "ArrowLeft" && ie) {
+			e.preventDefault(), ae(void 0);
 			return;
 		}
 		if ((e.key === "Enter" || e.key === " ") && t) {
 			e.preventDefault();
 			let n = ot(e);
-			ke(t, n);
+			G(t, n);
 			return;
 		}
-		Se(e), e.key === "Escape" && B.current?.focus();
+		Ce(e), e.key === "Escape" && ne.current?.focus();
 	}, [
-		_e,
-		H.items,
-		Se,
-		ne,
-		ke
-	]), je = u((e) => {
-		e.preventDefault(), U();
-	}, [U]), Me = u((e) => {
-		B.current = e, we(e);
-	}, [we]), W = u((e) => {
-		te.current = e, Te(e), e?.focus();
-	}, [Te]);
-	le({
-		active: be,
+		ye,
+		U.items,
+		Ce,
+		ie,
+		G
+	]), K = u((e) => {
+		e.preventDefault(), Se();
+	}, [Se]), Fe = u((e) => {
+		ne.current = e, De(e);
+	}, [De]), Ie = u((e) => {
+		re.current = e, Oe(e), Te && e?.focus({ preventScroll: !0 });
+	}, [Te, Oe]);
+	ce({
+		active: W,
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: te,
-		ignoreRefs: [B],
-		isTopOverlay: De,
+		contentRef: re,
+		ignoreRefs: [ne],
+		isTopOverlay: Ae,
 		requestClose: xe
 	});
-	let Fe = {
-		...Ce,
-		minWidth: rt(m),
-		maxWidth: rt(v)
+	let Le = {
+		...we,
+		minWidth: rt(y),
+		maxWidth: rt(b)
 	};
-	return /* @__PURE__ */ n(Pe, {
+	return /* @__PURE__ */ n(Ne, {
 		value: {
-			disabled: w,
-			isOpen: be,
-			contentId: ee,
-			triggerId: z,
-			setTriggerRef: Me,
-			onClick: je,
-			onKeyDown: Ae
+			disabled: E,
+			isOpen: W,
+			contentId: te,
+			triggerId: B,
+			setTriggerRef: Fe,
+			onClick: K,
+			onKeyDown: Pe
 		},
-		children: /* @__PURE__ */ n(Ne, {
+		children: /* @__PURE__ */ n(Me, {
 			value: {
-				activeIndex: _e,
-				closeOnSelect: S,
+				activeIndex: ye,
+				closeOnSelect: w,
 				color: s,
-				contentId: ee,
-				contentProps: V.content?.props,
-				disabled: w,
-				entries: H.entries,
-				getItemId: (e) => `${ee}-item-${e}`,
-				isOpen: be,
-				items: H.items,
-				loading: T,
-				loadingText: E,
-				noOptionsText: N ?? F,
-				maxWidth: v,
-				minWidth: m,
-				openSubId: ne,
-				onKeyDown: Ae,
-				portal: !V.portal && y,
-				radioValues: ie,
-				searchPlaceholder: V.search?.props.placeholder ?? j ?? (O || ue ? "Type a command..." : "Search actions..."),
-				searchProps: V.search?.props,
-				searchValue: ce,
-				searchable: fe,
-				selectItem: ke,
-				setActiveIndex: ve,
-				setContentRef: W,
-				setOpenSubId: re,
+				contentReadyToFocus: Te || Ee,
+				contentId: te,
+				contentProps: H.content?.props,
+				disabled: E,
+				entries: U.entries,
+				getItemId: (e) => `${te}-item-${e}`,
+				isOpen: W,
+				items: U.items,
+				loading: D,
+				loadingText: O,
+				noOptionsText: I ?? L,
+				maxWidth: b,
+				minWidth: y,
+				openSubId: ie,
+				onKeyDown: Pe,
+				portal: !H.portal && x,
+				radioValues: oe,
+				searchPlaceholder: H.search?.props.placeholder ?? N ?? (A || fe ? "Type a command..." : "Search actions..."),
+				searchProps: H.search?.props,
+				searchValue: ue,
+				searchable: pe,
+				selectItem: G,
+				setActiveIndex: be,
+				setContentRef: Ie,
+				setOpenSubId: ae,
 				setRadioValue: (e, t) => {
-					ae((n) => ({
+					V((n) => ({
 						...n,
 						[e]: t
 					}));
 				},
-				setSearchValue: Ee,
+				setSearchValue: ke,
 				size: o,
-				surfaceStyle: Fe,
-				triggerId: z
+				surfaceStyle: Le,
+				triggerId: B
 			},
 			children: /* @__PURE__ */ r("div", {
-				className: P(it.wrapper, I),
-				"data-disabled": w || void 0,
-				children: [V.trigger ?? null, V.portal ?? V.content ?? /* @__PURE__ */ n(Ke, {})]
+				className: P(it.wrapper, z),
+				"data-disabled": E || void 0,
+				children: [H.trigger ?? null, H.portal ?? H.content ?? /* @__PURE__ */ n(Ke, {})]
 			})
 		})
 	});
@@ -1284,7 +1298,7 @@ var lt = L("search", "Dropdown.Search"), ut = L("subContent", "Dropdown.SubConte
 }, mt = (e) => /* @__PURE__ */ n(ht, { ...e });
 mt.__velliraDropdownPart = "trigger", mt.displayName = "Dropdown.Trigger";
 var ht = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
-	let s = W(), c = Fe(), u = t && l(e) ? e : void 0, d = s.disabled || i, f = {
+	let s = G(), c = Pe(), u = t && l(e) ? e : void 0, d = s.disabled || i, f = {
 		id: c.triggerId,
 		ref: u ? nt(u.props.ref, c.setTriggerRef) : c.setTriggerRef,
 		"aria-controls": c.isOpen ? c.contentId : void 0,
@@ -1320,12 +1334,12 @@ var gt = Object.assign(at, {
 	Trigger: mt,
 	Content: Ke,
 	Search: lt,
-	Item: Ie,
+	Item: Fe,
 	CheckboxItem: te,
 	RadioGroup: Ze,
 	RadioItem: Qe,
-	Group: Oe,
-	Label: Ve,
+	Group: De,
+	Label: Be,
 	Separator: We,
 	Sub: ft,
 	SubTrigger: dt,
@@ -1335,7 +1349,7 @@ var gt = Object.assign(at, {
 	ItemBadge: qe,
 	ItemShortcut: Xe,
 	Arrow: I,
-	Empty: Ee,
+	Empty: Te,
 	Loading: q
 });
 gt.displayName = "Dropdown";
@@ -1404,7 +1418,7 @@ Ot.displayName = "Modal.Close";
 //#endregion
 //#region src/components/Modal/internal/useModalDismiss.ts
 var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r, isTopModal: i, onEscapeKeyDown: a, onPointerDownOutside: o, onInteractOutside: s, requestClose: c }) => {
-	le({
+	ce({
 		active: e,
 		closeOnOutsidePress: r,
 		closeOnEscape: n,
@@ -1441,7 +1455,7 @@ var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r,
 		onInteractOutside: p.onInteractOutside,
 		onPointerDownOutside: p.onPointerDownOutside,
 		requestClose: p.requestClose
-	}), ce({
+	}), se({
 		active: m,
 		contentRef: p.contentRef,
 		enabled: p.trapFocus,
@@ -1531,7 +1545,7 @@ Rt.displayName = "ModalOverlay";
 //#endregion
 //#region src/components/Modal/Root/ModalRoot.tsx
 var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a = !0, closeOnEscape: o = !0, closeOnOutsidePress: s = !0, preventScroll: c = !0, restoreFocus: l = !0, trapFocus: d = !0, initialFocus: p, finalFocus: m, onOpenAutoFocus: v, onCloseAutoFocus: y, onEscapeKeyDown: b, onPointerDownOutside: x, onInteractOutside: S, role: C = "dialog", className: w }) => {
-	let T = g(null), { contentId: E, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = be({
+	let T = g(null), { contentId: E, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = ye({
 		open: t,
 		defaultOpen: r,
 		onOpenChange: i,
@@ -1545,7 +1559,7 @@ var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a
 		active: O,
 		id: E
 	});
-	return he({
+	return me({
 		active: O,
 		enabled: c
 	}), f(() => {
@@ -1664,28 +1678,28 @@ function Wt() {
 	return d(Ht);
 }
 var J = {
-	root: "_root_1avxs_1",
-	invalid: "_invalid_1avxs_27",
-	control: "_control_1avxs_27",
-	label: "_label_1avxs_30",
-	wrapper: "_wrapper_1avxs_33",
-	input: "_input_1avxs_34",
-	disabled: "_disabled_1avxs_37",
-	description: "_description_1avxs_45",
-	colorPrimary: "_colorPrimary_1avxs_49",
-	colorNeutral: "_colorNeutral_1avxs_65",
-	colorSuccess: "_colorSuccess_1avxs_81",
-	colorWarning: "_colorWarning_1avxs_97",
-	colorDanger: "_colorDanger_1avxs_113",
-	sm: "_sm_1avxs_129",
-	md: "_md_1avxs_138",
-	lg: "_lg_1avxs_147",
-	indicator: "_indicator_1avxs_202",
-	customIcon: "_customIcon_1avxs_216",
-	"radio-pop": "_radio-pop_1avxs_1",
-	"radio-indicator-in": "_radio-indicator-in_1avxs_1",
-	content: "_content_1avxs_339",
-	error: "_error_1avxs_356"
+	root: "_root_owqkg_1",
+	invalid: "_invalid_owqkg_34",
+	control: "_control_owqkg_34",
+	label: "_label_owqkg_37",
+	wrapper: "_wrapper_owqkg_40",
+	input: "_input_owqkg_41",
+	disabled: "_disabled_owqkg_44",
+	description: "_description_owqkg_52",
+	colorPrimary: "_colorPrimary_owqkg_56",
+	colorNeutral: "_colorNeutral_owqkg_72",
+	colorSuccess: "_colorSuccess_owqkg_88",
+	colorWarning: "_colorWarning_owqkg_104",
+	colorDanger: "_colorDanger_owqkg_120",
+	sm: "_sm_owqkg_136",
+	md: "_md_owqkg_145",
+	lg: "_lg_owqkg_154",
+	indicator: "_indicator_owqkg_209",
+	customIcon: "_customIcon_owqkg_223",
+	"radio-pop": "_radio-pop_owqkg_1",
+	"radio-indicator-in": "_radio-indicator-in_owqkg_1",
+	content: "_content_owqkg_346",
+	error: "_error_owqkg_363"
 }, Gt = {
 	primary: J.colorPrimary,
 	neutral: J.colorNeutral,
@@ -1698,7 +1712,7 @@ var J = {
 		E,
 		S?.describedBy,
 		y
-	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = _e({
+	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = U({
 		value: t,
 		defaultValue: i,
 		onChange: u
@@ -1801,7 +1815,7 @@ var $t = {
 	disabled: "_disabled_1s3vp_160",
 	invalid: "_invalid_1s3vp_176"
 }, en = c(({ value: e, defaultValue: t = "", onValueChange: i, disabled: a = !1, required: o = !1, size: s = "md", color: c = "primary", name: l, label: u, description: d, error: f, orientation: m = "vertical", children: 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] = _e({
+	let S = g(null), C = p(), w = v ?? C, T = u ? `${w}-label` : void 0, E = d ? `${w}-description` : void 0, D = f ? `${w}-error` : void 0, O = [E, D].filter(Boolean).join(" ") || void 0, k = l ?? `${w}-radio`, [A, j] = U({
 		value: e,
 		defaultValue: t,
 		onChange: i
@@ -2014,12 +2028,12 @@ var Y = {
 };
 un.__velliraSelectPart = "content", un.displayName = "Select.Content";
 var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style: s, options: c, entries: l, multiple: d, selectedValues: p, color: m = "primary", variant: h = "outline", searchable: v, command: y, virtual: b, portal: x = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: z, onSearchChange: ee }) => {
-	let B = g(null), te = g(!1), [ne, re] = _(null), [ie, ae] = _(0), { bottomSpacerHeight: oe, isVirtual: se, itemHeight: ce, startIndex: le, topSpacerHeight: V, viewportHeight: ue, visibleOptions: de } = on({
+	let B = g(null), te = g(!1), [ne, re] = _(null), [ie, ae] = _(0), { bottomSpacerHeight: oe, isVirtual: V, itemHeight: se, startIndex: ce, topSpacerHeight: le, viewportHeight: ue, visibleOptions: de } = on({
 		loading: T,
 		options: c,
 		scrollTop: ie,
 		virtual: b
-	}), fe = u((e) => {
+	}), H = u((e) => {
 		re(e), o(e);
 	}, [o]);
 	if (f(() => {
@@ -2037,8 +2051,8 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 			te.current = !0;
 			return;
 		}
-		if (te.current = !0, se) {
-			let e = Math.max(0, n * ce - (ue - ce) / 2);
+		if (te.current = !0, V) {
+			let e = Math.max(0, n * se - (ue - se) / 2);
 			ae(e), ne.scrollTop = e;
 			return;
 		}
@@ -2047,8 +2061,8 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		P,
 		ne,
 		e,
+		V,
 		se,
-		ce,
 		i,
 		T,
 		c,
@@ -2056,12 +2070,12 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		p,
 		ue
 	]), !e) return null;
-	let pe = l && !se ? l : de.map((e, t) => ({
+	let fe = l && !V ? l : de.map((e, t) => ({
 		type: "option",
 		option: e,
-		optionIndex: le + t
-	})), me = /* @__PURE__ */ r("div", {
-		ref: fe,
+		optionIndex: ce + t
+	})), pe = /* @__PURE__ */ r("div", {
+		ref: H,
 		tabIndex: 0,
 		className: [
 			Y.dropdown,
@@ -2072,7 +2086,7 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 		].filter(Boolean).join(" "),
 		style: s,
 		onScroll: (e) => {
-			se && ae(e.currentTarget.scrollTop);
+			V && ae(e.currentTarget.scrollTop);
 		},
 		children: [
 			k,
@@ -2108,12 +2122,12 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 					className: Y.empty,
 					children: j ?? E
 				}) : c.length ? /* @__PURE__ */ r(t, { children: [
-					se && /* @__PURE__ */ n("li", {
+					V && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
 						className: Y.virtualSpacer,
-						style: { height: V }
+						style: { height: le }
 					}),
-					pe.map((e) => {
+					fe.map((e) => {
 						if (e.type === "group") {
 							if (e.selectable && d) {
 								let t = e.itemValues.filter((e) => c.some((t) => t.value === e && !t.disabled)), i = p ? t.filter((e) => p.includes(e)).length : 0, a = t.length > 0 && i === t.length, o = i > 0 && i < t.length;
@@ -2163,7 +2177,7 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 							onMouseEnter: () => z(a)
 						}, t.value);
 					}),
-					se && /* @__PURE__ */ n("li", {
+					V && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
 						className: Y.virtualSpacer,
 						style: { height: oe }
@@ -2178,7 +2192,7 @@ var dn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style:
 			})
 		]
 	});
-	return x ? /* @__PURE__ */ n(we, { children: me }) : me;
+	return x ? /* @__PURE__ */ n(Ce, { children: pe }) : pe;
 };
 dn.displayName = "SelectContentSurface";
 function fn(e) {
@@ -2607,159 +2621,159 @@ var Ln = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabl
 Ln.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/Root/SelectRoot.tsx
-var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label": c, "aria-describedby": l, "aria-labelledby": d, value: m, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: j = !1, invalid: M = !1, loading: N = !1, clearable: P = !1, searchable: F = !1, virtual: I, modal: L = !1, command: R = !1, error: z, placement: ee = "bottom", matchTriggerWidth: B = !0, avoidCollisions: te = !0, portal: ne = !0, open: re, defaultOpen: ie = !1, onOpenChange: ae, onSearch: oe, onClear: se, startIcon: ce, endIcon: V, prefix: ue, suffix: fe, renderValue: pe, renderOption: me, onBlur: H, onFocus: ge, className: _e, triggerClassName: ve, dropdownClassName: ye }) => {
-	let be = p(), U = wn(), Se = !!(i || a || z), Ce = o ?? (Se ? void 0 : U?.controlId) ?? be, we = `${Ce}-listbox`, [Te, Ee] = _(""), De = !!z, Oe = De ? `${Ce}-error` : void 0, ke = a ? `${Ce}-description` : void 0, Ae = D ?? U?.size ?? "md", je = M || De || !Se && !!U?.invalid, Me = j || !Se && !!U?.disabled, Ne = A || !Se && !!U?.required, Pe = [
+var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label": c, "aria-describedby": l, "aria-labelledby": d, value: m, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: j = !1, invalid: M = !1, loading: N = !1, clearable: P = !1, searchable: F = !1, virtual: I, modal: L = !1, command: R = !1, error: z, placement: ee = "bottom", matchTriggerWidth: B = !0, avoidCollisions: te = !0, portal: ne = !0, open: re, defaultOpen: ie = !1, onOpenChange: ae, onSearch: oe, onClear: V, startIcon: se, endIcon: le, prefix: ue, suffix: H, renderValue: fe, renderOption: pe, onBlur: he, onFocus: ge, className: U, triggerClassName: _e, dropdownClassName: ve }) => {
+	let ye = p(), W = wn(), xe = !!(i || a || z), Se = o ?? (xe ? void 0 : W?.controlId) ?? ye, Ce = `${Se}-listbox`, [we, Te] = _(""), Ee = !!z, De = Ee ? `${Se}-error` : void 0, Oe = a ? `${Se}-description` : void 0, ke = D ?? W?.size ?? "md", Ae = M || Ee || !xe && !!W?.invalid, je = j || !xe && !!W?.disabled, Me = A || !xe && !!W?.required, Ne = [
 		l,
-		!Se && !l ? U?.ariaDescribedBy : void 0,
-		ke,
-		Oe
-	].filter(Boolean).join(" "), W = g(null), Fe = g(null), [G, Ie] = _(!1), Le = F || R, { entries: Re, options: ze } = Mn(e), Be = Pn({
-		options: ze,
-		searchable: Le,
-		searchValue: Te
-	}), { selectedValue: Ve, selectedValues: K, isOpen: q, setIsOpen: He, setSelectedValue: Ue, activeIndex: We, setActiveIndex: Ge, closeDropdown: Ke, toggleDropdown: qe, selectValue: Je, onKeyDown: Ye } = xe({
+		!xe && !l ? W?.ariaDescribedBy : void 0,
+		Oe,
+		De
+	].filter(Boolean).join(" "), G = g(null), Pe = g(null), [K, Fe] = _(!1), Ie = F || R, { entries: Le, options: Re } = Mn(e), ze = Pn({
+		options: Re,
+		searchable: Ie,
+		searchValue: we
+	}), { selectedValue: Be, selectedValues: Ve, isOpen: q, setIsOpen: He, setSelectedValue: Ue, activeIndex: We, setActiveIndex: Ge, closeDropdown: Ke, toggleDropdown: qe, selectValue: Je, onKeyDown: Ye } = be({
 		value: m,
 		defaultValue: v,
 		onValueChange: y,
-		options: Be,
+		options: ze,
 		multiple: b,
 		maxSelected: x,
 		closeOnSelect: S,
-		disabled: Me,
+		disabled: je,
 		open: re,
 		defaultOpen: ie,
 		onOpenChange: ae
-	}), Xe = h(() => ze.find((e) => K.includes(e.value)), [ze, K]), Ze = h(() => ze.filter((e) => K.includes(e.value)), [ze, K]), Qe = !!Xe, $e = Array.isArray(Ve) ? Ve[0] ?? "" : Ve, { floatingStyles: et, setRef: tt, setFloatingRef: nt } = Nn({
+	}), Xe = h(() => Re.find((e) => Ve.includes(e.value)), [Re, Ve]), Ze = h(() => Re.filter((e) => Ve.includes(e.value)), [Re, Ve]), Qe = !!Xe, $e = Array.isArray(Be) ? Be[0] ?? "" : Be, { floatingStyles: et, setRef: tt, setFloatingRef: nt } = Nn({
 		isOpen: q,
 		onOpenChange: He,
 		placement: ee,
 		matchTriggerWidth: B,
 		avoidCollisions: te
 	}), rt = u((e) => {
-		Je(e), W.current?.focus();
+		Je(e), G.current?.focus();
 	}, [Je]), it = u((e) => {
 		if (!b || e.length === 0) return;
-		let t = e.filter((e) => ze.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => K.includes(e)), r = K.filter((e) => !t.includes(e)).length, i = typeof x == "number" ? Math.max(0, Math.min(t.length, x - r)) : t.length;
+		let t = e.filter((e) => Re.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => Ve.includes(e)), r = Ve.filter((e) => !t.includes(e)).length, i = typeof x == "number" ? Math.max(0, Math.min(t.length, x - r)) : t.length;
 		if (n.length > 0 && n.length >= i) {
-			Ue(K.filter((e) => !t.includes(e)));
+			Ue(Ve.filter((e) => !t.includes(e)));
 			return;
 		}
-		let a = [...K];
+		let a = [...Ve];
 		for (let e of t) if (!a.includes(e)) {
 			if (typeof x == "number" && a.length >= x) break;
 			a.push(e);
 		}
-		Ue(a), S && (Ke(), W.current?.focus());
+		Ue(a), S && (Ke(), G.current?.focus());
 	}, [
 		Ke,
 		S,
 		x,
 		b,
-		ze,
-		K,
+		Re,
+		Ve,
 		Ue
 	]), at = u(() => {
-		Je(""), se?.(), W.current?.focus();
-	}, [se, Je]), ot = u(() => {
-		q || Ie(!1), qe();
+		Je(""), V?.(), G.current?.focus();
+	}, [V, Je]), ot = u(() => {
+		q || Fe(!1), qe();
 	}, [q, qe]), st = u((e) => {
-		zn(e, q) && Ie(!0), Ye(e);
+		zn(e, q) && Fe(!0), Ye(e);
 	}, [q, Ye]), ct = u((e) => {
-		Ie(!0), Ge(e);
+		Fe(!0), Ge(e);
 	}, [Ge]), lt = u((e) => {
-		Ee(e), oe?.(e);
+		Te(e), oe?.(e);
 	}, [oe]), { isTopOverlay: ut } = de({
 		active: q,
-		id: we
+		id: Ce
 	});
-	le({
+	ce({
 		active: q,
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: Fe,
-		ignoreRefs: [W],
+		contentRef: Pe,
+		ignoreRefs: [G],
 		isTopOverlay: ut,
 		requestClose: Ke
 	}), f(() => {
-		q || Ie(!1);
+		q || Fe(!1);
 	}, [q]), f(() => {
-		!q && Te && Ee("");
-	}, [q, Te]), he({
+		!q && we && Te("");
+	}, [q, we]), me({
 		active: q,
 		enabled: L
 	});
 	let dt = u((e) => {
-		W.current = e, tt(e);
+		G.current = e, tt(e);
 	}, [tt]), ft = u((e) => {
-		Fe.current = e, nt(e);
-	}, [nt]), pt = pe ? pe(Xe) : b && Ze.length ? Ze.map((e) => e.label).join(", ") : Xe?.label ?? C, mt = w ?? E ?? "No options available", ht = P && K.length > 0 && !Me && !N, gt = {
-		id: Ce,
-		describedBy: Pe || void 0,
+		Pe.current = e, nt(e);
+	}, [nt]), pt = fe ? fe(Xe) : b && Ze.length ? Ze.map((e) => e.label).join(", ") : Xe?.label ?? C, mt = w ?? E ?? "No options available", ht = P && Ve.length > 0 && !je && !N, gt = {
+		id: Se,
+		describedBy: Ne || void 0,
 		labelledBy: c ? void 0 : d,
 		isOpen: q,
-		disabled: Me,
-		required: Ne,
-		listboxId: we,
+		disabled: je,
+		required: Me,
+		listboxId: Ce,
 		activeIndex: We,
-		ariaLabel: c ?? (!i && !U?.labelId ? Xe?.label || C : void 0),
-		error: je,
+		ariaLabel: c ?? (!i && !W?.labelId ? Xe?.label || C : void 0),
+		error: Ae,
 		loading: N,
 		displayText: pt,
 		isPlaceholder: !Qe,
-		size: Ae,
+		size: ke,
 		color: O,
 		variant: k,
-		startIcon: ce,
-		endIcon: V,
+		startIcon: se,
+		endIcon: le,
 		prefix: ue,
-		suffix: fe,
+		suffix: H,
 		clearable: ht,
-		className: ve,
+		className: _e,
 		buttonRef: dt,
 		onClear: at,
 		onClick: ot,
 		onKeyDown: st,
-		onBlur: H,
+		onBlur: he,
 		onFocus: ge
 	}, _t = {
 		isOpen: q,
-		listboxId: we,
-		labelledById: Ce,
+		listboxId: Ce,
+		labelledById: Se,
 		style: et,
-		options: Be,
-		entries: Le || Te ? void 0 : Re,
+		options: ze,
+		entries: Ie || we ? void 0 : Le,
 		multiple: b,
 		color: O,
 		variant: k,
-		searchable: Le,
+		searchable: Ie,
 		command: R,
 		virtual: I,
 		portal: ne,
-		searchValue: Te,
+		searchValue: we,
 		loading: N,
 		loadingText: T,
 		noOptionsText: mt,
-		renderOption: me,
+		renderOption: pe,
 		selectedValue: $e,
-		selectedValues: K,
+		selectedValues: Ve,
 		activeIndex: We,
-		visualActiveIndex: G ? We : -1,
-		className: ye,
+		visualActiveIndex: K ? We : -1,
+		className: ve,
 		setDropdownRef: ft,
 		onSelect: rt,
 		onSelectGroup: it,
 		onMouseEnter: ct,
 		onSearchChange: lt
-	}, vt = /* @__PURE__ */ r(t, { children: [s && b && K.length > 0 && /* @__PURE__ */ n(t, { children: K.map((e) => /* @__PURE__ */ n("input", {
+	}, vt = /* @__PURE__ */ r(t, { children: [s && b && Ve.length > 0 && /* @__PURE__ */ n(t, { children: Ve.map((e) => /* @__PURE__ */ n("input", {
 		type: "hidden",
 		name: s,
 		value: e,
-		disabled: Me
+		disabled: je
 	}, e)) }), s && !b && /* @__PURE__ */ n("input", {
 		type: "hidden",
 		name: s,
 		value: $e,
-		disabled: Me
+		disabled: je
 	})] }), yt = kn(e), bt = /* @__PURE__ */ r(rn, {
 		value: {
 			triggerProps: gt,
@@ -2777,15 +2791,15 @@ var Rn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label":
 			/* @__PURE__ */ n(dn, { ..._t })
 		]
 	});
-	return !Se && U ? e ? bt : xt : /* @__PURE__ */ n(Dn, {
-		id: Ce,
+	return !xe && W ? e ? bt : xt : /* @__PURE__ */ n(Dn, {
+		id: Se,
 		label: i,
 		description: a,
 		error: z,
-		required: Ne,
-		disabled: Me,
+		required: Me,
+		disabled: je,
 		bindControl: !1,
-		className: _e,
+		className: U,
 		children: e ? bt : xt
 	});
 };
@@ -3110,7 +3124,7 @@ var $n = (e) => [...e].sort((e, t) => {
 	tabs: "_tabs_1hj56_1",
 	vertical: "_vertical_1hj56_30"
 }, rr = ({ children: e, value: t, defaultValue: r, onValueChange: i, orientation: a = "horizontal", activationMode: o = "automatic", dir: s = "ltr", loop: c = !0, variant: l = "line", color: d = "primary", size: m = "md", keepMounted: h = !1, lazyMount: v = !1, disabled: y = !1, className: b, ...x }) => {
-	let S = p(), C = t !== void 0, { value: w, setValue: T } = U({
+	let S = p(), C = t !== void 0, { value: w, setValue: T } = W({
 		value: t,
 		defaultValue: r,
 		onValueChange: i
@@ -3377,23 +3391,23 @@ function vr(...e) {
 }
 //#endregion
 //#region src/components/Tooltip/Content/TooltipContent.tsx
-var yr = c(({ children: e, forceMount: t = !1, className: r, style: i, ...a }, o) => {
-	let s = pr();
-	return !t && !s.open ? null : /* @__PURE__ */ n("div", {
-		...s.getContentProps({
-			id: s.contentId,
+var yr = c(({ children: e, forceMount: t = !1, withArrow: i = !1, className: a, style: o, ...s }, c) => {
+	let l = pr();
+	return !t && !l.open ? null : /* @__PURE__ */ r("div", {
+		...l.getContentProps({
+			id: l.contentId,
 			role: "tooltip",
-			...a
+			...s
 		}),
-		ref: vr(o, s.setContentRef),
-		className: P(hr.tooltip, r),
-		"data-placement": s.placement,
-		"data-state": s.open ? "open" : "closed",
+		ref: vr(c, l.setContentRef),
+		className: P(hr.tooltip, a),
+		"data-placement": l.placement,
+		"data-state": l.open ? "open" : "closed",
 		style: {
-			...s.floatingStyles,
-			...i
+			...l.floatingStyles,
+			...o
 		},
-		children: e
+		children: [e, i && /* @__PURE__ */ n(gr, {})]
 	});
 });
 yr.displayName = "Tooltip.Content";
@@ -3441,7 +3455,7 @@ function Sr({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions
 //#endregion
 //#region src/components/Tooltip/Root/TooltipRoot.tsx
 var Cr = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, placement: a = "top", offset: o = 8, delay: s, skipDelay: c, disabled: l = !1, interactive: u = !1, avoidCollisions: d = !0, matchTriggerWidth: f = !1, modal: m = !1 }) => {
-	let h = `${p()}-content`, _ = g(null), v = g(null), [y, b] = _e({
+	let h = `${p()}-content`, _ = g(null), v = g(null), [y, b] = U({
 		value: t,
 		defaultValue: r,
 		onChange: i
@@ -3463,7 +3477,7 @@ var Cr = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, placemen
 		active: y,
 		id: h
 	});
-	return le({
+	return ce({
 		active: y,
 		contentRef: _,
 		ignoreRefs: [v],
@@ -3534,33 +3548,33 @@ Tr.displayName = "Tooltip";
 var Er = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, Z = {
-	button: "_button_1b73n_1",
-	solid: "_solid_1b73n_23",
-	primary: "_primary_1b73n_23",
-	loading: "_loading_1b73n_23",
-	neutral: "_neutral_1b73n_49",
-	success: "_success_1b73n_75",
-	warning: "_warning_1b73n_101",
-	danger: "_danger_1b73n_127",
-	outline: "_outline_1b73n_153",
-	ghost: "_ghost_1b73n_283",
-	soft: "_soft_1b73n_413",
-	link: "_link_1b73n_543",
-	square: "_square_1b73n_711",
-	rounded: "_rounded_1b73n_715",
-	pill: "_pill_1b73n_719",
-	sm: "_sm_1b73n_723",
-	md: "_md_1b73n_729",
-	lg: "_lg_1b73n_735",
-	fullWidth: "_fullWidth_1b73n_741",
-	iconOnly: "_iconOnly_1b73n_745",
-	label: "_label_1b73n_749",
-	labelText: "_labelText_1b73n_771",
-	icon: "_icon_1b73n_745",
-	spinner: "_spinner_1b73n_790",
-	"button-spin": "_button-spin_1b73n_1",
-	badge: "_badge_1b73n_812",
-	shortcut: "_shortcut_1b73n_826"
+	button: "_button_1xn9g_1",
+	solid: "_solid_1xn9g_23",
+	primary: "_primary_1xn9g_23",
+	loading: "_loading_1xn9g_23",
+	neutral: "_neutral_1xn9g_49",
+	success: "_success_1xn9g_75",
+	warning: "_warning_1xn9g_101",
+	danger: "_danger_1xn9g_127",
+	outline: "_outline_1xn9g_153",
+	ghost: "_ghost_1xn9g_283",
+	soft: "_soft_1xn9g_413",
+	link: "_link_1xn9g_543",
+	square: "_square_1xn9g_711",
+	rounded: "_rounded_1xn9g_715",
+	pill: "_pill_1xn9g_719",
+	sm: "_sm_1xn9g_723",
+	md: "_md_1xn9g_729",
+	lg: "_lg_1xn9g_735",
+	fullWidth: "_fullWidth_1xn9g_741",
+	iconOnly: "_iconOnly_1xn9g_745",
+	label: "_label_1xn9g_749",
+	labelText: "_labelText_1xn9g_771",
+	icon: "_icon_1xn9g_745",
+	spinner: "_spinner_1xn9g_790",
+	"button-spin": "_button-spin_1xn9g_1",
+	badge: "_badge_1xn9g_812",
+	shortcut: "_shortcut_1xn9g_826"
 }, Dr = c(({ children: e, color: i = "primary", appearance: a = "solid", size: s = "md", shape: c = "pill", type: u = "button", disabled: d = !1, loading: f = !1, loadingText: p, iconStart: m, iconEnd: h, spinner: g, badge: _, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: N, ...F }, I) => {
 	let L = S && l(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(m || h), ee = !!(T || E || L?.props["aria-label"] || L?.props["aria-labelledby"]), B = d || f, te = f && p ? p : R, ne = p && R && !z && (typeof R == "string" || typeof R == "number") && (typeof p == "string" || typeof p == "number") ? String(f ? R : p) : void 0, re = O === "_blank" && !k ? "noreferrer noopener" : k, ie = P(Z.button, Z[i], Z[a], Z[s], Z[c], C, {
 		[Z.disabled]: B,
@@ -3577,7 +3591,7 @@ var Er = (e, t) => {
 			return;
 		}
 		L?.props.onClick?.(e), e.defaultPrevented || w?.(e);
-	}, se = /* @__PURE__ */ r(t, { children: [
+	}, V = /* @__PURE__ */ r(t, { children: [
 		f && (g ? /* @__PURE__ */ n("span", {
 			className: Z.icon,
 			"aria-hidden": "true",
@@ -3623,7 +3637,7 @@ var Er = (e, t) => {
 		onClick: oe,
 		tabIndex: B ? -1 : L.props.tabIndex,
 		title: y || L.props.title,
-		children: se
+		children: V
 	}) : D ? /* @__PURE__ */ n("a", {
 		ref: I,
 		href: B ? void 0 : D,
@@ -3640,7 +3654,7 @@ var Er = (e, t) => {
 		"aria-busy": f || void 0,
 		className: ie,
 		title: y,
-		children: se
+		children: V
 	}) : /* @__PURE__ */ n("button", {
 		...F,
 		ref: I,
@@ -3655,45 +3669,45 @@ var Er = (e, t) => {
 		"aria-busy": f || void 0,
 		className: ie,
 		title: y,
-		children: se
+		children: V
 	});
 });
 Dr.displayName = "Button";
 var Q = {
-	wrapper: "_wrapper_1kk5v_1",
-	colorPrimary: "_colorPrimary_1kk5v_27",
-	colorNeutral: "_colorNeutral_1kk5v_45",
-	colorSuccess: "_colorSuccess_1kk5v_63",
-	colorWarning: "_colorWarning_1kk5v_81",
-	colorDanger: "_colorDanger_1kk5v_99",
-	labelStart: "_labelStart_1kk5v_115",
-	wrapperSm: "_wrapperSm_1kk5v_119",
-	wrapperMd: "_wrapperMd_1kk5v_125",
-	wrapperLg: "_wrapperLg_1kk5v_131",
-	iconOnly: "_iconOnly_1kk5v_137",
-	container: "_container_1kk5v_143",
-	containerSm: "_containerSm_1kk5v_150",
-	containerMd: "_containerMd_1kk5v_154",
-	containerLg: "_containerLg_1kk5v_158",
-	containerLabelStart: "_containerLabelStart_1kk5v_162",
-	descriptionText: "_descriptionText_1kk5v_162",
-	errorText: "_errorText_1kk5v_163",
-	input: "_input_1kk5v_167",
-	customCheckbox: "_customCheckbox_1kk5v_179",
-	requiredMark: "_requiredMark_1kk5v_194",
-	error: "_error_1kk5v_163",
-	checkmark: "_checkmark_1kk5v_210",
-	indeterminateMark: "_indeterminateMark_1kk5v_226",
-	customMark: "_customMark_1kk5v_239",
-	label: "_label_1kk5v_115",
-	labelSm: "_labelSm_1kk5v_270",
-	labelMd: "_labelMd_1kk5v_274",
-	labelLg: "_labelLg_1kk5v_278",
-	indeterminate: "_indeterminate_1kk5v_226",
-	"checkbox-pop": "_checkbox-pop_1kk5v_1",
-	"checkbox-checkmark-in": "_checkbox-checkmark-in_1kk5v_1",
-	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_1kk5v_1",
-	disabled: "_disabled_1kk5v_361"
+	wrapper: "_wrapper_11rc7_1",
+	colorPrimary: "_colorPrimary_11rc7_35",
+	colorNeutral: "_colorNeutral_11rc7_53",
+	colorSuccess: "_colorSuccess_11rc7_71",
+	colorWarning: "_colorWarning_11rc7_89",
+	colorDanger: "_colorDanger_11rc7_107",
+	labelStart: "_labelStart_11rc7_123",
+	wrapperSm: "_wrapperSm_11rc7_127",
+	wrapperMd: "_wrapperMd_11rc7_133",
+	wrapperLg: "_wrapperLg_11rc7_139",
+	iconOnly: "_iconOnly_11rc7_145",
+	container: "_container_11rc7_151",
+	containerSm: "_containerSm_11rc7_158",
+	containerMd: "_containerMd_11rc7_162",
+	containerLg: "_containerLg_11rc7_166",
+	containerLabelStart: "_containerLabelStart_11rc7_170",
+	descriptionText: "_descriptionText_11rc7_170",
+	errorText: "_errorText_11rc7_171",
+	input: "_input_11rc7_175",
+	customCheckbox: "_customCheckbox_11rc7_187",
+	requiredMark: "_requiredMark_11rc7_202",
+	error: "_error_11rc7_171",
+	checkmark: "_checkmark_11rc7_218",
+	indeterminateMark: "_indeterminateMark_11rc7_234",
+	customMark: "_customMark_11rc7_247",
+	label: "_label_11rc7_123",
+	labelSm: "_labelSm_11rc7_278",
+	labelMd: "_labelMd_11rc7_282",
+	labelLg: "_labelLg_11rc7_286",
+	indeterminate: "_indeterminate_11rc7_234",
+	"checkbox-pop": "_checkbox-pop_11rc7_1",
+	"checkbox-checkmark-in": "_checkbox-checkmark-in_11rc7_1",
+	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_11rc7_1",
+	disabled: "_disabled_11rc7_369"
 }, Or = {
 	sm: Q.labelSm,
 	md: Q.labelMd,
@@ -3717,7 +3731,7 @@ var Q = {
 		E,
 		N,
 		F
-	].filter(Boolean).join(" "), [L, R] = _e({
+	].filter(Boolean).join(" "), [L, R] = U({
 		value: s,
 		defaultValue: m,
 		onChange: S
@@ -3863,39 +3877,39 @@ var $ = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, Ir = (e, t) => t ? typeof t == "function" ? t(e) : Fr(e, t) : e, Lr = c(({ id: e, label: i, name: a, description: o, placeholder: s, value: c, defaultValue: l, type: d = "text", size: f, color: m = "primary", variant: h = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: S = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: F, startAddon: I, endAddon: L, prefix: R, suffix: z, clearIcon: ee, mask: B, format: te, parse: ne, startIconTone: re = "default", endIconTone: ie = "default", clearIconTone: ae = "danger", autoFocus: oe, maxLength: se, onMouseEnter: ce, onMouseLeave: le, "aria-describedby": V, "aria-invalid": ue, "aria-labelledby": de, ...fe }, pe) => {
-	let me = p(), he = wn(), H = !!(i || o || v), ge = e ?? (H ? void 0 : he?.controlId) ?? me, _e = g(null), [ve, ye] = _(!1), [be, xe] = _(l ?? ""), U = c !== void 0, Se = String((U ? c : be) ?? ""), Ce = te ? te(Se) : Se, we = Se.length > 0, Te = f ?? he?.size ?? "md", Ee = y || !!v || !H && !!he?.invalid, De = b || !H && !!he?.disabled, Oe = x || !H && !!he?.required, ke = D || S, Ae = d === "password", je = Ae && j && ve ? "text" : d, Me = N ?? (d === "search" ? /* @__PURE__ */ n(C, {}) : null), Ne = F, Pe = Pr(d, E), W = S && !De, Fe = O && we && !De && !ke && !W, G = j && Ae && !De && !W && !Fe, Ie = !W && !Fe && !G && !!Ne, Le = !!(M && se), Re = o ? `${ge}-description` : void 0, ze = v ? `${ge}-error` : void 0, Be = Le ? `${ge}-counter` : void 0, Ve = [
-		V,
-		!H && !V ? he?.ariaDescribedBy : void 0,
+}, Ir = (e, t) => t ? typeof t == "function" ? t(e) : Fr(e, t) : e, Lr = c(({ id: e, label: i, name: a, description: o, placeholder: s, value: c, defaultValue: l, type: d = "text", size: f, color: m = "primary", variant: h = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: S = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: F, startAddon: I, endAddon: L, prefix: R, suffix: z, clearIcon: ee, mask: B, format: te, parse: ne, startIconTone: re = "default", endIconTone: ie = "default", clearIconTone: ae = "danger", autoFocus: oe, maxLength: V, onMouseEnter: se, onMouseLeave: ce, "aria-describedby": le, "aria-invalid": ue, "aria-labelledby": de, ...H }, fe) => {
+	let pe = p(), me = wn(), he = !!(i || o || v), ge = e ?? (he ? void 0 : me?.controlId) ?? pe, U = g(null), [_e, ve] = _(!1), [ye, be] = _(l ?? ""), W = c !== void 0, xe = String((W ? c : ye) ?? ""), Se = te ? te(xe) : xe, Ce = xe.length > 0, we = f ?? me?.size ?? "md", Te = y || !!v || !he && !!me?.invalid, Ee = b || !he && !!me?.disabled, De = x || !he && !!me?.required, Oe = D || S, ke = d === "password", Ae = ke && j && _e ? "text" : d, je = N ?? (d === "search" ? /* @__PURE__ */ n(C, {}) : null), Me = F, Ne = Pr(d, E), G = S && !Ee, Pe = O && Ce && !Ee && !Oe && !G, K = j && ke && !Ee && !G && !Pe, Fe = !G && !Pe && !K && !!Me, Ie = !!(M && V), Le = o ? `${ge}-description` : void 0, Re = v ? `${ge}-error` : void 0, ze = Ie ? `${ge}-counter` : void 0, Be = [
+		le,
+		!he && !le ? me?.ariaDescribedBy : void 0,
+		Le,
 		Re,
-		ze,
-		Be
-	].filter(Boolean).join(" "), K = ee ?? "×", q = !!(Me || R), He = !!(Ne || z || Fe || G || W), Ue = !!(Me && R), We = !!(Ne && z), Ge = !!(I || L), Ke = u((e) => {
-		if (_e.current = e, typeof pe == "function") {
-			pe(e);
+		ze
+	].filter(Boolean).join(" "), Ve = ee ?? "×", q = !!(je || R), He = !!(Me || z || Pe || K || G), Ue = !!(je && R), We = !!(Me && z), Ge = !!(I || L), Ke = u((e) => {
+		if (U.current = e, typeof fe == "function") {
+			fe(e);
 			return;
 		}
-		pe && (pe.current = e);
-	}, [pe]), qe = u((e) => {
+		fe && (fe.current = e);
+	}, [fe]), qe = u((e) => {
 		let t = Ir(ne ? ne(e.target.value) : e.target.value, B);
-		U || xe(t), A?.(t);
+		W || be(t), A?.(t);
 	}, [
-		U,
+		W,
 		B,
 		A,
 		ne
 	]), Je = u(() => {
-		U || xe(""), A?.(""), k?.(), _e.current?.focus();
+		W || be(""), A?.(""), k?.(), U.current?.focus();
 	}, [
-		U,
+		W,
 		k,
 		A
 	]), Ye = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
 		className: P($.inputGroup, $[h], $[m], {
 			[$.hasAddons]: Ge,
-			[$.isDisabled]: De,
-			[$.isInvalid]: Ee,
-			[$.isLoading]: W
+			[$.isDisabled]: Ee,
+			[$.isInvalid]: Te,
+			[$.isLoading]: G
 		}),
 		children: [
 			I && /* @__PURE__ */ n("span", {
@@ -3910,37 +3924,37 @@ var $ = {
 					[$.hasEndIconAndSuffix]: We
 				}),
 				children: [
-					Me && /* @__PURE__ */ n("span", {
+					je && /* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
 						className: P($.startAdornment, Nr[re]),
-						children: Me
+						children: je
 					}),
 					R && /* @__PURE__ */ n("span", {
 						className: $.prefix,
 						children: R
 					}),
 					/* @__PURE__ */ n("input", {
-						...fe,
+						...H,
 						ref: Ke,
 						id: ge,
 						name: a,
-						type: je,
-						autoComplete: Pe,
-						className: P($.input, $[Te], { [$.error]: Ee }, w),
-						value: Ce,
+						type: Ae,
+						autoComplete: Ne,
+						className: P($.input, $[we], { [$.error]: Te }, w),
+						value: Se,
 						onChange: qe,
 						placeholder: s,
-						disabled: De,
-						readOnly: ke,
-						required: Oe,
+						disabled: Ee,
+						readOnly: Oe,
+						required: De,
 						autoFocus: oe,
-						maxLength: se,
-						"aria-invalid": Ee ? !0 : ue,
-						"aria-labelledby": de ?? (H ? void 0 : he?.ariaLabelledBy),
-						"aria-describedby": Ve || void 0,
+						maxLength: V,
+						"aria-invalid": Te ? !0 : ue,
+						"aria-labelledby": de ?? (he ? void 0 : me?.ariaLabelledBy),
+						"aria-describedby": Be || void 0,
 						"aria-busy": S || void 0,
-						onMouseEnter: ce,
-						onMouseLeave: le
+						onMouseEnter: se,
+						onMouseLeave: ce
 					}),
 					z && /* @__PURE__ */ n("span", {
 						className: $.suffix,
@@ -3949,29 +3963,29 @@ var $ = {
 					/* @__PURE__ */ r("div", {
 						className: $.endSlot,
 						children: [
-							W && /* @__PURE__ */ n("span", {
+							G && /* @__PURE__ */ n("span", {
 								className: $.spinner,
 								"aria-hidden": "true",
 								"data-testid": "input-spinner"
 							}),
-							G && /* @__PURE__ */ n("button", {
+							K && /* @__PURE__ */ n("button", {
 								type: "button",
 								className: $.iconButton,
-								onClick: () => ye((e) => !e),
-								"aria-label": ve ? "Hide password" : "Show password",
-								children: ve ? "Hide" : "Show"
+								onClick: () => ve((e) => !e),
+								"aria-label": _e ? "Hide password" : "Show password",
+								children: _e ? "Hide" : "Show"
 							}),
-							Fe && /* @__PURE__ */ n("button", {
+							Pe && /* @__PURE__ */ n("button", {
 								type: "button",
 								className: P($.clearButton, Nr[ae]),
 								onClick: Je,
 								"aria-label": "Clear input",
-								children: K
+								children: Ve
 							}),
-							Ie && Ne && /* @__PURE__ */ n("span", {
+							Fe && Me && /* @__PURE__ */ n("span", {
 								"aria-hidden": "true",
 								className: P($.endAdornment, Nr[ie]),
-								children: Ne
+								children: Me
 							})
 						]
 					})
@@ -3982,24 +3996,24 @@ var $ = {
 				children: L
 			})
 		]
-	}), Le && /* @__PURE__ */ r("div", {
-		id: Be,
+	}), Ie && /* @__PURE__ */ r("div", {
+		id: ze,
 		className: $.counter,
 		children: [
-			Se.length,
+			xe.length,
 			" / ",
-			se
+			V
 		]
 	})] });
-	return !H && he ? Ye : /* @__PURE__ */ n(Dn, {
+	return !he && me ? Ye : /* @__PURE__ */ n(Dn, {
 		id: ge,
 		label: i,
 		description: o,
 		error: v,
-		required: Oe,
-		disabled: De,
-		invalid: Ee,
-		size: Te,
+		required: De,
+		disabled: Ee,
+		invalid: Te,
+		size: we,
 		className: T,
 		bindControl: !1,
 		children: Ye
@@ -4008,32 +4022,32 @@ var $ = {
 Lr.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var Rr = s(null), zr = (e) => e === "highContrast" ? "high-contrast" : e, Br = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, children: i }) => {
-	let [a, o] = _e({
+var Rr = s(null), zr = (e) => e === "highContrast" ? "high-contrast" : e, Br = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, syncDocument: i = !0, children: a }) => {
+	let [o, s] = U({
 		value: e,
 		defaultValue: t,
 		onChange: r
-	}), s = zr(a);
+	}), c = zr(o);
 	f(() => {
-		if (typeof document > "u") return;
+		if (!i || typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
-		return e.dataset.velliraTheme = s, () => {
+		return e.dataset.velliraTheme = c, () => {
 			if (t === void 0) {
 				delete e.dataset.velliraTheme;
 				return;
 			}
 			e.dataset.velliraTheme = t;
 		};
-	}, [s]);
-	let c = h(() => ({
-		theme: a,
-		setTheme: o
-	}), [a, o]);
+	}, [c, i]);
+	let l = h(() => ({
+		theme: o,
+		setTheme: s
+	}), [o, s]);
 	return /* @__PURE__ */ n(Rr.Provider, {
-		value: c,
+		value: l,
 		children: /* @__PURE__ */ n("div", {
-			"data-vellira-theme": s,
-			children: i
+			"data-vellira-theme": c,
+			children: a
 		})
 	});
 };
@@ -4046,4 +4060,4 @@ function Vr() {
 	return e;
 }
 //#endregion
-export { Dr as Button, Mr as Checkbox, gt as Dropdown, Dn as FormField, Lr as Input, Vt as Modal, we as Portal, Ce as PortalProvider, Kt as Radio, tn as RadioGroup, Hn as Select, cr as Tabs, Br as ThemeProvider, Tr as Tooltip, Vr as useTheme };
+export { Dr as Button, Mr as Checkbox, gt as Dropdown, Dn as FormField, Lr as Input, Vt as Modal, Ce as Portal, Se as PortalProvider, Kt as Radio, tn as RadioGroup, Hn as Select, cr as Tabs, Br as ThemeProvider, Tr as Tooltip, Vr as useTheme };