@vellira-ui/react 2.36.0 → 2.38.0

package/dist/index.js

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