@vellira-ui/react 2.35.0 → 2.35.1

package/dist/index.js

@@ -274,77 +274,81 @@ var W = {
 	subLabel: "_subLabel_1vj4n_276",
 	subSeparator: "_subSeparator_1vj4n_284"
 }, _e = B("item", "Dropdown.Item"), ve = ({ item: e, itemIndex: t }) => {
-	let n = he(), [r, i] = f(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), a = n.activeIndex === t, o = n.openSubId === e.id, s = e.type === "checkbox", c = e.type === "radio", l = e.type === "subTrigger", u = s ? e.props.checked ?? r : c ? (e.groupProps?.value ?? n.radioValues[e.groupId]) === e.props.value : !1, d = n.loading || e.disabled, p = e.props, m = ne(p.children), y = m.icon ?? p.icon, x = m.description ?? ("description" in p ? p.description : void 0), S = m.badge ?? ("badge" in p ? p.badge : void 0), C = m.shortcut ?? p.shortcut, w = m.content.length ? m.content : p.children, T = "color" in p ? p.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 = n.getItemId(t), A = s ? "menuitemcheckbox" : c ? "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 = s || c, P = (t) => {
-		if (d) {
+	let n = he(), r = d(void 0), [i, a] = f(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), o = n.activeIndex === t, s = n.openSubId === e.id, c = e.type === "checkbox", l = e.type === "radio", u = e.type === "subTrigger", p = c ? e.props.checked ?? i : l ? (e.groupProps?.value ?? n.radioValues[e.groupId]) === e.props.value : !1, m = n.loading || e.disabled, y = e.props, x = ne(y.children), S = x.icon ?? y.icon, C = x.description ?? ("description" in y ? y.description : void 0), w = x.badge ?? ("badge" in y ? y.badge : void 0), T = x.shortcut ?? y.shortcut, E = x.content.length ? x.content : y.children, D = "color" in y ? y.color : void 0, O = e.type === "item" ? e.props.href : void 0, k = e.type === "item" ? e.props.target : void 0, A = e.type === "item" ? e.props.download : void 0, j = n.getItemId(t), M = c ? "menuitemcheckbox" : l ? "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 = c || l, I = (t) => {
+		if (m) {
 			t.preventDefault();
 			return;
 		}
-		if (s && e.type === "checkbox") {
-			let t = !u;
-			i(t), e.props.onCheckedChange?.(t);
+		if (c && e.type === "checkbox") {
+			let t = !p;
+			a(t), e.props.onCheckedChange?.(t);
 		}
 		n.selectItem(e, ye(t));
 	};
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(M, {
-		id: k,
-		role: A,
-		href: M === "a" && !d ? E : void 0,
-		target: M === "a" && !d ? D : void 0,
-		rel: M === "a" ? j : void 0,
-		download: M === "a" && !d ? O : void 0,
-		tabIndex: d ? -1 : 0,
-		"aria-disabled": d || void 0,
-		"aria-checked": s || c ? u : void 0,
-		"aria-haspopup": l ? "menu" : void 0,
-		"aria-expanded": l ? o : void 0,
-		"data-active": a || void 0,
-		"data-state": o ? "open" : void 0,
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(P, {
+		id: j,
+		role: M,
+		href: P === "a" && !m ? O : void 0,
+		target: P === "a" && !m ? k : void 0,
+		rel: P === "a" ? N : void 0,
+		download: P === "a" && !m ? A : void 0,
+		tabIndex: m ? -1 : 0,
+		"aria-disabled": m || void 0,
+		"aria-checked": c || l ? p : void 0,
+		"aria-haspopup": u ? "menu" : void 0,
+		"aria-expanded": u ? s : void 0,
+		"data-active": o || void 0,
+		"data-state": s ? "open" : void 0,
 		className: V(W.item, W[n.size], {
-			[W.active]: a,
-			[W.disabled]: d,
-			[W.checked]: u
-		}, T && T !== "default" ? W[T] : void 0, p.className),
-		onClick: P,
+			[W.active]: o,
+			[W.disabled]: m,
+			[W.checked]: p
+		}, D && D !== "default" ? W[D] : void 0, y.className),
+		onClick: I,
 		onMouseEnter: () => {
-			d || (n.setActiveIndex(t), l && window.setTimeout(() => n.setOpenSubId(e.id), 120));
+			m || (n.setActiveIndex(t), u ? (window.clearTimeout(r.current), r.current = window.setTimeout(() => n.setOpenSubId(e.id), 120)) : (window.clearTimeout(r.current), n.setOpenSubId(void 0)));
+		},
+		onMouseLeave: () => {
+			window.clearTimeout(r.current);
 		},
 		children: [
-			N && /* @__PURE__ */ g("span", {
+			F && /* @__PURE__ */ g("span", {
 				className: W.indicator,
 				"aria-hidden": "true",
-				children: u ? /* @__PURE__ */ g(v, {}) : null
+				children: p ? /* @__PURE__ */ g(v, {}) : null
 			}),
-			y && /* @__PURE__ */ g("span", {
+			S && /* @__PURE__ */ g("span", {
 				className: W.itemIcon,
-				children: y
+				children: S
 			}),
 			/* @__PURE__ */ _("span", {
 				className: W.itemText,
 				children: [/* @__PURE__ */ g("span", {
 					className: W.itemLabel,
-					children: w
-				}), x && /* @__PURE__ */ g("span", {
+					children: E
+				}), C && /* @__PURE__ */ g("span", {
 					className: W.itemDescription,
-					children: x
+					children: C
 				})]
 			}),
-			S && /* @__PURE__ */ g("span", {
+			w && /* @__PURE__ */ g("span", {
 				className: W.itemBadge,
-				children: S
+				children: w
 			}),
-			C && /* @__PURE__ */ g("span", {
+			T && /* @__PURE__ */ g("span", {
 				className: W.itemShortcut,
-				children: C
+				children: T
 			}),
-			l && /* @__PURE__ */ g("span", {
+			u && /* @__PURE__ */ g("span", {
 				className: W.itemShortcut,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ g(b, {})
 			})
 		]
-	}), l && o && e.subEntries.length > 0 && /* @__PURE__ */ g("ul", {
+	}), u && s && e.subEntries.length > 0 && /* @__PURE__ */ g("ul", {
 		role: "menu",
 		className: W.subContent,
+		onMouseEnter: () => n.setOpenSubId(e.id),
 		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ g("li", {
 			role: "presentation",
 			className: W.subLabel,
@@ -355,7 +359,7 @@ var W = {
 			"aria-hidden": "true"
 		}, e.id) : e.type === "item" ? /* @__PURE__ */ g(be, {
 			item: e.item,
-			id: `${k}-${e.itemIndex}`
+			id: `${j}-${e.itemIndex}`
 		}, e.item.id) : null)
 	})] });
 };
@@ -373,26 +377,61 @@ function ye(e) {
 	};
 }
 function be({ id: e, item: t }) {
-	let n = he(), r = t.props, i = ne(r.children), a = i.icon ?? r.icon, o = i.content.length ? i.content : r.children, s = "color" in r ? r.color : void 0, c = n.loading || t.disabled;
-	return /* @__PURE__ */ _("li", {
+	let n = he(), [r, i] = f(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), a = t.type === "checkbox", o = t.type === "radio", s = a ? t.props.checked ?? r : o ? (t.groupProps?.value ?? n.radioValues[t.groupId]) === t.props.value : !1, c = t.props, l = ne(c.children), u = l.icon ?? c.icon, d = l.description ?? ("description" in c ? c.description : void 0), p = l.badge ?? ("badge" in c ? c.badge : void 0), m = l.shortcut ?? c.shortcut, h = l.content.length ? l.content : c.children, y = "color" in c ? c.color : void 0, b = n.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 = a ? "menuitemcheckbox" : o ? "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 = a || o, O = (e) => {
+		if (b) {
+			e.preventDefault();
+			return;
+		}
+		if (a && t.type === "checkbox") {
+			let e = !s;
+			i(e), t.props.onCheckedChange?.(e);
+		}
+		n.selectItem(t, ye(e));
+	};
+	return /* @__PURE__ */ _(E, {
 		id: e,
-		role: "menuitem",
-		tabIndex: c ? -1 : 0,
-		"aria-disabled": c || void 0,
-		className: V(W.item, W[n.size], { [W.disabled]: c }, s && s !== "default" ? W[s] : void 0),
-		onClick: (e) => {
-			c || n.selectItem(t, ye(e));
-		},
-		children: [a && /* @__PURE__ */ g("span", {
-			className: W.itemIcon,
-			children: a
-		}), /* @__PURE__ */ g("span", {
-			className: W.itemText,
-			children: /* @__PURE__ */ g("span", {
-				className: W.itemLabel,
-				children: o
+		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,
+		"aria-checked": a || o ? s : void 0,
+		className: V(W.item, W[n.size], {
+			[W.disabled]: b,
+			[W.checked]: s
+		}, y && y !== "default" ? W[y] : void 0),
+		onClick: O,
+		children: [
+			D && /* @__PURE__ */ g("span", {
+				className: W.indicator,
+				"aria-hidden": "true",
+				children: s ? /* @__PURE__ */ g(v, {}) : null
+			}),
+			u && /* @__PURE__ */ g("span", {
+				className: W.itemIcon,
+				children: u
+			}),
+			/* @__PURE__ */ _("span", {
+				className: W.itemText,
+				children: [/* @__PURE__ */ g("span", {
+					className: W.itemLabel,
+					children: h
+				}), d && /* @__PURE__ */ g("span", {
+					className: W.itemDescription,
+					children: d
+				})]
+			}),
+			p && /* @__PURE__ */ g("span", {
+				className: W.itemBadge,
+				children: p
+			}),
+			m && /* @__PURE__ */ g("span", {
+				className: W.itemShortcut,
+				children: m
 			})
-		})]
+		]
 	});
 }
 var xe = { group: "_group_aviwv_1" }, Se = B("label", "Dropdown.Label"), Ce = ({ children: e, className: t }) => /* @__PURE__ */ g("li", {
@@ -527,19 +566,19 @@ function G(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
 var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, size: i = "md", color: a = "primary", placement: s = "bottom-start", offset: p = 2, matchTriggerWidth: m = !1, minWidth: h, 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...", className: D }) => {
-	let O = l(), k = `${O}-trigger`, A = `${O}-menu`, j = d(null), M = d(null), [N, P] = f(), [I, L] = f({}), R = u(() => te(e), [e]), ee = u(() => R.items.map((e) => ({
+	let O = l(), k = `${O}-trigger`, A = `${O}-menu`, j = d(null), M = d(null), [N, P] = f(), [I, L] = f({}), R = u(() => te(e), [e]), ee = u(() => Ue(R.items), [R.items]), z = u(() => R.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
 	})), [R.items]);
 	c(() => {
 		L((e) => {
 			let t = { ...e };
-			return R.items.forEach((e) => {
+			return ee.forEach((e) => {
 				e.type === "radio" && t[e.groupId] === void 0 && (t[e.groupId] = e.groupProps?.value ?? e.groupProps?.defaultValue);
 			}), t;
 		});
-	}, [R.items]);
-	let { floatingStyles: z, setRef: B, setFloatingRef: ne } = Le({
+	}, [ee]);
+	let { floatingStyles: B, setRef: ne, setFloatingRef: re } = Le({
 		open: t,
 		onOpenChange: r,
 		placement: s,
@@ -547,8 +586,8 @@ var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOp
 		avoidCollisions: b,
 		offset: p,
 		mobileSheetBreakpoint: 640
-	}), { activeIndex: re, setActiveIndex: ie, isOpen: ae, closeDropdown: H, toggleDropdown: U, onKeyDown: oe } = F({
-		items: ee,
+	}), { activeIndex: ie, setActiveIndex: ae, isOpen: H, closeDropdown: U, toggleDropdown: oe, onKeyDown: se } = F({
+		items: z,
 		open: t,
 		defaultOpen: n,
 		disabled: w,
@@ -558,15 +597,15 @@ var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOp
 		loop: C
 	});
 	c(() => {
-		if (!x || !ae) return;
+		if (!x || !H) return;
 		let e = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [ae, x]);
-	let se = o(() => {
-		H(), j.current?.focus();
-	}, [H]), ce = o((e, t) => {
+	}, [H, x]);
+	let ce = o(() => {
+		U(), j.current?.focus();
+	}, [U]), le = o((e, t) => {
 		if (e.disabled || T) return;
 		if (e.type === "subTrigger") {
 			P(e.id);
@@ -577,13 +616,13 @@ var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOp
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
 		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && S);
-		!t.defaultPrevented && n && se();
+		!t.defaultPrevented && n && ce();
 	}, [
-		se,
+		ce,
 		S,
 		T
-	]), le = o((e) => {
-		let t = R.items[re];
+	]), ue = o((e) => {
+		let t = R.items[ie];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
 			e.preventDefault(), P(t.id);
 			return;
@@ -595,42 +634,42 @@ var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOp
 		if ((e.key === "Enter" || e.key === " ") && t) {
 			e.preventDefault();
 			let n = He(e);
-			ce(t, n);
+			le(t, n);
 			return;
 		}
-		oe(e), e.key === "Escape" && j.current?.focus();
+		se(e), e.key === "Escape" && j.current?.focus();
 	}, [
-		re,
-		oe,
+		ie,
+		se,
 		N,
 		R.items,
-		ce
-	]), ue = o((e) => {
-		e.preventDefault(), U();
-	}, [U]), de = o((e) => {
-		j.current = e, B(e);
-	}, [B]), fe = o((e) => {
-		M.current = e, ne(e), e?.focus();
-	}, [ne]);
-	Re([j, M], H, ae);
-	let he = {
-		...z,
+		le
+	]), de = o((e) => {
+		e.preventDefault(), oe();
+	}, [oe]), fe = o((e) => {
+		j.current = e, ne(e);
+	}, [ne]), he = o((e) => {
+		M.current = e, re(e), e?.focus();
+	}, [re]);
+	Re([j, M], U, H);
+	let ge = {
+		...B,
 		minWidth: G(h),
 		maxWidth: G(v)
 	};
 	return /* @__PURE__ */ g(me, {
 		value: {
 			disabled: w,
-			isOpen: ae,
+			isOpen: H,
 			contentId: A,
 			triggerId: k,
-			setTriggerRef: de,
-			onClick: ue,
-			onKeyDown: le
+			setTriggerRef: fe,
+			onClick: de,
+			onKeyDown: ue
 		},
 		children: /* @__PURE__ */ g(pe, {
 			value: {
-				activeIndex: re,
+				activeIndex: ie,
 				closeOnSelect: S,
 				color: a,
 				contentId: A,
@@ -638,19 +677,19 @@ var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOp
 				disabled: w,
 				entries: R.entries,
 				getItemId: (e) => `${A}-item-${e}`,
-				isOpen: ae,
+				isOpen: H,
 				items: R.items,
 				loading: T,
 				loadingText: E,
 				maxWidth: v,
 				minWidth: h,
 				openSubId: N,
-				onKeyDown: le,
+				onKeyDown: ue,
 				portal: y,
 				radioValues: I,
-				selectItem: ce,
-				setActiveIndex: ie,
-				setContentRef: fe,
+				selectItem: le,
+				setActiveIndex: ae,
+				setContentRef: he,
 				setOpenSubId: P,
 				setRadioValue: (e, t) => {
 					L((n) => ({
@@ -659,7 +698,7 @@ var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOp
 					}));
 				},
 				size: i,
-				surfaceStyle: he,
+				surfaceStyle: ge,
 				triggerId: k
 			},
 			children: /* @__PURE__ */ _("div", {
@@ -683,9 +722,15 @@ function He(e) {
 		}
 	};
 }
+function Ue(e) {
+	let t = [];
+	return e.forEach((e) => {
+		t.push(e), e.type === "subTrigger" && t.push(...Ue(e.subItems));
+	}), t;
+}
 //#endregion
 //#region src/components/Dropdown/SubContent/DropdownSubContent.tsx
-var Ue = B("subContent", "Dropdown.SubContent"), We = B("subTrigger", "Dropdown.SubTrigger"), Ge = B("sub", "Dropdown.Sub"), Ke = {
+var We = B("subContent", "Dropdown.SubContent"), Ge = B("subTrigger", "Dropdown.SubTrigger"), Ke = B("sub", "Dropdown.Sub"), qe = {
 	button: "_button_bb3ib_1",
 	disabled: "_disabled_bb3ib_63",
 	arrow: "_arrow_bb3ib_71",
@@ -701,9 +746,9 @@ var Ue = B("subContent", "Dropdown.SubContent"), We = B("subTrigger", "Dropdown.
 	lg: "_lg_bb3ib_350",
 	label: "_label_bb3ib_362",
 	open: "_open_bb3ib_390"
-}, qe = (e) => /* @__PURE__ */ g(Je, { ...e });
-qe.__velliraDropdownPart = "trigger", qe.displayName = "Dropdown.Trigger";
-var Je = ({ children: e, asChild: t = !1, disabled: r, className: i }) => {
+}, Je = (e) => /* @__PURE__ */ g(Ye, { ...e });
+Je.__velliraDropdownPart = "trigger", Je.displayName = "Dropdown.Trigger";
+var Ye = ({ children: e, asChild: t = !1, disabled: r, className: i }) => {
 	let o = he(), s = ge(), c = t && a(e) ? e : void 0, l = o.disabled || r, u = {
 		id: s.triggerId,
 		ref: c ? Be(c.props.ref, s.setTriggerRef) : s.setTriggerRef,
@@ -711,7 +756,7 @@ var Je = ({ children: e, asChild: t = !1, disabled: r, className: i }) => {
 		"aria-disabled": l || void 0,
 		"aria-expanded": s.isOpen,
 		"aria-haspopup": "menu",
-		className: V(!c && Ke.button, !c && Ke[o.size], !c && Ke[o.color], i),
+		className: V(!c && qe.button, !c && qe[o.size], !c && qe[o.color], i),
 		"data-state": s.isOpen ? "open" : "closed",
 		disabled: l || void 0,
 		onClick: ze(c?.props.onClick, s.onClick),
@@ -724,20 +769,20 @@ var Je = ({ children: e, asChild: t = !1, disabled: r, className: i }) => {
 		type: "button",
 		...u,
 		children: [/* @__PURE__ */ g("span", {
-			className: Ke.label,
+			className: qe.label,
 			children: e
 		}), /* @__PURE__ */ g("span", {
-			className: V(Ke.arrow, { [Ke.open]: s.isOpen }),
+			className: V(qe.arrow, { [qe.open]: s.isOpen }),
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ g(y, {})
 		})]
 	});
 };
-Je.displayName = "DropdownTriggerSurface";
+Ye.displayName = "DropdownTriggerSurface";
 //#endregion
 //#region src/components/Dropdown/Dropdown.tsx
-var Ye = Object.assign(Ve, {
-	Trigger: qe,
+var Xe = Object.assign(Ve, {
+	Trigger: Je,
 	Content: ke,
 	Item: _e,
 	CheckboxItem: ae,
@@ -746,9 +791,9 @@ var Ye = Object.assign(Ve, {
 	Group: ce,
 	Label: Se,
 	Separator: De,
-	Sub: Ge,
-	SubTrigger: We,
-	SubContent: Ue,
+	Sub: Ke,
+	SubTrigger: Ge,
+	SubContent: We,
 	ItemIcon: Me,
 	ItemDescription: je,
 	ItemBadge: Ae,
@@ -756,81 +801,81 @@ var Ye = Object.assign(Ve, {
 	Empty: oe,
 	Loading: we
 });
-Ye.displayName = "Dropdown";
+Xe.displayName = "Dropdown";
 //#endregion
 //#region src/components/Modal/ModalContext.tsx
-var Xe = r(void 0), Ze = () => {
-	let e = s(Xe);
+var Ze = r(void 0), Qe = () => {
+	let e = s(Ze);
 	if (e === void 0) throw Error("Modal compound components must be used inside Modal");
 	return e;
 };
-Xe.displayName = "ModalContext";
-var Qe = { modalBody: "_modalBody_iv33a_1" }, $e = ({ children: e }) => {
-	let { descriptionId: t } = Ze();
+Ze.displayName = "ModalContext";
+var $e = { modalBody: "_modalBody_iv33a_1" }, et = ({ children: e }) => {
+	let { descriptionId: t } = Qe();
 	return /* @__PURE__ */ g("div", {
 		id: t,
-		className: Qe.modalBody,
+		className: $e.modalBody,
 		children: e
 	});
 };
-$e.displayName = "ModalBody";
-var et = { content: "_content_k44g7_1" }, tt = ({ children: e }) => /* @__PURE__ */ g("div", {
-	className: et.content,
+et.displayName = "ModalBody";
+var tt = { content: "_content_k44g7_1" }, nt = ({ children: e }) => /* @__PURE__ */ g("div", {
+	className: tt.content,
 	children: e
 });
-tt.displayName = "ModalContent";
-var nt = { modalFooter: "_modalFooter_ezys6_1" }, rt = ({ children: e }) => /* @__PURE__ */ g("div", {
-	className: nt.modalFooter,
+nt.displayName = "ModalContent";
+var rt = { modalFooter: "_modalFooter_ezys6_1" }, it = ({ children: e }) => /* @__PURE__ */ g("div", {
+	className: rt.modalFooter,
 	children: e
 });
-rt.displayName = "ModalFooter";
-var it = {
+it.displayName = "ModalFooter";
+var at = {
 	modalHeader: "_modalHeader_p8xf1_1",
 	modalHeaderTitle: "_modalHeaderTitle_p8xf1_7",
 	modalHeaderCloseButton: "_modalHeaderCloseButton_p8xf1_14"
-}, at = ({ children: e }) => {
-	let { onClose: t, titleId: n } = Ze();
+}, ot = ({ children: e }) => {
+	let { onClose: t, titleId: n } = Qe();
 	return /* @__PURE__ */ _("div", {
-		className: it.modalHeader,
+		className: at.modalHeader,
 		children: [/* @__PURE__ */ g("h2", {
 			id: n,
-			className: it.modalHeaderTitle,
+			className: at.modalHeaderTitle,
 			children: e
 		}), t && /* @__PURE__ */ g("button", {
 			type: "button",
-			className: it.modalHeaderCloseButton,
+			className: at.modalHeaderCloseButton,
 			onClick: t,
 			"aria-label": "Close modal",
 			children: /* @__PURE__ */ g(x, { size: 16 })
 		})]
 	});
 };
-at.displayName = "ModalHeader";
+ot.displayName = "ModalHeader";
 //#endregion
 //#region src/hooks/useModalKeyboard.ts
-var ot = ({ isOpen: e, onClose: t }) => {
+var st = ({ isOpen: e, onClose: t }) => {
 	let n = o((n) => {
 		e && n.key === "Escape" && (n.preventDefault(), t?.());
 	}, [e, t]);
 	c(() => (document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n)), [n]);
-}, st = {
+}, ct = {
 	overlay: "_overlay_dcudn_1",
 	"overlay--open": "_overlay--open_dcudn_14",
 	modal: "_modal_dcudn_20",
 	"overlay--animated": "_overlay--animated_dcudn_28"
-}, ct = 0, lt = "", ut = ({ children: e, onClose: t, isOpen: n, className: r, closeOnBackdrop: i, closeOnClick: a, closeOnEsc: s = !0, zIndex: l = 1e3, animated: u = !0 }) => {
-	let f = i ?? a ?? !0, p = d(null), { titleId: m, descriptionId: h } = Ze(), _ = o((e) => {
+}, lt = 0, ut = "", dt = ({ children: e, onClose: t, isOpen: n, className: r, closeOnBackdrop: i, closeOnClick: a, closeOnEsc: s = !0, zIndex: l = 1e3, animated: u = !0 }) => {
+	let f = i ?? a ?? !0, p = d(null), { titleId: m, descriptionId: h } = Qe(), _ = o((e) => {
 		f && e.target === e.currentTarget && t?.();
 	}, [f, t]);
-	return ot({
+	return st({
 		isOpen: n,
 		onClose: s ? t : void 0
 	}), c(() => {
-		if (n) return ct === 0 && (lt = document.body.style.overflow), ct += 1, document.body.style.overflow = "hidden", () => {
-			ct = Math.max(0, ct - 1), ct === 0 && (document.body.style.overflow = lt);
+		if (n) return lt === 0 && (ut = document.body.style.overflow), lt += 1, document.body.style.overflow = "hidden", () => {
+			lt = Math.max(0, lt - 1), lt === 0 && (document.body.style.overflow = ut);
 		};
 	}, [n]), !n && !u ? null : /* @__PURE__ */ g(H, { children: /* @__PURE__ */ g("div", {
-		className: V(st.overlay, n && st["overlay--open"], u && st["overlay--animated"], r),
+		className: V(ct.overlay, n && ct["overlay--open"], u && ct["overlay--animated"], r),
 		onClick: _,
 		tabIndex: -1,
 		role: "presentation",
@@ -846,7 +891,7 @@ var ot = ({ isOpen: e, onClose: t }) => {
 			children: /* @__PURE__ */ g("div", {
 				ref: p,
 				tabIndex: -1,
-				className: st.modal,
+				className: ct.modal,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": m,
@@ -856,10 +901,10 @@ var ot = ({ isOpen: e, onClose: t }) => {
 		})
 	}) });
 };
-ut.displayName = "ModalOverlay";
+dt.displayName = "ModalOverlay";
 //#endregion
 //#region src/components/Modal/Modal.tsx
-var dt = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: a = !0 }) => {
+var ft = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: a = !0 }) => {
 	let o = I({
 		isOpen: e,
 		onClose: n,
@@ -867,34 +912,34 @@ var dt = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick
 		closeOnClick: i,
 		closeOnEsc: a
 	});
-	return o.shouldRender ? /* @__PURE__ */ g(Xe.Provider, {
+	return o.shouldRender ? /* @__PURE__ */ g(Ze.Provider, {
 		value: {
 			onClose: o.onClose,
 			titleId: o.titleId,
 			descriptionId: o.descriptionId
 		},
-		children: /* @__PURE__ */ g(ut, {
+		children: /* @__PURE__ */ g(dt, {
 			isOpen: o.isOpen,
 			onClose: o.onClose,
 			closeOnBackdrop: o.closeOnBackdrop,
 			closeOnEsc: o.closeOnEsc,
-			children: /* @__PURE__ */ g(tt, { children: t })
+			children: /* @__PURE__ */ g(nt, { children: t })
 		})
 	}) : null;
 };
-dt.displayName = "Modal";
+ft.displayName = "Modal";
 //#endregion
 //#region src/components/Modal/index.ts
-var ft = Object.assign(dt, {
-	Header: at,
-	Body: $e,
-	Content: tt,
-	Footer: rt
-}), pt = r(null), mt = pt.Provider;
-function ht() {
-	return s(pt);
+var pt = Object.assign(ft, {
+	Header: ot,
+	Body: et,
+	Content: nt,
+	Footer: it
+}), mt = r(null), ht = mt.Provider;
+function gt() {
+	return s(mt);
 }
-var gt = {
+var _t = {
 	root: "_root_1n02e_1",
 	label: "_label_1n02e_9",
 	required: "_required_1n02e_21",
@@ -905,7 +950,7 @@ var gt = {
 	error: "_error_1n02e_51",
 	disabled: "_disabled_1n02e_59",
 	invalid: "_invalid_1n02e_75"
-}, _t = i(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", name: s, label: c, description: u, error: d, orientation: f = "vertical", children: p, className: m, id: h, ...v }, y) => {
+}, vt = i(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", name: s, label: c, description: u, error: d, orientation: f = "vertical", children: p, className: m, id: h, ...v }, y) => {
 	let b = l(), x = h ?? b, S = c ? `${x}-label` : void 0, C = u ? `${x}-description` : void 0, w = d ? `${x}-error` : void 0, T = [C, w].filter(Boolean).join(" ") || void 0, E = s ?? `${x}-radio`, [D, O] = P({
 		value: e,
 		defaultValue: t,
@@ -921,23 +966,23 @@ var gt = {
 		"aria-disabled": r || void 0,
 		"aria-required": i || void 0,
 		"aria-invalid": k || void 0,
-		className: V(gt.root, k && gt.invalid, r && gt.disabled, m),
+		className: V(_t.root, k && _t.invalid, r && _t.disabled, m),
 		children: [
 			c && /* @__PURE__ */ _("div", {
 				id: S,
-				className: gt.label,
+				className: _t.label,
 				children: [c, i && /* @__PURE__ */ g("span", {
-					className: gt.required,
+					className: _t.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
 			u && /* @__PURE__ */ g("div", {
 				id: C,
-				className: gt.description,
+				className: _t.description,
 				children: u
 			}),
-			/* @__PURE__ */ g(mt, {
+			/* @__PURE__ */ g(ht, {
 				value: {
 					name: E,
 					value: D,
@@ -950,31 +995,31 @@ var gt = {
 					onValueChange: O
 				},
 				children: /* @__PURE__ */ g("div", {
-					className: V(gt.items, gt[f]),
+					className: V(_t.items, _t[f]),
 					children: p
 				})
 			}),
 			d && /* @__PURE__ */ g("div", {
 				id: w,
-				className: gt.error,
+				className: _t.error,
 				children: d
 			})
 		]
 	});
 });
-_t.displayName = "RadioGroup";
+vt.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Select/internal/SelectContext.tsx
-var vt = r(null), yt = vt.Provider;
-function bt() {
-	let e = s(vt);
+var yt = r(null), bt = yt.Provider;
+function xt() {
+	let e = s(yt);
 	if (!e) throw Error("Select compound components must be used inside <Select>");
 	return e;
 }
-vt.displayName = "SelectContext";
+yt.displayName = "SelectContext";
 //#endregion
 //#region src/components/Select/internal/useSelectVirtualization.ts
-function xt({ loading: e, options: t, scrollTop: n, virtual: r }) {
+function St({ loading: e, options: t, scrollTop: n, virtual: r }) {
 	return u(() => {
 		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 {
@@ -1011,9 +1056,9 @@ var q = {
 	danger: "_danger_1l7x7_283",
 	check: "_check_1l7x7_347",
 	checkPop: "_checkPop_1l7x7_1"
-}, St = () => null;
-St.__velliraSelectPart = "item", St.displayName = "Select.Item";
-var Ct = ({ option: e, isSelected: t, isActive: n, optionId: r, renderOption: i, onSelect: a, onMouseEnter: o }) => {
+}, Ct = () => null;
+Ct.__velliraSelectPart = "item", Ct.displayName = "Select.Item";
+var wt = ({ option: e, isSelected: t, isActive: n, optionId: r, renderOption: i, onSelect: a, onMouseEnter: o }) => {
 	let s = !!e.disabled;
 	return /* @__PURE__ */ _("li", {
 		id: r,
@@ -1067,7 +1112,7 @@ var Ct = ({ option: e, isSelected: t, isActive: n, optionId: r, renderOption: i,
 		})]
 	});
 };
-Ct.displayName = "SelectItemRow";
+wt.displayName = "SelectItemRow";
 var J = {
 	dropdown: "_dropdown_k5nye_1",
 	dropdownIn: "_dropdownIn_k5nye_1",
@@ -1093,17 +1138,17 @@ var J = {
 	separator: "_separator_k5nye_1556",
 	virtualSpacer: "_virtualSpacer_k5nye_1562",
 	mobileDropdownIn: "_mobileDropdownIn_k5nye_1"
-}, wt = ({ children: e, className: t }) => {
-	let { contentProps: n } = bt(), r = Et(e);
-	return /* @__PURE__ */ g(Tt, {
+}, Tt = ({ children: e, className: t }) => {
+	let { contentProps: n } = xt(), r = Dt(e);
+	return /* @__PURE__ */ g(Et, {
 		...n,
 		...r,
 		className: [n.className, t].filter(Boolean).join(" ")
 	});
 };
-wt.__velliraSelectPart = "content", wt.displayName = "Select.Content";
-var Tt = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, entries: s, multiple: l, selectedValues: u, color: p = "primary", variant: m = "outline", searchable: v, command: y, virtual: b, portal: S = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: ee, onSearchChange: z }) => {
-	let B = d(null), te = d(!1), [ne, re] = f(null), [ie, ae] = f(0), { bottomSpacerHeight: V, isVirtual: U, itemHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: le, visibleOptions: ue } = xt({
+Tt.__velliraSelectPart = "content", Tt.displayName = "Select.Content";
+var Et = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, entries: s, multiple: l, selectedValues: u, color: p = "primary", variant: m = "outline", searchable: v, command: y, virtual: b, portal: S = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: ee, onSearchChange: z }) => {
+	let B = d(null), te = d(!1), [ne, re] = f(null), [ie, ae] = f(0), { bottomSpacerHeight: V, isVirtual: U, itemHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: le, visibleOptions: ue } = St({
 		loading: T,
 		options: a,
 		scrollTop: ie,
@@ -1210,7 +1255,7 @@ var Tt = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 									children: /* @__PURE__ */ _("button", {
 										type: "button",
 										className: J.groupAction,
-										"aria-label": Dt(e.selectLabel ?? e.label),
+										"aria-label": Ot(e.selectLabel ?? e.label),
 										"aria-pressed": i ? "mixed" : r ? "true" : "false",
 										disabled: t.length === 0,
 										onClick: () => R(t),
@@ -1241,7 +1286,7 @@ var Tt = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 							"data-vellira-select-separator": "true"
 						}, e.id);
 						let { option: n, optionIndex: r } = e;
-						return /* @__PURE__ */ g(Ct, {
+						return /* @__PURE__ */ g(wt, {
 							option: n,
 							isSelected: u ? u.includes(n.value) : n.value === N,
 							isActive: r === F,
@@ -1268,8 +1313,8 @@ var Tt = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 	});
 	return S ? /* @__PURE__ */ g(H, { children: pe }) : pe;
 };
-Tt.displayName = "SelectContentSurface";
-function Et(t) {
+Et.displayName = "SelectContentSurface";
+function Dt(t) {
 	let n, r, i, o;
 	return e.forEach(t, (e) => {
 		if (!a(e)) return;
@@ -1282,21 +1327,21 @@ function Et(t) {
 		searchSlot: r
 	};
 }
-function Dt(e) {
+function Ot(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "Select group";
 }
 //#endregion
 //#region src/components/Select/Content/SelectEmpty.tsx
-var Ot = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
-Ot.__velliraSelectPart = "empty", Ot.displayName = "Select.Empty";
+var kt = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
+kt.__velliraSelectPart = "empty", kt.displayName = "Select.Empty";
 //#endregion
 //#region src/components/Select/Content/SelectLoading.tsx
-var kt = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
-kt.__velliraSelectPart = "loading", kt.displayName = "Select.Loading";
+var At = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
+At.__velliraSelectPart = "loading", At.displayName = "Select.Loading";
 //#endregion
 //#region src/components/Select/Content/SelectSearch.tsx
-var At = ({ placeholder: e, className: t }) => {
-	let { contentProps: n } = bt(), r = d(null), i = n.searchValue ?? "";
+var jt = ({ placeholder: e, className: t }) => {
+	let { contentProps: n } = xt(), r = d(null), i = n.searchValue ?? "";
 	return c(() => {
 		if (!n.isOpen) return;
 		let e = window.setTimeout(() => {
@@ -1324,38 +1369,38 @@ var At = ({ placeholder: e, className: t }) => {
 		})]
 	});
 };
-At.__velliraSelectPart = "search", At.displayName = "Select.Search";
+jt.__velliraSelectPart = "search", jt.displayName = "Select.Search";
 //#endregion
 //#region src/components/Select/Group/SelectGroup.tsx
-var jt = () => null;
-jt.__velliraSelectPart = "group", jt.displayName = "Select.Group";
+var Mt = () => null;
+Mt.__velliraSelectPart = "group", Mt.displayName = "Select.Group";
 //#endregion
 //#region src/components/Select/Group/SelectLabel.tsx
-var Mt = ({ children: e }) => /* @__PURE__ */ g("div", {
+var Nt = ({ children: e }) => /* @__PURE__ */ g("div", {
 	role: "presentation",
 	className: J.groupLabel,
 	children: e
 });
-Mt.__velliraSelectPart = "label", Mt.displayName = "Select.Label";
+Nt.__velliraSelectPart = "label", Nt.displayName = "Select.Label";
 //#endregion
 //#region src/components/Select/Group/SelectSeparator.tsx
-var Nt = () => null;
-Nt.__velliraSelectPart = "separator", Nt.displayName = "Select.Separator";
+var Pt = () => null;
+Pt.__velliraSelectPart = "separator", Pt.displayName = "Select.Separator";
 //#endregion
 //#region src/components/Select/Item/SelectItemBadge.tsx
-var Pt = () => null;
-Pt.__velliraSelectPart = "itemBadge", Pt.displayName = "Select.ItemBadge";
+var Ft = () => null;
+Ft.__velliraSelectPart = "itemBadge", Ft.displayName = "Select.ItemBadge";
 //#endregion
 //#region src/components/Select/Item/SelectItemDescription.tsx
-var Ft = () => null;
-Ft.__velliraSelectPart = "itemDescription", Ft.displayName = "Select.ItemDescription";
+var It = () => null;
+It.__velliraSelectPart = "itemDescription", It.displayName = "Select.ItemDescription";
 //#endregion
 //#region src/components/Select/Item/SelectItemIcon.tsx
-var It = () => null;
-It.__velliraSelectPart = "itemIcon", It.displayName = "Select.ItemIcon";
+var Lt = () => null;
+Lt.__velliraSelectPart = "itemIcon", Lt.displayName = "Select.ItemIcon";
 //#endregion
 //#region src/patterns/FormField/FormFieldContext.ts
-var Lt = r(null), Rt = () => s(Lt), zt = {
+var Rt = r(null), zt = () => s(Rt), Bt = {
 	wrapper: "_wrapper_143kr_1",
 	sm: "_sm_143kr_41",
 	md: "_md_143kr_78",
@@ -1371,8 +1416,8 @@ var Lt = r(null), Rt = () => s(Lt), zt = {
 	optional: "_optional_143kr_194",
 	labelInfo: "_labelInfo_143kr_201",
 	disabled: "_disabled_143kr_243"
-}, Bt = (...e) => e.filter(Boolean).join(" ") || void 0, Vt = ({ id: e, label: t, description: r, error: i, required: o = !1, disabled: s = !1, invalid: c = !1, orientation: u = "vertical", labelPosition: d = "top", size: f = "md", labelInfo: p, optionalText: m, children: h, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
-	let T = l(), E = e ?? T, D = t ? `${E}-label` : void 0, O = r && E ? `${E}-description` : void 0, k = i && E ? `${E}-error` : void 0, A = c || !!i, j = Bt(D), M = Bt(O, k), N = {
+}, Vt = (...e) => e.filter(Boolean).join(" ") || void 0, Ht = ({ id: e, label: t, description: r, error: i, required: o = !1, disabled: s = !1, invalid: c = !1, orientation: u = "vertical", labelPosition: d = "top", size: f = "md", labelInfo: p, optionalText: m, children: h, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
+	let T = l(), E = e ?? T, D = t ? `${E}-label` : void 0, O = r && E ? `${E}-description` : void 0, k = i && E ? `${E}-error` : void 0, A = c || !!i, j = Vt(D), M = Vt(O, k), N = {
 		controlId: E,
 		labelId: D,
 		descriptionId: O,
@@ -1388,13 +1433,13 @@ var Lt = r(null), Rt = () => s(Lt), zt = {
 		required: P.props.required ?? o,
 		disabled: P.props.disabled ?? s,
 		"aria-invalid": P.props["aria-invalid"] ?? (A || void 0),
-		"aria-labelledby": Bt(P.props["aria-labelledby"], j),
-		"aria-describedby": Bt(P.props["aria-describedby"], M)
+		"aria-labelledby": Vt(P.props["aria-labelledby"], j),
+		"aria-describedby": Vt(P.props["aria-describedby"], M)
 	}) : h;
 	return /* @__PURE__ */ _("div", {
 		...w,
 		"aria-disabled": s || void 0,
-		className: V(zt.wrapper, zt[u], zt[d], zt[f], s && zt.disabled, y),
+		className: V(Bt.wrapper, Bt[u], Bt[d], Bt[f], s && Bt.disabled, y),
 		"data-disabled": s || void 0,
 		"data-invalid": A || void 0,
 		"data-orientation": u,
@@ -1403,42 +1448,42 @@ var Lt = r(null), Rt = () => s(Lt), zt = {
 			t && /* @__PURE__ */ _("label", {
 				id: D,
 				htmlFor: E,
-				className: V(zt.label, x),
+				className: V(Bt.label, x),
 				children: [
 					/* @__PURE__ */ g("span", {
-						className: zt.labelText,
+						className: Bt.labelText,
 						children: t
 					}),
 					o && /* @__PURE__ */ g("span", {
-						className: zt.required,
+						className: Bt.required,
 						"aria-hidden": "true",
 						children: "*"
 					}),
 					!o && m && /* @__PURE__ */ g("span", {
-						className: zt.optional,
+						className: Bt.optional,
 						children: m
 					}),
 					p && /* @__PURE__ */ g("span", {
-						className: zt.labelInfo,
+						className: Bt.labelInfo,
 						children: p
 					})
 				]
 			}),
 			r && /* @__PURE__ */ g("div", {
 				id: O,
-				className: V(zt.description, S),
+				className: V(Bt.description, S),
 				children: r
 			}),
-			/* @__PURE__ */ g(Lt.Provider, {
+			/* @__PURE__ */ g(Rt.Provider, {
 				value: N,
 				children: /* @__PURE__ */ g("div", {
-					className: V(zt.control, b),
+					className: V(Bt.control, b),
 					children: F
 				})
 			}),
 			i && /* @__PURE__ */ g("div", {
 				id: k,
-				className: V(zt.errorText, C),
+				className: V(Bt.errorText, C),
 				role: "alert",
 				children: i
 			})
@@ -1447,14 +1492,14 @@ var Lt = r(null), Rt = () => s(Lt), zt = {
 };
 //#endregion
 //#region src/components/Select/internal/SelectCollection.ts
-function Ht(t) {
+function Ut(t) {
 	let n = [], r = [], i = 0;
 	function o(t) {
 		e.forEach(t, (e) => {
 			if (!a(e)) return;
 			let t = e.type;
 			if (t.__velliraSelectPart === "group") {
-				let t = e.props, r = Wt(t.children);
+				let t = e.props, r = Gt(t.children);
 				n.push({
 					type: "group",
 					id: `group-${i++}`,
@@ -1466,7 +1511,7 @@ function Ht(t) {
 				return;
 			}
 			if (t.__velliraSelectPart === "item") {
-				let t = e.props, i = Gt(t.children, t.value), a = t.label ?? i.label, o = r.length, s = {
+				let t = e.props, i = Kt(t.children, t.value), a = t.label ?? i.label, o = r.length, s = {
 					label: a,
 					value: t.value,
 					disabled: t.disabled,
@@ -1498,7 +1543,7 @@ function Ht(t) {
 		options: r
 	};
 }
-function Ut(t) {
+function Wt(t) {
 	let n = !1;
 	function r(t) {
 		e.forEach(t, (e) => {
@@ -1513,7 +1558,7 @@ function Ut(t) {
 	}
 	return r(t), n;
 }
-function Wt(t) {
+function Gt(t) {
 	let n = [];
 	function r(t) {
 		e.forEach(t, (e) => {
@@ -1528,7 +1573,7 @@ function Wt(t) {
 	}
 	return r(t), n;
 }
-function Gt(t, n) {
+function Kt(t, n) {
 	let r, i, o, s = [];
 	function c(t) {
 		e.forEach(t, (e) => {
@@ -1564,12 +1609,12 @@ function Gt(t, n) {
 }
 //#endregion
 //#region src/components/Select/internal/useSelectCollection.ts
-function Kt(e) {
-	return u(() => Ht(e), [e]);
+function qt(e) {
+	return u(() => Ut(e), [e]);
 }
 //#endregion
 //#region src/components/Select/internal/useSelectPosition.ts
-function qt({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
+function Jt({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
 	return Le({
 		open: t,
 		onOpenChange: r,
@@ -1581,18 +1626,18 @@ function qt({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange:
 }
 //#endregion
 //#region src/components/Select/internal/useSelectSearch.ts
-function Jt({ options: e, searchable: t, searchValue: n }) {
+function Yt({ options: e, searchable: t, searchValue: n }) {
 	return u(() => {
 		if (!t || !n) return e;
 		let r = n.toLocaleLowerCase();
-		return e.filter((e) => `${e.label} ${Yt(e.description)}`.toLocaleLowerCase().includes(r));
+		return e.filter((e) => `${e.label} ${Xt(e.description)}`.toLocaleLowerCase().includes(r));
 	}, [
 		e,
 		n,
 		t
 	]);
 }
-function Yt(e) {
+function Xt(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
 var Y = {
@@ -1621,16 +1666,16 @@ var Y = {
 	spin: "_spin_x5w2h_818",
 	loading: "_loading_x5w2h_827",
 	open: "_open_x5w2h_846"
-}, Xt = ({ children: e, className: t }) => {
-	let { triggerProps: n } = bt();
-	return /* @__PURE__ */ g(Zt, {
+}, Zt = ({ children: e, className: t }) => {
+	let { triggerProps: n } = xt();
+	return /* @__PURE__ */ g(Qt, {
 		...n,
 		className: [n.className, t].filter(Boolean).join(" "),
 		children: e
 	});
 };
-Xt.__velliraSelectPart = "trigger", Xt.displayName = "Select.Trigger";
-var Zt = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabled: a, required: o, listboxId: s, activeIndex: c, ariaLabel: l, error: u, displayText: d, isPlaceholder: f, size: p = "md", color: m, variant: v, loading: b, startIcon: S, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: N }) => /* @__PURE__ */ g("button", {
+Zt.__velliraSelectPart = "trigger", Zt.displayName = "Select.Trigger";
+var Qt = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabled: a, required: o, listboxId: s, activeIndex: c, ariaLabel: l, error: u, displayText: d, isPlaceholder: f, size: p = "md", color: m, variant: v, loading: b, startIcon: S, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: N }) => /* @__PURE__ */ g("button", {
 	id: t,
 	ref: k,
 	type: "button",
@@ -1692,16 +1737,16 @@ var Zt = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabl
 		})
 	] })
 });
-Zt.displayName = "SelectTriggerSurface";
+Qt.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/Root/SelectRoot.tsx
-var Qt = 0, $t = "", en = ({ children: e, label: t, description: n, id: r, name: i, "aria-label": a, "aria-describedby": s, "aria-labelledby": p, 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: R = !1, command: ee = !1, error: z, placement: B = "bottom", matchTriggerWidth: te = !0, avoidCollisions: ne = !0, portal: re = !0, open: ie, defaultOpen: ae = !1, onOpenChange: V, onSearch: H, onClear: U, startIcon: oe, endIcon: se, prefix: ce, suffix: le, renderValue: ue, renderOption: de, onBlur: fe, onFocus: pe, className: me, triggerClassName: he, dropdownClassName: ge }) => {
-	let W = l(), _e = Rt(), ve = !!(t || n || z), ye = r ?? (ve ? void 0 : _e?.controlId) ?? W, be = `${ye}-listbox`, [xe, Se] = f(""), Ce = !!z, we = Ce ? `${ye}-error` : void 0, Te = n ? `${ye}-description` : void 0, Ee = D ?? _e?.size ?? "md", De = M || Ce || !ve && !!_e?.invalid, Oe = j || !ve && !!_e?.disabled, ke = A || !ve && !!_e?.required, Ae = [
+var $t = 0, en = "", tn = ({ children: e, label: t, description: n, id: r, name: i, "aria-label": a, "aria-describedby": s, "aria-labelledby": p, 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: R = !1, command: ee = !1, error: z, placement: B = "bottom", matchTriggerWidth: te = !0, avoidCollisions: ne = !0, portal: re = !0, open: ie, defaultOpen: ae = !1, onOpenChange: V, onSearch: H, onClear: U, startIcon: oe, endIcon: se, prefix: ce, suffix: le, renderValue: ue, renderOption: de, onBlur: fe, onFocus: pe, className: me, triggerClassName: he, dropdownClassName: ge }) => {
+	let W = l(), _e = zt(), ve = !!(t || n || z), ye = r ?? (ve ? void 0 : _e?.controlId) ?? W, be = `${ye}-listbox`, [xe, Se] = f(""), Ce = !!z, we = Ce ? `${ye}-error` : void 0, Te = n ? `${ye}-description` : void 0, Ee = D ?? _e?.size ?? "md", De = M || Ce || !ve && !!_e?.invalid, Oe = j || !ve && !!_e?.disabled, ke = A || !ve && !!_e?.required, Ae = [
 		s,
 		!ve && !s ? _e?.ariaDescribedBy : void 0,
 		Te,
 		we
-	].filter(Boolean).join(" "), je = d(null), Me = d(null), [Ne, Pe] = f(!1), Fe = F || ee, { entries: Ie, options: Le } = Kt(e), ze = Jt({
+	].filter(Boolean).join(" "), je = d(null), Me = d(null), [Ne, Pe] = f(!1), Fe = F || ee, { entries: Ie, options: Le } = qt(e), ze = Yt({
 		options: Le,
 		searchable: Fe,
 		searchValue: xe
@@ -1717,7 +1762,7 @@ var Qt = 0, $t = "", en = ({ children: e, label: t, description: n, id: r, name:
 		open: ie,
 		defaultOpen: ae,
 		onOpenChange: V
-	}), Ye = u(() => Le.find((e) => G.includes(e.value)), [Le, G]), Xe = u(() => Le.filter((e) => G.includes(e.value)), [Le, G]), Ze = !!Ye, Qe = Array.isArray(Be) ? Be[0] ?? "" : Be, { floatingStyles: $e, setRef: et, setFloatingRef: tt } = qt({
+	}), Ye = u(() => Le.find((e) => G.includes(e.value)), [Le, G]), Xe = u(() => Le.filter((e) => G.includes(e.value)), [Le, G]), Ze = !!Ye, Qe = Array.isArray(Be) ? Be[0] ?? "" : Be, { floatingStyles: $e, setRef: et, setFloatingRef: tt } = Jt({
 		isOpen: K,
 		onOpenChange: Ve,
 		placement: B,
@@ -1751,7 +1796,7 @@ var Qt = 0, $t = "", en = ({ children: e, label: t, description: n, id: r, name:
 	}, [U, qe]), at = o(() => {
 		K || Pe(!1), Ke();
 	}, [K, Ke]), ot = o((e) => {
-		tn(e, K) && Pe(!0), Je(e);
+		nn(e, K) && Pe(!0), Je(e);
 	}, [K, Je]), st = o((e) => {
 		Pe(!0), We(e);
 	}, [We]), ct = o((e) => {
@@ -1762,8 +1807,8 @@ var Qt = 0, $t = "", en = ({ children: e, label: t, description: n, id: r, name:
 	}, [K]), c(() => {
 		!K && xe && Se("");
 	}, [K, xe]), c(() => {
-		if (!(!R || !K)) return Qt === 0 && ($t = document.body.style.overflow), Qt += 1, document.body.style.overflow = "hidden", () => {
-			Qt = Math.max(0, Qt - 1), Qt === 0 && (document.body.style.overflow = $t);
+		if (!(!R || !K)) return $t === 0 && (en = document.body.style.overflow), $t += 1, document.body.style.overflow = "hidden", () => {
+			$t = Math.max(0, $t - 1), $t === 0 && (document.body.style.overflow = en);
 		};
 	}, [K, R]);
 	let lt = o((e) => {
@@ -1838,24 +1883,24 @@ var Qt = 0, $t = "", en = ({ children: e, label: t, description: n, id: r, name:
 		name: i,
 		value: Qe,
 		disabled: Oe
-	})] }), _t = Ut(e), vt = /* @__PURE__ */ _(yt, {
+	})] }), _t = Wt(e), vt = /* @__PURE__ */ _(bt, {
 		value: {
 			triggerProps: mt,
 			contentProps: ht
 		},
-		children: [gt, _t ? e : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Xt, {}), /* @__PURE__ */ g(wt, { children: e })] })]
-	}), bt = /* @__PURE__ */ _(yt, {
+		children: [gt, _t ? e : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Zt, {}), /* @__PURE__ */ g(Tt, { children: e })] })]
+	}), yt = /* @__PURE__ */ _(bt, {
 		value: {
 			triggerProps: mt,
 			contentProps: ht
 		},
 		children: [
 			gt,
-			/* @__PURE__ */ g(Zt, { ...mt }),
-			/* @__PURE__ */ g(Tt, { ...ht })
+			/* @__PURE__ */ g(Qt, { ...mt }),
+			/* @__PURE__ */ g(Et, { ...ht })
 		]
 	});
-	return !ve && _e ? e ? vt : bt : /* @__PURE__ */ g(Vt, {
+	return !ve && _e ? e ? vt : yt : /* @__PURE__ */ g(Ht, {
 		id: ye,
 		label: t,
 		description: n,
@@ -1864,28 +1909,28 @@ var Qt = 0, $t = "", en = ({ children: e, label: t, description: n, id: r, name:
 		disabled: Oe,
 		bindControl: !1,
 		className: me,
-		children: e ? vt : bt
+		children: e ? vt : yt
 	});
 };
-en.displayName = "SelectRoot";
-function tn(e, t) {
+tn.displayName = "SelectRoot";
+function nn(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 nn = ({ children: e, className: t }) => {
-	let { triggerProps: n } = bt();
+var rn = ({ children: e, className: t }) => {
+	let { triggerProps: n } = xt();
 	return /* @__PURE__ */ g("span", {
 		className: V(Y.arrow, { [Y.open]: n.isOpen }, t),
 		"aria-hidden": "true",
 		children: n.loading ? /* @__PURE__ */ g("span", { className: Y.spinner }) : e ?? n.endIcon ?? /* @__PURE__ */ g(y, {})
 	});
 };
-nn.__velliraSelectPart = "icon", nn.displayName = "Select.Icon";
+rn.__velliraSelectPart = "icon", rn.displayName = "Select.Icon";
 //#endregion
 //#region src/components/Select/Trigger/SelectValue.tsx
-var rn = ({ children: e, className: t }) => {
-	let { triggerProps: n } = bt();
+var an = ({ children: e, className: t }) => {
+	let { triggerProps: n } = xt();
 	return /* @__PURE__ */ g("span", {
 		className: V(Y.valueWrap, t),
 		children: /* @__PURE__ */ g("span", {
@@ -1894,52 +1939,52 @@ var rn = ({ children: e, className: t }) => {
 		})
 	});
 };
-rn.__velliraSelectPart = "value", rn.displayName = "Select.Value";
+an.__velliraSelectPart = "value", an.displayName = "Select.Value";
 //#endregion
 //#region src/components/Select/Select.tsx
-var an = Object.assign(en, {
-	Trigger: Xt,
-	Value: rn,
-	Icon: nn,
-	Content: wt,
-	Search: At,
-	Group: jt,
-	Label: Mt,
-	Item: St,
-	ItemIcon: It,
-	ItemDescription: Ft,
-	ItemBadge: Pt,
-	Separator: Nt,
-	Empty: Ot,
-	Loading: kt
+var on = Object.assign(tn, {
+	Trigger: Zt,
+	Value: an,
+	Icon: rn,
+	Content: Tt,
+	Search: jt,
+	Group: Mt,
+	Label: Nt,
+	Item: Ct,
+	ItemIcon: Lt,
+	ItemDescription: It,
+	ItemBadge: Ft,
+	Separator: Pt,
+	Empty: kt,
+	Loading: At
 });
-an.displayName = "Select";
+on.displayName = "Select";
 //#endregion
 //#region src/components/Tabs/TabsContext.tsx
-var on = r(null), sn = () => {
-	let e = s(on);
+var sn = r(null), cn = () => {
+	let e = s(sn);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
-}, cn = {
+}, ln = {
 	list: "_list_13hkl_1",
 	vertical: "_vertical_13hkl_8"
-}, ln = ({ children: e, className: t, ...n }) => {
-	let { orientation: r, appearance: i } = sn();
+}, un = ({ children: e, className: t, ...n }) => {
+	let { orientation: r, appearance: i } = cn();
 	return /* @__PURE__ */ g("div", {
 		...n,
 		role: "tablist",
 		"aria-orientation": r,
-		className: V(cn.list, r === "vertical" && cn.vertical, i === "underline" && cn.underline, i === "pills" && cn.pills, t),
+		className: V(ln.list, r === "vertical" && ln.vertical, i === "underline" && ln.underline, i === "pills" && ln.pills, t),
 		children: e
 	});
 };
-ln.displayName = "TabsList";
-var un = {
+un.displayName = "TabsList";
+var dn = {
 	panel: "_panel_1v1a9_1",
 	visible: "_visible_1v1a9_10",
 	vertical: "_vertical_1v1a9_14"
-}, dn = ({ index: e, children: t, className: n }) => {
-	let { activeIndex: r, orientation: i } = sn(), [a, o] = f(!1), s = r === e;
+}, fn = ({ index: e, children: t, className: n }) => {
+	let { activeIndex: r, orientation: i } = cn(), [a, o] = f(!1), s = r === e;
 	return c(() => {
 		if (!s) {
 			o(!1);
@@ -1953,12 +1998,12 @@ var un = {
 		"aria-labelledby": `tab-${e}`,
 		hidden: !s,
 		tabIndex: 0,
-		className: V(un.panel, a && un.visible, i === "vertical" && un.vertical, n),
+		className: V(dn.panel, a && dn.visible, i === "vertical" && dn.vertical, n),
 		children: t
 	});
 };
-dn.displayName = "TabsPanel";
-var fn = {
+fn.displayName = "TabsPanel";
+var pn = {
 	tab: "_tab_qe8xc_1",
 	iconOnly: "_iconOnly_qe8xc_27",
 	tabIcon: "_tabIcon_qe8xc_31",
@@ -1967,8 +2012,8 @@ var fn = {
 	underline: "_underline_qe8xc_60",
 	pills: "_pills_qe8xc_92",
 	vertical: "_vertical_qe8xc_106"
-}, pn = i(({ index: e, children: t, className: n, disabled: r = !1, icon: i, onClick: a, onKeyDown: s, ...c }, l) => {
-	let { activeIndex: u, setActiveIndex: d, orientation: f, appearance: p = "default", registerTab: m, onTabKeyDown: h } = sn(), v = u === e, y = !!i, b = y && t == null;
+}, mn = i(({ index: e, children: t, className: n, disabled: r = !1, icon: i, onClick: a, onKeyDown: s, ...c }, l) => {
+	let { activeIndex: u, setActiveIndex: d, orientation: f, appearance: p = "default", registerTab: m, onTabKeyDown: h } = cn(), v = u === e, y = !!i, b = y && t == null;
 	return /* @__PURE__ */ _("button", {
 		type: "button",
 		ref: o((t) => {
@@ -1984,7 +2029,7 @@ var fn = {
 		id: `tab-${e}`,
 		disabled: r,
 		tabIndex: v ? 0 : -1,
-		className: V(fn.tab, fn[p], f === "vertical" && fn.vertical, y && fn.withIcon, b && fn.iconOnly, n),
+		className: V(pn.tab, pn[p], f === "vertical" && pn.vertical, y && pn.withIcon, b && pn.iconOnly, n),
 		onClick: (t) => {
 			r || (d(e), a?.(t));
 		},
@@ -1993,20 +2038,20 @@ var fn = {
 		},
 		...c,
 		children: [y && /* @__PURE__ */ g("span", {
-			className: fn.tabIcon,
+			className: pn.tabIcon,
 			"aria-hidden": "true",
 			children: i
 		}), t != null && /* @__PURE__ */ g("span", {
-			className: fn.label,
+			className: pn.label,
 			children: t
 		})]
 	});
 });
-pn.displayName = "Tab";
-var mn = {
+mn.displayName = "Tab";
+var hn = {
 	tabs: "_tabs_uqy7q_1",
 	vertical: "_vertical_uqy7q_5"
-}, hn = ({ children: e, activeIndex: t, defaultActiveIndex: n = 0, onChange: r, orientation: i = "horizontal", appearance: a = "default", className: s }) => {
+}, gn = ({ children: e, activeIndex: t, defaultActiveIndex: n = 0, onChange: r, orientation: i = "horizontal", appearance: a = "default", className: s }) => {
 	let { activeIndex: c, setActiveIndex: l } = R({
 		activeIndex: t,
 		defaultActiveIndex: n,
@@ -2029,25 +2074,25 @@ var mn = {
 		registerTab: f,
 		onTabKeyDown: p
 	};
-	return /* @__PURE__ */ g(on.Provider, {
+	return /* @__PURE__ */ g(sn.Provider, {
 		value: m,
 		children: /* @__PURE__ */ g("div", {
-			className: V(mn.tabs, i === "vertical" && mn.vertical, s),
+			className: V(hn.tabs, i === "vertical" && hn.vertical, s),
 			children: e
 		})
 	});
 };
-hn.displayName = "Tabs";
+gn.displayName = "Tabs";
 //#endregion
 //#region src/components/Tabs/index.ts
-var gn = Object.assign(hn, {
-	List: ln,
-	Tab: pn,
-	Panel: dn
-}), _n = {
+var _n = Object.assign(gn, {
+	List: un,
+	Tab: mn,
+	Panel: fn
+}), vn = {
 	tooltip: "_tooltip_10opu_1",
 	arrow: "_arrow_10opu_25"
-}, vn = i(({ content: e, placement: t = "top", arrowRef: n, arrowX: r, arrowY: i, className: a, style: o, ...s }, c) => {
+}, yn = i(({ content: e, placement: t = "top", arrowRef: n, arrowX: r, arrowY: i, className: a, style: o, ...s }, c) => {
 	let l = {
 		top: "bottom",
 		right: "left",
@@ -2062,22 +2107,22 @@ var gn = Object.assign(hn, {
 	};
 	return /* @__PURE__ */ _("div", {
 		ref: c,
-		className: V(_n.tooltip, a),
+		className: V(vn.tooltip, a),
 		"data-placement": t,
 		"data-state": "open",
 		style: o,
 		...s,
 		children: [e, /* @__PURE__ */ g("div", {
 			ref: n,
-			className: _n.arrow,
+			className: vn.arrow,
 			style: u
 		})]
 	});
 });
-vn.displayName = "TooltipContent";
+yn.displayName = "TooltipContent";
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-var yn = ({ children: e, placement: t = "top", content: n, disabled: r = !1, delay: i = {
+var bn = ({ children: e, placement: t = "top", content: n, disabled: r = !1, delay: i = {
 	open: 300,
 	close: 100
 }, maxWidth: a = 250, className: o, onOpenChange: s }) => {
@@ -2098,7 +2143,7 @@ var yn = ({ children: e, placement: t = "top", content: n, disabled: r = !1, del
 		"aria-describedby": c ? m : void 0,
 		...O(),
 		children: e
-	}), /* @__PURE__ */ g(C, { children: c && n && /* @__PURE__ */ g(vn, {
+	}), /* @__PURE__ */ g(C, { children: c && n && /* @__PURE__ */ g(yn, {
 		id: m,
 		ref: S,
 		content: n,
@@ -2115,10 +2160,10 @@ var yn = ({ children: e, placement: t = "top", content: n, disabled: r = !1, del
 		...k()
 	}) })] });
 };
-yn.displayName = "Tooltip";
+bn.displayName = "Tooltip";
 //#endregion
 //#region src/utils/devWarning.ts
-var bn = (e, t) => {
+var xn = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, X = {
 	button: "_button_wwfj5_1",
@@ -2148,14 +2193,14 @@ var bn = (e, t) => {
 	"button-spin": "_button-spin_wwfj5_1",
 	badge: "_badge_wwfj5_1058",
 	shortcut: "_shortcut_wwfj5_1072"
-}, xn = i(({ children: e, color: t = "primary", appearance: r = "solid", size: i = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: p, badge: m, 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) => {
+}, Sn = i(({ children: e, color: t = "primary", appearance: r = "solid", size: i = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: p, badge: m, 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 && a(e) ? e : void 0, L = I ? I.props.children : e, R = x || !L && !!(d || f), ee = !!(T || E || I?.props["aria-label"] || I?.props["aria-labelledby"]), z = c || l, B = l && u ? u : L, te = u && L && !R && (typeof L == "string" || typeof L == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? L : u) : void 0, ne = O === "_blank" && !k ? "noreferrer noopener" : k, re = V(X.button, X[t], X[r], X[i], X[o], C, {
 		[X.disabled]: z,
 		[X.loading]: l,
 		[X.fullWidth]: b,
 		[X.iconOnly]: R
 	});
-	bn(!S || !D, "Button: pass href to the child element when using asChild."), bn(!S || !!I, "Button: asChild requires a single valid React element child."), bn(!R || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
+	xn(!S || !D, "Button: pass href to the child element when using asChild."), xn(!S || !!I, "Button: asChild requires a single valid React element child."), xn(!R || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
 	let ie = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}, ae = (e) => {
@@ -2245,7 +2290,7 @@ var bn = (e, t) => {
 		children: H
 	});
 });
-xn.displayName = "Button";
+Sn.displayName = "Button";
 var Z = {
 	wrapper: "_wrapper_1kk5v_1",
 	colorPrimary: "_colorPrimary_1kk5v_27",
@@ -2281,25 +2326,25 @@ var Z = {
 	"checkbox-checkmark-in": "_checkbox-checkmark-in_1kk5v_1",
 	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_1kk5v_1",
 	disabled: "_disabled_1kk5v_361"
-}, Sn = {
+}, Cn = {
 	sm: Z.labelSm,
 	md: Z.labelMd,
 	lg: Z.labelLg
-}, Cn = {
+}, wn = {
 	sm: Z.wrapperSm,
 	md: Z.wrapperMd,
 	lg: Z.wrapperLg
-}, wn = {
+}, Tn = {
 	sm: Z.containerSm,
 	md: Z.containerMd,
 	lg: Z.containerLg
-}, Tn = {
+}, En = {
 	primary: Z.colorPrimary,
 	neutral: Z.colorNeutral,
 	success: Z.colorSuccess,
 	warning: Z.colorWarning,
 	danger: Z.colorDanger
-}, En = i(({ id: e, label: t, description: n, icon: r, indeterminateIcon: i, checked: a, size: s = "md", color: u = "primary", labelPosition: f = "end", defaultChecked: p = !1, disabled: m = !1, required: h = !1, indeterminate: y = !1, className: b, wrapperClassName: x, onCheckedChange: S, error: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
+}, Dn = i(({ id: e, label: t, description: n, icon: r, indeterminateIcon: i, checked: a, size: s = "md", color: u = "primary", labelPosition: f = "end", defaultChecked: p = !1, disabled: m = !1, required: h = !1, indeterminate: y = !1, className: b, wrapperClassName: x, onCheckedChange: S, error: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
 	let k = l(), A = e ?? k, j = d(null), M = !!C, N = n ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
 		E,
 		N,
@@ -2321,12 +2366,12 @@ var Z = {
 	let z = (e) => {
 		R(e.target.checked);
 	};
-	return bn(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ _("div", {
-		className: V(Z.container, wn[s], f === "start" && Z.containerLabelStart, b),
+	return xn(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ _("div", {
+		className: V(Z.container, Tn[s], f === "start" && Z.containerLabelStart, b),
 		children: [
 			/* @__PURE__ */ _("label", {
 				htmlFor: A,
-				className: V(Z.wrapper, Cn[s], Tn[u], f === "start" && Z.labelStart, !t && Z.iconOnly, m && Z.disabled, x),
+				className: V(Z.wrapper, wn[s], En[u], f === "start" && Z.labelStart, !t && Z.iconOnly, m && Z.disabled, x),
 				children: [
 					/* @__PURE__ */ g("input", {
 						...D,
@@ -2356,7 +2401,7 @@ var Z = {
 						})
 					}),
 					t && /* @__PURE__ */ _("span", {
-						className: V(Z.label, Sn[s]),
+						className: V(Z.label, Cn[s]),
 						children: [t, h && /* @__PURE__ */ g("span", {
 							className: Z.requiredMark,
 							"aria-hidden": "true",
@@ -2378,7 +2423,7 @@ var Z = {
 		]
 	});
 });
-En.displayName = "Checkbox";
+Dn.displayName = "Checkbox";
 var Q = {
 	inputGroup: "_inputGroup_1fjhk_1",
 	primary: "_primary_1fjhk_29",
@@ -2420,7 +2465,7 @@ var Q = {
 	toneDanger: "_toneDanger_1fjhk_876",
 	toneMuted: "_toneMuted_1fjhk_880",
 	toneInverse: "_toneInverse_1fjhk_884"
-}, Dn = {
+}, On = {
 	default: Q.toneDefault,
 	primary: Q.tonePrimary,
 	secondary: Q.toneSecondary,
@@ -2428,7 +2473,7 @@ var Q = {
 	danger: Q.toneDanger,
 	muted: Q.toneMuted,
 	inverse: Q.toneInverse
-}, On = (e = "text", t) => {
+}, kn = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -2438,7 +2483,7 @@ var Q = {
 		case "search": return "off";
 		default: return;
 	}
-}, kn = (e, t) => {
+}, An = (e, t) => {
 	let n = e.replace(/\D/g, ""), r = 0, i = "";
 	for (let e of t) {
 		if (e === "#") {
@@ -2450,8 +2495,8 @@ var Q = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, An = (e, t) => t ? typeof t == "function" ? t(e) : kn(e, t) : e, jn = i(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: s, type: c = "text", size: u, color: p = "primary", variant: m = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: C = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: P, startAddon: F, endAddon: I, prefix: L, suffix: R, clearIcon: ee, mask: z, format: B, parse: te, startIconTone: ne = "default", endIconTone: re = "default", clearIconTone: ie = "danger", autoFocus: ae, maxLength: H, onMouseEnter: U, onMouseLeave: oe, "aria-describedby": se, "aria-invalid": ce, "aria-labelledby": le, ...ue }, de) => {
-	let fe = l(), pe = Rt(), me = !!(t || r || v), he = e ?? (me ? void 0 : pe?.controlId) ?? fe, ge = d(null), [W, _e] = f(!1), [ve, ye] = f(s ?? ""), be = a !== void 0, xe = String((be ? a : ve) ?? ""), Se = B ? B(xe) : xe, Ce = xe.length > 0, we = u ?? pe?.size ?? "md", Te = y || !!v || !me && !!pe?.invalid, Ee = b || !me && !!pe?.disabled, De = x || !me && !!pe?.required, Oe = D || C, ke = c === "password", Ae = ke && j && W ? "text" : c, je = N ?? (c === "search" ? /* @__PURE__ */ g(S, {}) : null), Me = P, Ne = On(c, E), Pe = C && !Ee, Fe = O && Ce && !Ee && !Oe && !Pe, Ie = j && ke && !Ee && !Pe && !Fe, Le = !Pe && !Fe && !Ie && !!Me, Re = !!(M && H), ze = r ? `${he}-description` : void 0, Be = v ? `${he}-error` : void 0, G = Re ? `${he}-counter` : void 0, K = [
+}, jn = (e, t) => t ? typeof t == "function" ? t(e) : An(e, t) : e, Mn = i(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: s, type: c = "text", size: u, color: p = "primary", variant: m = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: C = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: P, startAddon: F, endAddon: I, prefix: L, suffix: R, clearIcon: ee, mask: z, format: B, parse: te, startIconTone: ne = "default", endIconTone: re = "default", clearIconTone: ie = "danger", autoFocus: ae, maxLength: H, onMouseEnter: U, onMouseLeave: oe, "aria-describedby": se, "aria-invalid": ce, "aria-labelledby": le, ...ue }, de) => {
+	let fe = l(), pe = zt(), me = !!(t || r || v), he = e ?? (me ? void 0 : pe?.controlId) ?? fe, ge = d(null), [W, _e] = f(!1), [ve, ye] = f(s ?? ""), be = a !== void 0, xe = String((be ? a : ve) ?? ""), Se = B ? B(xe) : xe, Ce = xe.length > 0, we = u ?? pe?.size ?? "md", Te = y || !!v || !me && !!pe?.invalid, Ee = b || !me && !!pe?.disabled, De = x || !me && !!pe?.required, Oe = D || C, ke = c === "password", Ae = ke && j && W ? "text" : c, je = N ?? (c === "search" ? /* @__PURE__ */ g(S, {}) : null), Me = P, Ne = kn(c, E), Pe = C && !Ee, Fe = O && Ce && !Ee && !Oe && !Pe, Ie = j && ke && !Ee && !Pe && !Fe, Le = !Pe && !Fe && !Ie && !!Me, Re = !!(M && H), ze = r ? `${he}-description` : void 0, Be = v ? `${he}-error` : void 0, G = Re ? `${he}-counter` : void 0, K = [
 		se,
 		!me && !se ? pe?.ariaDescribedBy : void 0,
 		ze,
@@ -2464,7 +2509,7 @@ var Q = {
 		}
 		de && (de.current = e);
 	}, [de]), Je = o((e) => {
-		let t = An(te ? te(e.target.value) : e.target.value, z);
+		let t = jn(te ? te(e.target.value) : e.target.value, z);
 		be || ye(t), A?.(t);
 	}, [
 		be,
@@ -2499,7 +2544,7 @@ var Q = {
 				children: [
 					je && /* @__PURE__ */ g("span", {
 						"aria-hidden": "true",
-						className: V(Q.startAdornment, Dn[ne]),
+						className: V(Q.startAdornment, On[ne]),
 						children: je
 					}),
 					L && /* @__PURE__ */ g("span", {
@@ -2550,14 +2595,14 @@ var Q = {
 							}),
 							Fe && /* @__PURE__ */ g("button", {
 								type: "button",
-								className: V(Q.clearButton, Dn[ie]),
+								className: V(Q.clearButton, On[ie]),
 								onClick: Ye,
 								"aria-label": "Clear input",
 								children: Ve
 							}),
 							Le && Me && /* @__PURE__ */ g("span", {
 								"aria-hidden": "true",
-								className: V(Q.endAdornment, Dn[re]),
+								className: V(Q.endAdornment, On[re]),
 								children: Me
 							})
 						]
@@ -2578,7 +2623,7 @@ var Q = {
 			H
 		]
 	})] });
-	return !me && pe ? Xe : /* @__PURE__ */ g(Vt, {
+	return !me && pe ? Xe : /* @__PURE__ */ g(Ht, {
 		id: he,
 		label: t,
 		description: r,
@@ -2592,7 +2637,7 @@ var Q = {
 		children: Xe
 	});
 });
-jn.displayName = "Input";
+Mn.displayName = "Input";
 var $ = {
 	root: "_root_1avxs_1",
 	invalid: "_invalid_1avxs_27",
@@ -2616,14 +2661,14 @@ var $ = {
 	"radio-indicator-in": "_radio-indicator-in_1avxs_1",
 	content: "_content_1avxs_339",
 	error: "_error_1avxs_356"
-}, Mn = {
+}, Nn = {
 	primary: $.colorPrimary,
 	neutral: $.colorNeutral,
 	success: $.colorSuccess,
 	warning: $.colorWarning,
 	danger: $.colorDanger
-}, Nn = i(({ value: e, checked: t, defaultChecked: n = !1, disabled: r = !1, required: i = !1, size: a, color: o, error: s, onCheckedChange: c, label: u, description: d, icon: f, wrapperClassName: p, className: m, id: h, name: v, "aria-describedby": y, ...b }, x) => {
-	let S = ht(), C = l(), w = h ?? C, T = d ? `${w}-description` : void 0, E = s ? `${w}-error` : void 0, D = [
+}, Pn = i(({ value: e, checked: t, defaultChecked: n = !1, disabled: r = !1, required: i = !1, size: a, color: o, error: s, onCheckedChange: c, label: u, description: d, icon: f, wrapperClassName: p, className: m, id: h, name: v, "aria-describedby": y, ...b }, x) => {
+	let S = gt(), C = l(), w = h ?? C, T = d ? `${w}-description` : void 0, E = s ? `${w}-error` : void 0, D = [
 		T,
 		E,
 		S?.describedBy,
@@ -2642,7 +2687,7 @@ var $ = {
 		}
 	};
 	return /* @__PURE__ */ _("div", {
-		className: V($.root, $[L], I && $.invalid, M && $.disabled, Mn[R], m),
+		className: V($.root, $[L], I && $.invalid, M && $.disabled, Nn[R], m),
 		children: [/* @__PURE__ */ _("label", {
 			htmlFor: w,
 			className: V($.wrapper, p),
@@ -2689,15 +2734,15 @@ var $ = {
 		})]
 	});
 });
-Nn.displayName = "Radio";
+Pn.displayName = "Radio";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var Pn = r(null), Fn = (e) => e === "highContrast" ? "high-contrast" : e, In = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
+var Fn = r(null), In = (e) => e === "highContrast" ? "high-contrast" : e, Ln = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
 	let [i, a] = P({
 		value: e,
 		defaultValue: t,
 		onChange: n
-	}), o = Fn(i);
+	}), o = In(i);
 	c(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
@@ -2713,7 +2758,7 @@ var Pn = r(null), Fn = (e) => e === "highContrast" ? "high-contrast" : e, In = (
 		theme: i,
 		setTheme: a
 	}), [i, a]);
-	return /* @__PURE__ */ g(Pn.Provider, {
+	return /* @__PURE__ */ g(Fn.Provider, {
 		value: s,
 		children: /* @__PURE__ */ g("div", {
 			"data-vellira-theme": o,
@@ -2721,13 +2766,13 @@ var Pn = r(null), Fn = (e) => e === "highContrast" ? "high-contrast" : e, In = (
 		})
 	});
 };
-In.displayName = "ThemeProvider";
+Ln.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function Ln() {
-	let e = s(Pn);
+function Rn() {
+	let e = s(Fn);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { xn as Button, En as Checkbox, Ye as Dropdown, Vt as FormField, jn as Input, ft as Modal, Nn as Radio, _t as RadioGroup, an as Select, gn as Tabs, In as ThemeProvider, yn as Tooltip, Ln as useTheme };
+export { Sn as Button, Dn as Checkbox, Xe as Dropdown, Ht as FormField, Mn as Input, pt as Modal, Pn as Radio, vt as RadioGroup, on as Select, _n as Tabs, Ln as ThemeProvider, bn as Tooltip, Rn as useTheme };