@vellira-ui/react 2.21.0 → 2.22.0

package/dist/index.js

@@ -17,7 +17,7 @@ var M = (...e) => l(e), N = ({ children: e }) => {
 }, P = {
 	dropdown: "_dropdown_6pgxt_1",
 	dropdownIn: "_dropdownIn_6pgxt_1"
-}, F = t(({ children: e, floatingStyles: t, menuId: n, labelledById: r, label: i, activeDescendantId: a, onKeyDown: o, className: s }, c) => /* @__PURE__ */ f(N, { children: /* @__PURE__ */ f("ul", {
+}, ee = t(({ children: e, floatingStyles: t, menuId: n, labelledById: r, label: i, activeDescendantId: a, onKeyDown: o, className: s }, c) => /* @__PURE__ */ f(N, { children: /* @__PURE__ */ f("ul", {
 	ref: c,
 	id: n,
 	role: "menu",
@@ -30,10 +30,10 @@ var M = (...e) => l(e), N = ({ children: e }) => {
 	className: M(P.dropdown, s),
 	children: e
 }) }));
-F.displayName = "DropdownContent";
+ee.displayName = "DropdownContent";
 //#endregion
 //#region src/hooks/useFloatingPosition.ts
-var I = (e) => {
+var F = (e) => {
 	let [t, n] = c(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
 	return i(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function" || !e) return;
@@ -42,8 +42,8 @@ var I = (e) => {
 			t.removeEventListener("change", r);
 		};
 	}, [e]), t;
-}, ee = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", matchTriggerWidth: a = !1, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
-	let l = I(s), { refs: u, floatingStyles: d, update: f, context: p, middlewareData: m, placement: h } = x({
+}, I = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", matchTriggerWidth: a = !1, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
+	let l = F(s), { refs: u, floatingStyles: d, update: f, context: p, middlewareData: m, placement: h } = x({
 		open: e,
 		onOpenChange: t,
 		placement: n,
@@ -88,11 +88,11 @@ var I = (e) => {
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
 	}, [n]);
-}, L = { group: "_group_1yomt_1" }, ne = ({ label: e }) => /* @__PURE__ */ f("li", {
+}, L = { group: "_group_1yomt_1" }, R = ({ label: e }) => /* @__PURE__ */ f("li", {
 	role: "presentation",
 	className: L.group,
 	children: e
-}), R = {
+}), z = {
 	item: "_item_t87eq_1",
 	disabled: "_disabled_t87eq_18",
 	active: "_active_t87eq_28",
@@ -103,7 +103,7 @@ var I = (e) => {
 	"itemText--truncate": "_itemText--truncate_t87eq_74",
 	"itemText--wrap": "_itemText--wrap_t87eq_79",
 	"itemText--nowrap": "_itemText--nowrap_t87eq_83"
-}, z = ({ id: e, children: t, label: n, icon: r, danger: i, disabled: a, active: o, onClick: s, onMouseEnter: c, shortcut: l, textWrap: u = "truncate", className: d }) => {
+}, B = ({ id: e, children: t, label: n, icon: r, danger: i, disabled: a, active: o, onClick: s, onMouseEnter: c, shortcut: l, textWrap: u = "truncate", className: d }) => {
 	let m = t || n;
 	return /* @__PURE__ */ p("li", {
 		id: e,
@@ -114,47 +114,47 @@ var I = (e) => {
 		"data-danger": i || void 0,
 		onClick: a ? void 0 : s,
 		onMouseEnter: a ? void 0 : c,
-		className: M(R.item, {
-			[R.active]: o,
-			[R.disabled]: a,
-			[R.danger]: i
+		className: M(z.item, {
+			[z.active]: o,
+			[z.disabled]: a,
+			[z.danger]: i
 		}, d),
 		children: [
 			r && /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
-				className: R.itemIcon,
+				className: z.itemIcon,
 				children: r
 			}),
 			m && /* @__PURE__ */ f("span", {
-				className: M(R.itemText, R[`itemText--${u}`]),
+				className: M(z.itemText, z[`itemText--${u}`]),
 				children: m
 			}),
 			l && /* @__PURE__ */ f("span", {
-				className: R.itemShortcut,
+				className: z.itemShortcut,
 				children: l
 			})
 		]
 	});
-}, B = { group: "_group_ts4nb_1" }, re = () => /* @__PURE__ */ f("li", {
+}, V = { group: "_group_ts4nb_1" }, H = () => /* @__PURE__ */ f("li", {
 	role: "separator",
-	className: B.separator,
+	className: V.separator,
 	"aria-hidden": "true"
-}), V = {
+}), U = {
 	button: "_button_ii6sx_1",
 	disabled: "_disabled_ii6sx_16",
 	iconLeft: "_iconLeft_ii6sx_27",
 	arrow: "_arrow_ii6sx_39",
 	iconOnly: "_iconOnly_ii6sx_42",
 	open: "_open_ii6sx_75"
-}, ie = t(({ children: e, isOpen: t, icon: n, arrowIcon: r, showArrow: i = !0, rotateAngle: a = 90, label: o, className: s, ...c }, l) => {
+}, W = t(({ children: e, isOpen: t, icon: n, arrowIcon: r, showArrow: i = !0, rotateAngle: a = 90, label: o, className: s, ...c }, l) => {
 	let u = !!n, d = !!e, m = u && !d, h = i && d, g = r ?? /* @__PURE__ */ f(k, {}), _ = m ? o ?? "Open menu" : void 0;
 	return /* @__PURE__ */ p("button", {
 		...c,
 		ref: l,
 		type: "button",
-		className: M(V.button, {
-			[V.disabled]: c.disabled,
-			[V.iconOnly]: m
+		className: M(U.button, {
+			[U.disabled]: c.disabled,
+			[U.iconOnly]: m
 		}, s),
 		"aria-label": _,
 		"aria-expanded": t,
@@ -163,36 +163,36 @@ var I = (e) => {
 		children: [
 			u && /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
-				className: V.iconLeft,
+				className: U.iconLeft,
 				children: n
 			}),
 			e,
 			h && /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
-				className: M(V.arrow, { [V.open]: t }),
+				className: M(U.arrow, { [U.open]: t }),
 				children: g
 			})
 		]
 	});
 });
-ie.displayName = "DropdownTrigger";
+W.displayName = "DropdownTrigger";
 //#endregion
 //#region src/components/Dropdown/types.ts
-var ae = (e) => e.type !== "group" && e.type !== "separator", oe = (e) => e.type === "group", se = (e) => e.type === "separator", ce = { wrapper: "_wrapper_14ue8_1" }, le = ({ label: e, icon: t, trigger: n, items: r, onSelect: i, className: o, disabled: l, rotateAngle: u = 90, placement: d, matchTriggerWidth: m, textWrap: h, showArrow: g = !0, arrowIcon: _ }) => {
-	let [v, y] = c(!1), [b, x] = c(-1), S = s(null), C = s(null), w = a(), T = `${w}-trigger`, { floatingStyles: D, setRef: O, setFloatingRef: k } = ee({
+var ne = (e) => e.type !== "group" && e.type !== "separator", G = (e) => e.type === "group", re = (e) => e.type === "separator", K = { wrapper: "_wrapper_14ue8_1" }, ie = ({ label: e, icon: t, trigger: n, items: r = [], onSelect: i, className: o, disabled: l, rotateAngle: u = 90, placement: d, matchTriggerWidth: m, textWrap: h, showArrow: g = !0, arrowIcon: _ }) => {
+	let [v, y] = c(!1), [b, x] = c(-1), S = s(null), C = s(null), w = a(), T = `${w}-trigger`, { floatingStyles: D, setRef: O, setFloatingRef: k } = I({
 		placement: d,
 		matchTriggerWidth: m,
 		mobileSheetBreakpoint: 640
-	}), A = r.filter(ae), j = v && b >= 0 ? `${w}-item-${b}` : void 0, N = () => A.findIndex((e) => !e.disabled), P = () => {
+	}), A = r.filter(ne), j = v && b >= 0 ? `${w}-item-${b}` : void 0, N = () => A.findIndex((e) => !e.disabled), P = () => {
 		l || y((e) => {
 			let t = !e;
 			return x(t ? N() : -1), t;
 		});
-	}, I = () => {
+	}, F = () => {
 		y(!1), x(-1);
 	}, L = () => {
-		I(), S.current?.focus();
-	}, { onKeyDown: R } = E({
+		F(), S.current?.focus();
+	}, { onKeyDown: z } = E({
 		activeIndex: b,
 		setActiveIndex: x,
 		items: A,
@@ -204,16 +204,16 @@ var ae = (e) => e.type !== "group" && e.type !== "separator", oe = (e) => e.type
 		},
 		onClose: L
 	});
-	te([S, C], () => I(), v);
-	let B = (e) => {
+	te([S, C], () => F(), v);
+	let V = (e) => {
 		S.current = e, O(e);
-	}, V = (e) => {
+	}, U = (e) => {
 		C.current = e, k(e), e?.focus();
 	};
 	return /* @__PURE__ */ p("div", {
-		className: M(ce.wrapper, o),
-		children: [/* @__PURE__ */ f(ie, {
-			ref: B,
+		className: M(K.wrapper, o),
+		children: [/* @__PURE__ */ f(W, {
+			ref: V,
 			id: T,
 			isOpen: v,
 			disabled: l,
@@ -223,25 +223,25 @@ var ae = (e) => e.type !== "group" && e.type !== "separator", oe = (e) => e.type
 			arrowIcon: _,
 			rotateAngle: u,
 			onClick: P,
-			onKeyDown: R,
+			onKeyDown: z,
 			"aria-expanded": v,
 			"aria-haspopup": "menu",
 			...v && { "aria-controls": w },
 			children: n
-		}), v && /* @__PURE__ */ f(F, {
-			ref: V,
+		}), v && /* @__PURE__ */ f(ee, {
+			ref: U,
 			floatingStyles: D,
 			menuId: w,
 			labelledById: n ? T : void 0,
 			label: n ? void 0 : e,
 			activeDescendantId: j,
-			onKeyDown: R,
+			onKeyDown: z,
 			children: r.map((e, t) => {
-				if (oe(e)) return /* @__PURE__ */ f(ne, { label: e.label }, `group-${e.label}`);
-				if (se(e)) return /* @__PURE__ */ f(re, {}, `separator-${t}`);
-				if (ae(e)) {
+				if (G(e)) return /* @__PURE__ */ f(R, { label: e.label }, `group-${e.label}`);
+				if (re(e)) return /* @__PURE__ */ f(H, {}, `separator-${t}`);
+				if (ne(e)) {
 					let t = A.findIndex((t) => t === e);
-					return /* @__PURE__ */ f(z, {
+					return /* @__PURE__ */ f(B, {
 						id: `${w}-item-${t}`,
 						...e,
 						active: b === t,
@@ -258,78 +258,78 @@ var ae = (e) => e.type !== "group" && e.type !== "separator", oe = (e) => e.type
 			})
 		})]
 	});
-}, ue = e(void 0), de = () => {
-	let e = r(ue);
+}, ae = e(void 0), oe = () => {
+	let e = r(ae);
 	if (e === void 0) throw Error("Modal compound components must be used inside Modal");
 	return e;
 };
-ue.displayName = "ModalContext";
-var fe = { modalBody: "_modalBody_iv33a_1" }, pe = ({ children: e }) => {
-	let { descriptionId: t } = de();
+ae.displayName = "ModalContext";
+var se = { modalBody: "_modalBody_iv33a_1" }, ce = ({ children: e }) => {
+	let { descriptionId: t } = oe();
 	return /* @__PURE__ */ f("div", {
 		id: t,
-		className: fe.modalBody,
+		className: se.modalBody,
 		children: e
 	});
 };
-pe.displayName = "ModalBody";
-var me = { content: "_content_avpai_1" }, he = ({ children: e }) => /* @__PURE__ */ f("div", {
-	className: me.content,
+ce.displayName = "ModalBody";
+var le = { content: "_content_avpai_1" }, ue = ({ children: e }) => /* @__PURE__ */ f("div", {
+	className: le.content,
 	children: e
 });
-he.displayName = "ModalContent";
-var ge = { modalFooter: "_modalFooter_ezys6_1" }, _e = ({ children: e }) => /* @__PURE__ */ f("div", {
-	className: ge.modalFooter,
+ue.displayName = "ModalContent";
+var de = { modalFooter: "_modalFooter_ezys6_1" }, fe = ({ children: e }) => /* @__PURE__ */ f("div", {
+	className: de.modalFooter,
 	children: e
 });
-_e.displayName = "ModalFooter";
-var ve = {
+fe.displayName = "ModalFooter";
+var pe = {
 	modalHeader: "_modalHeader_155d7_1",
 	modalHeaderTitle: "_modalHeaderTitle_155d7_8",
 	modalHeaderCloseButton: "_modalHeaderCloseButton_155d7_15"
-}, ye = ({ children: e }) => {
-	let { onClose: t, titleId: n } = de();
+}, me = ({ children: e }) => {
+	let { onClose: t, titleId: n } = oe();
 	return /* @__PURE__ */ p("div", {
-		className: ve.modalHeader,
+		className: pe.modalHeader,
 		children: [/* @__PURE__ */ f("h2", {
 			id: n,
-			className: ve.modalHeaderTitle,
+			className: pe.modalHeaderTitle,
 			children: e
 		}), t && /* @__PURE__ */ f("button", {
 			type: "button",
-			className: ve.modalHeaderCloseButton,
+			className: pe.modalHeaderCloseButton,
 			onClick: t,
 			"aria-label": "Close modal",
 			children: /* @__PURE__ */ f(A, { size: 16 })
 		})]
 	});
 };
-ye.displayName = "ModalHeader";
+me.displayName = "ModalHeader";
 //#endregion
 //#region src/hooks/useModalKeyboard.ts
-var be = ({ isOpen: e, onClose: t }) => {
+var he = ({ isOpen: e, onClose: t }) => {
 	let r = n((n) => {
 		e && n.key === "Escape" && (n.preventDefault(), t?.());
 	}, [e, t]);
 	i(() => (document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r)), [r]);
-}, H = {
+}, ge = {
 	overlay: "_overlay_1xotg_1",
 	"overlay--open": "_overlay--open_1xotg_13",
 	"overlay--animated": "_overlay--animated_1xotg_17",
 	modal: "_modal_1xotg_21"
-}, U = 0, xe = "", Se = ({ children: e, onClose: t, isOpen: r, className: a, closeOnBackdrop: o, closeOnClick: c, closeOnEsc: l = !0, zIndex: u = 1e3, animated: d = !0 }) => {
-	let p = o ?? c ?? !0, m = s(null), { titleId: h, descriptionId: g } = de(), _ = n((e) => {
+}, _e = 0, ve = "", ye = ({ children: e, onClose: t, isOpen: r, className: a, closeOnBackdrop: o, closeOnClick: c, closeOnEsc: l = !0, zIndex: u = 1e3, animated: d = !0 }) => {
+	let p = o ?? c ?? !0, m = s(null), { titleId: h, descriptionId: g } = oe(), _ = n((e) => {
 		p && e.target === e.currentTarget && t?.();
 	}, [p, t]);
-	return be({
+	return he({
 		isOpen: r,
 		onClose: l ? t : void 0
 	}), i(() => {
-		if (r) return U === 0 && (xe = document.body.style.overflow), U += 1, document.body.style.overflow = "hidden", () => {
-			U = Math.max(0, U - 1), U === 0 && (document.body.style.overflow = xe);
+		if (r) return _e === 0 && (ve = document.body.style.overflow), _e += 1, document.body.style.overflow = "hidden", () => {
+			_e = Math.max(0, _e - 1), _e === 0 && (document.body.style.overflow = ve);
 		};
 	}, [r]), !r && !d ? null : /* @__PURE__ */ f(N, { children: /* @__PURE__ */ f("div", {
-		className: M(H.overlay, r && H["overlay--open"], d && H["overlay--animated"], a),
+		className: M(ge.overlay, r && ge["overlay--open"], d && ge["overlay--animated"], a),
 		onClick: _,
 		tabIndex: -1,
 		role: "presentation",
@@ -345,7 +345,7 @@ var be = ({ isOpen: e, onClose: t }) => {
 			children: /* @__PURE__ */ f("div", {
 				ref: m,
 				tabIndex: -1,
-				className: H.modal,
+				className: ge.modal,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": h,
@@ -355,35 +355,35 @@ var be = ({ isOpen: e, onClose: t }) => {
 		})
 	}) });
 };
-Se.displayName = "ModalOverlay";
+ye.displayName = "ModalOverlay";
 //#endregion
 //#region src/components/Modal/Modal.tsx
-var Ce = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: o = !0 }) => {
+var be = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: o = !0 }) => {
 	let s = a(), c = a();
-	return e ? /* @__PURE__ */ f(ue.Provider, {
+	return e ? /* @__PURE__ */ f(ae.Provider, {
 		value: {
 			onClose: n,
 			titleId: s,
 			descriptionId: c
 		},
-		children: /* @__PURE__ */ f(Se, {
+		children: /* @__PURE__ */ f(ye, {
 			isOpen: e,
 			onClose: n,
 			closeOnBackdrop: r ?? i,
 			closeOnEsc: o,
-			children: /* @__PURE__ */ f(he, { children: t })
+			children: /* @__PURE__ */ f(ue, { children: t })
 		})
 	}) : null;
 };
-Ce.displayName = "Modal";
+be.displayName = "Modal";
 //#endregion
 //#region src/components/Modal/index.ts
-var we = Object.assign(Ce, {
-	Header: ye,
-	Body: pe,
-	Content: he,
-	Footer: _e
-}), W = {
+var xe = Object.assign(be, {
+	Header: me,
+	Body: ce,
+	Content: ue,
+	Footer: fe
+}), q = {
 	wrapper: "_wrapper_14t1p_1",
 	label: "_label_14t1p_9",
 	required: "_required_14t1p_20",
@@ -391,40 +391,40 @@ var we = Object.assign(Ce, {
 	control: "_control_14t1p_32",
 	errorText: "_errorText_14t1p_38",
 	disabled: "_disabled_14t1p_45"
-}, G = ({ id: e, label: t, description: n, error: r, required: i = !1, disabled: o = !1, children: s, className: c }) => {
+}, Se = ({ id: e, label: t, description: n, error: r, required: i = !1, disabled: o = !1, children: s, className: c }) => {
 	let l = a(), u = e ?? l, d = n ? `${u}-description` : void 0, m = r ? `${u}-error` : void 0;
 	return /* @__PURE__ */ p("div", {
-		className: M(W.wrapper, { [W.disabled]: o }, c),
+		className: M(q.wrapper, { [q.disabled]: o }, c),
 		"data-disabled": o || void 0,
 		"data-invalid": !!r || void 0,
 		children: [
 			t && /* @__PURE__ */ p("label", {
-				className: W.label,
+				className: q.label,
 				htmlFor: u,
 				children: [t, i && /* @__PURE__ */ f("span", {
-					className: W.required,
+					className: q.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
 			n && /* @__PURE__ */ f("span", {
-				className: W.description,
+				className: q.description,
 				id: d,
 				children: n
 			}),
 			/* @__PURE__ */ f("div", {
-				className: W.control,
+				className: q.control,
 				children: s
 			}),
 			r && /* @__PURE__ */ f("span", {
-				className: W.errorText,
+				className: q.errorText,
 				id: m,
 				role: "alert",
 				children: r
 			})
 		]
 	});
-}, K = {
+}, J = {
 	group: "_group_rncsx_1",
 	vertical: "_vertical_rncsx_7",
 	horizontal: "_horizontal_rncsx_11",
@@ -433,13 +433,13 @@ var we = Object.assign(Ce, {
 	customRadio: "_customRadio_rncsx_30",
 	input: "_input_rncsx_35",
 	label: "_label_rncsx_86"
-}, Te = ({ label: e, description: t, value: n, defaultValue: r, onChange: i, options: o, name: s, required: c = !1, disabled: l = !1, error: u, className: d, orientation: m = "vertical" }) => {
+}, Ce = ({ label: e, description: t, value: n, defaultValue: r, onChange: i, options: o, name: s, required: c = !1, disabled: l = !1, error: u, className: d, orientation: m = "vertical" }) => {
 	let h = a(), g = `${h}-group`, _ = [t ? `${h}-description` : void 0, u ? `${h}-error` : void 0].filter(Boolean).join(" ") || void 0, [v, y] = T({
 		value: n,
 		defaultValue: r ?? "",
 		onChange: i
 	});
-	return /* @__PURE__ */ f(G, {
+	return /* @__PURE__ */ f(Se, {
 		id: h,
 		label: e,
 		description: t,
@@ -448,7 +448,7 @@ var we = Object.assign(Ce, {
 		error: u,
 		children: /* @__PURE__ */ f("div", {
 			id: g,
-			className: M(K.group, K[m], d),
+			className: M(J.group, J[m], d),
 			role: "radiogroup",
 			"aria-required": c || void 0,
 			"aria-invalid": !!u || void 0,
@@ -457,7 +457,7 @@ var we = Object.assign(Ce, {
 				let t = `${h}-${e.value}`, n = l || e.disabled;
 				return /* @__PURE__ */ p("label", {
 					htmlFor: t,
-					className: M(K.option, { [K.disabled]: n }),
+					className: M(J.option, { [J.disabled]: n }),
 					children: [
 						/* @__PURE__ */ f("input", {
 							id: t,
@@ -470,14 +470,14 @@ var we = Object.assign(Ce, {
 							onChange: () => {
 								n || y(e.value);
 							},
-							className: K.input
+							className: J.input
 						}),
 						/* @__PURE__ */ f("span", {
-							className: K.customRadio,
+							className: J.customRadio,
 							"aria-hidden": "true"
 						}),
 						/* @__PURE__ */ f("span", {
-							className: K.label,
+							className: J.label,
 							children: e.label
 						})
 					]
@@ -486,23 +486,23 @@ var we = Object.assign(Ce, {
 		})
 	});
 };
-Te.displayName = "RadioGroup";
-var q = {
+Ce.displayName = "RadioGroup";
+var we = {
 	option: "_option_1qm3g_1",
 	selected: "_selected_1qm3g_10",
 	disabled: "_disabled_1qm3g_10",
 	active: "_active_1qm3g_21"
-}, Ee = ({ option: e, isSelected: t, isActive: n, optionId: r, onSelect: i, onMouseEnter: a }) => {
+}, Te = ({ option: e, isSelected: t, isActive: n, optionId: r, onSelect: i, onMouseEnter: a }) => {
 	let o = !!e.disabled;
 	return /* @__PURE__ */ f("li", {
 		id: r,
 		role: "option",
 		"aria-selected": t,
 		"aria-disabled": o || void 0,
-		className: M(q.option, {
-			[q.selected]: t,
-			[q.active]: n,
-			[q.disabled]: o
+		className: M(we.option, {
+			[we.selected]: t,
+			[we.active]: n,
+			[we.disabled]: o
 		}),
 		onClick: () => {
 			o || i(e.value);
@@ -513,18 +513,18 @@ var q = {
 		children: e.label
 	});
 };
-Ee.displayName = "SelectOption";
-var De = {
+Te.displayName = "SelectOption";
+var Ee = {
 	dropdown: "_dropdown_1vrjb_1",
 	dropdownIn: "_dropdownIn_1vrjb_1"
-}, Oe = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, selectedValue: o, activeIndex: s, onSelect: c, onMouseEnter: l }) => e ? /* @__PURE__ */ f(N, { children: /* @__PURE__ */ f("ul", {
+}, De = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, selectedValue: o, activeIndex: s, onSelect: c, onMouseEnter: l }) => e ? /* @__PURE__ */ f(N, { children: /* @__PURE__ */ f("ul", {
 	ref: r,
 	id: t,
 	role: "listbox",
 	"aria-labelledby": n,
-	className: De.dropdown,
+	className: Ee.dropdown,
 	style: i,
-	children: a.map((e, n) => /* @__PURE__ */ f(Ee, {
+	children: a.map((e, n) => /* @__PURE__ */ f(Te, {
 		option: e,
 		isSelected: e.value === o,
 		isActive: n === s,
@@ -533,8 +533,8 @@ var De = {
 		onMouseEnter: () => l(n)
 	}, e.value))
 }) }) : null;
-Oe.displayName = "SelectDropdown";
-var J = {
+De.displayName = "SelectDropdown";
+var Y = {
 	control: "_control_mmsxg_1",
 	disabled: "_disabled_mmsxg_19",
 	arrow: "_arrow_mmsxg_24",
@@ -542,7 +542,7 @@ var J = {
 	placeholder: "_placeholder_mmsxg_42",
 	error: "_error_mmsxg_46",
 	open: "_open_mmsxg_87"
-}, ke = ({ id: e, errorId: t, isOpen: n, disabled: r, required: i, listboxId: a, activeIndex: o, ariaLabel: s, error: c, displayText: l, isPlaceholder: u, buttonRef: d, onClick: m, onKeyDown: h }) => /* @__PURE__ */ p("button", {
+}, Oe = ({ id: e, errorId: t, isOpen: n, disabled: r, required: i, listboxId: a, activeIndex: o, ariaLabel: s, error: c, displayText: l, isPlaceholder: u, buttonRef: d, onClick: m, onKeyDown: h }) => /* @__PURE__ */ p("button", {
 	id: e,
 	ref: d,
 	type: "button",
@@ -556,74 +556,74 @@ var J = {
 	"aria-controls": n ? a : void 0,
 	"aria-describedby": t,
 	"aria-activedescendant": n && o >= 0 ? `${a}-option-${o}` : void 0,
-	className: M(J.control, {
-		[J.error]: !!c,
-		[J.disabled]: r
+	className: M(Y.control, {
+		[Y.error]: !!c,
+		[Y.disabled]: r
 	}),
 	onClick: m,
 	onKeyDown: h,
 	children: [/* @__PURE__ */ f("span", {
-		className: M(J.value, { [J.placeholder]: u }),
+		className: M(Y.value, { [Y.placeholder]: u }),
 		children: l
 	}), /* @__PURE__ */ f("span", {
-		className: M(J.arrow, { [J.open]: n }),
+		className: M(Y.arrow, { [Y.open]: n }),
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ f(k, {})
 	})]
 });
-ke.displayName = "SelectTrigger";
+Oe.displayName = "SelectTrigger";
 //#endregion
 //#region src/components/Select/Select.tsx
-var Ae = ({ label: e, description: t, id: r, name: i, value: l, defaultValue: u, onChange: d, options: m, placeholder: h = "Select...", required: g = !1, disabled: _ = !1, error: v, className: y }) => {
+var ke = ({ label: e, description: t, id: r, name: i, value: l, defaultValue: u, onChange: d, options: m, placeholder: h = "Select...", required: g = !1, disabled: _ = !1, error: v, className: y }) => {
 	let b = a(), x = r ?? b, S = `${x}-listbox`, C = v ? `${x}-error` : void 0, w = s(null), D = s(null), [O, k] = T({
 		value: l,
 		defaultValue: u ?? "",
 		onChange: d
-	}), [A, j] = c(!1), [M, N] = c(-1), P = o(() => m.find((e) => e.value === O), [m, O]), F = !!P, { floatingStyles: I, setRef: L, setFloatingRef: ne } = ee({
+	}), [A, j] = c(!1), [M, N] = c(-1), P = o(() => m.find((e) => e.value === O), [m, O]), ee = !!P, { floatingStyles: F, setRef: L, setFloatingRef: R } = I({
 		open: A,
 		matchTriggerWidth: !0,
 		mobileSheetBreakpoint: 640
-	}), R = n(() => {
+	}), z = n(() => {
 		let e = m.findIndex((e) => e.value === O && !e.disabled);
 		return e >= 0 ? e : m.findIndex((e) => !e.disabled);
-	}, [m, O]), z = n(() => {
-		_ || (N(R()), j(!0));
-	}, [_, R]), B = n(() => {
+	}, [m, O]), B = n(() => {
+		_ || (N(z()), j(!0));
+	}, [_, z]), V = n(() => {
 		j(!1);
-	}, []), re = n(() => {
+	}, []), H = n(() => {
 		if (!_) {
 			if (A) {
-				B();
+				V();
 				return;
 			}
-			z();
+			B();
 		}
 	}, [
-		B,
+		V,
 		_,
 		A,
-		z
-	]), V = n((e) => {
-		k(e), B(), w.current?.focus();
-	}, [B, k]), { onKeyDown: ie } = E({
+		B
+	]), U = n((e) => {
+		k(e), V(), w.current?.focus();
+	}, [V, k]), { onKeyDown: W } = E({
 		activeIndex: M,
 		setActiveIndex: N,
 		items: m,
 		isOpen: A,
-		onOpen: z,
-		onClose: B,
+		onOpen: B,
+		onClose: V,
 		onSelect: () => {
 			let e = m[M];
-			!e || e.disabled || V(e.value);
+			!e || e.disabled || U(e.value);
 		}
 	});
-	te([w, D], B, A);
-	let ae = n((e) => {
+	te([w, D], V, A);
+	let ne = n((e) => {
 		w.current = e, L(e);
-	}, [L]), oe = n((e) => {
-		D.current = e, ne(e);
-	}, [ne]);
-	return /* @__PURE__ */ p(G, {
+	}, [L]), G = n((e) => {
+		D.current = e, R(e);
+	}, [R]);
+	return /* @__PURE__ */ p(Se, {
 		id: x,
 		label: e,
 		description: t,
@@ -632,7 +632,7 @@ var Ae = ({ label: e, description: t, id: r, name: i, value: l, defaultValue: u,
 		disabled: _,
 		className: y,
 		children: [
-			/* @__PURE__ */ f(ke, {
+			/* @__PURE__ */ f(Oe, {
 				id: x,
 				errorId: C,
 				isOpen: A,
@@ -643,10 +643,10 @@ var Ae = ({ label: e, description: t, id: r, name: i, value: l, defaultValue: u,
 				ariaLabel: e ? void 0 : P?.label || h,
 				error: v,
 				displayText: P?.label ?? h,
-				isPlaceholder: !F,
-				buttonRef: ae,
-				onClick: re,
-				onKeyDown: ie
+				isPlaceholder: !ee,
+				buttonRef: ne,
+				onClick: H,
+				onKeyDown: W
 			}),
 			i && /* @__PURE__ */ f("input", {
 				type: "hidden",
@@ -654,38 +654,38 @@ var Ae = ({ label: e, description: t, id: r, name: i, value: l, defaultValue: u,
 				value: O,
 				disabled: _
 			}),
-			/* @__PURE__ */ f(Oe, {
+			/* @__PURE__ */ f(De, {
 				isOpen: A,
 				listboxId: S,
 				labelledById: x,
-				style: I,
+				style: F,
 				options: m,
 				selectedValue: O,
 				activeIndex: M,
-				setDropdownRef: oe,
-				onSelect: V,
+				setDropdownRef: G,
+				onSelect: U,
 				onMouseEnter: N
 			})
 		]
 	});
 };
-Ae.displayName = "Select";
+ke.displayName = "Select";
 //#endregion
 //#region src/components/Tabs/TabsContext.tsx
-var je = e(null), Me = () => {
-	let e = r(je);
+var Ae = e(null), je = () => {
+	let e = r(Ae);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
-}, Y = {
+}, Me = {
 	list: "_list_astty_1",
 	vertical: "_vertical_astty_8"
 }, Ne = ({ children: e, className: t, ...n }) => {
-	let { orientation: r, appearance: i } = Me();
+	let { orientation: r, appearance: i } = je();
 	return /* @__PURE__ */ f("div", {
 		...n,
 		role: "tablist",
 		"aria-orientation": r,
-		className: M(Y.list, r === "vertical" && Y.vertical, i === "underline" && Y.underline, i === "pills" && Y.pills, t),
+		className: M(Me.list, r === "vertical" && Me.vertical, i === "underline" && Me.underline, i === "pills" && Me.pills, t),
 		children: e
 	});
 };
@@ -695,7 +695,7 @@ var Pe = {
 	visible: "_visible_1e9ds_10",
 	vertical: "_vertical_1e9ds_15"
 }, Fe = ({ index: e, children: t, className: n }) => {
-	let { activeIndex: r, orientation: a } = Me(), [o, s] = c(!1), l = r === e;
+	let { activeIndex: r, orientation: a } = je(), [o, s] = c(!1), l = r === e;
 	return i(() => {
 		if (!l) {
 			s(!1);
@@ -724,7 +724,7 @@ var X = {
 	pills: "_pills_160gh_81",
 	vertical: "_vertical_160gh_93"
 }, Ie = t(({ index: e, children: t, className: r, disabled: i = !1, icon: a, onClick: o, onKeyDown: s, ...c }, l) => {
-	let { activeIndex: u, setActiveIndex: d, orientation: m, appearance: h = "default", registerTab: g, onTabKeyDown: _ } = Me(), v = u === e, y = !!a, b = y && t == null;
+	let { activeIndex: u, setActiveIndex: d, orientation: m, appearance: h = "default", registerTab: g, onTabKeyDown: _ } = je(), v = u === e, y = !!a, b = y && t == null;
 	return /* @__PURE__ */ p("button", {
 		type: "button",
 		ref: n((t) => {
@@ -780,7 +780,7 @@ var Le = {
 		registerTab: _,
 		onTabKeyDown: v
 	};
-	return /* @__PURE__ */ f(je.Provider, {
+	return /* @__PURE__ */ f(Ae.Provider, {
 		value: y,
 		children: /* @__PURE__ */ f("div", {
 			className: M(Le.tabs, a === "vertical" && Le.vertical, l),
@@ -832,7 +832,7 @@ var He = ({ children: e, placement: t = "top", content: n, disabled: r = !1, del
 	open: 300,
 	close: 100
 }, maxWidth: o = 250, className: l, onOpenChange: u }) => {
-	let [g, _] = c(!1), v = s(null), y = a(), { context: b, floatingStyles: x, middlewareData: T, setRef: E, setFloatingRef: D, placement: O } = ee({
+	let [g, _] = c(!1), v = s(null), y = a(), { context: b, floatingStyles: x, middlewareData: T, setRef: E, setFloatingRef: D, placement: O } = I({
 		open: g,
 		onOpenChange: (e) => {
 			r || (_(e), u?.(e));
@@ -867,28 +867,32 @@ var He = ({ children: e, placement: t = "top", content: n, disabled: r = !1, del
 	}) })] });
 };
 He.displayName = "Tooltip";
-var Z = {
-	button: "_button_f3spj_1",
-	loading: "_loading_f3spj_21",
-	solid: "_solid_f3spj_32",
-	primary: "_primary_f3spj_32",
-	secondary: "_secondary_f3spj_38",
-	danger: "_danger_f3spj_44",
-	close: "_close_f3spj_50",
-	outline: "_outline_f3spj_56",
-	ghost: "_ghost_f3spj_80",
-	sm: "_sm_f3spj_269",
-	md: "_md_f3spj_275",
-	lg: "_lg_f3spj_281",
-	fullWidth: "_fullWidth_f3spj_287",
-	iconOnly: "_iconOnly_f3spj_291",
-	label: "_label_f3spj_295",
-	icon: "_icon_f3spj_291",
-	spinner: "_spinner_f3spj_317",
-	"button-spin": "_button-spin_f3spj_1"
-}, Ue = t(({ children: e, color: t = "primary", variant: n = "solid", size: r = "md", type: i = "button", disabled: a = !1, loading: o = !1, loadingText: s, leftIcon: c, rightIcon: l, fullWidth: u = !1, iconOnly: d = !1, className: m, onClick: h, ariaLabel: g, ..._ }, v) => {
+//#endregion
+//#region src/utils/devWarning.ts
+var Ue = (e, t) => {
+	process.env.NODE_ENV !== "production" && !e && console.warn(t);
+}, Z = {
+	button: "_button_g2sgv_1",
+	loading: "_loading_g2sgv_21",
+	solid: "_solid_g2sgv_32",
+	primary: "_primary_g2sgv_32",
+	secondary: "_secondary_g2sgv_51",
+	danger: "_danger_g2sgv_70",
+	close: "_close_g2sgv_89",
+	outline: "_outline_g2sgv_108",
+	ghost: "_ghost_g2sgv_184",
+	sm: "_sm_g2sgv_269",
+	md: "_md_g2sgv_275",
+	lg: "_lg_g2sgv_281",
+	fullWidth: "_fullWidth_g2sgv_287",
+	iconOnly: "_iconOnly_g2sgv_291",
+	label: "_label_g2sgv_295",
+	icon: "_icon_g2sgv_291",
+	spinner: "_spinner_g2sgv_317",
+	"button-spin": "_button-spin_g2sgv_1"
+}, We = t(({ children: e, color: t = "primary", variant: n = "solid", size: r = "md", type: i = "button", disabled: a = !1, loading: o = !1, loadingText: s, leftIcon: c, rightIcon: l, fullWidth: u = !1, iconOnly: d = !1, className: m, onClick: h, "aria-label": g, ..._ }, v) => {
 	let y = d || !e && (c || l), b = a || o, x = o && s ? s : e;
-	return y && !g && process.env.NODE_ENV !== "production" && console.warn("Button: icon-only buttons must provide ariaLabel."), /* @__PURE__ */ p("button", {
+	return Ue(!y || !!g, "Button: icon-only buttons must provide aria-label."), /* @__PURE__ */ p("button", {
 		..._,
 		ref: v,
 		type: i,
@@ -922,18 +926,18 @@ var Z = {
 		]
 	});
 });
-Ue.displayName = "Button";
+We.displayName = "Button";
 var Q = {
-	wrapper: "_wrapper_36r4m_1",
-	input: "_input_36r4m_9",
-	customCheckbox: "_customCheckbox_36r4m_21",
-	checkmark: "_checkmark_36r4m_38",
-	container: "_container_36r4m_54",
-	label: "_label_36r4m_60",
-	error: "_error_36r4m_65",
-	errorText: "_errorText_36r4m_69",
-	disabled: "_disabled_36r4m_115"
-}, We = t(({ label: e, checked: t, defaultChecked: n = !1, disabled: r = !1, className: i, onCheckedChange: o, error: s }, c) => {
+	wrapper: "_wrapper_1s06j_1",
+	input: "_input_1s06j_9",
+	customCheckbox: "_customCheckbox_1s06j_21",
+	checkmark: "_checkmark_1s06j_38",
+	container: "_container_1s06j_54",
+	label: "_label_1s06j_60",
+	error: "_error_1s06j_65",
+	errorText: "_errorText_1s06j_69",
+	disabled: "_disabled_1s06j_115"
+}, Ge = t(({ label: e, checked: t, defaultChecked: n = !1, disabled: r = !1, className: i, onCheckedChange: o, error: s }, c) => {
 	let l = a(), u = !!s, [d, m] = T({
 		value: t,
 		defaultValue: n,
@@ -979,102 +983,165 @@ var Q = {
 		})]
 	});
 });
-We.displayName = "Checkbox";
+Ge.displayName = "Checkbox";
 var $ = {
-	inputWrapper: "_inputWrapper_kfk5j_1",
-	input: "_input_kfk5j_1",
-	error: "_error_kfk5j_36",
-	withEllipsis: "_withEllipsis_kfk5j_43",
-	sm: "_sm_kfk5j_48",
-	md: "_md_kfk5j_52",
-	lg: "_lg_kfk5j_56",
-	tooltip: "_tooltip_kfk5j_63",
-	fadeIn: "_fadeIn_kfk5j_1"
-}, Ge = t(({ id: e, label: t, placeholder: r, value: o, onChange: l, size: u = "md", error: d, disabled: m = !1, required: h = !1, className: g, autoComplete: _, type: v = "text", showOverflowTooltip: y = !1 }, b) => {
-	let x = a(), S = e ?? x, C = s(null), [w, T] = c(!1), [E, D] = c(!1), O = o != null && o !== "", k = n(() => {
-		let e = C.current;
+	inputWrapper: "_inputWrapper_1tupw_1",
+	input: "_input_1tupw_1",
+	error: "_error_1tupw_41",
+	withEllipsis: "_withEllipsis_1tupw_48",
+	sm: "_sm_1tupw_53",
+	md: "_md_1tupw_57",
+	lg: "_lg_1tupw_61",
+	hasLeftAdornment: "_hasLeftAdornment_1tupw_89",
+	hasRightAdornment: "_hasRightAdornment_1tupw_93",
+	leftAdornment: "_leftAdornment_1tupw_97",
+	rightAdornment: "_rightAdornment_1tupw_98",
+	clearButton: "_clearButton_1tupw_112",
+	toneDefault: "_toneDefault_1tupw_166",
+	tonePrimary: "_tonePrimary_1tupw_170",
+	toneSecondary: "_toneSecondary_1tupw_174",
+	toneSuccess: "_toneSuccess_1tupw_178",
+	toneDanger: "_toneDanger_1tupw_182",
+	toneMuted: "_toneMuted_1tupw_186",
+	toneInverse: "_toneInverse_1tupw_190",
+	tooltip: "_tooltip_1tupw_196",
+	fadeIn: "_fadeIn_1tupw_1"
+}, Ke = (e = "text", t) => {
+	if (t) return t;
+	switch (e) {
+		case "email": return "email";
+		case "password": return "current-password";
+		case "tel": return "tel";
+		case "url": return "url";
+		case "search": return "off";
+		default: return;
+	}
+}, qe = t(({ id: e, label: t, name: r, description: o, placeholder: l, value: u, defaultValue: d, onChange: m, type: h = "text", size: g = "md", error: _, disabled: v = !1, required: y = !1, className: b, autoComplete: x, readOnly: S = !1, clearable: C = !1, onClear: w, leftAdornment: T, rightAdornment: E, clearIcon: D, leftAdornmentTone: O = "default", rightAdornmentTone: k = "default", showOverflowTooltip: A = !1, autoFocus: j, maxLength: N }, P) => {
+	let ee = a(), F = e ?? ee, I = s(null), [te, L] = c(d ?? ""), [R, z] = c(!1), [B, V] = c(!1), H = u !== void 0, U = H ? u : te, W = U !== "", ne = Ke(h, x), G = C && W && !v && !S, re = D ?? "×", K = n(() => {
+		let e = I.current;
 		if (!e) {
-			T(!1);
+			z(!1);
 			return;
 		}
-		T(e.scrollWidth > e.clientWidth);
+		z(e.scrollWidth > e.clientWidth);
 	}, []);
 	i(() => {
-		if (!y) return;
-		if (k(), typeof ResizeObserver > "u") return window.addEventListener("resize", k), () => {
-			window.removeEventListener("resize", k);
+		if (!A) return;
+		if (K(), typeof ResizeObserver > "u") return window.addEventListener("resize", K), () => {
+			window.removeEventListener("resize", K);
 		};
-		let e = new ResizeObserver(k);
-		return C.current && e.observe(C.current), window.addEventListener("resize", k), () => {
-			e.disconnect(), window.removeEventListener("resize", k);
+		let e = new ResizeObserver(K);
+		return I.current && e.observe(I.current), window.addEventListener("resize", K), () => {
+			e.disconnect(), window.removeEventListener("resize", K);
 		};
-	}, [k, y]), i(() => {
-		y && k();
+	}, [K, A]), i(() => {
+		A && K();
 	}, [
-		o,
-		k,
-		y
+		U,
+		K,
+		A
 	]);
-	let A = n((e) => {
-		if (C.current = e, typeof b == "function") {
-			b(e);
+	let ie = n((e) => {
+		if (I.current = e, typeof P == "function") {
+			P(e);
 			return;
 		}
-		b && (b.current = e);
-	}, [b]), j = n((e) => {
-		l?.(e.target.value);
-	}, [l]), N = n(() => {
-		y && w && O && D(!0);
+		P && (P.current = e);
+	}, [P]), ae = n((e) => {
+		let t = e.target.value;
+		H || L(t), m?.(t);
+	}, [H, m]), oe = n(() => {
+		H || L(""), m?.(""), w?.(), I.current?.focus();
 	}, [
-		O,
-		w,
-		y
-	]), P = n(() => {
-		D(!1);
-	}, []);
-	return /* @__PURE__ */ f(G, {
-		id: S,
+		H,
+		m,
+		w
+	]), se = n(() => {
+		A && R && W && V(!0);
+	}, [
+		W,
+		R,
+		A
+	]), ce = n(() => {
+		V(!1);
+	}, []), le = {
+		default: $.toneDefault,
+		primary: $.tonePrimary,
+		secondary: $.toneSecondary,
+		success: $.toneSuccess,
+		danger: $.toneDanger,
+		muted: $.toneMuted,
+		inverse: $.toneInverse
+	}, ue = !G && !!E;
+	return /* @__PURE__ */ f(Se, {
+		id: F,
 		label: t,
-		error: d,
-		required: h,
-		disabled: m,
+		description: o,
+		error: _,
+		required: y,
+		disabled: v,
 		children: /* @__PURE__ */ p("div", {
-			className: $.inputWrapper,
-			children: [/* @__PURE__ */ f("input", {
-				ref: A,
-				id: S,
-				type: v,
-				autoComplete: _,
-				className: M($.input, $[u], {
-					[$.error]: !!d,
-					[$.withEllipsis]: y
-				}, g),
-				value: o,
-				onChange: j,
-				placeholder: r,
-				disabled: m,
-				required: h,
-				"aria-invalid": !!d,
-				"aria-describedby": d ? `${S}-error` : void 0,
-				onMouseEnter: N,
-				onMouseLeave: P
-			}), y && E && w && O && /* @__PURE__ */ f("div", {
-				className: $.tooltip,
-				role: "tooltip",
-				children: o
-			})]
+			className: M($.inputWrapper, {
+				[$.hasLeftAdornment]: !!T,
+				[$.hasRightAdornment]: !!E || G
+			}),
+			children: [
+				T && /* @__PURE__ */ f("span", {
+					className: M($.leftAdornment, le[O]),
+					children: T
+				}),
+				/* @__PURE__ */ f("input", {
+					ref: ie,
+					id: F,
+					name: r,
+					type: h,
+					autoComplete: ne,
+					className: M($.input, $[g], {
+						[$.error]: !!_,
+						[$.withEllipsis]: A
+					}, b),
+					value: U,
+					onChange: ae,
+					placeholder: l,
+					disabled: v,
+					readOnly: S,
+					required: y,
+					autoFocus: j,
+					maxLength: N,
+					"aria-invalid": !!_,
+					"aria-describedby": _ ? `${F}-error` : void 0,
+					onMouseEnter: se,
+					onMouseLeave: ce
+				}),
+				G && /* @__PURE__ */ f("button", {
+					type: "button",
+					className: M($.clearButton, le[k]),
+					onClick: oe,
+					"aria-label": "Clear input",
+					children: re
+				}),
+				ue && /* @__PURE__ */ f("div", {
+					className: M($.rightAdornment, le[k]),
+					children: E
+				}),
+				A && B && R && W && /* @__PURE__ */ f("div", {
+					className: $.tooltip,
+					role: "tooltip",
+					children: U
+				})
+			]
 		})
 	});
 });
-Ge.displayName = "Input";
+qe.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var Ke = e(null), qe = (e) => e === "highContrast" ? "high-contrast" : e, Je = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
+var Je = e(null), Ye = (e) => e === "highContrast" ? "high-contrast" : e, Xe = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
 	let [a, s] = T({
 		value: e,
 		defaultValue: t,
 		onChange: n
-	}), c = qe(a);
+	}), c = Ye(a);
 	i(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
@@ -1090,7 +1157,7 @@ var Ke = e(null), qe = (e) => e === "highContrast" ? "high-contrast" : e, Je = (
 		theme: a,
 		setTheme: s
 	}), [a, s]);
-	return /* @__PURE__ */ f(Ke.Provider, {
+	return /* @__PURE__ */ f(Je.Provider, {
 		value: l,
 		children: /* @__PURE__ */ f("div", {
 			"data-vellira-theme": c,
@@ -1098,13 +1165,13 @@ var Ke = e(null), qe = (e) => e === "highContrast" ? "high-contrast" : e, Je = (
 		})
 	});
 };
-Je.displayName = "ThemeProvider";
+Xe.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function Ye() {
-	let e = r(Ke);
+function Ze() {
+	let e = r(Je);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { Ue as Button, We as Checkbox, le as Dropdown, G as FormField, Ge as Input, we as Modal, Te as RadioGroup, Ae as Select, ze as Tabs, Je as ThemeProvider, He as Tooltip, Ye as useTheme };
+export { We as Button, Ge as Checkbox, ie as Dropdown, Se as FormField, qe as Input, xe as Modal, Ce as RadioGroup, ke as Select, ze as Tabs, Xe as ThemeProvider, He as Tooltip, Ze as useTheme };