@vellira-ui/react 2.26.1 → 2.28.0

package/dist/index.js

@@ -1,23 +1,23 @@
-import { createContext as e, forwardRef as t, useCallback as n, useContext as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
-import l from "clsx";
-import { createPortal as u } from "react-dom";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { FloatingPortal as m, arrow as h, autoUpdate as g, flip as _, offset as v, shift as y, size as b, useFloating as x, useFocus as S, useHover as C, useInteractions as w } from "@floating-ui/react";
-import { useControllableState as T, useDropdown as E, useModal as D, useSelect as O, useTabs as k, useTabsKeyboard as A } from "@vellira-ui/core";
-import { Check as j, ChevronDown as M, Close as N } from "@vellira-ui/icons";
-import P from "focus-trap-react";
+import { cloneElement as e, createContext as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
+import d from "clsx";
+import { createPortal as f } from "react-dom";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { FloatingPortal as g, arrow as _, autoUpdate as v, flip as y, offset as b, shift as x, size as S, useFloating as C, useFocus as w, useHover as T, useInteractions as E } from "@floating-ui/react";
+import { useControllableState as D, useDropdown as O, useModal as k, useSelect as A, useTabs as j, useTabsKeyboard as M } from "@vellira-ui/core";
+import { Check as N, ChevronDown as P, Close as F } from "@vellira-ui/icons";
+import I from "focus-trap-react";
 //#region src/utils/cn.ts
-var F = (...e) => l(e), I = ({ children: e }) => {
-	let [t, n] = c(!1);
-	if (i(() => {
+var L = (...e) => d(e), R = ({ children: e }) => {
+	let [t, n] = u(!1);
+	if (o(() => {
 		n(!0);
 	}, []), !t) return null;
 	let r = document.getElementById("overlay-root") ?? document.body;
-	return r ? u(e, r) : null;
-}, L = {
+	return r ? f(e, r) : null;
+}, z = {
 	dropdown: "_dropdown_1rvx9_1",
 	"dropdown-in": "_dropdown-in_1rvx9_1"
-}, R = t(({ children: e, floatingStyles: t, menuId: n, labelledById: r, label: i, activeDescendantId: a, onKeyDown: o, className: s }, c) => /* @__PURE__ */ f(I, { children: /* @__PURE__ */ f("ul", {
+}, B = n(({ children: e, floatingStyles: t, menuId: n, labelledById: r, label: i, activeDescendantId: a, onKeyDown: o, className: s }, c) => /* @__PURE__ */ m(R, { children: /* @__PURE__ */ m("ul", {
 	ref: c,
 	id: n,
 	role: "menu",
@@ -27,44 +27,44 @@ var F = (...e) => l(e), I = ({ children: e }) => {
 	"aria-activedescendant": a,
 	onKeyDown: o,
 	style: t,
-	className: F(L.dropdown, s),
+	className: L(z.dropdown, s),
 	children: e
 }) }));
-R.displayName = "DropdownContent";
+B.displayName = "DropdownContent";
 //#endregion
 //#region src/hooks/useFloatingPosition.ts
-var z = (e) => {
-	let [t, n] = c(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
-	return i(() => {
+var V = (e) => {
+	let [t, n] = u(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
+	return o(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function" || !e) return;
 		let t = window.matchMedia(`(max-width: ${e}px)`), r = () => n(t.matches);
 		return r(), t.addEventListener("change", r), () => {
 			t.removeEventListener("change", r);
 		};
 	}, [e]), t;
-}, B = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", matchTriggerWidth: a = !1, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
-	let l = z(s), { refs: u, floatingStyles: d, update: f, context: p, middlewareData: m, placement: h } = x({
+}, ee = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", matchTriggerWidth: i = !1, mobileSheetBreakpoint: a, middleware: s = [] } = {}) => {
+	let l = V(a), { refs: u, floatingStyles: d, update: f, context: p, middlewareData: m, placement: h } = C({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		strategy: r,
 		transform: !1,
-		middleware: o(() => [
-			v(2),
-			_(),
-			b({ apply({ rects: e, elements: t }) {
-				!a || l || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
+		middleware: c(() => [
+			b(2),
+			y(),
+			S({ apply({ rects: e, elements: t }) {
+				!i || l || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 			} }),
-			y({ padding: 8 }),
-			...c
+			x({ padding: 8 }),
+			...s
 		], [
-			c,
+			s,
 			l,
-			a
+			i
 		]),
-		whileElementsMounted: g
+		whileElementsMounted: v
 	});
-	return i(() => {
+	return o(() => {
 		l && u.floating.current?.style.removeProperty("width");
 	}, [l, u.floating]), {
 		context: p,
@@ -76,23 +76,23 @@ var z = (e) => {
 		setFloatingRef: u.setFloating,
 		updatePosition: f
 	};
-}, ee = (e, t, n = !0) => {
-	let r = s(e);
+}, te = (e, t, n = !0) => {
+	let r = l(e);
 	r.current = e;
-	let a = s(t);
-	a.current = t, i(() => {
+	let i = l(t);
+	i.current = t, o(() => {
 		if (!n) return;
 		let e = (e) => {
 			let t = e.target;
-			r.current.every((e) => e.current && !e.current.contains(t)) && a.current();
+			r.current.every((e) => e.current && !e.current.contains(t)) && i.current();
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
 	}, [n]);
-}, V = { group: "_group_aviwv_1" }, te = ({ label: e }) => /* @__PURE__ */ f("li", {
+}, H = { group: "_group_aviwv_1" }, ne = ({ label: e }) => /* @__PURE__ */ m("li", {
 	role: "presentation",
-	className: V.group,
+	className: H.group,
 	children: e
-}), H = {
+}), U = {
 	item: "_item_re11y_1",
 	disabled: "_disabled_re11y_21",
 	active: "_active_re11y_34",
@@ -103,9 +103,9 @@ var z = (e) => {
 	"itemText--truncate": "_itemText--truncate_re11y_88",
 	"itemText--wrap": "_itemText--wrap_re11y_93",
 	"itemText--nowrap": "_itemText--nowrap_re11y_97"
-}, ne = ({ 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", {
+}, re = ({ 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 f = t || n;
+	return /* @__PURE__ */ h("li", {
 		id: e,
 		role: "menuitem",
 		tabIndex: -1,
@@ -114,32 +114,32 @@ var z = (e) => {
 		"data-danger": i || void 0,
 		onClick: a ? void 0 : s,
 		onMouseEnter: a ? void 0 : c,
-		className: F(H.item, {
-			[H.active]: o,
-			[H.disabled]: a,
-			[H.danger]: i
+		className: L(U.item, {
+			[U.active]: o,
+			[U.disabled]: a,
+			[U.danger]: i
 		}, d),
 		children: [
-			r && /* @__PURE__ */ f("span", {
+			r && /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: H.itemIcon,
+				className: U.itemIcon,
 				children: r
 			}),
-			m && /* @__PURE__ */ f("span", {
-				className: F(H.itemText, H[`itemText--${u}`]),
-				children: m
+			f && /* @__PURE__ */ m("span", {
+				className: L(U.itemText, U[`itemText--${u}`]),
+				children: f
 			}),
-			l && /* @__PURE__ */ f("span", {
-				className: H.itemShortcut,
+			l && /* @__PURE__ */ m("span", {
+				className: U.itemShortcut,
 				children: l
 			})
 		]
 	});
-}, U = { separator: "_separator_1v11r_1" }, re = () => /* @__PURE__ */ f("li", {
+}, W = { separator: "_separator_1v11r_1" }, ie = () => /* @__PURE__ */ m("li", {
 	role: "separator",
-	className: U.separator,
+	className: W.separator,
 	"aria-hidden": "true"
-}), W = {
+}), G = {
 	button: "_button_18ucr_1",
 	disabled: "_disabled_18ucr_20",
 	iconLeft: "_iconLeft_18ucr_32",
@@ -149,112 +149,112 @@ var z = (e) => {
 	md: "_md_18ucr_72",
 	lg: "_lg_18ucr_84",
 	open: "_open_18ucr_123"
-}, ie = t(({ children: e, isOpen: t, icon: n, arrowIcon: r, showArrow: i = !0, rotateAngle: a = 90, size: o = "md", label: s, ariaLabel: c, className: l, ...u }, d) => {
-	let m = !!n, h = !!e, g = m && !h, _ = i && h, v = r ?? /* @__PURE__ */ f(M, {}), y = c ?? (g ? typeof s == "string" ? s : "Open menu" : void 0);
-	return /* @__PURE__ */ p("button", {
+}, ae = n(({ children: e, isOpen: t, icon: n, arrowIcon: r, showArrow: i = !0, rotateAngle: a = 90, size: o = "md", label: s, ariaLabel: c, className: l, ...u }, d) => {
+	let f = !!n, p = !!e, g = f && !p, _ = i && p, v = r ?? /* @__PURE__ */ m(P, {}), y = c ?? (g ? typeof s == "string" ? s : "Open menu" : void 0);
+	return /* @__PURE__ */ h("button", {
 		...u,
 		ref: d,
 		type: "button",
-		className: F(W.button, W[o], {
-			[W.disabled]: u.disabled,
-			[W.iconOnly]: g
+		className: L(G.button, G[o], {
+			[G.disabled]: u.disabled,
+			[G.iconOnly]: g
 		}, l),
 		"aria-label": y,
 		"aria-expanded": t,
 		"aria-haspopup": "menu",
 		style: { "--dropdown-rotate-angle": `${a}deg` },
 		children: [
-			m && /* @__PURE__ */ f("span", {
+			f && /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: W.iconLeft,
+				className: G.iconLeft,
 				children: n
 			}),
 			e,
-			_ && /* @__PURE__ */ f("span", {
+			_ && /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: F(W.arrow, { [W.open]: t }),
+				className: L(G.arrow, { [G.open]: t }),
 				children: v
 			})
 		]
 	});
 });
-ie.displayName = "DropdownTrigger";
+ae.displayName = "DropdownTrigger";
 //#endregion
 //#region src/components/Dropdown/types.ts
-var ae = (e) => e.type === void 0 || e.type === "item", oe = (e) => e.type === "group", se = (e) => e.type === "separator", ce = { wrapper: "_wrapper_14ue8_1" }, le = ({ label: e, ariaLabel: t, icon: r, trigger: i, items: c = [], onSelect: l, open: u, defaultOpen: d = !1, onOpenChange: m, size: h = "md", className: g, triggerClassName: _, contentClassName: v, itemClassName: y, disabled: b, rotateAngle: x = 90, placement: S, matchTriggerWidth: C, textWrap: w, showArrow: T = !0, arrowIcon: D }) => {
-	let O = s(null), k = s(null), A = a(), j = `${A}-trigger`, { floatingStyles: M, setRef: N, setFloatingRef: P } = B({
+var oe = (e) => e.type === void 0 || e.type === "item", se = (e) => e.type === "group", ce = (e) => e.type === "separator", le = { wrapper: "_wrapper_14ue8_1" }, ue = ({ label: e, ariaLabel: t, icon: n, trigger: r, items: a = [], onSelect: o, open: u, defaultOpen: d = !1, onOpenChange: f, size: p = "md", className: g, triggerClassName: _, contentClassName: v, itemClassName: y, disabled: b, rotateAngle: x = 90, placement: S, matchTriggerWidth: C, textWrap: w, showArrow: T = !0, arrowIcon: E }) => {
+	let D = l(null), k = l(null), A = s(), j = `${A}-trigger`, { floatingStyles: M, setRef: N, setFloatingRef: P } = ee({
 		placement: S,
 		matchTriggerWidth: C,
 		mobileSheetBreakpoint: 640
-	}), I = o(() => c.flatMap((e, t) => ae(e) ? [{
+	}), F = c(() => a.flatMap((e, t) => oe(e) ? [{
 		item: e,
 		itemIndex: t
-	}] : []), [c]), L = o(() => I.map(({ item: e }) => e), [I]), z = o(() => new Map(I.map(({ itemIndex: e }, t) => [e, t])), [I]), { activeIndex: V, setActiveIndex: H, isOpen: U, closeDropdown: W, toggleDropdown: le, selectItem: ue, onKeyDown: G } = E({
-		items: L,
+	}] : []), [a]), I = c(() => F.map(({ item: e }) => e), [F]), R = c(() => new Map(F.map(({ itemIndex: e }, t) => [e, t])), [F]), { activeIndex: z, setActiveIndex: V, isOpen: H, closeDropdown: U, toggleDropdown: W, selectItem: G, onKeyDown: ue } = O({
+		items: I,
 		open: u,
 		defaultOpen: d,
 		disabled: b,
-		onOpenChange: m,
-		onSelect: n((e) => {
-			l?.(e), O.current?.focus();
-		}, [l]),
+		onOpenChange: f,
+		onSelect: i((e) => {
+			o?.(e), D.current?.focus();
+		}, [o]),
 		getItemValue: (e) => e.value,
 		getItemText: (e) => typeof e.label == "string" ? e.label : e.value
-	}), de = U && V >= 0 ? `${A}-item-${V}` : void 0;
-	ee([O, k], W, U);
-	let fe = n((e) => {
-		G(e), U && e.key === "Escape" && O.current?.focus();
-	}, [U, G]), pe = n((e) => {
-		O.current = e, N(e);
-	}, [N]), me = n((e) => {
+	}), de = H && z >= 0 ? `${A}-item-${z}` : void 0;
+	te([D, k], U, H);
+	let fe = i((e) => {
+		ue(e), H && e.key === "Escape" && D.current?.focus();
+	}, [H, ue]), pe = i((e) => {
+		D.current = e, N(e);
+	}, [N]), me = i((e) => {
 		k.current = e, P(e), e?.focus();
 	}, [P]);
-	return /* @__PURE__ */ p("div", {
-		className: F(ce.wrapper, g),
-		children: [/* @__PURE__ */ f(ie, {
+	return /* @__PURE__ */ h("div", {
+		className: L(le.wrapper, g),
+		children: [/* @__PURE__ */ m(ae, {
 			ref: pe,
 			id: j,
-			isOpen: U,
+			isOpen: H,
 			disabled: b,
-			size: h,
-			icon: r,
+			size: p,
+			icon: n,
 			label: e,
 			ariaLabel: t,
 			showArrow: T,
-			arrowIcon: D,
+			arrowIcon: E,
 			rotateAngle: x,
 			className: _,
-			onClick: le,
+			onClick: W,
 			onKeyDown: fe,
-			"aria-expanded": U,
+			"aria-expanded": H,
 			"aria-haspopup": "menu",
-			...U && { "aria-controls": A },
-			children: i
-		}), U && /* @__PURE__ */ f(R, {
+			...H && { "aria-controls": A },
+			children: r
+		}), H && /* @__PURE__ */ m(B, {
 			ref: me,
 			floatingStyles: M,
 			menuId: A,
-			labelledById: i ? j : void 0,
-			label: t ?? (!i && typeof e == "string" ? e : void 0),
+			labelledById: r ? j : void 0,
+			label: t ?? (!r && typeof e == "string" ? e : void 0),
 			activeDescendantId: de,
 			onKeyDown: fe,
 			className: v,
-			children: c.map((e, t) => {
-				if (oe(e)) return /* @__PURE__ */ f(te, { label: e.label }, `group-${e.label}`);
-				if (se(e)) return /* @__PURE__ */ f(re, {}, `separator-${t}`);
-				if (ae(e)) {
-					let n = z.get(t) ?? -1;
-					return /* @__PURE__ */ f(ne, {
+			children: a.map((e, t) => {
+				if (se(e)) return /* @__PURE__ */ m(ne, { label: e.label }, `group-${e.label}`);
+				if (ce(e)) return /* @__PURE__ */ m(ie, {}, `separator-${t}`);
+				if (oe(e)) {
+					let n = R.get(t) ?? -1;
+					return /* @__PURE__ */ m(re, {
 						id: `${A}-item-${n}`,
 						...e,
-						active: V === n,
+						active: z === n,
 						textWrap: e.textWrap || w,
 						className: y,
 						onClick: () => {
-							ue(e), O.current?.focus();
+							G(e), D.current?.focus();
 						},
 						onMouseEnter: () => {
-							n < 0 || e.disabled || H(n);
+							n < 0 || e.disabled || V(n);
 						},
 						children: e.label
 					}, `${e.value}-${t}`);
@@ -262,94 +262,94 @@ var ae = (e) => e.type === void 0 || e.type === "item", oe = (e) => e.type === "
 			})
 		})]
 	});
-}, ue = e(void 0), G = () => {
-	let e = r(ue);
+}, de = t(void 0), fe = () => {
+	let e = a(de);
 	if (e === void 0) throw Error("Modal compound components must be used inside Modal");
 	return e;
 };
-ue.displayName = "ModalContext";
-var de = { modalBody: "_modalBody_iv33a_1" }, fe = ({ children: e }) => {
-	let { descriptionId: t } = G();
-	return /* @__PURE__ */ f("div", {
+de.displayName = "ModalContext";
+var pe = { modalBody: "_modalBody_iv33a_1" }, me = ({ children: e }) => {
+	let { descriptionId: t } = fe();
+	return /* @__PURE__ */ m("div", {
 		id: t,
-		className: de.modalBody,
+		className: pe.modalBody,
 		children: e
 	});
 };
-fe.displayName = "ModalBody";
-var pe = { content: "_content_k44g7_1" }, me = ({ children: e }) => /* @__PURE__ */ f("div", {
-	className: pe.content,
+me.displayName = "ModalBody";
+var he = { content: "_content_k44g7_1" }, ge = ({ children: e }) => /* @__PURE__ */ m("div", {
+	className: he.content,
 	children: e
 });
-me.displayName = "ModalContent";
-var he = { modalFooter: "_modalFooter_ezys6_1" }, ge = ({ children: e }) => /* @__PURE__ */ f("div", {
-	className: he.modalFooter,
+ge.displayName = "ModalContent";
+var _e = { modalFooter: "_modalFooter_ezys6_1" }, ve = ({ children: e }) => /* @__PURE__ */ m("div", {
+	className: _e.modalFooter,
 	children: e
 });
-ge.displayName = "ModalFooter";
-var _e = {
+ve.displayName = "ModalFooter";
+var ye = {
 	modalHeader: "_modalHeader_p8xf1_1",
 	modalHeaderTitle: "_modalHeaderTitle_p8xf1_7",
 	modalHeaderCloseButton: "_modalHeaderCloseButton_p8xf1_14"
-}, ve = ({ children: e }) => {
-	let { onClose: t, titleId: n } = G();
-	return /* @__PURE__ */ p("div", {
-		className: _e.modalHeader,
-		children: [/* @__PURE__ */ f("h2", {
+}, be = ({ children: e }) => {
+	let { onClose: t, titleId: n } = fe();
+	return /* @__PURE__ */ h("div", {
+		className: ye.modalHeader,
+		children: [/* @__PURE__ */ m("h2", {
 			id: n,
-			className: _e.modalHeaderTitle,
+			className: ye.modalHeaderTitle,
 			children: e
-		}), t && /* @__PURE__ */ f("button", {
+		}), t && /* @__PURE__ */ m("button", {
 			type: "button",
-			className: _e.modalHeaderCloseButton,
+			className: ye.modalHeaderCloseButton,
 			onClick: t,
 			"aria-label": "Close modal",
-			children: /* @__PURE__ */ f(N, { size: 16 })
+			children: /* @__PURE__ */ m(F, { size: 16 })
 		})]
 	});
 };
-ve.displayName = "ModalHeader";
+be.displayName = "ModalHeader";
 //#endregion
 //#region src/hooks/useModalKeyboard.ts
-var ye = ({ isOpen: e, onClose: t }) => {
-	let r = n((n) => {
+var xe = ({ isOpen: e, onClose: t }) => {
+	let n = i((n) => {
 		e && n.key === "Escape" && (n.preventDefault(), t?.());
 	}, [e, t]);
-	i(() => (document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r)), [r]);
-}, be = {
+	o(() => (document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n)), [n]);
+}, Se = {
 	overlay: "_overlay_dcudn_1",
 	"overlay--open": "_overlay--open_dcudn_14",
 	modal: "_modal_dcudn_20",
 	"overlay--animated": "_overlay--animated_dcudn_28"
-}, xe = 0, Se = "", Ce = ({ 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 } = G(), _ = n((e) => {
-		p && e.target === e.currentTarget && t?.();
-	}, [p, t]);
-	return ye({
-		isOpen: r,
-		onClose: l ? t : void 0
-	}), i(() => {
-		if (r) return xe === 0 && (Se = document.body.style.overflow), xe += 1, document.body.style.overflow = "hidden", () => {
-			xe = Math.max(0, xe - 1), xe === 0 && (document.body.style.overflow = Se);
+}, Ce = 0, we = "", Te = ({ children: e, onClose: t, isOpen: n, className: r, closeOnBackdrop: a, closeOnClick: s, closeOnEsc: c = !0, zIndex: u = 1e3, animated: d = !0 }) => {
+	let f = a ?? s ?? !0, p = l(null), { titleId: h, descriptionId: g } = fe(), _ = i((e) => {
+		f && e.target === e.currentTarget && t?.();
+	}, [f, t]);
+	return xe({
+		isOpen: n,
+		onClose: c ? t : void 0
+	}), o(() => {
+		if (n) return Ce === 0 && (we = document.body.style.overflow), Ce += 1, document.body.style.overflow = "hidden", () => {
+			Ce = Math.max(0, Ce - 1), Ce === 0 && (document.body.style.overflow = we);
 		};
-	}, [r]), !r && !d ? null : /* @__PURE__ */ f(I, { children: /* @__PURE__ */ f("div", {
-		className: F(be.overlay, r && be["overlay--open"], d && be["overlay--animated"], a),
+	}, [n]), !n && !d ? null : /* @__PURE__ */ m(R, { children: /* @__PURE__ */ m("div", {
+		className: L(Se.overlay, n && Se["overlay--open"], d && Se["overlay--animated"], r),
 		onClick: _,
 		tabIndex: -1,
 		role: "presentation",
-		"aria-hidden": !r,
+		"aria-hidden": !n,
 		style: { zIndex: u },
-		children: /* @__PURE__ */ f(P, {
-			active: r,
+		children: /* @__PURE__ */ m(I, {
+			active: n,
 			focusTrapOptions: {
-				fallbackFocus: () => m.current,
+				fallbackFocus: () => p.current,
 				returnFocusOnDeactivate: !0,
 				allowOutsideClick: !0
 			},
-			children: /* @__PURE__ */ f("div", {
-				ref: m,
+			children: /* @__PURE__ */ m("div", {
+				ref: p,
 				tabIndex: -1,
-				className: be.modal,
+				className: Se.modal,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": h,
@@ -359,43 +359,43 @@ var ye = ({ isOpen: e, onClose: t }) => {
 		})
 	}) });
 };
-Ce.displayName = "ModalOverlay";
+Te.displayName = "ModalOverlay";
 //#endregion
 //#region src/components/Modal/Modal.tsx
-var we = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: a = !0 }) => {
-	let o = D({
+var Ee = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: a = !0 }) => {
+	let o = k({
 		isOpen: e,
 		onClose: n,
 		closeOnBackdrop: r,
 		closeOnClick: i,
 		closeOnEsc: a
 	});
-	return o.shouldRender ? /* @__PURE__ */ f(ue.Provider, {
+	return o.shouldRender ? /* @__PURE__ */ m(de.Provider, {
 		value: {
 			onClose: o.onClose,
 			titleId: o.titleId,
 			descriptionId: o.descriptionId
 		},
-		children: /* @__PURE__ */ f(Ce, {
+		children: /* @__PURE__ */ m(Te, {
 			isOpen: o.isOpen,
 			onClose: o.onClose,
 			closeOnBackdrop: o.closeOnBackdrop,
 			closeOnEsc: o.closeOnEsc,
-			children: /* @__PURE__ */ f(me, { children: t })
+			children: /* @__PURE__ */ m(ge, { children: t })
 		})
 	}) : null;
 };
-we.displayName = "Modal";
+Ee.displayName = "Modal";
 //#endregion
 //#region src/components/Modal/index.ts
-var Te = Object.assign(we, {
-	Header: ve,
-	Body: fe,
-	Content: me,
-	Footer: ge
-}), Ee = e(null), De = Ee.Provider;
-function Oe() {
-	return r(Ee);
+var De = Object.assign(Ee, {
+	Header: be,
+	Body: me,
+	Content: ge,
+	Footer: ve
+}), Oe = t(null), ke = Oe.Provider;
+function Ae() {
+	return a(Oe);
 }
 var K = {
 	root: "_root_1n02e_1",
@@ -408,13 +408,13 @@ var K = {
 	error: "_error_1n02e_51",
 	disabled: "_disabled_1n02e_59",
 	invalid: "_invalid_1n02e_75"
-}, ke = t(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: o = "md", name: s, label: c, description: l, error: u, orientation: d = "vertical", children: m, className: h, id: g, ..._ }, v) => {
-	let y = a(), b = g ?? y, x = c ? `${b}-label` : void 0, S = l ? `${b}-description` : void 0, C = u ? `${b}-error` : void 0, w = [S, C].filter(Boolean).join(" ") || void 0, E = s ?? `${b}-radio`, [D, O] = T({
+}, je = n(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: a = "md", name: o, label: c, description: l, error: u, orientation: d = "vertical", children: f, className: p, id: g, ..._ }, v) => {
+	let y = s(), b = g ?? y, x = c ? `${b}-label` : void 0, S = l ? `${b}-description` : void 0, C = u ? `${b}-error` : void 0, w = [S, C].filter(Boolean).join(" ") || void 0, T = o ?? `${b}-radio`, [E, O] = D({
 		value: e,
 		defaultValue: t,
 		onChange: n
 	}), k = !!u;
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ h("div", {
 		..._,
 		ref: v,
 		id: b,
@@ -424,39 +424,39 @@ var K = {
 		"aria-disabled": r || void 0,
 		"aria-required": i || void 0,
 		"aria-invalid": k || void 0,
-		className: F(K.root, k && K.invalid, r && K.disabled, h),
+		className: L(K.root, k && K.invalid, r && K.disabled, p),
 		children: [
-			c && /* @__PURE__ */ p("div", {
+			c && /* @__PURE__ */ h("div", {
 				id: x,
 				className: K.label,
-				children: [c, i && /* @__PURE__ */ f("span", {
+				children: [c, i && /* @__PURE__ */ m("span", {
 					className: K.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
-			l && /* @__PURE__ */ f("div", {
+			l && /* @__PURE__ */ m("div", {
 				id: S,
 				className: K.description,
 				children: l
 			}),
-			/* @__PURE__ */ f(De, {
+			/* @__PURE__ */ m(ke, {
 				value: {
-					name: E,
-					value: D,
+					name: T,
+					value: E,
 					disabled: r,
 					required: i,
 					invalid: k,
-					size: o,
+					size: a,
 					describedBy: w,
 					onValueChange: O
 				},
-				children: /* @__PURE__ */ f("div", {
-					className: F(K.items, K[d]),
-					children: m
+				children: /* @__PURE__ */ m("div", {
+					className: L(K.items, K[d]),
+					children: f
 				})
 			}),
-			u && /* @__PURE__ */ f("div", {
+			u && /* @__PURE__ */ m("div", {
 				id: C,
 				className: K.error,
 				children: u
@@ -464,7 +464,7 @@ var K = {
 		]
 	});
 });
-ke.displayName = "RadioGroup";
+je.displayName = "RadioGroup";
 var q = {
 	wrapper: "_wrapper_byl2d_1",
 	label: "_label_byl2d_9",
@@ -473,59 +473,59 @@ var q = {
 	control: "_control_byl2d_32",
 	errorText: "_errorText_byl2d_40",
 	disabled: "_disabled_byl2d_54"
-}, Ae = ({ id: e, label: t, description: n, error: r, required: i = !1, disabled: a = !1, children: o, className: s, controlClassName: c, labelClassName: l, descriptionClassName: u, errorClassName: d, ...m }) => {
-	let h = n && e ? `${e}-description` : void 0, g = r && e ? `${e}-error` : void 0;
-	return /* @__PURE__ */ p("div", {
-		...m,
+}, Me = ({ id: e, label: t, description: n, error: r, required: i = !1, disabled: a = !1, children: o, className: s, controlClassName: c, labelClassName: l, descriptionClassName: u, errorClassName: d, ...f }) => {
+	let p = n && e ? `${e}-description` : void 0, g = r && e ? `${e}-error` : void 0;
+	return /* @__PURE__ */ h("div", {
+		...f,
 		"aria-disabled": a || void 0,
-		className: F(q.wrapper, a && q.disabled, s),
+		className: L(q.wrapper, a && q.disabled, s),
 		"data-disabled": a || void 0,
 		"data-invalid": !!r || void 0,
 		children: [
-			t && /* @__PURE__ */ p("label", {
+			t && /* @__PURE__ */ h("label", {
 				htmlFor: e,
-				className: F(q.label, l),
-				children: [t, i && /* @__PURE__ */ f("span", {
+				className: L(q.label, l),
+				children: [t, i && /* @__PURE__ */ m("span", {
 					className: q.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
-			n && /* @__PURE__ */ f("div", {
-				id: h,
-				className: F(q.description, u),
+			n && /* @__PURE__ */ m("div", {
+				id: p,
+				className: L(q.description, u),
 				children: n
 			}),
-			/* @__PURE__ */ f("div", {
-				className: F(q.control, c),
+			/* @__PURE__ */ m("div", {
+				className: L(q.control, c),
 				children: o
 			}),
-			r && /* @__PURE__ */ f("div", {
+			r && /* @__PURE__ */ m("div", {
 				id: g,
-				className: F(q.errorText, d),
+				className: L(q.errorText, d),
 				role: "alert",
 				children: r
 			})
 		]
 	});
-}, je = {
+}, Ne = {
 	option: "_option_l6qjj_1",
 	selected: "_selected_l6qjj_18",
 	disabled: "_disabled_l6qjj_18",
 	active: "_active_l6qjj_34",
 	label: "_label_l6qjj_46",
 	check: "_check_l6qjj_54"
-}, Me = ({ option: e, isSelected: t, isActive: n, optionId: r, onSelect: i, onMouseEnter: a }) => {
+}, Pe = ({ option: e, isSelected: t, isActive: n, optionId: r, onSelect: i, onMouseEnter: a }) => {
 	let o = !!e.disabled;
-	return /* @__PURE__ */ p("li", {
+	return /* @__PURE__ */ h("li", {
 		id: r,
 		role: "option",
 		"aria-selected": t,
 		"aria-disabled": o || void 0,
-		className: F(je.option, {
-			[je.selected]: t,
-			[je.active]: n,
-			[je.disabled]: o
+		className: L(Ne.option, {
+			[Ne.selected]: t,
+			[Ne.active]: n,
+			[Ne.disabled]: o
 		}),
 		onClick: () => {
 			o || i(e.value);
@@ -533,44 +533,44 @@ var q = {
 		onMouseEnter: () => {
 			o || a();
 		},
-		children: [/* @__PURE__ */ f("span", {
-			className: je.label,
+		children: [/* @__PURE__ */ m("span", {
+			className: Ne.label,
 			children: e.label
-		}), /* @__PURE__ */ f("span", {
-			className: je.check,
+		}), /* @__PURE__ */ m("span", {
+			className: Ne.check,
 			"aria-hidden": "true",
-			children: t && /* @__PURE__ */ f(j, {})
+			children: t && /* @__PURE__ */ m(N, {})
 		})]
 	});
 };
-Me.displayName = "SelectOption";
-var Ne = {
+Pe.displayName = "SelectOption";
+var Fe = {
 	dropdown: "_dropdown_qznlq_1",
 	dropdownIn: "_dropdownIn_qznlq_1",
 	empty: "_empty_qznlq_17"
-}, Pe = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, noOptionsText: o, selectedValue: s, activeIndex: c, className: l, onSelect: u, onMouseEnter: d }) => e ? /* @__PURE__ */ f(I, { children: /* @__PURE__ */ f("ul", {
+}, Ie = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, noOptionsText: o, selectedValue: s, activeIndex: c, className: l, onSelect: u, onMouseEnter: d }) => e ? /* @__PURE__ */ m(R, { children: /* @__PURE__ */ m("ul", {
 	ref: r,
 	id: t,
 	role: "listbox",
 	"aria-labelledby": n,
-	className: [Ne.dropdown, l].filter(Boolean).join(" "),
+	className: [Fe.dropdown, l].filter(Boolean).join(" "),
 	style: i,
-	children: a.length ? a.map((e, n) => /* @__PURE__ */ f(Me, {
+	children: a.length ? a.map((e, n) => /* @__PURE__ */ m(Pe, {
 		option: e,
 		isSelected: e.value === s,
 		isActive: n === c,
 		optionId: `${t}-option-${n}`,
 		onSelect: u,
 		onMouseEnter: () => d(n)
-	}, e.value)) : /* @__PURE__ */ f("li", {
+	}, e.value)) : /* @__PURE__ */ m("li", {
 		role: "option",
 		"aria-disabled": "true",
 		"aria-selected": "false",
-		className: Ne.empty,
+		className: Fe.empty,
 		children: o
 	})
 }) }) : null;
-Pe.displayName = "SelectDropdown";
+Ie.displayName = "SelectDropdown";
 var J = {
 	control: "_control_1xma1_1",
 	disabled: "_disabled_1xma1_18",
@@ -582,9 +582,9 @@ var J = {
 	placeholder: "_placeholder_1xma1_63",
 	error: "_error_1xma1_67",
 	open: "_open_1xma1_109"
-}, Fe = ({ id: e, errorId: t, isOpen: n, disabled: r, required: i, listboxId: a, activeIndex: o, ariaLabel: s, error: c, displayText: l, isPlaceholder: u, size: d = "md", className: m, buttonRef: h, onClick: g, onKeyDown: _, onBlur: v, onFocus: y }) => /* @__PURE__ */ p("button", {
+}, Le = ({ id: e, errorId: t, isOpen: n, disabled: r, required: i, listboxId: a, activeIndex: o, ariaLabel: s, error: c, displayText: l, isPlaceholder: u, size: d = "md", className: f, buttonRef: p, onClick: g, onKeyDown: _, onBlur: v, onFocus: y }) => /* @__PURE__ */ h("button", {
 	id: e,
-	ref: h,
+	ref: p,
 	type: "button",
 	role: "combobox",
 	disabled: r,
@@ -597,52 +597,52 @@ var J = {
 	"aria-controls": n ? a : void 0,
 	"aria-describedby": t,
 	"aria-activedescendant": n && o >= 0 ? `${a}-option-${o}` : void 0,
-	className: F(J.control, J[d], {
+	className: L(J.control, J[d], {
 		[J.error]: !!c,
 		[J.disabled]: r
-	}, m),
+	}, f),
 	onClick: g,
 	onKeyDown: _,
 	onBlur: v,
 	onFocus: y,
-	children: [/* @__PURE__ */ f("span", {
-		className: F(J.value, { [J.placeholder]: u }),
+	children: [/* @__PURE__ */ m("span", {
+		className: L(J.value, { [J.placeholder]: u }),
 		children: l
-	}), /* @__PURE__ */ f("span", {
-		className: F(J.arrow, { [J.open]: n }),
+	}), /* @__PURE__ */ m("span", {
+		className: L(J.arrow, { [J.open]: n }),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ f(M, {})
+		children: /* @__PURE__ */ m(P, {})
 	})]
 });
-Fe.displayName = "SelectTrigger";
+Le.displayName = "SelectTrigger";
 //#endregion
 //#region src/components/Select/Select.tsx
-var Ie = ({ label: e, description: t, id: r, name: i, "aria-label": o, value: c, defaultValue: l, onChange: u, options: d, placeholder: m = "Select...", noOptionsText: h = "No options available", size: g = "md", required: _ = !1, disabled: v = !1, error: y, placement: b = "bottom-start", matchTriggerWidth: x = !0, open: S, defaultOpen: C = !1, onOpenChange: w, onBlur: T, onFocus: E, className: D, triggerClassName: k, dropdownClassName: A }) => {
-	let j = a(), M = r ?? j, N = `${M}-listbox`, P = !!y, F = P ? `${M}-error` : void 0, I = s(null), L = s(null), { selectedValue: R, selectedOption: z, isOpen: V, setIsOpen: te, activeIndex: H, setActiveIndex: ne, closeDropdown: U, toggleDropdown: re, selectValue: W, onKeyDown: ie } = O({
-		value: c,
-		defaultValue: l,
+var Re = ({ label: e, description: t, id: n, name: r, "aria-label": a, value: o, defaultValue: c, onChange: u, options: d, placeholder: f = "Select...", noOptionsText: p = "No options available", size: g = "md", required: _ = !1, disabled: v = !1, error: y, placement: b = "bottom-start", matchTriggerWidth: x = !0, open: S, defaultOpen: C = !1, onOpenChange: w, onBlur: T, onFocus: E, className: D, triggerClassName: O, dropdownClassName: k }) => {
+	let j = s(), M = n ?? j, N = `${M}-listbox`, P = !!y, F = P ? `${M}-error` : void 0, I = l(null), L = l(null), { selectedValue: R, selectedOption: z, isOpen: B, setIsOpen: V, activeIndex: H, setActiveIndex: ne, closeDropdown: U, toggleDropdown: re, selectValue: W, onKeyDown: ie } = A({
+		value: o,
+		defaultValue: c,
 		onChange: u,
 		options: d,
 		disabled: v,
 		open: S,
 		defaultOpen: C,
 		onOpenChange: w
-	}), ae = !!z, { floatingStyles: oe, setRef: se, setFloatingRef: ce } = B({
-		open: V,
-		onOpenChange: te,
+	}), G = !!z, { floatingStyles: ae, setRef: oe, setFloatingRef: se } = ee({
+		open: B,
+		onOpenChange: V,
 		placement: b,
 		matchTriggerWidth: x,
 		mobileSheetBreakpoint: 640
-	}), le = n((e) => {
+	}), ce = i((e) => {
 		W(e), I.current?.focus();
 	}, [W]);
-	ee([I, L], U, V);
-	let ue = n((e) => {
-		I.current = e, se(e);
-	}, [se]), G = n((e) => {
-		L.current = e, ce(e);
-	}, [ce]);
-	return /* @__PURE__ */ p(Ae, {
+	te([I, L], U, B);
+	let le = i((e) => {
+		I.current = e, oe(e);
+	}, [oe]), ue = i((e) => {
+		L.current = e, se(e);
+	}, [se]);
+	return /* @__PURE__ */ h(Me, {
 		id: M,
 		label: e,
 		description: t,
@@ -651,94 +651,94 @@ var Ie = ({ label: e, description: t, id: r, name: i, "aria-label": o, value: c,
 		disabled: v,
 		className: D,
 		children: [
-			/* @__PURE__ */ f(Fe, {
+			/* @__PURE__ */ m(Le, {
 				id: M,
 				errorId: F,
-				isOpen: V,
+				isOpen: B,
 				disabled: v,
 				required: _,
 				listboxId: N,
 				activeIndex: H,
-				ariaLabel: o ?? (e ? void 0 : z?.label || m),
+				ariaLabel: a ?? (e ? void 0 : z?.label || f),
 				error: P,
-				displayText: z?.label ?? m,
-				isPlaceholder: !ae,
+				displayText: z?.label ?? f,
+				isPlaceholder: !G,
 				size: g,
-				className: k,
-				buttonRef: ue,
+				className: O,
+				buttonRef: le,
 				onClick: re,
 				onKeyDown: ie,
 				onBlur: T,
 				onFocus: E
 			}),
-			i && /* @__PURE__ */ f("input", {
+			r && /* @__PURE__ */ m("input", {
 				type: "hidden",
-				name: i,
+				name: r,
 				value: R,
 				disabled: v
 			}),
-			/* @__PURE__ */ f(Pe, {
-				isOpen: V,
+			/* @__PURE__ */ m(Ie, {
+				isOpen: B,
 				listboxId: N,
 				labelledById: M,
-				style: oe,
+				style: ae,
 				options: d,
-				noOptionsText: h,
+				noOptionsText: p,
 				selectedValue: R,
 				activeIndex: H,
-				className: A,
-				setDropdownRef: G,
-				onSelect: le,
+				className: k,
+				setDropdownRef: ue,
+				onSelect: ce,
 				onMouseEnter: ne
 			})
 		]
 	});
 };
-Ie.displayName = "Select";
+Re.displayName = "Select";
 //#endregion
 //#region src/components/Tabs/TabsContext.tsx
-var Le = e(null), Re = () => {
-	let e = r(Le);
+var ze = t(null), Be = () => {
+	let e = a(ze);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
-}, ze = {
+}, Ve = {
 	list: "_list_13hkl_1",
 	vertical: "_vertical_13hkl_8"
-}, Be = ({ children: e, className: t, ...n }) => {
-	let { orientation: r, appearance: i } = Re();
-	return /* @__PURE__ */ f("div", {
+}, He = ({ children: e, className: t, ...n }) => {
+	let { orientation: r, appearance: i } = Be();
+	return /* @__PURE__ */ m("div", {
 		...n,
 		role: "tablist",
 		"aria-orientation": r,
-		className: F(ze.list, r === "vertical" && ze.vertical, i === "underline" && ze.underline, i === "pills" && ze.pills, t),
+		className: L(Ve.list, r === "vertical" && Ve.vertical, i === "underline" && Ve.underline, i === "pills" && Ve.pills, t),
 		children: e
 	});
 };
-Be.displayName = "TabsList";
-var Ve = {
+He.displayName = "TabsList";
+var Ue = {
 	panel: "_panel_1v1a9_1",
 	visible: "_visible_1v1a9_10",
 	vertical: "_vertical_1v1a9_14"
-}, He = ({ index: e, children: t, className: n }) => {
-	let { activeIndex: r, orientation: a } = Re(), [o, s] = c(!1), l = r === e;
-	return i(() => {
-		if (!l) {
+}, We = ({ index: e, children: t, className: n }) => {
+	let { activeIndex: r, orientation: i } = Be(), [a, s] = u(!1), c = r === e;
+	return o(() => {
+		if (!c) {
 			s(!1);
 			return;
 		}
 		let e = setTimeout(() => s(!0), 10);
 		return () => clearTimeout(e);
-	}, [l]), /* @__PURE__ */ f("div", {
+	}, [c]), /* @__PURE__ */ m("div", {
 		role: "tabpanel",
 		id: `tab-panel-${e}`,
 		"aria-labelledby": `tab-${e}`,
-		hidden: !l,
+		hidden: !c,
 		tabIndex: 0,
-		className: F(Ve.panel, o && Ve.visible, a === "vertical" && Ve.vertical, n),
+		className: L(Ue.panel, a && Ue.visible, i === "vertical" && Ue.vertical, n),
 		children: t
 	});
 };
-He.displayName = "TabsPanel";
+We.displayName = "TabsPanel";
 var Y = {
 	tab: "_tab_qe8xc_1",
 	iconOnly: "_iconOnly_qe8xc_27",
@@ -748,11 +748,11 @@ var Y = {
 	underline: "_underline_qe8xc_60",
 	pills: "_pills_qe8xc_92",
 	vertical: "_vertical_qe8xc_106"
-}, Ue = 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: _ } = Re(), v = u === e, y = !!a, b = y && t == null;
-	return /* @__PURE__ */ p("button", {
+}, Ge = n(({ index: e, children: t, className: n, disabled: r = !1, icon: a, onClick: o, onKeyDown: s, ...c }, l) => {
+	let { activeIndex: u, setActiveIndex: d, orientation: f, appearance: p = "default", registerTab: g, onTabKeyDown: _ } = Be(), v = u === e, y = !!a, b = y && t == null;
+	return /* @__PURE__ */ h("button", {
 		type: "button",
-		ref: n((t) => {
+		ref: i((t) => {
 			g(e, t), typeof l == "function" ? l(t) : l && (l.current = t);
 		}, [
 			g,
@@ -763,39 +763,39 @@ var Y = {
 		"aria-selected": v,
 		"aria-controls": `tab-panel-${e}`,
 		id: `tab-${e}`,
-		disabled: i,
+		disabled: r,
 		tabIndex: v ? 0 : -1,
-		className: F(Y.tab, Y[h], m === "vertical" && Y.vertical, y && Y.withIcon, b && Y.iconOnly, r),
+		className: L(Y.tab, Y[p], f === "vertical" && Y.vertical, y && Y.withIcon, b && Y.iconOnly, n),
 		onClick: (t) => {
-			i || (d(e), o?.(t));
+			r || (d(e), o?.(t));
 		},
 		onKeyDown: (e) => {
 			_(e), s?.(e);
 		},
 		...c,
-		children: [y && /* @__PURE__ */ f("span", {
+		children: [y && /* @__PURE__ */ m("span", {
 			className: Y.tabIcon,
 			"aria-hidden": "true",
 			children: a
-		}), t != null && /* @__PURE__ */ f("span", {
+		}), t != null && /* @__PURE__ */ m("span", {
 			className: Y.label,
 			children: t
 		})]
 	});
 });
-Ue.displayName = "Tab";
-var We = {
+Ge.displayName = "Tab";
+var Ke = {
 	tabs: "_tabs_uqy7q_1",
 	vertical: "_vertical_uqy7q_5"
-}, Ge = ({ children: e, activeIndex: t, defaultActiveIndex: r = 0, onChange: i, orientation: a = "horizontal", appearance: o = "default", className: c }) => {
-	let { activeIndex: l, setActiveIndex: u } = k({
+}, qe = ({ children: e, activeIndex: t, defaultActiveIndex: n = 0, onChange: r, orientation: a = "horizontal", appearance: o = "default", className: s }) => {
+	let { activeIndex: c, setActiveIndex: u } = j({
 		activeIndex: t,
-		defaultActiveIndex: r,
-		onChange: i
-	}), d = s([]), p = n((e, t) => {
+		defaultActiveIndex: n,
+		onChange: r
+	}), d = l([]), f = i((e, t) => {
 		d.current[e] = t;
-	}, []), { onKeyDown: m } = A({
-		activeIndex: l,
+	}, []), { onKeyDown: p } = M({
+		activeIndex: c,
 		setActiveIndex: u,
 		tabRefs: d,
 		orientation: a,
@@ -803,32 +803,32 @@ var We = {
 			d.current[e]?.focus();
 		}
 	}), h = {
-		activeIndex: l,
+		activeIndex: c,
 		setActiveIndex: u,
 		orientation: a,
 		appearance: o,
-		registerTab: p,
-		onTabKeyDown: m
+		registerTab: f,
+		onTabKeyDown: p
 	};
-	return /* @__PURE__ */ f(Le.Provider, {
+	return /* @__PURE__ */ m(ze.Provider, {
 		value: h,
-		children: /* @__PURE__ */ f("div", {
-			className: F(We.tabs, a === "vertical" && We.vertical, c),
+		children: /* @__PURE__ */ m("div", {
+			className: L(Ke.tabs, a === "vertical" && Ke.vertical, s),
 			children: e
 		})
 	});
 };
-Ge.displayName = "Tabs";
+qe.displayName = "Tabs";
 //#endregion
 //#region src/components/Tabs/index.ts
-var Ke = Object.assign(Ge, {
-	List: Be,
-	Tab: Ue,
-	Panel: He
-}), qe = {
+var Je = Object.assign(qe, {
+	List: He,
+	Tab: Ge,
+	Panel: We
+}), Ye = {
 	tooltip: "_tooltip_10opu_1",
 	arrow: "_arrow_10opu_25"
-}, Je = t(({ content: e, placement: t = "top", arrowRef: n, arrowX: r, arrowY: i, className: a, style: o, ...s }, c) => {
+}, Xe = n(({ content: e, placement: t = "top", arrowRef: n, arrowX: r, arrowY: i, className: a, style: o, ...s }, c) => {
 	let l = {
 		top: "bottom",
 		right: "left",
@@ -841,45 +841,45 @@ var Ke = Object.assign(Ge, {
 		top: i == null ? "" : `${i}px`,
 		[l]: "-5px"
 	};
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ h("div", {
 		ref: c,
-		className: F(qe.tooltip, a),
+		className: L(Ye.tooltip, a),
 		"data-placement": t,
 		"data-state": "open",
 		style: o,
 		...s,
-		children: [e, /* @__PURE__ */ f("div", {
+		children: [e, /* @__PURE__ */ m("div", {
 			ref: n,
-			className: qe.arrow,
+			className: Ye.arrow,
 			style: u
 		})]
 	});
 });
-Je.displayName = "TooltipContent";
+Xe.displayName = "TooltipContent";
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-var Ye = ({ children: e, placement: t = "top", content: n, disabled: r = !1, delay: i = {
+var Ze = ({ children: e, placement: t = "top", content: n, disabled: r = !1, delay: i = {
 	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 } = B({
-		open: g,
+}, maxWidth: a = 250, className: o, onOpenChange: c }) => {
+	let [d, f] = u(!1), v = l(null), y = s(), { context: b, floatingStyles: x, middlewareData: S, setRef: C, setFloatingRef: D, placement: O } = ee({
+		open: d,
 		onOpenChange: (e) => {
-			r || (_(e), u?.(e));
+			r || (f(e), c?.(e));
 		},
 		placement: t,
-		middleware: [h({ element: v })]
-	}), k = T.arrow?.x, A = T.arrow?.y, { getReferenceProps: j, getFloatingProps: M } = w([C(b, { delay: {
+		middleware: [_({ element: v })]
+	}), k = S.arrow?.x, A = S.arrow?.y, { getReferenceProps: j, getFloatingProps: M } = E([T(b, { delay: {
 		open: i.open,
 		close: i.close
-	} }), S(b)]);
-	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
-		ref: E,
+	} }), w(b)]);
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+		ref: C,
 		style: { display: "inline-flex" },
-		"aria-describedby": g ? y : void 0,
+		"aria-describedby": d ? y : void 0,
 		...j(),
 		children: e
-	}), /* @__PURE__ */ f(m, { children: g && n && /* @__PURE__ */ f(Je, {
+	}), /* @__PURE__ */ m(g, { children: d && n && /* @__PURE__ */ m(Xe, {
 		id: y,
 		ref: D,
 		content: n,
@@ -889,166 +889,254 @@ var Ye = ({ children: e, placement: t = "top", content: n, disabled: r = !1, del
 		role: "tooltip",
 		style: {
 			...x,
-			maxWidth: typeof o == "number" ? `${o}px` : o
+			maxWidth: typeof a == "number" ? `${a}px` : a
 		},
 		placement: O,
-		className: l,
+		className: o,
 		...M()
 	}) })] });
 };
-Ye.displayName = "Tooltip";
+Ze.displayName = "Tooltip";
 //#endregion
 //#region src/utils/devWarning.ts
-var Xe = (e, t) => {
+var Qe = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, X = {
-	button: "_button_kajmf_1",
-	solid: "_solid_kajmf_21",
-	primary: "_primary_kajmf_21",
-	loading: "_loading_kajmf_21",
-	secondary: "_secondary_kajmf_45",
-	danger: "_danger_kajmf_69",
-	close: "_close_kajmf_93",
-	outline: "_outline_kajmf_117",
-	ghost: "_ghost_kajmf_213",
-	sm: "_sm_kajmf_327",
-	md: "_md_kajmf_333",
-	lg: "_lg_kajmf_339",
-	fullWidth: "_fullWidth_kajmf_345",
-	iconOnly: "_iconOnly_kajmf_349",
-	label: "_label_kajmf_353",
-	icon: "_icon_kajmf_349",
-	spinner: "_spinner_kajmf_375",
-	"button-spin": "_button-spin_kajmf_1"
-}, Ze = 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 Xe(!y || !!g, "Button: icon-only buttons must provide aria-label."), /* @__PURE__ */ p("button", {
-		..._,
-		ref: v,
-		type: i,
-		disabled: b,
-		onClick: b ? void 0 : h,
-		"aria-label": g || void 0,
-		"aria-busy": o || void 0,
-		className: F(X.button, X[t], X[n], X[r], m, {
-			[X.disabled]: b,
-			[X.loading]: o,
-			[X.fullWidth]: u,
-			[X.iconOnly]: y
+	button: "_button_2nghu_1",
+	solid: "_solid_2nghu_22",
+	primary: "_primary_2nghu_22",
+	loading: "_loading_2nghu_22",
+	neutral: "_neutral_2nghu_48",
+	success: "_success_2nghu_74",
+	warning: "_warning_2nghu_100",
+	danger: "_danger_2nghu_126",
+	outline: "_outline_2nghu_152",
+	ghost: "_ghost_2nghu_282",
+	soft: "_soft_2nghu_412",
+	link: "_link_2nghu_542",
+	square: "_square_2nghu_685",
+	rounded: "_rounded_2nghu_689",
+	pill: "_pill_2nghu_693",
+	sm: "_sm_2nghu_697",
+	md: "_md_2nghu_703",
+	lg: "_lg_2nghu_709",
+	fullWidth: "_fullWidth_2nghu_715",
+	iconOnly: "_iconOnly_2nghu_719",
+	label: "_label_2nghu_723",
+	labelText: "_labelText_2nghu_745",
+	icon: "_icon_2nghu_719",
+	spinner: "_spinner_2nghu_764",
+	"button-spin": "_button-spin_2nghu_1",
+	badge: "_badge_2nghu_786",
+	shortcut: "_shortcut_2nghu_800"
+}, $e = n(({ children: t, color: n = "primary", appearance: i = "solid", size: a = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: g, badge: _, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: N, ...P }, F) => {
+	let I = S && r(t) ? t : void 0, R = I ? I.props.children : t, z = x || !R && !!(d || f), B = !!(T || E || I?.props["aria-label"] || I?.props["aria-labelledby"]), V = c || l, ee = l && u ? u : R, te = u && R && !z && (typeof R == "string" || typeof R == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? R : u) : void 0, H = O === "_blank" && !k ? "noreferrer noopener" : k, ne = L(X.button, X[n], X[i], X[a], X[o], C, {
+		[X.disabled]: V,
+		[X.loading]: l,
+		[X.fullWidth]: b,
+		[X.iconOnly]: z
+	});
+	Qe(!S || !D, "Button: pass href to the child element when using asChild."), Qe(!S || !!I, "Button: asChild requires a single valid React element child."), Qe(!z || B, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
+	let U = (e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, re = (e) => {
+		if (V) {
+			U(e);
+			return;
+		}
+		I?.props.onClick?.(e), e.defaultPrevented || w?.(e);
+	}, W = /* @__PURE__ */ h(p, { children: [
+		l && (g ? /* @__PURE__ */ m("span", {
+			className: X.icon,
+			"aria-hidden": "true",
+			children: g
+		}) : /* @__PURE__ */ m("span", {
+			className: X.spinner,
+			"aria-hidden": "true"
+		})),
+		!l && d && /* @__PURE__ */ m("span", {
+			className: X.icon,
+			children: d
 		}),
-		children: [
-			o && /* @__PURE__ */ f("span", {
-				className: X.spinner,
-				"aria-hidden": "true"
-			}),
-			!o && c && /* @__PURE__ */ f("span", {
-				className: X.icon,
-				children: c
-			}),
-			x && !y && /* @__PURE__ */ f("span", {
-				className: X.label,
-				children: x
-			}),
-			!o && l && /* @__PURE__ */ f("span", {
-				className: X.icon,
-				children: l
+		ee && !z && /* @__PURE__ */ m("span", {
+			className: X.label,
+			"data-measure": te,
+			children: /* @__PURE__ */ m("span", {
+				className: X.labelText,
+				children: ee
 			})
-		]
+		}),
+		_ && !z && /* @__PURE__ */ m("span", {
+			className: X.badge,
+			children: _
+		}),
+		v && !z && /* @__PURE__ */ m("span", {
+			className: X.shortcut,
+			children: v
+		}),
+		!l && f && /* @__PURE__ */ m("span", {
+			className: X.icon,
+			children: f
+		})
+	] });
+	return I ? e(I, {
+		...P,
+		ref: F,
+		"aria-busy": l || void 0,
+		"aria-disabled": V || void 0,
+		"aria-label": T || I.props["aria-label"] || void 0,
+		"aria-labelledby": E || I.props["aria-labelledby"] || void 0,
+		className: L(I.props.className, ne),
+		href: V ? void 0 : I.props.href,
+		onClick: re,
+		tabIndex: V ? -1 : I.props.tabIndex,
+		title: y || I.props.title,
+		children: W
+	}) : D ? /* @__PURE__ */ m("a", {
+		ref: F,
+		href: V ? void 0 : D,
+		id: j,
+		role: M,
+		tabIndex: V ? -1 : N,
+		target: O,
+		rel: H,
+		download: A,
+		onClick: V ? U : w,
+		"aria-disabled": V || void 0,
+		"aria-label": T || void 0,
+		"aria-labelledby": E || void 0,
+		"aria-busy": l || void 0,
+		className: ne,
+		title: y,
+		children: W
+	}) : /* @__PURE__ */ m("button", {
+		...P,
+		ref: F,
+		id: j,
+		role: M,
+		tabIndex: N,
+		type: s,
+		disabled: V,
+		onClick: V ? void 0 : w,
+		"aria-label": T || void 0,
+		"aria-labelledby": E || void 0,
+		"aria-busy": l || void 0,
+		className: ne,
+		title: y,
+		children: W
 	});
 });
-Ze.displayName = "Button";
+$e.displayName = "Button";
 var Z = {
-	wrapper: "_wrapper_2j84j_1",
-	wrapperSm: "_wrapperSm_2j84j_12",
-	wrapperMd: "_wrapperMd_2j84j_18",
-	wrapperLg: "_wrapperLg_2j84j_24",
-	iconOnly: "_iconOnly_2j84j_30",
-	container: "_container_2j84j_36",
-	containerSm: "_containerSm_2j84j_43",
-	containerMd: "_containerMd_2j84j_47",
-	containerLg: "_containerLg_2j84j_51",
-	input: "_input_2j84j_55",
-	customCheckbox: "_customCheckbox_2j84j_67",
-	requiredMark: "_requiredMark_2j84j_81",
-	error: "_error_2j84j_92",
-	checkmark: "_checkmark_2j84j_97",
-	indeterminateMark: "_indeterminateMark_2j84j_113",
-	label: "_label_2j84j_123",
-	descriptionText: "_descriptionText_2j84j_129",
-	errorText: "_errorText_2j84j_136",
-	labelSm: "_labelSm_2j84j_143",
-	labelMd: "_labelMd_2j84j_147",
-	labelLg: "_labelLg_2j84j_151",
-	indeterminate: "_indeterminate_2j84j_113",
-	disabled: "_disabled_2j84j_223"
-}, Qe = {
+	wrapper: "_wrapper_wpr9s_1",
+	colorPrimary: "_colorPrimary_wpr9s_27",
+	colorNeutral: "_colorNeutral_wpr9s_45",
+	colorSuccess: "_colorSuccess_wpr9s_63",
+	colorWarning: "_colorWarning_wpr9s_81",
+	colorDanger: "_colorDanger_wpr9s_99",
+	labelStart: "_labelStart_wpr9s_115",
+	wrapperSm: "_wrapperSm_wpr9s_119",
+	wrapperMd: "_wrapperMd_wpr9s_125",
+	wrapperLg: "_wrapperLg_wpr9s_131",
+	iconOnly: "_iconOnly_wpr9s_137",
+	container: "_container_wpr9s_143",
+	containerSm: "_containerSm_wpr9s_150",
+	containerMd: "_containerMd_wpr9s_154",
+	containerLg: "_containerLg_wpr9s_158",
+	containerLabelStart: "_containerLabelStart_wpr9s_162",
+	descriptionText: "_descriptionText_wpr9s_162",
+	errorText: "_errorText_wpr9s_163",
+	input: "_input_wpr9s_167",
+	customCheckbox: "_customCheckbox_wpr9s_179",
+	requiredMark: "_requiredMark_wpr9s_194",
+	error: "_error_wpr9s_163",
+	checkmark: "_checkmark_wpr9s_210",
+	indeterminateMark: "_indeterminateMark_wpr9s_226",
+	customMark: "_customMark_wpr9s_239",
+	label: "_label_wpr9s_115",
+	labelSm: "_labelSm_wpr9s_270",
+	labelMd: "_labelMd_wpr9s_274",
+	labelLg: "_labelLg_wpr9s_278",
+	indeterminate: "_indeterminate_wpr9s_226",
+	"checkbox-pop": "_checkbox-pop_wpr9s_1",
+	disabled: "_disabled_wpr9s_354"
+}, et = {
 	sm: Z.labelSm,
 	md: Z.labelMd,
 	lg: Z.labelLg
-}, $e = {
+}, tt = {
 	sm: Z.wrapperSm,
 	md: Z.wrapperMd,
 	lg: Z.wrapperLg
-}, et = {
+}, nt = {
 	sm: Z.containerSm,
 	md: Z.containerMd,
 	lg: Z.containerLg
-}, tt = t(({ id: e, label: t, description: r, checked: o, size: c = "md", defaultChecked: l = !1, disabled: u = !1, required: d = !1, indeterminate: m = !1, className: h, wrapperClassName: g, onCheckedChange: _, error: v, "aria-label": y, "aria-labelledby": b, "aria-describedby": x, ...S }, C) => {
-	let w = a(), E = e ?? w, D = s(null), O = !!v, k = r ? `${E}-description` : void 0, A = O ? `${E}-error` : void 0, M = [
-		x,
-		k,
-		A
-	].filter(Boolean).join(" "), [N, P] = T({
-		value: o,
-		defaultValue: l,
-		onChange: _
-	}), I = n((e) => {
-		if (D.current = e, typeof C == "function") {
-			C(e);
+}, rt = {
+	primary: Z.colorPrimary,
+	neutral: Z.colorNeutral,
+	success: Z.colorSuccess,
+	warning: Z.colorWarning,
+	danger: Z.colorDanger
+}, it = n(({ id: e, label: t, description: n, icon: r, indeterminateIcon: a, checked: c, size: u = "md", color: d = "primary", labelPosition: f = "end", defaultChecked: p = !1, disabled: g = !1, required: _ = !1, indeterminate: v = !1, className: y, wrapperClassName: b, onCheckedChange: x, error: S, "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...E }, O) => {
+	let k = s(), A = e ?? k, j = l(null), M = !!S, P = n ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
+		T,
+		P,
+		F
+	].filter(Boolean).join(" "), [R, z] = D({
+		value: c,
+		defaultValue: p,
+		onChange: x
+	}), B = i((e) => {
+		if (j.current = e, typeof O == "function") {
+			O(e);
 			return;
 		}
-		C && (C.current = e);
-	}, [C]);
-	i(() => {
-		D.current && (D.current.indeterminate = m);
-	}, [m]);
-	let L = (e) => {
-		P(e.target.checked);
+		O && (O.current = e);
+	}, [O]);
+	o(() => {
+		j.current && (j.current.indeterminate = v);
+	}, [v]);
+	let V = (e) => {
+		z(e.target.checked);
 	};
-	return Xe(!!(t || y || b), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ p("div", {
-		className: F(Z.container, et[c], h),
+	return Qe(!!(t || C || w), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ h("div", {
+		className: L(Z.container, nt[u], f === "start" && Z.containerLabelStart, y),
 		children: [
-			/* @__PURE__ */ p("label", {
-				htmlFor: E,
-				className: F(Z.wrapper, $e[c], !t && Z.iconOnly, u && Z.disabled, g),
+			/* @__PURE__ */ h("label", {
+				htmlFor: A,
+				className: L(Z.wrapper, tt[u], rt[d], f === "start" && Z.labelStart, !t && Z.iconOnly, g && Z.disabled, b),
 				children: [
-					/* @__PURE__ */ f("input", {
-						...S,
-						ref: I,
-						id: E,
+					/* @__PURE__ */ m("input", {
+						...E,
+						ref: B,
+						id: A,
 						type: "checkbox",
-						checked: N,
-						disabled: u,
-						required: d,
-						onChange: L,
+						checked: R,
+						disabled: g,
+						required: _,
+						onChange: V,
 						className: Z.input,
-						"aria-label": y,
-						"aria-labelledby": b,
-						"aria-checked": m ? "mixed" : S["aria-checked"],
-						"aria-invalid": O ? !0 : S["aria-invalid"],
-						"aria-describedby": M || void 0
+						"aria-label": C,
+						"aria-labelledby": w,
+						"aria-checked": v ? "mixed" : E["aria-checked"],
+						"aria-invalid": M ? !0 : E["aria-invalid"],
+						"aria-describedby": I || void 0
 					}),
-					/* @__PURE__ */ f("span", {
-						className: F(Z.customCheckbox, O && Z.error, m && Z.indeterminate),
+					/* @__PURE__ */ m("span", {
+						className: L(Z.customCheckbox, M && Z.error, v && Z.indeterminate),
 						"aria-hidden": "true",
-						children: m ? /* @__PURE__ */ f("span", { className: Z.indeterminateMark }) : N && /* @__PURE__ */ f("span", {
+						children: v ? /* @__PURE__ */ m("span", {
+							className: L(Z.indeterminateMark, a && Z.customMark),
+							children: a
+						}) : R && /* @__PURE__ */ m("span", {
 							className: Z.checkmark,
-							children: /* @__PURE__ */ f(j, {})
+							children: r ?? /* @__PURE__ */ m(N, {})
 						})
 					}),
-					t && /* @__PURE__ */ p("span", {
-						className: F(Z.label, Qe[c]),
-						children: [t, d && /* @__PURE__ */ f("span", {
+					t && /* @__PURE__ */ h("span", {
+						className: L(Z.label, et[u]),
+						children: [t, _ && /* @__PURE__ */ m("span", {
 							className: Z.requiredMark,
 							"aria-hidden": "true",
 							children: "*"
@@ -1056,20 +1144,20 @@ var Z = {
 					})
 				]
 			}),
-			r && /* @__PURE__ */ f("span", {
-				id: k,
+			n && /* @__PURE__ */ m("span", {
+				id: P,
 				className: Z.descriptionText,
-				children: r
+				children: n
 			}),
-			O && /* @__PURE__ */ f("span", {
-				id: A,
+			M && /* @__PURE__ */ m("span", {
+				id: F,
 				className: Z.errorText,
-				children: v
+				children: S
 			})
 		]
 	});
 });
-tt.displayName = "Checkbox";
+it.displayName = "Checkbox";
 var Q = {
 	inputWrapper: "_inputWrapper_13w4m_1",
 	input: "_input_13w4m_1",
@@ -1089,7 +1177,7 @@ var Q = {
 	toneDanger: "_toneDanger_13w4m_205",
 	toneMuted: "_toneMuted_13w4m_209",
 	toneInverse: "_toneInverse_13w4m_213"
-}, nt = {
+}, at = {
 	default: Q.toneDefault,
 	primary: Q.tonePrimary,
 	secondary: Q.toneSecondary,
@@ -1097,7 +1185,7 @@ var Q = {
 	danger: Q.toneDanger,
 	muted: Q.toneMuted,
 	inverse: Q.toneInverse
-}, rt = (e = "text", t) => {
+}, ot = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -1107,78 +1195,78 @@ var Q = {
 		case "search": return "off";
 		default: return;
 	}
-}, it = t(({ id: e, label: t, name: r, description: i, placeholder: o, value: l, defaultValue: u, onChange: d, type: m = "text", size: h = "md", error: g, disabled: _ = !1, required: v = !1, className: y, autoComplete: b, readOnly: x = !1, clearable: S = !1, onClear: C, leftAdornment: w, rightAdornment: T, clearIcon: E, leftAdornmentTone: D = "default", rightAdornmentTone: O = "default", clearIconTone: k = "danger", autoFocus: A, maxLength: j, onMouseEnter: M, onMouseLeave: N, "aria-describedby": P, "aria-invalid": I, ...L }, R) => {
-	let z = a(), B = e ?? z, ee = s(null), [V, te] = c(u ?? ""), H = l !== void 0, ne = H ? l : V, U = ne !== "", re = rt(m, b), W = S && U && !_ && !x, ie = [
+}, st = n(({ id: e, label: t, name: n, description: r, placeholder: a, value: o, defaultValue: c, onChange: d, type: f = "text", size: p = "md", error: g, disabled: _ = !1, required: v = !1, className: y, autoComplete: b, readOnly: x = !1, clearable: S = !1, onClear: C, leftAdornment: w, rightAdornment: T, clearIcon: E, leftAdornmentTone: D = "default", rightAdornmentTone: O = "default", clearIconTone: k = "danger", autoFocus: A, maxLength: j, onMouseEnter: M, onMouseLeave: N, "aria-describedby": P, "aria-invalid": F, ...I }, R) => {
+	let z = s(), B = e ?? z, V = l(null), [ee, te] = u(c ?? ""), H = o !== void 0, ne = H ? o : ee, U = ne !== "", re = ot(f, b), W = S && U && !_ && !x, ie = [
 		P,
-		i ? `${B}-description` : void 0,
+		r ? `${B}-description` : void 0,
 		g ? `${B}-error` : void 0
-	].filter(Boolean).join(" "), ae = E ?? "×", oe = n((e) => {
-		if (ee.current = e, typeof R == "function") {
+	].filter(Boolean).join(" "), G = E ?? "×", ae = i((e) => {
+		if (V.current = e, typeof R == "function") {
 			R(e);
 			return;
 		}
 		R && (R.current = e);
-	}, [R]), se = n((e) => {
+	}, [R]), oe = i((e) => {
 		let t = e.target.value;
 		H || te(t), d?.(e);
-	}, [H, d]), ce = n(() => {
-		H || te(""), C?.(), ee.current?.focus();
-	}, [H, C]), le = !W && !!T;
-	return /* @__PURE__ */ f(Ae, {
+	}, [H, d]), se = i(() => {
+		H || te(""), C?.(), V.current?.focus();
+	}, [H, C]), ce = !W && !!T;
+	return /* @__PURE__ */ m(Me, {
 		id: B,
 		label: t,
-		description: i,
+		description: r,
 		error: g,
 		required: v,
 		disabled: _,
-		children: /* @__PURE__ */ p("div", {
-			className: F(Q.inputWrapper, {
+		children: /* @__PURE__ */ h("div", {
+			className: L(Q.inputWrapper, {
 				[Q.hasLeftAdornment]: !!w,
 				[Q.hasRightAdornment]: !!T || W
 			}),
 			children: [
-				w && /* @__PURE__ */ f("span", {
+				w && /* @__PURE__ */ m("span", {
 					"aria-hidden": "true",
-					className: F(Q.leftAdornment, nt[D]),
+					className: L(Q.leftAdornment, at[D]),
 					children: w
 				}),
-				/* @__PURE__ */ f("input", {
-					...L,
-					ref: oe,
+				/* @__PURE__ */ m("input", {
+					...I,
+					ref: ae,
 					id: B,
-					name: r,
-					type: m,
+					name: n,
+					type: f,
 					autoComplete: re,
-					className: F(Q.input, Q[h], { [Q.error]: !!g }, y),
+					className: L(Q.input, Q[p], { [Q.error]: !!g }, y),
 					value: ne,
-					onChange: se,
-					placeholder: o,
+					onChange: oe,
+					placeholder: a,
 					disabled: _,
 					readOnly: x,
 					required: v,
 					autoFocus: A,
 					maxLength: j,
-					"aria-invalid": g ? !0 : I,
+					"aria-invalid": g ? !0 : F,
 					"aria-describedby": ie || void 0,
 					onMouseEnter: M,
 					onMouseLeave: N
 				}),
-				W && /* @__PURE__ */ f("button", {
+				W && /* @__PURE__ */ m("button", {
 					type: "button",
-					className: F(Q.clearButton, nt[k]),
-					onClick: ce,
+					className: L(Q.clearButton, at[k]),
+					onClick: se,
 					"aria-label": "Clear input",
-					children: ae
+					children: G
 				}),
-				le && /* @__PURE__ */ f("div", {
-					className: F(Q.rightAdornment, nt[O]),
+				ce && /* @__PURE__ */ m("div", {
+					className: L(Q.rightAdornment, at[O]),
 					children: T
 				})
 			]
 		})
 	});
 });
-it.displayName = "Input";
+st.displayName = "Input";
 var $ = {
 	root: "_root_ie5a6_1",
 	invalid: "_invalid_ie5a6_14",
@@ -1194,32 +1282,32 @@ var $ = {
 	indicator: "_indicator_ie5a6_109",
 	content: "_content_ie5a6_202",
 	error: "_error_ie5a6_219"
-}, at = t(({ value: e, checked: t, defaultChecked: n = !1, disabled: r = !1, required: i = !1, size: o, error: s, onCheckedChange: c, label: l, description: u, wrapperClassName: d, className: m, id: h, name: g, "aria-describedby": _, ...v }, y) => {
-	let b = Oe(), x = a(), S = h ?? x, C = u ? `${S}-description` : void 0, w = s ? `${S}-error` : void 0, E = [
+}, ct = n(({ value: e, checked: t, defaultChecked: n = !1, disabled: r = !1, required: i = !1, size: a, error: o, onCheckedChange: c, label: l, description: u, wrapperClassName: d, className: f, id: p, name: g, "aria-describedby": _, ...v }, y) => {
+	let b = Ae(), x = s(), S = p ?? x, C = u ? `${S}-description` : void 0, w = o ? `${S}-error` : void 0, T = [
 		C,
 		w,
 		b?.describedBy,
 		_
-	].filter(Boolean).join(" ") || void 0, D = b !== null, [O, k] = T({
+	].filter(Boolean).join(" ") || void 0, E = b !== null, [O, k] = D({
 		value: t,
 		defaultValue: n,
 		onChange: c
-	}), A = D ? b.value === e : O, j = !!b?.disabled || r, M = !!b?.required || i, N = b?.name ?? g, P = !!(s || b?.invalid), I = o ?? b?.size ?? "md", L = (t) => {
+	}), A = E ? b.value === e : O, j = !!b?.disabled || r, M = !!b?.required || i, N = b?.name ?? g, P = !!(o || b?.invalid), F = a ?? b?.size ?? "md", I = (t) => {
 		if (!j) {
-			if (D) {
+			if (E) {
 				b.onValueChange(e);
 				return;
 			}
 			k(t.currentTarget.checked);
 		}
 	};
-	return /* @__PURE__ */ p("div", {
-		className: F($.root, $[I], P && $.invalid, j && $.disabled, m),
-		children: [/* @__PURE__ */ p("label", {
+	return /* @__PURE__ */ h("div", {
+		className: L($.root, $[F], P && $.invalid, j && $.disabled, f),
+		children: [/* @__PURE__ */ h("label", {
 			htmlFor: S,
-			className: F($.wrapper, d),
+			className: L($.wrapper, d),
 			children: [
-				/* @__PURE__ */ f("input", {
+				/* @__PURE__ */ m("input", {
 					...v,
 					ref: y,
 					id: S,
@@ -1230,73 +1318,73 @@ var $ = {
 					disabled: j,
 					required: M,
 					"aria-invalid": P || void 0,
-					"aria-describedby": E,
+					"aria-describedby": T,
 					className: $.input,
-					onChange: L
+					onChange: I
 				}),
-				/* @__PURE__ */ f("span", {
+				/* @__PURE__ */ m("span", {
 					className: $.control,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ f("span", { className: $.indicator })
+					children: /* @__PURE__ */ m("span", { className: $.indicator })
 				}),
-				(l || u) && /* @__PURE__ */ p("span", {
+				(l || u) && /* @__PURE__ */ h("span", {
 					className: $.content,
-					children: [l && /* @__PURE__ */ f("span", {
+					children: [l && /* @__PURE__ */ m("span", {
 						className: $.label,
 						children: l
-					}), u && /* @__PURE__ */ f("span", {
+					}), u && /* @__PURE__ */ m("span", {
 						id: C,
 						className: $.description,
 						children: u
 					})]
 				})
 			]
-		}), s && /* @__PURE__ */ f("div", {
+		}), o && /* @__PURE__ */ m("div", {
 			id: w,
 			className: $.error,
-			children: s
+			children: o
 		})]
 	});
 });
-at.displayName = "Radio";
+ct.displayName = "Radio";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var ot = e(null), st = (e) => e === "highContrast" ? "high-contrast" : e, ct = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
-	let [a, s] = T({
+var lt = t(null), ut = (e) => e === "highContrast" ? "high-contrast" : e, dt = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
+	let [i, a] = D({
 		value: e,
 		defaultValue: t,
 		onChange: n
-	}), c = st(a);
-	i(() => {
+	}), s = ut(i);
+	o(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
-		return e.dataset.velliraTheme = c, () => {
+		return e.dataset.velliraTheme = s, () => {
 			if (t === void 0) {
 				delete e.dataset.velliraTheme;
 				return;
 			}
 			e.dataset.velliraTheme = t;
 		};
-	}, [c]);
-	let l = o(() => ({
-		theme: a,
-		setTheme: s
-	}), [a, s]);
-	return /* @__PURE__ */ f(ot.Provider, {
+	}, [s]);
+	let l = c(() => ({
+		theme: i,
+		setTheme: a
+	}), [i, a]);
+	return /* @__PURE__ */ m(lt.Provider, {
 		value: l,
-		children: /* @__PURE__ */ f("div", {
-			"data-vellira-theme": c,
+		children: /* @__PURE__ */ m("div", {
+			"data-vellira-theme": s,
 			children: r
 		})
 	});
 };
-ct.displayName = "ThemeProvider";
+dt.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function lt() {
-	let e = r(ot);
+function ft() {
+	let e = a(lt);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { Ze as Button, tt as Checkbox, le as Dropdown, Ae as FormField, it as Input, Te as Modal, at as Radio, ke as RadioGroup, Ie as Select, Ke as Tabs, ct as ThemeProvider, Ye as Tooltip, lt as useTheme };
+export { $e as Button, it as Checkbox, ue as Dropdown, Me as FormField, st as Input, De as Modal, ct as Radio, je as RadioGroup, Re as Select, Je as Tabs, dt as ThemeProvider, Ze as Tooltip, ft as useTheme };