@vellira-ui/react 2.32.0 → 2.33.0

package/dist/index.js

@@ -1,87 +1,496 @@
-import { Children as e, cloneElement as t, createContext as n, forwardRef as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
-import f from "clsx";
-import { createPortal as p } from "react-dom";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { FloatingPortal as _, arrow as v, autoUpdate as y, flip as b, offset as x, shift as S, size as C, useFloating as w, useFocus as T, useHover as E, useInteractions as D } from "@floating-ui/react";
-import { useControllableState as O, useDropdown as k, useModal as A, useSelect as j, useTabs as M, useTabsKeyboard as N } from "@vellira-ui/core";
-import { Check as P, ChevronDown as F, Close as I, Search as L } from "@vellira-ui/icons";
-import R from "focus-trap-react";
-//#region src/utils/cn.ts
-var z = (...e) => f(e), ee = ({ children: e }) => {
-	let [t, n] = d(!1);
-	if (s(() => {
+import { Children as e, Fragment as t, cloneElement as n, createContext as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "clsx";
+import { createPortal as m } from "react-dom";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Check as v, ChevronDown as y, ChevronRight as b, Close as x, Search as S } from "@vellira-ui/icons";
+import { FloatingPortal as C, arrow as w, autoUpdate as T, flip as E, offset as D, shift as O, size as k, useFloating as A, useFocus as j, useHover as M, useInteractions as N } from "@floating-ui/react";
+import { useControllableState as P, useDropdown as F, useModal as I, useSelect as L, useTabs as R, useTabsKeyboard as ee } from "@vellira-ui/core";
+import z from "focus-trap-react";
+//#region src/components/Dropdown/internal/DropdownCollection.ts
+function B(e, t) {
+	let n = () => null;
+	return n.__velliraDropdownPart = e, n.displayName = t, n;
+}
+function te(t) {
+	let n = 0, r, i, o = [], s = [], c = (e) => `${e}-${n++}`;
+	function l(e) {
+		s.push(e), o.push({
+			type: "item",
+			item: e,
+			itemIndex: s.length - 1
+		});
+	}
+	function u(t, n = {}) {
+		e.forEach(t, (e) => {
+			if (a(e)) switch (e.type.__velliraDropdownPart) {
+				case "trigger":
+					r = e;
+					return;
+				case "content":
+					i = e, u(e.props.children, n);
+					return;
+				case "group": {
+					let t = c("group"), r = e.props;
+					o.push({
+						type: "groupStart",
+						id: t,
+						props: r
+					}), u(r.children, n), o.push({
+						type: "groupEnd",
+						id: t
+					});
+					return;
+				}
+				case "label":
+					o.push({
+						type: "label",
+						id: c("label"),
+						props: e.props
+					});
+					return;
+				case "separator":
+					o.push({
+						type: "separator",
+						id: c("separator"),
+						props: e.props
+					});
+					return;
+				case "empty":
+					o.push({
+						type: "empty",
+						id: c("empty"),
+						props: e.props
+					});
+					return;
+				case "loading":
+					o.push({
+						type: "loading",
+						id: c("loading"),
+						props: e.props
+					});
+					return;
+				case "item": {
+					let t = e.props;
+					l({
+						type: "item",
+						id: c("item"),
+						props: t,
+						label: ie(t.children),
+						disabled: t.disabled
+					});
+					return;
+				}
+				case "checkboxItem": {
+					let t = e.props;
+					l({
+						type: "checkbox",
+						id: c("checkbox"),
+						props: t,
+						label: ie(t.children),
+						disabled: t.disabled
+					});
+					return;
+				}
+				case "radioGroup": {
+					let t = e.props, r = c("radio-group");
+					u(t.children, {
+						...n,
+						radioGroupId: r,
+						radioGroupProps: t
+					});
+					return;
+				}
+				case "radioItem": {
+					let t = e.props;
+					l({
+						type: "radio",
+						id: c("radio"),
+						props: t,
+						groupId: n.radioGroupId ?? c("radio-group"),
+						groupProps: n.radioGroupProps,
+						label: ie(t.children),
+						disabled: t.disabled
+					});
+					return;
+				}
+				case "sub": {
+					let t = e.props, n = re(t.children);
+					if (!n.trigger) return;
+					let r = n.trigger.props, i = te(n.content?.props.children);
+					l({
+						type: "subTrigger",
+						id: c("sub"),
+						props: r,
+						label: ie(r.children),
+						disabled: r.disabled,
+						content: n.content?.props.children,
+						subEntries: i.entries,
+						subItems: i.items
+					});
+					return;
+				}
+				case "itemBadge":
+				case "itemDescription":
+				case "itemIcon":
+				case "itemShortcut":
+				case "subContent":
+				case "subTrigger": return;
+				default: u(e.props.children, n);
+			}
+		});
+	}
+	return u(t), {
+		content: i,
+		entries: o,
+		items: s,
+		trigger: r
+	};
+}
+function ne(t) {
+	let n, r, i, o, s = [];
+	return e.forEach(t, (e) => {
+		if (!a(e)) {
+			s.push(e);
+			return;
+		}
+		let t = e.type;
+		if (t.__velliraDropdownPart === "itemIcon") {
+			i = e.props.children;
+			return;
+		}
+		if (t.__velliraDropdownPart === "itemDescription") {
+			r = e.props.children;
+			return;
+		}
+		if (t.__velliraDropdownPart === "itemBadge") {
+			n = e.props.children;
+			return;
+		}
+		if (t.__velliraDropdownPart === "itemShortcut") {
+			o = e.props.children;
+			return;
+		}
+		s.push(e);
+	}), {
+		badge: n,
+		content: s,
+		description: r,
+		icon: i,
+		shortcut: o
+	};
+}
+function re(t) {
+	let n, r;
+	return e.forEach(t, (e) => {
+		if (!a(e)) return;
+		let t = e.type;
+		t.__velliraDropdownPart === "subTrigger" && (n = e), t.__velliraDropdownPart === "subContent" && (r = e);
+	}), {
+		content: r,
+		trigger: n
+	};
+}
+function ie(t) {
+	let n = [];
+	function r(t) {
+		e.forEach(t, (e) => {
+			if (typeof e == "string" || typeof e == "number") {
+				n.push(String(e));
+				return;
+			}
+			if (!a(e)) return;
+			let t = e.type;
+			t.__velliraDropdownPart === "itemBadge" || t.__velliraDropdownPart === "itemDescription" || t.__velliraDropdownPart === "itemIcon" || t.__velliraDropdownPart === "itemShortcut" || r(e.props.children);
+		});
+	}
+	return r(t), n.join("").trim();
+}
+//#endregion
+//#region src/components/Dropdown/CheckboxItem/DropdownCheckboxItem.tsx
+var ae = B("checkboxItem", "Dropdown.CheckboxItem"), V = (...e) => p(e), H = ({ children: e }) => {
+	let [t, n] = f(!1);
+	if (c(() => {
 		n(!0);
 	}, []), !t) return null;
 	let r = document.getElementById("overlay-root") ?? document.body;
-	return r ? p(e, r) : null;
-}, B = {
-	dropdown: "_dropdown_1rvx9_1",
-	"dropdown-in": "_dropdown-in_1rvx9_1"
-}, te = r(({ children: e, floatingStyles: t, menuId: n, labelledById: r, label: i, activeDescendantId: a, onKeyDown: o, className: s }, c) => /* @__PURE__ */ h(ee, { children: /* @__PURE__ */ h("ul", {
-	ref: c,
-	id: n,
-	role: "menu",
-	tabIndex: -1,
-	"aria-labelledby": r,
-	"aria-label": r ? void 0 : i,
-	"aria-activedescendant": a,
-	onKeyDown: o,
-	style: t,
-	className: z(B.dropdown, s),
+	return r ? m(e, r) : null;
+}, U = {
+	dropdown: "_dropdown_jd7s6_1",
+	"dropdown-in": "_dropdown-in_jd7s6_1",
+	primary: "_primary_jd7s6_42",
+	neutral: "_neutral_jd7s6_65",
+	success: "_success_jd7s6_88",
+	warning: "_warning_jd7s6_111",
+	danger: "_danger_jd7s6_134",
+	empty: "_empty_jd7s6_157"
+}, oe = B("empty", "Dropdown.Empty"), se = ({ children: e }) => /* @__PURE__ */ g("li", {
+	role: "presentation",
+	className: U.empty,
+	children: e ?? "No actions available"
+});
+se.displayName = "DropdownEmptySurface";
+//#endregion
+//#region src/components/Dropdown/Group/DropdownGroup.tsx
+var ce = B("group", "Dropdown.Group"), le = () => null;
+le.displayName = "DropdownGroupSurface";
+//#endregion
+//#region src/components/Dropdown/internal/DropdownContext.tsx
+var ue = r(null), de = r(null), fe = r(null), pe = ue.Provider, me = de.Provider;
+fe.Provider;
+function he() {
+	let e = s(ue);
+	if (!e) throw Error("Dropdown compound components must be used inside Dropdown.");
+	return e;
+}
+function ge() {
+	let e = s(de);
+	if (!e) throw Error("Dropdown.Trigger must be used inside Dropdown.");
+	return e;
+}
+var W = {
+	item: "_item_1e661_1",
+	disabled: "_disabled_1e661_22",
+	active: "_active_1e661_35",
+	itemShortcut: "_itemShortcut_1e661_41",
+	itemDescription: "_itemDescription_1e661_42",
+	primary: "_primary_1e661_50",
+	success: "_success_1e661_68",
+	warning: "_warning_1e661_86",
+	danger: "_danger_1e661_104",
+	itemIcon: "_itemIcon_1e661_127",
+	sm: "_sm_1e661_147",
+	md: "_md_1e661_153",
+	lg: "_lg_1e661_157",
+	itemText: "_itemText_1e661_164",
+	itemLabel: "_itemLabel_1e661_173",
+	itemBadge: "_itemBadge_1e661_199",
+	indicator: "_indicator_1e661_226",
+	checked: "_checked_1e661_241",
+	subContent: "_subContent_1e661_245",
+	subLabel: "_subLabel_1e661_268",
+	subSeparator: "_subSeparator_1e661_276"
+}, _e = B("item", "Dropdown.Item"), ve = ({ item: e, itemIndex: t }) => {
+	let n = he(), [r, i] = f(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), a = n.activeIndex === t, o = n.openSubId === e.id, s = e.type === "checkbox", c = e.type === "radio", l = e.type === "subTrigger", u = s ? e.props.checked ?? r : c ? (e.groupProps?.value ?? n.radioValues[e.groupId]) === e.props.value : !1, d = n.loading || e.disabled, p = e.props, m = ne(p.children), y = m.icon ?? p.icon, x = m.description ?? ("description" in p ? p.description : void 0), S = m.badge ?? ("badge" in p ? p.badge : void 0), C = m.shortcut ?? p.shortcut, w = m.content.length ? m.content : p.children, T = "color" in p ? p.color : void 0, E = e.type === "item" ? e.props.href : void 0, D = e.type === "item" ? e.props.target : void 0, O = e.type === "item" ? e.props.download : void 0, k = n.getItemId(t), A = s ? "menuitemcheckbox" : c ? "menuitemradio" : "menuitem", j = e.type === "item" && D === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, M = E ? "a" : "li", N = s || c, P = (t) => {
+		if (d) {
+			t.preventDefault();
+			return;
+		}
+		if (s && e.type === "checkbox") {
+			let t = !u;
+			i(t), e.props.onCheckedChange?.(t);
+		}
+		n.selectItem(e, ye(t));
+	};
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(M, {
+		id: k,
+		role: A,
+		href: M === "a" && !d ? E : void 0,
+		target: M === "a" && !d ? D : void 0,
+		rel: M === "a" ? j : void 0,
+		download: M === "a" && !d ? O : void 0,
+		tabIndex: d ? -1 : 0,
+		"aria-disabled": d || void 0,
+		"aria-checked": s || c ? u : void 0,
+		"aria-haspopup": l ? "menu" : void 0,
+		"aria-expanded": l ? o : void 0,
+		"data-active": a || void 0,
+		"data-state": o ? "open" : void 0,
+		className: V(W.item, W[n.size], {
+			[W.active]: a,
+			[W.disabled]: d,
+			[W.checked]: u
+		}, T && T !== "default" ? W[T] : void 0, p.className),
+		onClick: P,
+		onMouseEnter: () => {
+			d || (n.setActiveIndex(t), l && window.setTimeout(() => n.setOpenSubId(e.id), 120));
+		},
+		children: [
+			N && /* @__PURE__ */ g("span", {
+				className: W.indicator,
+				"aria-hidden": "true",
+				children: u ? /* @__PURE__ */ g(v, {}) : null
+			}),
+			y && /* @__PURE__ */ g("span", {
+				className: W.itemIcon,
+				children: y
+			}),
+			/* @__PURE__ */ _("span", {
+				className: W.itemText,
+				children: [/* @__PURE__ */ g("span", {
+					className: W.itemLabel,
+					children: w
+				}), x && /* @__PURE__ */ g("span", {
+					className: W.itemDescription,
+					children: x
+				})]
+			}),
+			S && /* @__PURE__ */ g("span", {
+				className: W.itemBadge,
+				children: S
+			}),
+			C && /* @__PURE__ */ g("span", {
+				className: W.itemShortcut,
+				children: C
+			}),
+			l && /* @__PURE__ */ g("span", {
+				className: W.itemShortcut,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ g(b, {})
+			})
+		]
+	}), l && o && e.subEntries.length > 0 && /* @__PURE__ */ g("ul", {
+		role: "menu",
+		className: W.subContent,
+		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ g("li", {
+			role: "presentation",
+			className: W.subLabel,
+			children: e.props.children
+		}, e.id) : e.type === "separator" ? /* @__PURE__ */ g("li", {
+			role: "separator",
+			className: W.subSeparator,
+			"aria-hidden": "true"
+		}, e.id) : e.type === "item" ? /* @__PURE__ */ g(be, {
+			item: e.item,
+			id: `${k}-${e.itemIndex}`
+		}, e.item.id) : null)
+	})] });
+};
+ve.displayName = "DropdownItemRow";
+function ye(e) {
+	let t = !1;
+	return {
+		originalEvent: e,
+		preventDefault: () => {
+			t = !0;
+		},
+		get defaultPrevented() {
+			return t;
+		}
+	};
+}
+function be({ id: e, item: t }) {
+	let n = he(), r = t.props, i = ne(r.children), a = i.icon ?? r.icon, o = i.content.length ? i.content : r.children, s = "color" in r ? r.color : void 0, c = n.loading || t.disabled;
+	return /* @__PURE__ */ _("li", {
+		id: e,
+		role: "menuitem",
+		tabIndex: c ? -1 : 0,
+		"aria-disabled": c || void 0,
+		className: V(W.item, W[n.size], { [W.disabled]: c }, s && s !== "default" ? W[s] : void 0),
+		onClick: (e) => {
+			c || n.selectItem(t, ye(e));
+		},
+		children: [a && /* @__PURE__ */ g("span", {
+			className: W.itemIcon,
+			children: a
+		}), /* @__PURE__ */ g("span", {
+			className: W.itemText,
+			children: /* @__PURE__ */ g("span", {
+				className: W.itemLabel,
+				children: o
+			})
+		})]
+	});
+}
+var xe = { group: "_group_aviwv_1" }, Se = B("label", "Dropdown.Label"), Ce = ({ children: e, className: t }) => /* @__PURE__ */ g("li", {
+	role: "presentation",
+	className: V(xe.group, t),
 	children: e
-}) }));
-te.displayName = "DropdownContent";
+});
+Ce.displayName = "DropdownLabelSurface";
 //#endregion
-//#region src/hooks/useFloatingPosition.ts
-var ne = (e) => {
-	let [t, n] = d(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
-	return s(() => {
+//#region src/components/Dropdown/Loading/DropdownLoading.tsx
+var we = B("loading", "Dropdown.Loading"), Te = ({ children: e }) => /* @__PURE__ */ g("li", {
+	role: "presentation",
+	"aria-live": "polite",
+	className: U.empty,
+	children: e ?? "Loading actions..."
+});
+Te.displayName = "DropdownLoadingSurface";
+var Ee = { separator: "_separator_1v11r_1" }, De = B("separator", "Dropdown.Separator"), Oe = ({ className: e }) => /* @__PURE__ */ g("li", {
+	role: "separator",
+	className: V(Ee.separator, e),
+	"aria-hidden": "true"
+});
+Oe.displayName = "DropdownSeparatorSurface";
+//#endregion
+//#region src/components/Dropdown/Content/DropdownContent.tsx
+var ke = ({ className: e }) => {
+	let n = he();
+	if (!n.isOpen) return null;
+	let r = V(U.dropdown, U[n.color], n.contentProps?.className, e), i = /* @__PURE__ */ g("ul", {
+		ref: n.setContentRef,
+		id: n.contentId,
+		role: "menu",
+		tabIndex: -1,
+		"aria-labelledby": n.triggerId,
+		"aria-activedescendant": n.activeIndex >= 0 ? n.getItemId(n.activeIndex) : void 0,
+		onKeyDown: n.onKeyDown,
+		style: {
+			...n.surfaceStyle,
+			...n.contentProps?.style
+		},
+		className: r,
+		"data-color": n.color,
+		children: n.loading ? /* @__PURE__ */ g(Te, { children: n.loadingText }) : n.entries.length ? n.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ g(le, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ g(Ce, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ g(Oe, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ g(se, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ g(Te, { children: e.props.children }, e.id) : /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(ve, {
+			item: e.item,
+			itemIndex: e.itemIndex
+		}) }, e.item.id)) : /* @__PURE__ */ g(se, {})
+	});
+	return n.portal ? /* @__PURE__ */ g(H, { children: i }) : i;
+};
+ke.__velliraDropdownPart = "content", ke.displayName = "Dropdown.Content";
+//#endregion
+//#region src/components/Dropdown/ItemBadge/DropdownItemBadge.tsx
+var Ae = B("itemBadge", "Dropdown.ItemBadge"), je = B("itemDescription", "Dropdown.ItemDescription"), Me = B("itemIcon", "Dropdown.ItemIcon"), Ne = B("itemShortcut", "Dropdown.ItemShortcut"), Pe = B("radioGroup", "Dropdown.RadioGroup"), Fe = B("radioItem", "Dropdown.RadioItem"), Ie = (e) => {
+	let [t, n] = f(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
+	return c(() => {
 		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;
-}, re = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", matchTriggerWidth: i = !1, avoidCollisions: a = !0, mobileSheetBreakpoint: o, middleware: c = [] } = {}) => {
-	let u = ne(o), { refs: d, floatingStyles: f, update: p, context: m, middlewareData: h, placement: g } = w({
+}, Le = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, matchTriggerWidth: a = !1, avoidCollisions: o = !0, mobileSheetBreakpoint: s, middleware: l = [] } = {}) => {
+	let d = Ie(s), { refs: f, floatingStyles: p, update: m, context: h, middlewareData: g, placement: _ } = A({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		strategy: r,
 		transform: !1,
-		middleware: l(() => [
-			x(2),
-			...a ? [b()] : [],
-			C({ apply({ rects: e, elements: t }) {
-				!i || u || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
+		middleware: u(() => [
+			D(i),
+			...o ? [E()] : [],
+			k({ apply({ rects: e, elements: t }) {
+				!a || d || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 			} }),
-			...a ? [S({ padding: 8 })] : [],
-			...c
+			...o ? [O({ padding: 8 })] : [],
+			...l
 		], [
+			o,
+			l,
+			d,
 			a,
-			c,
-			u,
 			i
 		]),
-		whileElementsMounted: y
+		whileElementsMounted: T
 	});
-	return s(() => {
-		u && d.floating.current?.style.removeProperty("width");
-	}, [u, d.floating]), {
-		context: m,
-		placement: g,
-		middlewareData: h,
-		floatingStyles: u ? {} : f,
-		isMobileSheet: u,
-		setRef: d.setReference,
-		setFloatingRef: d.setFloating,
-		updatePosition: p
+	return c(() => {
+		d && f.floating.current?.style.removeProperty("width");
+	}, [d, f.floating]), {
+		context: h,
+		placement: _,
+		middlewareData: g,
+		floatingStyles: d ? {} : p,
+		isMobileSheet: d,
+		setRef: f.setReference,
+		setFloatingRef: f.setFloating,
+		updatePosition: m
 	};
-}, ie = (e, t, n = !0) => {
-	let r = u(e);
+}, Re = (e, t, n = !0) => {
+	let r = d(e);
 	r.current = e;
-	let i = u(t);
-	i.current = t, s(() => {
+	let i = d(t);
+	i.current = t, c(() => {
 		if (!n) return;
 		let e = (e) => {
 			let t = e.target;
@@ -89,316 +498,399 @@ var ne = (e) => {
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
 	}, [n]);
-}, ae = { group: "_group_aviwv_1" }, oe = ({ label: e }) => /* @__PURE__ */ h("li", {
-	role: "presentation",
-	className: ae.group,
-	children: e
-}), V = {
-	item: "_item_re11y_1",
-	disabled: "_disabled_re11y_21",
-	active: "_active_re11y_34",
-	danger: "_danger_re11y_40",
-	itemIcon: "_itemIcon_re11y_62",
-	itemShortcut: "_itemShortcut_re11y_63",
-	itemText: "_itemText_re11y_82",
-	"itemText--truncate": "_itemText--truncate_re11y_88",
-	"itemText--wrap": "_itemText--wrap_re11y_93",
-	"itemText--nowrap": "_itemText--nowrap_re11y_97"
-}, se = ({ 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__ */ g("li", {
-		id: e,
-		role: "menuitem",
-		tabIndex: -1,
-		"aria-disabled": a || void 0,
-		"data-active": o || void 0,
-		"data-danger": i || void 0,
-		onClick: a ? void 0 : s,
-		onMouseEnter: a ? void 0 : c,
-		className: z(V.item, {
-			[V.active]: o,
-			[V.disabled]: a,
-			[V.danger]: i
-		}, d),
-		children: [
-			r && /* @__PURE__ */ h("span", {
-				"aria-hidden": "true",
-				className: V.itemIcon,
-				children: r
-			}),
-			f && /* @__PURE__ */ h("span", {
-				className: z(V.itemText, V[`itemText--${u}`]),
-				children: f
-			}),
-			l && /* @__PURE__ */ h("span", {
-				className: V.itemShortcut,
-				children: l
+};
+//#endregion
+//#region src/components/Dropdown/internal/composeEventHandlers.ts
+function ze(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function Be(...e) {
+	return (t) => {
+		e.forEach((e) => {
+			if (e) {
+				if (typeof e == "function") {
+					e(t);
+					return;
+				}
+				e.current = t;
+			}
+		});
+	};
+}
+function G(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, size: i = "md", color: a = "primary", placement: s = "bottom-start", offset: p = 2, matchTriggerWidth: m = !1, minWidth: h, maxWidth: v, portal: y = !0, avoidCollisions: b = !0, modal: x = !1, closeOnSelect: S = !0, loop: C = !0, disabled: w = !1, loading: T = !1, loadingText: E = "Loading actions...", className: D }) => {
+	let O = l(), k = `${O}-trigger`, A = `${O}-menu`, j = d(null), M = d(null), [N, P] = f(), [I, L] = f({}), R = u(() => te(e), [e]), ee = u(() => R.items.map((e) => ({
+		disabled: e.disabled,
+		label: e.label
+	})), [R.items]);
+	c(() => {
+		L((e) => {
+			let t = { ...e };
+			return R.items.forEach((e) => {
+				e.type === "radio" && t[e.groupId] === void 0 && (t[e.groupId] = e.groupProps?.value ?? e.groupProps?.defaultValue);
+			}), t;
+		});
+	}, [R.items]);
+	let { floatingStyles: z, setRef: B, setFloatingRef: ne } = Le({
+		open: t,
+		onOpenChange: r,
+		placement: s,
+		matchTriggerWidth: m,
+		avoidCollisions: b,
+		offset: p,
+		mobileSheetBreakpoint: 640
+	}), { activeIndex: re, setActiveIndex: ie, isOpen: ae, closeDropdown: H, toggleDropdown: U, onKeyDown: oe } = F({
+		items: ee,
+		open: t,
+		defaultOpen: n,
+		disabled: w,
+		onOpenChange: r,
+		getItemValue: (e, t) => R.items[t]?.id ?? "",
+		getItemText: (e) => e.label,
+		loop: C
+	});
+	c(() => {
+		if (!x || !ae) return;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
+		};
+	}, [ae, x]);
+	let se = o(() => {
+		H(), j.current?.focus();
+	}, [H]), ce = o((e, t) => {
+		if (e.disabled || T) return;
+		if (e.type === "subTrigger") {
+			P(e.id);
+			return;
+		}
+		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (L((t) => ({
+			...t,
+			[e.groupId]: e.props.value
+		})), e.groupProps?.onValueChange?.(e.props.value));
+		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && S);
+		!t.defaultPrevented && n && se();
+	}, [
+		se,
+		S,
+		T
+	]), le = o((e) => {
+		let t = R.items[re];
+		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
+			e.preventDefault(), P(t.id);
+			return;
+		}
+		if (e.key === "ArrowLeft" && N) {
+			e.preventDefault(), P(void 0);
+			return;
+		}
+		if ((e.key === "Enter" || e.key === " ") && t) {
+			e.preventDefault();
+			let n = He(e);
+			ce(t, n);
+			return;
+		}
+		oe(e), e.key === "Escape" && j.current?.focus();
+	}, [
+		re,
+		oe,
+		N,
+		R.items,
+		ce
+	]), ue = o((e) => {
+		e.preventDefault(), U();
+	}, [U]), de = o((e) => {
+		j.current = e, B(e);
+	}, [B]), fe = o((e) => {
+		M.current = e, ne(e), e?.focus();
+	}, [ne]);
+	Re([j, M], H, ae);
+	let he = {
+		...z,
+		minWidth: G(h),
+		maxWidth: G(v)
+	};
+	return /* @__PURE__ */ g(me, {
+		value: {
+			disabled: w,
+			isOpen: ae,
+			contentId: A,
+			triggerId: k,
+			setTriggerRef: de,
+			onClick: ue,
+			onKeyDown: le
+		},
+		children: /* @__PURE__ */ g(pe, {
+			value: {
+				activeIndex: re,
+				closeOnSelect: S,
+				color: a,
+				contentId: A,
+				contentProps: R.content?.props,
+				disabled: w,
+				entries: R.entries,
+				getItemId: (e) => `${A}-item-${e}`,
+				isOpen: ae,
+				items: R.items,
+				loading: T,
+				loadingText: E,
+				maxWidth: v,
+				minWidth: h,
+				openSubId: N,
+				onKeyDown: le,
+				portal: y,
+				radioValues: I,
+				selectItem: ce,
+				setActiveIndex: ie,
+				setContentRef: fe,
+				setOpenSubId: P,
+				setRadioValue: (e, t) => {
+					L((n) => ({
+						...n,
+						[e]: t
+					}));
+				},
+				size: i,
+				surfaceStyle: he,
+				triggerId: k
+			},
+			children: /* @__PURE__ */ _("div", {
+				className: V(K.wrapper, D),
+				"data-disabled": w || void 0,
+				children: [R.trigger ?? null, R.content ?? /* @__PURE__ */ g(ke, {})]
 			})
-		]
+		})
 	});
-}, ce = { separator: "_separator_1v11r_1" }, le = () => /* @__PURE__ */ h("li", {
-	role: "separator",
-	className: ce.separator,
-	"aria-hidden": "true"
-}), ue = {
-	button: "_button_18ucr_1",
-	disabled: "_disabled_18ucr_20",
-	iconLeft: "_iconLeft_18ucr_32",
-	arrow: "_arrow_18ucr_44",
-	iconOnly: "_iconOnly_18ucr_47",
-	sm: "_sm_18ucr_60",
-	md: "_md_18ucr_72",
-	lg: "_lg_18ucr_84",
-	open: "_open_18ucr_123"
-}, de = r(({ 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, m = f && !p, _ = i && p, v = r ?? /* @__PURE__ */ h(F, {}), y = c ?? (m ? typeof s == "string" ? s : "Open menu" : void 0);
-	return /* @__PURE__ */ g("button", {
+};
+Ve.displayName = "DropdownRoot";
+function He(e) {
+	let t = !1;
+	return {
+		originalEvent: e,
+		preventDefault: () => {
+			t = !0;
+		},
+		get defaultPrevented() {
+			return t;
+		}
+	};
+}
+//#endregion
+//#region src/components/Dropdown/SubContent/DropdownSubContent.tsx
+var Ue = B("subContent", "Dropdown.SubContent"), We = B("subTrigger", "Dropdown.SubTrigger"), Ge = B("sub", "Dropdown.Sub"), Ke = {
+	button: "_button_xvcvl_1",
+	disabled: "_disabled_xvcvl_49",
+	arrow: "_arrow_xvcvl_56",
+	iconLeft: "_iconLeft_xvcvl_67",
+	iconOnly: "_iconOnly_xvcvl_82",
+	primary: "_primary_xvcvl_95",
+	neutral: "_neutral_xvcvl_135",
+	success: "_success_xvcvl_175",
+	warning: "_warning_xvcvl_215",
+	danger: "_danger_xvcvl_255",
+	sm: "_sm_xvcvl_295",
+	md: "_md_xvcvl_307",
+	lg: "_lg_xvcvl_319",
+	label: "_label_xvcvl_331",
+	open: "_open_xvcvl_359"
+}, qe = (e) => /* @__PURE__ */ g(Je, { ...e });
+qe.__velliraDropdownPart = "trigger", qe.displayName = "Dropdown.Trigger";
+var Je = ({ children: e, asChild: t = !1, disabled: r, className: i }) => {
+	let o = he(), s = ge(), c = t && a(e) ? e : void 0, l = o.disabled || r, u = {
+		id: s.triggerId,
+		ref: c ? Be(c.props.ref, s.setTriggerRef) : s.setTriggerRef,
+		"aria-controls": s.isOpen ? s.contentId : void 0,
+		"aria-disabled": l || void 0,
+		"aria-expanded": s.isOpen,
+		"aria-haspopup": "menu",
+		className: V(!c && Ke.button, !c && Ke[o.size], !c && Ke[o.color], i),
+		"data-state": s.isOpen ? "open" : "closed",
+		disabled: l || void 0,
+		onClick: ze(c?.props.onClick, s.onClick),
+		onKeyDown: ze(c?.props.onKeyDown, s.onKeyDown)
+	};
+	return c ? n(c, {
 		...u,
-		ref: d,
+		className: V(c.props.className, i)
+	}) : /* @__PURE__ */ _("button", {
 		type: "button",
-		className: z(ue.button, ue[o], {
-			[ue.disabled]: u.disabled,
-			[ue.iconOnly]: m
-		}, l),
-		"aria-label": y,
-		"aria-expanded": t,
-		"aria-haspopup": "menu",
-		style: { "--dropdown-rotate-angle": `${a}deg` },
-		children: [
-			f && /* @__PURE__ */ h("span", {
-				"aria-hidden": "true",
-				className: ue.iconLeft,
-				children: n
-			}),
-			e,
-			_ && /* @__PURE__ */ h("span", {
-				"aria-hidden": "true",
-				className: z(ue.arrow, { [ue.open]: t }),
-				children: v
-			})
-		]
+		...u,
+		children: [/* @__PURE__ */ g("span", {
+			className: Ke.label,
+			children: e
+		}), /* @__PURE__ */ g("span", {
+			className: V(Ke.arrow, { [Ke.open]: s.isOpen }),
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ g(y, {})
+		})]
 	});
+};
+Je.displayName = "DropdownTriggerSurface";
+//#endregion
+//#region src/components/Dropdown/Dropdown.tsx
+var Ye = Object.assign(Ve, {
+	Trigger: qe,
+	Content: ke,
+	Item: _e,
+	CheckboxItem: ae,
+	RadioGroup: Pe,
+	RadioItem: Fe,
+	Group: ce,
+	Label: Se,
+	Separator: De,
+	Sub: Ge,
+	SubTrigger: We,
+	SubContent: Ue,
+	ItemIcon: Me,
+	ItemDescription: je,
+	ItemBadge: Ae,
+	ItemShortcut: Ne,
+	Empty: oe,
+	Loading: we
 });
-de.displayName = "DropdownTrigger";
+Ye.displayName = "Dropdown";
 //#endregion
-//#region src/components/Dropdown/types.ts
-var fe = (e) => e.type === void 0 || e.type === "item", pe = (e) => e.type === "group", me = (e) => e.type === "separator", he = { wrapper: "_wrapper_14ue8_1" }, ge = ({ label: e, ariaLabel: t, icon: n, trigger: r, items: i = [], onSelect: o, open: s, defaultOpen: d = !1, onOpenChange: f, size: p = "md", className: m, triggerClassName: _, contentClassName: v, itemClassName: y, disabled: b, rotateAngle: x = 90, placement: S, matchTriggerWidth: C, textWrap: w, showArrow: T = !0, arrowIcon: E }) => {
-	let D = u(null), O = u(null), A = c(), j = `${A}-trigger`, { floatingStyles: M, setRef: N, setFloatingRef: P } = re({
-		placement: S,
-		matchTriggerWidth: C,
-		mobileSheetBreakpoint: 640
-	}), F = l(() => i.flatMap((e, t) => fe(e) ? [{
-		item: e,
-		itemIndex: t
-	}] : []), [i]), I = l(() => F.map(({ item: e }) => e), [F]), L = l(() => new Map(F.map(({ itemIndex: e }, t) => [e, t])), [F]), { activeIndex: R, setActiveIndex: ee, isOpen: B, closeDropdown: ne, toggleDropdown: ae, selectItem: V, onKeyDown: ce } = k({
-		items: I,
-		open: s,
-		defaultOpen: d,
-		disabled: b,
-		onOpenChange: f,
-		onSelect: a((e) => {
-			o?.(e), D.current?.focus();
-		}, [o]),
-		getItemValue: (e) => e.value,
-		getItemText: (e) => typeof e.label == "string" ? e.label : e.value
-	}), ue = B && R >= 0 ? `${A}-item-${R}` : void 0;
-	ie([D, O], ne, B);
-	let ge = a((e) => {
-		ce(e), B && e.key === "Escape" && D.current?.focus();
-	}, [B, ce]), _e = a((e) => {
-		D.current = e, N(e);
-	}, [N]), ve = a((e) => {
-		O.current = e, P(e), e?.focus();
-	}, [P]);
-	return /* @__PURE__ */ g("div", {
-		className: z(he.wrapper, m),
-		children: [/* @__PURE__ */ h(de, {
-			ref: _e,
-			id: j,
-			isOpen: B,
-			disabled: b,
-			size: p,
-			icon: n,
-			label: e,
-			ariaLabel: t,
-			showArrow: T,
-			arrowIcon: E,
-			rotateAngle: x,
-			className: _,
-			onClick: ae,
-			onKeyDown: ge,
-			"aria-expanded": B,
-			"aria-haspopup": "menu",
-			...B && { "aria-controls": A },
-			children: r
-		}), B && /* @__PURE__ */ h(te, {
-			ref: ve,
-			floatingStyles: M,
-			menuId: A,
-			labelledById: r ? j : void 0,
-			label: t ?? (!r && typeof e == "string" ? e : void 0),
-			activeDescendantId: ue,
-			onKeyDown: ge,
-			className: v,
-			children: i.map((e, t) => {
-				if (pe(e)) return /* @__PURE__ */ h(oe, { label: e.label }, `group-${e.label}`);
-				if (me(e)) return /* @__PURE__ */ h(le, {}, `separator-${t}`);
-				if (fe(e)) {
-					let n = L.get(t) ?? -1;
-					return /* @__PURE__ */ h(se, {
-						id: `${A}-item-${n}`,
-						...e,
-						active: R === n,
-						textWrap: e.textWrap || w,
-						className: y,
-						onClick: () => {
-							V(e), D.current?.focus();
-						},
-						onMouseEnter: () => {
-							n < 0 || e.disabled || ee(n);
-						},
-						children: e.label
-					}, `${e.value}-${t}`);
-				}
-			})
-		})]
-	});
-}, _e = n(void 0), ve = () => {
-	let e = o(_e);
+//#region src/components/Modal/ModalContext.tsx
+var Xe = r(void 0), Ze = () => {
+	let e = s(Xe);
 	if (e === void 0) throw Error("Modal compound components must be used inside Modal");
 	return e;
 };
-_e.displayName = "ModalContext";
-var ye = { modalBody: "_modalBody_iv33a_1" }, be = ({ children: e }) => {
-	let { descriptionId: t } = ve();
-	return /* @__PURE__ */ h("div", {
+Xe.displayName = "ModalContext";
+var Qe = { modalBody: "_modalBody_iv33a_1" }, $e = ({ children: e }) => {
+	let { descriptionId: t } = Ze();
+	return /* @__PURE__ */ g("div", {
 		id: t,
-		className: ye.modalBody,
+		className: Qe.modalBody,
 		children: e
 	});
 };
-be.displayName = "ModalBody";
-var xe = { content: "_content_k44g7_1" }, H = ({ children: e }) => /* @__PURE__ */ h("div", {
-	className: xe.content,
+$e.displayName = "ModalBody";
+var et = { content: "_content_k44g7_1" }, tt = ({ children: e }) => /* @__PURE__ */ g("div", {
+	className: et.content,
 	children: e
 });
-H.displayName = "ModalContent";
-var U = { modalFooter: "_modalFooter_ezys6_1" }, W = ({ children: e }) => /* @__PURE__ */ h("div", {
-	className: U.modalFooter,
+tt.displayName = "ModalContent";
+var nt = { modalFooter: "_modalFooter_ezys6_1" }, rt = ({ children: e }) => /* @__PURE__ */ g("div", {
+	className: nt.modalFooter,
 	children: e
 });
-W.displayName = "ModalFooter";
-var Se = {
+rt.displayName = "ModalFooter";
+var it = {
 	modalHeader: "_modalHeader_p8xf1_1",
 	modalHeaderTitle: "_modalHeaderTitle_p8xf1_7",
 	modalHeaderCloseButton: "_modalHeaderCloseButton_p8xf1_14"
-}, Ce = ({ children: e }) => {
-	let { onClose: t, titleId: n } = ve();
-	return /* @__PURE__ */ g("div", {
-		className: Se.modalHeader,
-		children: [/* @__PURE__ */ h("h2", {
+}, at = ({ children: e }) => {
+	let { onClose: t, titleId: n } = Ze();
+	return /* @__PURE__ */ _("div", {
+		className: it.modalHeader,
+		children: [/* @__PURE__ */ g("h2", {
 			id: n,
-			className: Se.modalHeaderTitle,
+			className: it.modalHeaderTitle,
 			children: e
-		}), t && /* @__PURE__ */ h("button", {
+		}), t && /* @__PURE__ */ g("button", {
 			type: "button",
-			className: Se.modalHeaderCloseButton,
+			className: it.modalHeaderCloseButton,
 			onClick: t,
 			"aria-label": "Close modal",
-			children: /* @__PURE__ */ h(I, { size: 16 })
+			children: /* @__PURE__ */ g(x, { size: 16 })
 		})]
 	});
 };
-Ce.displayName = "ModalHeader";
+at.displayName = "ModalHeader";
 //#endregion
 //#region src/hooks/useModalKeyboard.ts
-var we = ({ isOpen: e, onClose: t }) => {
-	let n = a((n) => {
+var ot = ({ isOpen: e, onClose: t }) => {
+	let n = o((n) => {
 		e && n.key === "Escape" && (n.preventDefault(), t?.());
 	}, [e, t]);
-	s(() => (document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n)), [n]);
-}, Te = {
+	c(() => (document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n)), [n]);
+}, st = {
 	overlay: "_overlay_dcudn_1",
 	"overlay--open": "_overlay--open_dcudn_14",
 	modal: "_modal_dcudn_20",
 	"overlay--animated": "_overlay--animated_dcudn_28"
-}, Ee = 0, De = "", Oe = ({ children: e, onClose: t, isOpen: n, className: r, closeOnBackdrop: i, closeOnClick: o, closeOnEsc: c = !0, zIndex: l = 1e3, animated: d = !0 }) => {
-	let f = i ?? o ?? !0, p = u(null), { titleId: m, descriptionId: g } = ve(), _ = a((e) => {
+}, ct = 0, lt = "", ut = ({ children: e, onClose: t, isOpen: n, className: r, closeOnBackdrop: i, closeOnClick: a, closeOnEsc: s = !0, zIndex: l = 1e3, animated: u = !0 }) => {
+	let f = i ?? a ?? !0, p = d(null), { titleId: m, descriptionId: h } = Ze(), _ = o((e) => {
 		f && e.target === e.currentTarget && t?.();
 	}, [f, t]);
-	return we({
+	return ot({
 		isOpen: n,
-		onClose: c ? t : void 0
-	}), s(() => {
-		if (n) return Ee === 0 && (De = document.body.style.overflow), Ee += 1, document.body.style.overflow = "hidden", () => {
-			Ee = Math.max(0, Ee - 1), Ee === 0 && (document.body.style.overflow = De);
+		onClose: s ? t : void 0
+	}), c(() => {
+		if (n) return ct === 0 && (lt = document.body.style.overflow), ct += 1, document.body.style.overflow = "hidden", () => {
+			ct = Math.max(0, ct - 1), ct === 0 && (document.body.style.overflow = lt);
 		};
-	}, [n]), !n && !d ? null : /* @__PURE__ */ h(ee, { children: /* @__PURE__ */ h("div", {
-		className: z(Te.overlay, n && Te["overlay--open"], d && Te["overlay--animated"], r),
+	}, [n]), !n && !u ? null : /* @__PURE__ */ g(H, { children: /* @__PURE__ */ g("div", {
+		className: V(st.overlay, n && st["overlay--open"], u && st["overlay--animated"], r),
 		onClick: _,
 		tabIndex: -1,
 		role: "presentation",
 		"aria-hidden": !n,
 		style: { zIndex: l },
-		children: /* @__PURE__ */ h(R, {
+		children: /* @__PURE__ */ g(z, {
 			active: n,
 			focusTrapOptions: {
 				fallbackFocus: () => p.current,
 				returnFocusOnDeactivate: !0,
 				allowOutsideClick: !0
 			},
-			children: /* @__PURE__ */ h("div", {
+			children: /* @__PURE__ */ g("div", {
 				ref: p,
 				tabIndex: -1,
-				className: Te.modal,
+				className: st.modal,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": m,
-				"aria-describedby": g,
+				"aria-describedby": h,
 				children: e
 			})
 		})
 	}) });
 };
-Oe.displayName = "ModalOverlay";
+ut.displayName = "ModalOverlay";
 //#endregion
 //#region src/components/Modal/Modal.tsx
-var ke = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: a = !0 }) => {
-	let o = A({
+var dt = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: a = !0 }) => {
+	let o = I({
 		isOpen: e,
 		onClose: n,
 		closeOnBackdrop: r,
 		closeOnClick: i,
 		closeOnEsc: a
 	});
-	return o.shouldRender ? /* @__PURE__ */ h(_e.Provider, {
+	return o.shouldRender ? /* @__PURE__ */ g(Xe.Provider, {
 		value: {
 			onClose: o.onClose,
 			titleId: o.titleId,
 			descriptionId: o.descriptionId
 		},
-		children: /* @__PURE__ */ h(Oe, {
+		children: /* @__PURE__ */ g(ut, {
 			isOpen: o.isOpen,
 			onClose: o.onClose,
 			closeOnBackdrop: o.closeOnBackdrop,
 			closeOnEsc: o.closeOnEsc,
-			children: /* @__PURE__ */ h(H, { children: t })
+			children: /* @__PURE__ */ g(tt, { children: t })
 		})
 	}) : null;
 };
-ke.displayName = "Modal";
+dt.displayName = "Modal";
 //#endregion
 //#region src/components/Modal/index.ts
-var Ae = Object.assign(ke, {
-	Header: Ce,
-	Body: be,
-	Content: H,
-	Footer: W
-}), je = n(null), Me = je.Provider;
-function Ne() {
-	return o(je);
+var ft = Object.assign(dt, {
+	Header: at,
+	Body: $e,
+	Content: tt,
+	Footer: rt
+}), pt = r(null), mt = pt.Provider;
+function ht() {
+	return s(pt);
 }
-var G = {
+var gt = {
 	root: "_root_1n02e_1",
 	label: "_label_1n02e_9",
 	required: "_required_1n02e_21",
@@ -409,13 +901,13 @@ var G = {
 	error: "_error_1n02e_51",
 	disabled: "_disabled_1n02e_59",
 	invalid: "_invalid_1n02e_75"
-}, Pe = r(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", name: s, label: l, description: u, error: d, orientation: f = "vertical", children: p, className: m, id: _, ...v }, y) => {
-	let b = c(), x = _ ?? b, S = l ? `${x}-label` : void 0, C = u ? `${x}-description` : void 0, w = d ? `${x}-error` : void 0, T = [C, w].filter(Boolean).join(" ") || void 0, E = s ?? `${x}-radio`, [D, k] = O({
+}, _t = i(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", name: s, label: c, description: u, error: d, orientation: f = "vertical", children: p, className: m, id: h, ...v }, y) => {
+	let b = l(), x = h ?? b, S = c ? `${x}-label` : void 0, C = u ? `${x}-description` : void 0, w = d ? `${x}-error` : void 0, T = [C, w].filter(Boolean).join(" ") || void 0, E = s ?? `${x}-radio`, [D, O] = P({
 		value: e,
 		defaultValue: t,
 		onChange: n
-	}), A = !!d;
-	return /* @__PURE__ */ g("div", {
+	}), k = !!d;
+	return /* @__PURE__ */ _("div", {
 		...v,
 		ref: y,
 		id: x,
@@ -424,165 +916,106 @@ var G = {
 		"aria-describedby": T,
 		"aria-disabled": r || void 0,
 		"aria-required": i || void 0,
-		"aria-invalid": A || void 0,
-		className: z(G.root, A && G.invalid, r && G.disabled, m),
+		"aria-invalid": k || void 0,
+		className: V(gt.root, k && gt.invalid, r && gt.disabled, m),
 		children: [
-			l && /* @__PURE__ */ g("div", {
+			c && /* @__PURE__ */ _("div", {
 				id: S,
-				className: G.label,
-				children: [l, i && /* @__PURE__ */ h("span", {
-					className: G.required,
+				className: gt.label,
+				children: [c, i && /* @__PURE__ */ g("span", {
+					className: gt.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
-			u && /* @__PURE__ */ h("div", {
+			u && /* @__PURE__ */ g("div", {
 				id: C,
-				className: G.description,
+				className: gt.description,
 				children: u
 			}),
-			/* @__PURE__ */ h(Me, {
+			/* @__PURE__ */ g(mt, {
 				value: {
 					name: E,
 					value: D,
 					disabled: r,
 					required: i,
-					invalid: A,
+					invalid: k,
 					size: a,
 					color: o,
 					describedBy: T,
-					onValueChange: k
+					onValueChange: O
 				},
-				children: /* @__PURE__ */ h("div", {
-					className: z(G.items, G[f]),
+				children: /* @__PURE__ */ g("div", {
+					className: V(gt.items, gt[f]),
 					children: p
 				})
 			}),
-			d && /* @__PURE__ */ h("div", {
+			d && /* @__PURE__ */ g("div", {
 				id: w,
-				className: G.error,
+				className: gt.error,
 				children: d
 			})
 		]
 	});
 });
-Pe.displayName = "RadioGroup";
+_t.displayName = "RadioGroup";
 //#endregion
-//#region src/patterns/FormField/FormFieldContext.ts
-var Fe = n(null), Ie = () => o(Fe), K = {
-	wrapper: "_wrapper_143kr_1",
-	sm: "_sm_143kr_41",
-	md: "_md_143kr_78",
-	lg: "_lg_143kr_115",
-	horizontal: "_horizontal_143kr_152",
-	start: "_start_143kr_153",
-	description: "_description_143kr_160",
-	control: "_control_143kr_161",
-	errorText: "_errorText_143kr_162",
-	label: "_label_143kr_169",
-	labelText: "_labelText_143kr_186",
-	required: "_required_143kr_190",
-	optional: "_optional_143kr_194",
-	labelInfo: "_labelInfo_143kr_201",
-	disabled: "_disabled_143kr_243"
-}, Le = (...e) => e.filter(Boolean).join(" ") || void 0, Re = ({ id: e, label: n, description: r, error: a, required: o = !1, disabled: s = !1, invalid: l = !1, orientation: u = "vertical", labelPosition: d = "top", size: f = "md", labelInfo: p, optionalText: m, children: _, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
-	let T = c(), E = e ?? T, D = n ? `${E}-label` : void 0, O = r && E ? `${E}-description` : void 0, k = a && E ? `${E}-error` : void 0, A = l || !!a, j = Le(D), M = Le(O, k), N = {
-		controlId: E,
-		labelId: D,
-		descriptionId: O,
-		errorId: k,
-		required: o,
-		disabled: s,
-		invalid: A,
-		size: f,
-		ariaLabelledBy: j,
-		ariaDescribedBy: M
-	}, P = i(_) ? _ : void 0, F = v && P ? t(P, {
-		id: P.props.id ?? E,
-		required: P.props.required ?? o,
-		disabled: P.props.disabled ?? s,
-		"aria-invalid": P.props["aria-invalid"] ?? (A || void 0),
-		"aria-labelledby": Le(P.props["aria-labelledby"], j),
-		"aria-describedby": Le(P.props["aria-describedby"], M)
-	}) : _;
-	return /* @__PURE__ */ g("div", {
-		...w,
-		"aria-disabled": s || void 0,
-		className: z(K.wrapper, K[u], K[d], K[f], s && K.disabled, y),
-		"data-disabled": s || void 0,
-		"data-invalid": A || void 0,
-		"data-orientation": u,
-		"data-size": f,
-		children: [
-			n && /* @__PURE__ */ g("label", {
-				id: D,
-				htmlFor: E,
-				className: z(K.label, x),
-				children: [
-					/* @__PURE__ */ h("span", {
-						className: K.labelText,
-						children: n
-					}),
-					o && /* @__PURE__ */ h("span", {
-						className: K.required,
-						"aria-hidden": "true",
-						children: "*"
-					}),
-					!o && m && /* @__PURE__ */ h("span", {
-						className: K.optional,
-						children: m
-					}),
-					p && /* @__PURE__ */ h("span", {
-						className: K.labelInfo,
-						children: p
-					})
-				]
-			}),
-			r && /* @__PURE__ */ h("div", {
-				id: O,
-				className: z(K.description, S),
-				children: r
-			}),
-			/* @__PURE__ */ h(Fe.Provider, {
-				value: N,
-				children: /* @__PURE__ */ h("div", {
-					className: z(K.control, b),
-					children: F
-				})
-			}),
-			a && /* @__PURE__ */ h("div", {
-				id: k,
-				className: z(K.errorText, C),
-				role: "alert",
-				children: a
-			})
-		]
-	});
-}, q = {
-	option: "_option_8aali_1",
-	selected: "_selected_8aali_18",
-	disabled: "_disabled_8aali_18",
-	active: "_active_8aali_37",
-	label: "_label_8aali_51",
-	content: "_content_8aali_60",
-	custom: "_custom_8aali_61",
-	description: "_description_8aali_66",
-	icon: "_icon_8aali_77",
-	badge: "_badge_8aali_87",
-	shortcut: "_shortcut_8aali_88",
-	success: "_success_8aali_108",
-	warning: "_warning_8aali_112",
-	danger: "_danger_8aali_116",
-	check: "_check_8aali_120",
-	checkPop: "_checkPop_8aali_1"
-}, ze = ({ option: e, isSelected: t, isActive: n, optionId: r, renderOption: i, onSelect: a, onMouseEnter: o }) => {
+//#region src/components/Select/internal/SelectContext.tsx
+var vt = r(null), yt = vt.Provider;
+function bt() {
+	let e = s(vt);
+	if (!e) throw Error("Select compound components must be used inside <Select>");
+	return e;
+}
+vt.displayName = "SelectContext";
+//#endregion
+//#region src/components/Select/internal/useSelectVirtualization.ts
+function xt({ loading: e, options: t, scrollTop: n, virtual: r }) {
+	return u(() => {
+		let i = typeof r == "object" ? r : r ? {} : void 0, a = i?.itemHeight ?? 40, o = !!(i && t.length > 0 && !e), s = o ? Math.max(0, Math.floor(n / a) - 2) : 0, c = o ? Math.ceil(300 / a) + 4 : t.length, l = o ? t.slice(s, s + c) : t, u = o ? s * a : 0;
+		return {
+			bottomSpacerHeight: o ? Math.max(0, (t.length - s - l.length) * a) : 0,
+			isVirtual: o,
+			itemHeight: a,
+			startIndex: s,
+			topSpacerHeight: u,
+			viewportHeight: 300,
+			visibleOptions: l
+		};
+	}, [
+		e,
+		t,
+		n,
+		r
+	]);
+}
+var q = {
+	option: "_option_1jnhn_1",
+	selected: "_selected_1jnhn_19",
+	disabled: "_disabled_1jnhn_19",
+	description: "_description_1jnhn_38",
+	icon: "_icon_1jnhn_42",
+	active: "_active_1jnhn_46",
+	label: "_label_1jnhn_89",
+	content: "_content_1jnhn_98",
+	custom: "_custom_1jnhn_99",
+	badge: "_badge_1jnhn_133",
+	shortcut: "_shortcut_1jnhn_134",
+	success: "_success_1jnhn_154",
+	warning: "_warning_1jnhn_218",
+	danger: "_danger_1jnhn_282",
+	check: "_check_1jnhn_346",
+	checkPop: "_checkPop_1jnhn_1"
+}, St = () => null;
+St.__velliraSelectPart = "item", St.displayName = "Select.Item";
+var Ct = ({ option: e, isSelected: t, isActive: n, optionId: r, renderOption: i, onSelect: a, onMouseEnter: o }) => {
 	let s = !!e.disabled;
-	return /* @__PURE__ */ g("li", {
+	return /* @__PURE__ */ _("li", {
 		id: r,
 		role: "option",
 		"aria-selected": t,
 		"aria-disabled": s || void 0,
-		className: z(q.option, {
+		className: V(q.option, {
 			[q.selected]: t,
 			[q.active]: n,
 			[q.disabled]: s,
@@ -596,397 +1029,445 @@ var Fe = n(null), Ie = () => o(Fe), K = {
 		onMouseEnter: () => {
 			s || o();
 		},
-		children: [i ? /* @__PURE__ */ h("span", {
+		children: [i ? /* @__PURE__ */ g("span", {
 			className: q.custom,
 			children: i(e)
-		}) : /* @__PURE__ */ g(m, { children: [
-			e.icon && /* @__PURE__ */ h("span", {
+		}) : /* @__PURE__ */ _(h, { children: [
+			e.icon && /* @__PURE__ */ g("span", {
 				className: q.icon,
 				children: e.icon
 			}),
-			/* @__PURE__ */ g("span", {
+			/* @__PURE__ */ _("span", {
 				className: q.content,
-				children: [/* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ g("span", {
 					className: q.label,
 					children: e.label
-				}), e.description && /* @__PURE__ */ h("span", {
+				}), e.description && /* @__PURE__ */ g("span", {
 					className: q.description,
 					children: e.description
 				})]
 			}),
-			e.badge && /* @__PURE__ */ h("span", {
+			e.badge && /* @__PURE__ */ g("span", {
 				className: q.badge,
 				children: e.badge
 			}),
-			e.shortcut && /* @__PURE__ */ h("kbd", {
+			e.shortcut && /* @__PURE__ */ g("kbd", {
 				className: q.shortcut,
 				children: e.shortcut
 			})
-		] }), /* @__PURE__ */ h("span", {
+		] }), /* @__PURE__ */ g("span", {
 			className: q.check,
 			"aria-hidden": "true",
-			children: t && /* @__PURE__ */ h(P, {})
+			children: t && /* @__PURE__ */ g(v, {})
 		})]
 	});
 };
-ze.displayName = "SelectOption";
+Ct.displayName = "SelectItemRow";
 var J = {
-	dropdown: "_dropdown_1yn7p_1",
-	dropdownIn: "_dropdownIn_1yn7p_1",
-	primary: "_primary_1yn7p_73",
-	outline: "_outline_1yn7p_73",
-	filled: "_filled_1yn7p_130",
-	soft: "_soft_1yn7p_187",
-	neutral: "_neutral_1yn7p_244",
-	success: "_success_1yn7p_415",
-	warning: "_warning_1yn7p_586",
-	danger: "_danger_1yn7p_757",
-	listReveal: "_listReveal_1yn7p_1",
-	command: "_command_1yn7p_935",
-	searchWrap: "_searchWrap_1yn7p_940",
-	searchReveal: "_searchReveal_1yn7p_1",
-	search: "_search_1yn7p_940",
-	searchClear: "_searchClear_1yn7p_969",
-	empty: "_empty_1yn7p_1002",
-	groupLabel: "_groupLabel_1yn7p_1010",
-	separator: "_separator_1yn7p_1020",
-	virtualSpacer: "_virtualSpacer_1yn7p_1026",
-	mobileDropdownIn: "_mobileDropdownIn_1yn7p_1"
-}, Be = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: o, entries: c, multiple: l, selectedValues: f, color: p = "primary", variant: _ = "outline", searchable: v, command: y, virtual: b, portal: x = !0, searchValue: S = "", searchPlaceholder: C = "Search...", loading: w, loadingText: T = "Loading...", noOptionsText: E, searchSlot: D, headerSlot: O, emptySlot: k, loadingSlot: A, renderOption: j, selectedValue: M, activeIndex: N, className: P, onSelect: F, onMouseEnter: L, onSearchChange: R }) => {
-	let z = u(null), B = u(!1), [te, ne] = d(null), [re, ie] = d(0), ae = typeof b == "object" ? b : b ? {} : void 0, oe = ae?.itemHeight ?? 40, V = !!(ae && o.length > 0 && !w), se = a((e) => {
-		ne(e), r(e);
+	dropdown: "_dropdown_13hyp_1",
+	dropdownIn: "_dropdownIn_13hyp_1",
+	primary: "_primary_13hyp_103",
+	outline: "_outline_13hyp_103",
+	filled: "_filled_13hyp_190",
+	soft: "_soft_13hyp_277",
+	neutral: "_neutral_13hyp_364",
+	success: "_success_13hyp_625",
+	warning: "_warning_13hyp_886",
+	danger: "_danger_13hyp_1147",
+	listReveal: "_listReveal_13hyp_1",
+	groupAction: "_groupAction_13hyp_1415",
+	groupActionText: "_groupActionText_13hyp_1447",
+	groupActionMeta: "_groupActionMeta_13hyp_1455",
+	command: "_command_13hyp_1461",
+	searchWrap: "_searchWrap_13hyp_1466",
+	searchReveal: "_searchReveal_13hyp_1",
+	search: "_search_13hyp_1466",
+	searchClear: "_searchClear_13hyp_1495",
+	empty: "_empty_13hyp_1531",
+	groupLabel: "_groupLabel_13hyp_1539",
+	separator: "_separator_13hyp_1549",
+	virtualSpacer: "_virtualSpacer_13hyp_1555",
+	mobileDropdownIn: "_mobileDropdownIn_13hyp_1"
+}, wt = ({ children: e, className: t }) => {
+	let { contentProps: n } = bt(), r = Et(e);
+	return /* @__PURE__ */ g(Tt, {
+		...n,
+		...r,
+		className: [n.className, t].filter(Boolean).join(" ")
+	});
+};
+wt.__velliraSelectPart = "content", wt.displayName = "Select.Content";
+var Tt = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, entries: s, multiple: l, selectedValues: u, color: p = "primary", variant: m = "outline", searchable: v, command: y, virtual: b, portal: S = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: ee, onSearchChange: z }) => {
+	let B = d(null), te = d(!1), [ne, re] = f(null), [ie, ae] = f(0), { bottomSpacerHeight: V, isVirtual: U, itemHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: le, visibleOptions: ue } = xt({
+		loading: T,
+		options: a,
+		scrollTop: ie,
+		virtual: b
+	}), de = o((e) => {
+		re(e), r(e);
 	}, [r]);
-	if (s(() => {
-		e || (B.current = !1, ie(0));
-	}, [e, S]), s(() => {
-		if (!e || w || !te || B.current) return;
-		let n = o.findIndex((e) => f ? f.includes(e.value) : e.value === M), r = n >= 0 ? n : N;
+	if (c(() => {
+		e || (te.current = !1, ae(0));
+	}, [e, C]), c(() => {
+		if (!e || !v) return;
+		let t = window.setTimeout(() => {
+			B.current?.focus({ preventScroll: !0 });
+		}, 0);
+		return () => window.clearTimeout(t);
+	}, [e, v]), c(() => {
+		if (!e || T || !ne || te.current) return;
+		let n = a.findIndex((e) => u ? u.includes(e.value) : e.value === N), r = n >= 0 ? n : P;
 		if (r < 0) {
-			B.current = !0;
+			te.current = !0;
 			return;
 		}
-		if (B.current = !0, V) {
-			let e = Math.max(0, r * oe - (300 - oe) / 2);
-			ie(e), te.scrollTop = e;
+		if (te.current = !0, U) {
+			let e = Math.max(0, r * oe - (le - oe) / 2);
+			ae(e), ne.scrollTop = e;
 			return;
 		}
 		document.getElementById(`${t}-option-${r}`)?.scrollIntoView?.({ block: "nearest" });
 	}, [
-		N,
-		te,
+		P,
+		ne,
 		e,
-		V,
+		U,
 		oe,
 		t,
-		w,
-		o,
-		M,
-		f
+		T,
+		a,
+		N,
+		u
 	]), !e) return null;
-	let ce = V ? Math.max(0, Math.floor(re / oe) - 2) : 0, le = V ? Math.ceil(300 / oe) + 4 : o.length, ue = V ? o.slice(ce, ce + le) : o, de = c && !V ? c : ue.map((e, t) => ({
+	let fe = s && !U ? s : ue.map((e, t) => ({
 		type: "option",
 		option: e,
-		optionIndex: ce + t
-	})), fe = V ? ce * oe : 0, pe = V ? Math.max(0, (o.length - ce - ue.length) * oe) : 0, me = /* @__PURE__ */ g("div", {
-		ref: se,
+		optionIndex: se + t
+	})), pe = /* @__PURE__ */ _("div", {
+		ref: de,
 		tabIndex: 0,
 		className: [
 			J.dropdown,
 			J[p],
-			J[_],
+			J[m],
 			y ? J.command : void 0,
-			P
+			I
 		].filter(Boolean).join(" "),
 		style: i,
 		onScroll: (e) => {
-			V && ie(e.currentTarget.scrollTop);
+			U && ae(e.currentTarget.scrollTop);
 		},
 		children: [
-			O,
-			D ?? (v && /* @__PURE__ */ g("div", {
+			k,
+			O ?? (v && /* @__PURE__ */ _("div", {
 				className: J.searchWrap,
-				children: [/* @__PURE__ */ h("input", {
-					ref: z,
+				children: [/* @__PURE__ */ g("input", {
+					ref: B,
 					className: J.search,
-					value: S,
-					placeholder: y ? "Type a command..." : C,
+					value: C,
+					placeholder: y ? "Type a command..." : w,
 					"aria-label": "Search options",
-					onInput: (e) => R?.(e.currentTarget.value),
-					onChange: (e) => R?.(e.target.value)
-				}), S && /* @__PURE__ */ h("button", {
+					onInput: (e) => z?.(e.currentTarget.value),
+					onChange: (e) => z?.(e.target.value)
+				}), C && /* @__PURE__ */ g("button", {
 					type: "button",
 					className: J.searchClear,
 					"aria-label": "Clear search",
 					onClick: () => {
-						R?.(""), z.current?.focus();
+						z?.(""), B.current?.focus();
 					},
-					children: /* @__PURE__ */ h(I, {})
+					children: /* @__PURE__ */ g(x, {})
 				})]
 			})),
-			/* @__PURE__ */ h("ul", {
+			/* @__PURE__ */ g("ul", {
 				id: t,
 				role: "listbox",
 				"aria-multiselectable": l || void 0,
 				"aria-labelledby": n,
-				className: P,
-				children: w ? /* @__PURE__ */ h("li", {
+				children: T ? /* @__PURE__ */ g("li", {
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
 					className: J.empty,
-					children: A ?? T
-				}) : o.length ? /* @__PURE__ */ g(m, { children: [
-					V && /* @__PURE__ */ h("li", {
+					children: j ?? E
+				}) : a.length ? /* @__PURE__ */ _(h, { children: [
+					U && /* @__PURE__ */ g("li", {
 						"aria-hidden": "true",
 						className: J.virtualSpacer,
-						style: { height: fe }
+						style: { height: ce }
 					}),
-					de.map((e) => {
-						if (e.type === "group") return /* @__PURE__ */ h("li", {
-							role: "presentation",
-							className: J.groupLabel,
-							children: e.label
-						}, e.id);
-						if (e.type === "separator") return /* @__PURE__ */ h("li", {
+					fe.map((e) => {
+						if (e.type === "group") {
+							if (e.selectable && l) {
+								let t = e.itemValues.filter((e) => a.some((t) => t.value === e && !t.disabled)), n = u ? t.filter((e) => u.includes(e)).length : 0, r = t.length > 0 && n === t.length, i = n > 0 && n < t.length;
+								return /* @__PURE__ */ g("li", {
+									role: "presentation",
+									children: /* @__PURE__ */ _("button", {
+										type: "button",
+										className: J.groupAction,
+										"aria-label": Dt(e.selectLabel ?? e.label),
+										"aria-pressed": i ? "mixed" : r ? "true" : "false",
+										disabled: t.length === 0,
+										onClick: () => R(t),
+										children: [/* @__PURE__ */ g("span", {
+											className: J.groupActionText,
+											children: e.selectLabel ?? e.label
+										}), /* @__PURE__ */ _("span", {
+											className: J.groupActionMeta,
+											children: [
+												n,
+												"/",
+												t.length
+											]
+										})]
+									})
+								}, e.id);
+							}
+							return /* @__PURE__ */ g("li", {
+								role: "presentation",
+								className: J.groupLabel,
+								children: e.label
+							}, e.id);
+						}
+						if (e.type === "separator") return /* @__PURE__ */ g("li", {
 							role: "presentation",
 							"aria-hidden": "true",
 							className: J.separator,
 							"data-vellira-select-separator": "true"
 						}, e.id);
 						let { option: n, optionIndex: r } = e;
-						return /* @__PURE__ */ h(ze, {
+						return /* @__PURE__ */ g(Ct, {
 							option: n,
-							isSelected: f ? f.includes(n.value) : n.value === M,
-							isActive: r === N,
+							isSelected: u ? u.includes(n.value) : n.value === N,
+							isActive: r === F,
 							optionId: `${t}-option-${r}`,
-							renderOption: j,
-							onSelect: F,
-							onMouseEnter: () => L(r)
+							renderOption: M,
+							onSelect: L,
+							onMouseEnter: () => ee(r)
 						}, n.value);
 					}),
-					V && /* @__PURE__ */ h("li", {
+					U && /* @__PURE__ */ g("li", {
 						"aria-hidden": "true",
 						className: J.virtualSpacer,
-						style: { height: pe }
+						style: { height: V }
 					})
-				] }) : /* @__PURE__ */ h("li", {
+				] }) : /* @__PURE__ */ g("li", {
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
 					className: J.empty,
-					children: k ?? E
+					children: A ?? D
 				})
 			})
 		]
 	});
-	return x ? /* @__PURE__ */ h(ee, { children: me }) : me;
+	return S ? /* @__PURE__ */ g(H, { children: pe }) : pe;
 };
-Be.displayName = "SelectDropdown";
-var Y = {
-	control: "_control_1m1fn_1",
-	disabled: "_disabled_1m1fn_41",
-	arrow: "_arrow_1m1fn_46",
-	primary: "_primary_1m1fn_60",
-	outline: "_outline_1m1fn_60",
-	filled: "_filled_1m1fn_101",
-	soft: "_soft_1m1fn_142",
-	neutral: "_neutral_1m1fn_183",
-	success: "_success_1m1fn_306",
-	warning: "_warning_1m1fn_429",
-	danger: "_danger_1m1fn_552",
-	sm: "_sm_1m1fn_675",
-	md: "_md_1m1fn_682",
-	lg: "_lg_1m1fn_689",
-	valueWrap: "_valueWrap_1m1fn_696",
-	value: "_value_1m1fn_696",
-	adornment: "_adornment_1m1fn_710",
-	clear: "_clear_1m1fn_711",
-	affix: "_affix_1m1fn_712",
-	placeholder: "_placeholder_1m1fn_748",
-	error: "_error_1m1fn_752",
-	spinner: "_spinner_1m1fn_787",
-	spin: "_spin_1m1fn_787",
-	loading: "_loading_1m1fn_796",
-	open: "_open_1m1fn_808"
-}, Ve = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabled: a, required: o, listboxId: s, activeIndex: c, ariaLabel: l, error: u, displayText: d, isPlaceholder: f, size: p = "md", color: _, variant: v, loading: y, startIcon: b, endIcon: x, prefix: S, suffix: C, clearable: w, onClear: T, className: E, buttonRef: D, onClick: O, onKeyDown: k, onBlur: A, onFocus: j }) => /* @__PURE__ */ h("button", {
-	id: t,
-	ref: D,
-	type: "button",
-	role: "combobox",
-	disabled: a,
-	"aria-disabled": a || void 0,
-	"aria-required": o || void 0,
-	"aria-expanded": i,
-	"aria-haspopup": "listbox",
-	"aria-label": l,
-	"aria-labelledby": r,
-	"aria-invalid": u || void 0,
-	"aria-controls": i ? s : void 0,
-	"aria-describedby": n,
-	"aria-activedescendant": i && c >= 0 ? `${s}-option-${c}` : void 0,
-	className: z(Y.control, Y[p], Y[v], Y[_], {
-		[Y.error]: !!u,
-		[Y.disabled]: a,
-		[Y.loading]: y
-	}, E),
-	onClick: O,
-	onKeyDown: k,
-	onBlur: A,
-	onFocus: j,
-	children: e ?? /* @__PURE__ */ g(m, { children: [
-		b && /* @__PURE__ */ h("span", {
-			className: Y.adornment,
-			children: b
-		}),
-		S && /* @__PURE__ */ h("span", {
-			className: Y.affix,
-			children: S
-		}),
-		/* @__PURE__ */ h("span", {
-			className: Y.valueWrap,
-			children: /* @__PURE__ */ h("span", {
-				className: z(Y.value, { [Y.placeholder]: f }),
-				children: d
-			})
-		}),
-		C && /* @__PURE__ */ h("span", {
-			className: Y.affix,
-			children: C
-		}),
-		w && /* @__PURE__ */ h("span", {
-			role: "button",
-			"aria-label": "Clear selection",
-			tabIndex: -1,
-			className: Y.clear,
-			onClick: (e) => {
-				e.stopPropagation(), T?.();
-			},
-			children: /* @__PURE__ */ h(I, {})
-		}),
-		/* @__PURE__ */ h("span", {
-			className: z(Y.arrow, { [Y.open]: i }),
-			"aria-hidden": "true",
-			children: y ? /* @__PURE__ */ h("span", { className: Y.spinner }) : x ?? /* @__PURE__ */ h(F, {})
-		})
-	] })
-});
-Ve.displayName = "SelectTrigger";
-//#endregion
-//#region src/components/Select/SelectContext.tsx
-var He = n(null), Ue = He.Provider;
-function We() {
-	let e = o(He);
-	if (!e) throw Error("Select compound components must be used inside Select");
-	return e;
+Tt.displayName = "SelectContentSurface";
+function Et(t) {
+	let n, r, i, o;
+	return e.forEach(t, (e) => {
+		if (!a(e)) return;
+		let t = e.type;
+		t.__velliraSelectPart === "label" && (n = e), t.__velliraSelectPart === "search" && (r = e), t.__velliraSelectPart === "empty" && (i = e), t.__velliraSelectPart === "loading" && (o = e);
+	}), {
+		emptySlot: i,
+		headerSlot: n,
+		loadingSlot: o,
+		searchSlot: r
+	};
+}
+function Dt(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "Select group";
 }
-He.displayName = "SelectContext";
 //#endregion
-//#region src/components/Select/SelectCompound.tsx
-var Ge = ({ children: e, className: t }) => {
-	let { triggerProps: n } = We();
-	return /* @__PURE__ */ h(Ve, {
-		...n,
-		className: [n.className, t].filter(Boolean).join(" "),
-		children: e
-	});
-};
-Ge.__velliraSelectPart = "trigger", Ge.displayName = "Select.Trigger";
-var Ke = ({ children: e, className: t }) => {
-	let { dropdownProps: n } = We(), r = ot(e);
-	return /* @__PURE__ */ h(Be, {
-		...n,
-		...r,
-		className: [n.className, t].filter(Boolean).join(" ")
-	});
-};
-Ke.__velliraSelectPart = "content", Ke.displayName = "Select.Content";
-var qe = ({ children: e, className: t }) => {
-	let { triggerProps: n } = We();
-	return /* @__PURE__ */ h("span", {
-		className: z(Y.valueWrap, t),
-		children: /* @__PURE__ */ h("span", {
-			className: z(Y.value, { [Y.placeholder]: n.isPlaceholder }),
-			children: e ?? n.displayText
-		})
-	});
-};
-qe.__velliraSelectPart = "value", qe.displayName = "Select.Value";
-var Je = ({ children: e, className: t }) => {
-	let { triggerProps: n } = We();
-	return /* @__PURE__ */ h("span", {
-		className: z(Y.arrow, { [Y.open]: n.isOpen }, t),
-		"aria-hidden": "true",
-		children: n.loading ? /* @__PURE__ */ h("span", { className: Y.spinner }) : e ?? n.endIcon ?? /* @__PURE__ */ h(F, {})
-	});
-};
-Je.__velliraSelectPart = "icon", Je.displayName = "Select.Icon";
-var Ye = ({ placeholder: e, className: t }) => {
-	let { dropdownProps: n } = We(), r = u(null), i = n.searchValue ?? "";
-	return /* @__PURE__ */ g("div", {
+//#region src/components/Select/Content/SelectEmpty.tsx
+var Ot = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
+Ot.__velliraSelectPart = "empty", Ot.displayName = "Select.Empty";
+//#endregion
+//#region src/components/Select/Content/SelectLoading.tsx
+var kt = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
+kt.__velliraSelectPart = "loading", kt.displayName = "Select.Loading";
+//#endregion
+//#region src/components/Select/Content/SelectSearch.tsx
+var At = ({ placeholder: e, className: t }) => {
+	let { contentProps: n } = bt(), r = d(null), i = n.searchValue ?? "";
+	return c(() => {
+		if (!n.isOpen) return;
+		let e = window.setTimeout(() => {
+			r.current?.focus({ preventScroll: !0 });
+		}, 0);
+		return () => window.clearTimeout(e);
+	}, [n.isOpen]), /* @__PURE__ */ _("div", {
 		className: J.searchWrap,
-		children: [/* @__PURE__ */ h("input", {
+		children: [/* @__PURE__ */ g("input", {
 			ref: r,
-			className: z(J.search, t),
+			className: V(J.search, t),
 			value: i,
 			placeholder: e ?? (n.command ? "Type a command..." : "Search..."),
 			"aria-label": "Search options",
 			onInput: (e) => n.onSearchChange?.(e.currentTarget.value),
 			onChange: (e) => n.onSearchChange?.(e.target.value)
-		}), i && /* @__PURE__ */ h("button", {
+		}), i && /* @__PURE__ */ g("button", {
 			type: "button",
 			className: J.searchClear,
 			"aria-label": "Clear search",
 			onClick: () => {
 				n.onSearchChange?.(""), r.current?.focus();
 			},
-			children: /* @__PURE__ */ h(I, {})
+			children: /* @__PURE__ */ g(x, {})
 		})]
 	});
 };
-Ye.__velliraSelectPart = "search", Ye.displayName = "Select.Search";
-var Xe = () => null;
-Xe.__velliraSelectPart = "group", Xe.displayName = "Select.Group";
-var Ze = ({ children: e }) => /* @__PURE__ */ h("div", {
+At.__velliraSelectPart = "search", At.displayName = "Select.Search";
+//#endregion
+//#region src/components/Select/Group/SelectGroup.tsx
+var jt = () => null;
+jt.__velliraSelectPart = "group", jt.displayName = "Select.Group";
+//#endregion
+//#region src/components/Select/Group/SelectLabel.tsx
+var Mt = ({ children: e }) => /* @__PURE__ */ g("div", {
 	role: "presentation",
 	className: J.groupLabel,
 	children: e
 });
-Ze.__velliraSelectPart = "label", Ze.displayName = "Select.Label";
-var Qe = () => null;
-Qe.__velliraSelectPart = "item", Qe.displayName = "Select.Item";
-var $e = () => null;
-$e.__velliraSelectPart = "itemIcon", $e.displayName = "Select.ItemIcon";
-var et = () => null;
-et.__velliraSelectPart = "itemDescription", et.displayName = "Select.ItemDescription";
-var tt = () => null;
-tt.__velliraSelectPart = "separator", tt.displayName = "Select.Separator";
-var nt = ({ children: e }) => /* @__PURE__ */ h(m, { children: e });
-nt.__velliraSelectPart = "empty", nt.displayName = "Select.Empty";
-var rt = ({ children: e }) => /* @__PURE__ */ h(m, { children: e });
-rt.__velliraSelectPart = "loading", rt.displayName = "Select.Loading";
-function it(t) {
-	let n = [], r = [], a = 0;
+Mt.__velliraSelectPart = "label", Mt.displayName = "Select.Label";
+//#endregion
+//#region src/components/Select/Group/SelectSeparator.tsx
+var Nt = () => null;
+Nt.__velliraSelectPart = "separator", Nt.displayName = "Select.Separator";
+//#endregion
+//#region src/components/Select/Item/SelectItemBadge.tsx
+var Pt = () => null;
+Pt.__velliraSelectPart = "itemBadge", Pt.displayName = "Select.ItemBadge";
+//#endregion
+//#region src/components/Select/Item/SelectItemDescription.tsx
+var Ft = () => null;
+Ft.__velliraSelectPart = "itemDescription", Ft.displayName = "Select.ItemDescription";
+//#endregion
+//#region src/components/Select/Item/SelectItemIcon.tsx
+var It = () => null;
+It.__velliraSelectPart = "itemIcon", It.displayName = "Select.ItemIcon";
+//#endregion
+//#region src/patterns/FormField/FormFieldContext.ts
+var Lt = r(null), Rt = () => s(Lt), zt = {
+	wrapper: "_wrapper_143kr_1",
+	sm: "_sm_143kr_41",
+	md: "_md_143kr_78",
+	lg: "_lg_143kr_115",
+	horizontal: "_horizontal_143kr_152",
+	start: "_start_143kr_153",
+	description: "_description_143kr_160",
+	control: "_control_143kr_161",
+	errorText: "_errorText_143kr_162",
+	label: "_label_143kr_169",
+	labelText: "_labelText_143kr_186",
+	required: "_required_143kr_190",
+	optional: "_optional_143kr_194",
+	labelInfo: "_labelInfo_143kr_201",
+	disabled: "_disabled_143kr_243"
+}, Bt = (...e) => e.filter(Boolean).join(" ") || void 0, Vt = ({ id: e, label: t, description: r, error: i, required: o = !1, disabled: s = !1, invalid: c = !1, orientation: u = "vertical", labelPosition: d = "top", size: f = "md", labelInfo: p, optionalText: m, children: h, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
+	let T = l(), E = e ?? T, D = t ? `${E}-label` : void 0, O = r && E ? `${E}-description` : void 0, k = i && E ? `${E}-error` : void 0, A = c || !!i, j = Bt(D), M = Bt(O, k), N = {
+		controlId: E,
+		labelId: D,
+		descriptionId: O,
+		errorId: k,
+		required: o,
+		disabled: s,
+		invalid: A,
+		size: f,
+		ariaLabelledBy: j,
+		ariaDescribedBy: M
+	}, P = a(h) ? h : void 0, F = v && P ? n(P, {
+		id: P.props.id ?? E,
+		required: P.props.required ?? o,
+		disabled: P.props.disabled ?? s,
+		"aria-invalid": P.props["aria-invalid"] ?? (A || void 0),
+		"aria-labelledby": Bt(P.props["aria-labelledby"], j),
+		"aria-describedby": Bt(P.props["aria-describedby"], M)
+	}) : h;
+	return /* @__PURE__ */ _("div", {
+		...w,
+		"aria-disabled": s || void 0,
+		className: V(zt.wrapper, zt[u], zt[d], zt[f], s && zt.disabled, y),
+		"data-disabled": s || void 0,
+		"data-invalid": A || void 0,
+		"data-orientation": u,
+		"data-size": f,
+		children: [
+			t && /* @__PURE__ */ _("label", {
+				id: D,
+				htmlFor: E,
+				className: V(zt.label, x),
+				children: [
+					/* @__PURE__ */ g("span", {
+						className: zt.labelText,
+						children: t
+					}),
+					o && /* @__PURE__ */ g("span", {
+						className: zt.required,
+						"aria-hidden": "true",
+						children: "*"
+					}),
+					!o && m && /* @__PURE__ */ g("span", {
+						className: zt.optional,
+						children: m
+					}),
+					p && /* @__PURE__ */ g("span", {
+						className: zt.labelInfo,
+						children: p
+					})
+				]
+			}),
+			r && /* @__PURE__ */ g("div", {
+				id: O,
+				className: V(zt.description, S),
+				children: r
+			}),
+			/* @__PURE__ */ g(Lt.Provider, {
+				value: N,
+				children: /* @__PURE__ */ g("div", {
+					className: V(zt.control, b),
+					children: F
+				})
+			}),
+			i && /* @__PURE__ */ g("div", {
+				id: k,
+				className: V(zt.errorText, C),
+				role: "alert",
+				children: i
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/Select/internal/SelectCollection.ts
+function Ht(t) {
+	let n = [], r = [], i = 0;
 	function o(t) {
 		e.forEach(t, (e) => {
-			if (!i(e)) return;
+			if (!a(e)) return;
 			let t = e.type;
 			if (t.__velliraSelectPart === "group") {
-				let t = e.props;
+				let t = e.props, r = Wt(t.children);
 				n.push({
 					type: "group",
-					id: `group-${a++}`,
-					label: t.label
+					id: `group-${i++}`,
+					label: t.label,
+					selectable: t.selectable,
+					selectLabel: t.selectLabel,
+					itemValues: r
 				}), o(t.children);
 				return;
 			}
 			if (t.__velliraSelectPart === "item") {
-				let t = e.props, i = st(t.children, t.value), a = t.label ?? i.label, o = r.length, s = {
+				let t = e.props, i = Gt(t.children, t.value), a = t.label ?? i.label, o = r.length, s = {
 					label: a,
 					value: t.value,
 					disabled: t.disabled,
 					description: t.description ?? i.description,
 					icon: t.icon ?? i.icon,
-					badge: t.badge,
+					badge: t.badge ?? i.badge,
 					shortcut: t.shortcut,
 					color: t.color
 				};
@@ -1000,11 +1481,11 @@ function it(t) {
 			if (t.__velliraSelectPart === "separator") {
 				n.push({
 					type: "separator",
-					id: `separator-${a++}`
+					id: `separator-${i++}`
 				});
 				return;
 			}
-			t.__velliraSelectPart === "empty" || t.__velliraSelectPart === "icon" || t.__velliraSelectPart === "itemDescription" || t.__velliraSelectPart === "itemIcon" || t.__velliraSelectPart === "label" || t.__velliraSelectPart === "loading" || t.__velliraSelectPart === "search" || t.__velliraSelectPart === "value" || o(e.props.children);
+			t.__velliraSelectPart === "empty" || t.__velliraSelectPart === "icon" || t.__velliraSelectPart === "itemBadge" || t.__velliraSelectPart === "itemDescription" || t.__velliraSelectPart === "itemIcon" || t.__velliraSelectPart === "label" || t.__velliraSelectPart === "loading" || t.__velliraSelectPart === "search" || t.__velliraSelectPart === "value" || o(e.props.children);
 		});
 	}
 	return o(t), {
@@ -1012,11 +1493,11 @@ function it(t) {
 		options: r
 	};
 }
-function at(t) {
+function Ut(t) {
 	let n = !1;
 	function r(t) {
 		e.forEach(t, (e) => {
-			if (!i(e) || n) return;
+			if (!a(e) || n) return;
 			let t = e.type;
 			if (t.__velliraSelectPart === "trigger" || t.__velliraSelectPart === "content") {
 				n = !0;
@@ -1027,257 +1508,452 @@ function at(t) {
 	}
 	return r(t), n;
 }
-function ot(t) {
-	let n, r, a, o;
-	return e.forEach(t, (e) => {
-		if (!i(e)) return;
-		let t = e.type;
-		t.__velliraSelectPart === "label" && (n = e), t.__velliraSelectPart === "search" && (r = e), t.__velliraSelectPart === "empty" && (a = e), t.__velliraSelectPart === "loading" && (o = e);
-	}), {
-		emptySlot: a,
-		headerSlot: n,
-		loadingSlot: o,
-		searchSlot: r
-	};
+function Wt(t) {
+	let n = [];
+	function r(t) {
+		e.forEach(t, (e) => {
+			if (a(e)) {
+				if (e.type.__velliraSelectPart === "item") {
+					n.push(e.props.value);
+					return;
+				}
+				r(e.props.children);
+			}
+		});
+	}
+	return r(t), n;
 }
-function st(t, n) {
-	let r, a, o = [];
-	function s(t) {
+function Gt(t, n) {
+	let r, i, o, s = [];
+	function c(t) {
 		e.forEach(t, (e) => {
 			if (typeof e == "string" || typeof e == "number") {
-				o.push(String(e));
+				s.push(String(e));
 				return;
 			}
-			if (!i(e)) return;
+			if (!a(e)) return;
 			let t = e.type;
-			if (t.__velliraSelectPart === "itemIcon") {
+			if (t.__velliraSelectPart === "itemBadge") {
 				r = e.props.children;
 				return;
 			}
+			if (t.__velliraSelectPart === "itemIcon") {
+				o = e.props.children;
+				return;
+			}
 			if (t.__velliraSelectPart === "itemDescription") {
-				a = e.props.children;
+				i = e.props.children;
 				return;
 			}
-			s(e.props.children);
+			c(e.props.children);
 		});
 	}
-	s(t);
-	let c = o.join("").trim();
+	c(t);
+	let l = s.join("").trim();
 	return {
-		description: a,
-		icon: r,
-		label: c || n
+		badge: r,
+		description: i,
+		icon: o,
+		label: l || n
 	};
 }
 //#endregion
-//#region src/components/Select/Select.tsx
-var ct = 0, lt = "", ut = Object.assign(({ children: e, label: t, description: n, id: r, name: i, "aria-label": o, "aria-describedby": f, "aria-labelledby": p, value: _, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: M = !1, invalid: N = !1, loading: P = !1, clearable: F = !1, searchable: I = !1, virtual: L, modal: R = !1, command: z = !1, error: ee, placement: B = "bottom", matchTriggerWidth: te = !0, avoidCollisions: ne = !0, portal: ae = !0, open: oe, defaultOpen: V = !1, onOpenChange: se, onSearch: ce, onClear: le, startIcon: ue, endIcon: de, prefix: fe, suffix: pe, renderValue: me, renderOption: he, onBlur: ge, onFocus: _e, className: ve, triggerClassName: ye, dropdownClassName: be }) => {
-	let xe = c(), H = Ie(), U = !!(t || n || ee), W = r ?? (U ? void 0 : H?.controlId) ?? xe, Se = `${W}-listbox`, [Ce, we] = d(""), Te = !!ee, Ee = Te ? `${W}-error` : void 0, De = n ? `${W}-description` : void 0, Oe = D ?? H?.size ?? "md", ke = N || Te || !U && !!H?.invalid, Ae = M || !U && !!H?.disabled, je = A || !U && !!H?.required, Me = [
-		f,
-		!U && !f ? H?.ariaDescribedBy : void 0,
-		De,
-		Ee
-	].filter(Boolean).join(" "), Ne = u(null), G = u(null), Pe = I || z, { entries: Fe, options: K } = l(() => it(e), [e]), Le = l(() => {
-		if (!Pe || !Ce) return K;
-		let e = Ce.toLocaleLowerCase();
-		return K.filter((t) => `${t.label} ${dt(t.description)}`.toLocaleLowerCase().includes(e));
+//#region src/components/Select/internal/useSelectCollection.ts
+function Kt(e) {
+	return u(() => Ht(e), [e]);
+}
+//#endregion
+//#region src/components/Select/internal/useSelectPosition.ts
+function qt({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
+	return Le({
+		open: t,
+		onOpenChange: r,
+		placement: i === "bottom" || i === "top" ? `${i}-start` : i,
+		matchTriggerWidth: n,
+		avoidCollisions: e,
+		mobileSheetBreakpoint: 640
+	});
+}
+//#endregion
+//#region src/components/Select/internal/useSelectSearch.ts
+function Jt({ options: e, searchable: t, searchValue: n }) {
+	return u(() => {
+		if (!t || !n) return e;
+		let r = n.toLocaleLowerCase();
+		return e.filter((e) => `${e.label} ${Yt(e.description)}`.toLocaleLowerCase().includes(r));
 	}, [
-		Pe,
-		K,
-		Ce
-	]), { selectedValue: q, selectedValues: ze, selectedOption: J, selectedOptions: Y, isOpen: He, setIsOpen: We, activeIndex: qe, setActiveIndex: Je, closeDropdown: Ye, toggleDropdown: Xe, selectValue: Ze, onKeyDown: Qe } = j({
-		value: _,
+		e,
+		n,
+		t
+	]);
+}
+function Yt(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+var Y = {
+	control: "_control_swenc_1",
+	disabled: "_disabled_swenc_41",
+	arrow: "_arrow_swenc_46",
+	primary: "_primary_swenc_60",
+	outline: "_outline_swenc_60",
+	filled: "_filled_swenc_101",
+	soft: "_soft_swenc_142",
+	neutral: "_neutral_swenc_183",
+	success: "_success_swenc_306",
+	warning: "_warning_swenc_429",
+	danger: "_danger_swenc_552",
+	sm: "_sm_swenc_675",
+	md: "_md_swenc_682",
+	lg: "_lg_swenc_689",
+	valueWrap: "_valueWrap_swenc_696",
+	value: "_value_swenc_696",
+	adornment: "_adornment_swenc_710",
+	clear: "_clear_swenc_711",
+	affix: "_affix_swenc_712",
+	placeholder: "_placeholder_swenc_751",
+	error: "_error_swenc_755",
+	spinner: "_spinner_swenc_790",
+	spin: "_spin_swenc_790",
+	loading: "_loading_swenc_799",
+	open: "_open_swenc_811"
+}, Xt = ({ children: e, className: t }) => {
+	let { triggerProps: n } = bt();
+	return /* @__PURE__ */ g(Zt, {
+		...n,
+		className: [n.className, t].filter(Boolean).join(" "),
+		children: e
+	});
+};
+Xt.__velliraSelectPart = "trigger", Xt.displayName = "Select.Trigger";
+var Zt = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabled: a, required: o, listboxId: s, activeIndex: c, ariaLabel: l, error: u, displayText: d, isPlaceholder: f, size: p = "md", color: m, variant: v, loading: b, startIcon: S, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: N }) => /* @__PURE__ */ g("button", {
+	id: t,
+	ref: k,
+	type: "button",
+	role: "combobox",
+	disabled: a,
+	"aria-disabled": a || void 0,
+	"aria-required": o || void 0,
+	"aria-expanded": i,
+	"aria-haspopup": "listbox",
+	"aria-label": l,
+	"aria-labelledby": r,
+	"aria-invalid": u || void 0,
+	"aria-controls": i ? s : void 0,
+	"aria-describedby": n,
+	"aria-activedescendant": i && c >= 0 ? `${s}-option-${c}` : void 0,
+	className: V(Y.control, Y[p], Y[v], Y[m], {
+		[Y.error]: !!u,
+		[Y.disabled]: a,
+		[Y.loading]: b
+	}, O),
+	onClick: A,
+	onKeyDown: j,
+	onBlur: M,
+	onFocus: N,
+	children: e ?? /* @__PURE__ */ _(h, { children: [
+		S && /* @__PURE__ */ g("span", {
+			className: Y.adornment,
+			children: S
+		}),
+		w && /* @__PURE__ */ g("span", {
+			className: Y.affix,
+			children: w
+		}),
+		/* @__PURE__ */ g("span", {
+			className: Y.valueWrap,
+			children: /* @__PURE__ */ g("span", {
+				className: V(Y.value, { [Y.placeholder]: f }),
+				children: d
+			})
+		}),
+		T && /* @__PURE__ */ g("span", {
+			className: Y.affix,
+			children: T
+		}),
+		E && /* @__PURE__ */ g("span", {
+			role: "button",
+			"aria-label": "Clear selection",
+			tabIndex: -1,
+			className: Y.clear,
+			onClick: (e) => {
+				e.stopPropagation(), D?.();
+			},
+			children: /* @__PURE__ */ g(x, {})
+		}),
+		/* @__PURE__ */ g("span", {
+			className: V(Y.arrow, { [Y.open]: i }),
+			"aria-hidden": "true",
+			children: b ? /* @__PURE__ */ g("span", { className: Y.spinner }) : C ?? /* @__PURE__ */ g(y, {})
+		})
+	] })
+});
+Zt.displayName = "SelectTriggerSurface";
+//#endregion
+//#region src/components/Select/Root/SelectRoot.tsx
+var Qt = 0, $t = "", en = ({ children: e, label: t, description: n, id: r, name: i, "aria-label": a, "aria-describedby": s, "aria-labelledby": p, value: m, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: j = !1, invalid: M = !1, loading: N = !1, clearable: P = !1, searchable: F = !1, virtual: I, modal: R = !1, command: ee = !1, error: z, placement: B = "bottom", matchTriggerWidth: te = !0, avoidCollisions: ne = !0, portal: re = !0, open: ie, defaultOpen: ae = !1, onOpenChange: V, onSearch: H, onClear: U, startIcon: oe, endIcon: se, prefix: ce, suffix: le, renderValue: ue, renderOption: de, onBlur: fe, onFocus: pe, className: me, triggerClassName: he, dropdownClassName: ge }) => {
+	let W = l(), _e = Rt(), ve = !!(t || n || z), ye = r ?? (ve ? void 0 : _e?.controlId) ?? W, be = `${ye}-listbox`, [xe, Se] = f(""), Ce = !!z, we = Ce ? `${ye}-error` : void 0, Te = n ? `${ye}-description` : void 0, Ee = D ?? _e?.size ?? "md", De = M || Ce || !ve && !!_e?.invalid, Oe = j || !ve && !!_e?.disabled, ke = A || !ve && !!_e?.required, Ae = [
+		s,
+		!ve && !s ? _e?.ariaDescribedBy : void 0,
+		Te,
+		we
+	].filter(Boolean).join(" "), je = d(null), Me = d(null), [Ne, Pe] = f(!1), Fe = F || ee, { entries: Ie, options: Le } = Kt(e), ze = Jt({
+		options: Le,
+		searchable: Fe,
+		searchValue: xe
+	}), { selectedValue: Be, selectedValues: G, isOpen: K, setIsOpen: Ve, setSelectedValue: He, activeIndex: Ue, setActiveIndex: We, closeDropdown: Ge, toggleDropdown: Ke, selectValue: qe, onKeyDown: Je } = L({
+		value: m,
 		defaultValue: v,
 		onValueChange: y,
-		options: Le,
+		options: ze,
 		multiple: b,
 		maxSelected: x,
 		closeOnSelect: S,
-		disabled: Ae,
-		open: oe,
-		defaultOpen: V,
-		onOpenChange: se
-	}), $e = !!J, et = Array.isArray(q) ? q[0] ?? "" : q, { floatingStyles: tt, setRef: nt, setFloatingRef: rt } = re({
-		open: He,
-		onOpenChange: We,
-		placement: B === "bottom" || B === "top" ? `${B}-start` : B,
+		disabled: Oe,
+		open: ie,
+		defaultOpen: ae,
+		onOpenChange: V
+	}), Ye = u(() => Le.find((e) => G.includes(e.value)), [Le, G]), Xe = u(() => Le.filter((e) => G.includes(e.value)), [Le, G]), Ze = !!Ye, Qe = Array.isArray(Be) ? Be[0] ?? "" : Be, { floatingStyles: $e, setRef: et, setFloatingRef: tt } = qt({
+		isOpen: K,
+		onOpenChange: Ve,
+		placement: B,
 		matchTriggerWidth: te,
-		avoidCollisions: ne,
-		mobileSheetBreakpoint: 640
-	}), ot = a((e) => {
-		Ze(e), Ne.current?.focus();
-	}, [Ze]), st = a(() => {
-		Ze(""), le?.(), Ne.current?.focus();
-	}, [le, Ze]), ut = a((e) => {
-		we(e), ce?.(e);
-	}, [ce]);
-	ie([Ne, G], Ye, He), s(() => {
-		if (!(!R || !He)) return ct === 0 && (lt = document.body.style.overflow), ct += 1, document.body.style.overflow = "hidden", () => {
-			ct = Math.max(0, ct - 1), ct === 0 && (document.body.style.overflow = lt);
+		avoidCollisions: ne
+	}), nt = o((e) => {
+		qe(e), je.current?.focus();
+	}, [qe]), rt = o((e) => {
+		if (!b || e.length === 0) return;
+		let t = e.filter((e) => Le.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => G.includes(e)), r = G.filter((e) => !t.includes(e)).length, i = typeof x == "number" ? Math.max(0, Math.min(t.length, x - r)) : t.length;
+		if (n.length > 0 && n.length >= i) {
+			He(G.filter((e) => !t.includes(e)));
+			return;
+		}
+		let a = [...G];
+		for (let e of t) if (!a.includes(e)) {
+			if (typeof x == "number" && a.length >= x) break;
+			a.push(e);
+		}
+		He(a), S && (Ge(), je.current?.focus());
+	}, [
+		Ge,
+		S,
+		x,
+		b,
+		Le,
+		G,
+		He
+	]), it = o(() => {
+		qe(""), U?.(), je.current?.focus();
+	}, [U, qe]), at = o(() => {
+		K || Pe(!1), Ke();
+	}, [K, Ke]), ot = o((e) => {
+		tn(e, K) && Pe(!0), Je(e);
+	}, [K, Je]), st = o((e) => {
+		Pe(!0), We(e);
+	}, [We]), ct = o((e) => {
+		Se(e), H?.(e);
+	}, [H]);
+	Re([je, Me], Ge, K), c(() => {
+		K || Pe(!1);
+	}, [K]), c(() => {
+		!K && xe && Se("");
+	}, [K, xe]), c(() => {
+		if (!(!R || !K)) return Qt === 0 && ($t = document.body.style.overflow), Qt += 1, document.body.style.overflow = "hidden", () => {
+			Qt = Math.max(0, Qt - 1), Qt === 0 && (document.body.style.overflow = $t);
 		};
-	}, [He, R]);
-	let ft = a((e) => {
-		Ne.current = e, nt(e);
-	}, [nt]), pt = a((e) => {
-		G.current = e, rt(e);
-	}, [rt]), mt = me ? me(J) : b && Y.length ? Y.map((e) => e.label).join(", ") : J?.label ?? C, ht = w ?? E ?? "No options available", gt = F && ze.length > 0 && !Ae && !P, _t = {
-		id: W,
-		describedBy: Me || void 0,
-		labelledBy: o ? void 0 : p,
-		isOpen: He,
-		disabled: Ae,
-		required: je,
-		listboxId: Se,
-		activeIndex: qe,
-		ariaLabel: o ?? (!t && !H?.labelId ? J?.label || C : void 0),
-		error: ke,
-		loading: P,
-		displayText: mt,
-		isPlaceholder: !$e,
-		size: Oe,
+	}, [K, R]);
+	let lt = o((e) => {
+		je.current = e, et(e);
+	}, [et]), ut = o((e) => {
+		Me.current = e, tt(e);
+	}, [tt]), dt = ue ? ue(Ye) : b && Xe.length ? Xe.map((e) => e.label).join(", ") : Ye?.label ?? C, ft = w ?? E ?? "No options available", pt = P && G.length > 0 && !Oe && !N, mt = {
+		id: ye,
+		describedBy: Ae || void 0,
+		labelledBy: a ? void 0 : p,
+		isOpen: K,
+		disabled: Oe,
+		required: ke,
+		listboxId: be,
+		activeIndex: Ue,
+		ariaLabel: a ?? (!t && !_e?.labelId ? Ye?.label || C : void 0),
+		error: De,
+		loading: N,
+		displayText: dt,
+		isPlaceholder: !Ze,
+		size: Ee,
 		color: O,
 		variant: k,
-		startIcon: ue,
-		endIcon: de,
-		prefix: fe,
-		suffix: pe,
-		clearable: gt,
-		className: ye,
-		buttonRef: ft,
-		onClear: st,
-		onClick: Xe,
-		onKeyDown: Qe,
-		onBlur: ge,
-		onFocus: _e
-	}, vt = {
-		isOpen: He,
-		listboxId: Se,
-		labelledById: W,
-		style: tt,
-		options: Le,
-		entries: Pe || Ce ? void 0 : Fe,
+		startIcon: oe,
+		endIcon: se,
+		prefix: ce,
+		suffix: le,
+		clearable: pt,
+		className: he,
+		buttonRef: lt,
+		onClear: it,
+		onClick: at,
+		onKeyDown: ot,
+		onBlur: fe,
+		onFocus: pe
+	}, ht = {
+		isOpen: K,
+		listboxId: be,
+		labelledById: ye,
+		style: $e,
+		options: ze,
+		entries: Fe || xe ? void 0 : Ie,
 		multiple: b,
 		color: O,
 		variant: k,
-		searchable: Pe,
-		command: z,
-		virtual: L,
-		portal: ae,
-		searchValue: Ce,
-		loading: P,
+		searchable: Fe,
+		command: ee,
+		virtual: I,
+		portal: re,
+		searchValue: xe,
+		loading: N,
 		loadingText: T,
-		noOptionsText: ht,
-		renderOption: he,
-		selectedValue: et,
-		selectedValues: ze,
-		activeIndex: qe,
-		className: be,
-		setDropdownRef: pt,
-		onSelect: ot,
-		onMouseEnter: Je,
-		onSearchChange: ut
-	}, yt = /* @__PURE__ */ g(m, { children: [i && b && ze.length > 0 && /* @__PURE__ */ h(m, { children: ze.map((e) => /* @__PURE__ */ h("input", {
+		noOptionsText: ft,
+		renderOption: de,
+		selectedValue: Qe,
+		selectedValues: G,
+		activeIndex: Ue,
+		visualActiveIndex: Ne ? Ue : -1,
+		className: ge,
+		setDropdownRef: ut,
+		onSelect: nt,
+		onSelectGroup: rt,
+		onMouseEnter: st,
+		onSearchChange: ct
+	}, gt = /* @__PURE__ */ _(h, { children: [i && b && G.length > 0 && /* @__PURE__ */ g(h, { children: G.map((e) => /* @__PURE__ */ g("input", {
 		type: "hidden",
 		name: i,
 		value: e,
-		disabled: Ae
-	}, e)) }), i && !b && /* @__PURE__ */ h("input", {
+		disabled: Oe
+	}, e)) }), i && !b && /* @__PURE__ */ g("input", {
 		type: "hidden",
 		name: i,
-		value: et,
-		disabled: Ae
-	})] }), bt = at(e), xt = /* @__PURE__ */ g(Ue, {
+		value: Qe,
+		disabled: Oe
+	})] }), _t = Ut(e), vt = /* @__PURE__ */ _(yt, {
 		value: {
-			triggerProps: _t,
-			dropdownProps: vt
+			triggerProps: mt,
+			contentProps: ht
 		},
-		children: [yt, bt ? e : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(Ge, {}), /* @__PURE__ */ h(Ke, { children: e })] })]
-	}), St = /* @__PURE__ */ g(Ue, {
+		children: [gt, _t ? e : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Xt, {}), /* @__PURE__ */ g(wt, { children: e })] })]
+	}), bt = /* @__PURE__ */ _(yt, {
 		value: {
-			triggerProps: _t,
-			dropdownProps: vt
+			triggerProps: mt,
+			contentProps: ht
 		},
 		children: [
-			yt,
-			/* @__PURE__ */ h(Ve, { ..._t }),
-			/* @__PURE__ */ h(Be, { ...vt })
+			gt,
+			/* @__PURE__ */ g(Zt, { ...mt }),
+			/* @__PURE__ */ g(Tt, { ...ht })
 		]
 	});
-	return !U && H ? e ? xt : St : /* @__PURE__ */ h(Re, {
-		id: W,
+	return !ve && _e ? e ? vt : bt : /* @__PURE__ */ g(Vt, {
+		id: ye,
 		label: t,
 		description: n,
-		error: ee,
-		required: je,
-		disabled: Ae,
+		error: z,
+		required: ke,
+		disabled: Oe,
 		bindControl: !1,
-		className: ve,
-		children: e ? xt : St
+		className: me,
+		children: e ? vt : bt
 	});
-}, {
-	Trigger: Ge,
-	Value: qe,
-	Icon: Je,
-	Content: Ke,
-	Search: Ye,
-	Group: Xe,
-	Label: Ze,
-	Item: Qe,
-	ItemIcon: $e,
-	ItemDescription: et,
-	Separator: tt,
-	Empty: nt,
-	Loading: rt
-});
-ut.displayName = "Select";
-function dt(e) {
-	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+};
+en.displayName = "SelectRoot";
+function tn(e, t) {
+	return e.altKey || e.ctrlKey || e.metaKey ? !1 : t ? e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End" || e.key === "Enter" || e.key === " " || e.key.length === 1 : e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ";
 }
 //#endregion
+//#region src/components/Select/Trigger/SelectIcon.tsx
+var nn = ({ children: e, className: t }) => {
+	let { triggerProps: n } = bt();
+	return /* @__PURE__ */ g("span", {
+		className: V(Y.arrow, { [Y.open]: n.isOpen }, t),
+		"aria-hidden": "true",
+		children: n.loading ? /* @__PURE__ */ g("span", { className: Y.spinner }) : e ?? n.endIcon ?? /* @__PURE__ */ g(y, {})
+	});
+};
+nn.__velliraSelectPart = "icon", nn.displayName = "Select.Icon";
+//#endregion
+//#region src/components/Select/Trigger/SelectValue.tsx
+var rn = ({ children: e, className: t }) => {
+	let { triggerProps: n } = bt();
+	return /* @__PURE__ */ g("span", {
+		className: V(Y.valueWrap, t),
+		children: /* @__PURE__ */ g("span", {
+			className: V(Y.value, { [Y.placeholder]: n.isPlaceholder }),
+			children: e ?? n.displayText
+		})
+	});
+};
+rn.__velliraSelectPart = "value", rn.displayName = "Select.Value";
+//#endregion
+//#region src/components/Select/Select.tsx
+var an = Object.assign(en, {
+	Trigger: Xt,
+	Value: rn,
+	Icon: nn,
+	Content: wt,
+	Search: At,
+	Group: jt,
+	Label: Mt,
+	Item: St,
+	ItemIcon: It,
+	ItemDescription: Ft,
+	ItemBadge: Pt,
+	Separator: Nt,
+	Empty: Ot,
+	Loading: kt
+});
+an.displayName = "Select";
+//#endregion
 //#region src/components/Tabs/TabsContext.tsx
-var ft = n(null), pt = () => {
-	let e = o(ft);
+var on = r(null), sn = () => {
+	let e = s(on);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
-}, mt = {
+}, cn = {
 	list: "_list_13hkl_1",
 	vertical: "_vertical_13hkl_8"
-}, ht = ({ children: e, className: t, ...n }) => {
-	let { orientation: r, appearance: i } = pt();
-	return /* @__PURE__ */ h("div", {
+}, ln = ({ children: e, className: t, ...n }) => {
+	let { orientation: r, appearance: i } = sn();
+	return /* @__PURE__ */ g("div", {
 		...n,
 		role: "tablist",
 		"aria-orientation": r,
-		className: z(mt.list, r === "vertical" && mt.vertical, i === "underline" && mt.underline, i === "pills" && mt.pills, t),
+		className: V(cn.list, r === "vertical" && cn.vertical, i === "underline" && cn.underline, i === "pills" && cn.pills, t),
 		children: e
 	});
 };
-ht.displayName = "TabsList";
-var gt = {
+ln.displayName = "TabsList";
+var un = {
 	panel: "_panel_1v1a9_1",
 	visible: "_visible_1v1a9_10",
 	vertical: "_vertical_1v1a9_14"
-}, _t = ({ index: e, children: t, className: n }) => {
-	let { activeIndex: r, orientation: i } = pt(), [a, o] = d(!1), c = r === e;
-	return s(() => {
-		if (!c) {
+}, dn = ({ index: e, children: t, className: n }) => {
+	let { activeIndex: r, orientation: i } = sn(), [a, o] = f(!1), s = r === e;
+	return c(() => {
+		if (!s) {
 			o(!1);
 			return;
 		}
 		let e = setTimeout(() => o(!0), 10);
 		return () => clearTimeout(e);
-	}, [c]), /* @__PURE__ */ h("div", {
+	}, [s]), /* @__PURE__ */ g("div", {
 		role: "tabpanel",
 		id: `tab-panel-${e}`,
 		"aria-labelledby": `tab-${e}`,
-		hidden: !c,
+		hidden: !s,
 		tabIndex: 0,
-		className: z(gt.panel, a && gt.visible, i === "vertical" && gt.vertical, n),
+		className: V(un.panel, a && un.visible, i === "vertical" && un.vertical, n),
 		children: t
 	});
 };
-_t.displayName = "TabsPanel";
-var vt = {
+dn.displayName = "TabsPanel";
+var fn = {
 	tab: "_tab_qe8xc_1",
 	iconOnly: "_iconOnly_qe8xc_27",
 	tabIcon: "_tabIcon_qe8xc_31",
@@ -1286,11 +1962,11 @@ var vt = {
 	underline: "_underline_qe8xc_60",
 	pills: "_pills_qe8xc_92",
 	vertical: "_vertical_qe8xc_106"
-}, yt = r(({ index: e, children: t, className: n, disabled: r = !1, icon: i, onClick: o, onKeyDown: s, ...c }, l) => {
-	let { activeIndex: u, setActiveIndex: d, orientation: f, appearance: p = "default", registerTab: m, onTabKeyDown: _ } = pt(), v = u === e, y = !!i, b = y && t == null;
-	return /* @__PURE__ */ g("button", {
+}, pn = i(({ index: e, children: t, className: n, disabled: r = !1, icon: i, onClick: a, onKeyDown: s, ...c }, l) => {
+	let { activeIndex: u, setActiveIndex: d, orientation: f, appearance: p = "default", registerTab: m, onTabKeyDown: h } = sn(), v = u === e, y = !!i, b = y && t == null;
+	return /* @__PURE__ */ _("button", {
 		type: "button",
-		ref: a((t) => {
+		ref: o((t) => {
 			m(e, t), typeof l == "function" ? l(t) : l && (l.current = t);
 		}, [
 			m,
@@ -1303,70 +1979,70 @@ var vt = {
 		id: `tab-${e}`,
 		disabled: r,
 		tabIndex: v ? 0 : -1,
-		className: z(vt.tab, vt[p], f === "vertical" && vt.vertical, y && vt.withIcon, b && vt.iconOnly, n),
+		className: V(fn.tab, fn[p], f === "vertical" && fn.vertical, y && fn.withIcon, b && fn.iconOnly, n),
 		onClick: (t) => {
-			r || (d(e), o?.(t));
+			r || (d(e), a?.(t));
 		},
 		onKeyDown: (e) => {
-			_(e), s?.(e);
+			h(e), s?.(e);
 		},
 		...c,
-		children: [y && /* @__PURE__ */ h("span", {
-			className: vt.tabIcon,
+		children: [y && /* @__PURE__ */ g("span", {
+			className: fn.tabIcon,
 			"aria-hidden": "true",
 			children: i
-		}), t != null && /* @__PURE__ */ h("span", {
-			className: vt.label,
+		}), t != null && /* @__PURE__ */ g("span", {
+			className: fn.label,
 			children: t
 		})]
 	});
 });
-yt.displayName = "Tab";
-var bt = {
+pn.displayName = "Tab";
+var mn = {
 	tabs: "_tabs_uqy7q_1",
 	vertical: "_vertical_uqy7q_5"
-}, xt = ({ children: e, activeIndex: t, defaultActiveIndex: n = 0, onChange: r, orientation: i = "horizontal", appearance: o = "default", className: s }) => {
-	let { activeIndex: c, setActiveIndex: l } = M({
+}, hn = ({ children: e, activeIndex: t, defaultActiveIndex: n = 0, onChange: r, orientation: i = "horizontal", appearance: a = "default", className: s }) => {
+	let { activeIndex: c, setActiveIndex: l } = R({
 		activeIndex: t,
 		defaultActiveIndex: n,
 		onChange: r
-	}), d = u([]), f = a((e, t) => {
-		d.current[e] = t;
-	}, []), { onKeyDown: p } = N({
+	}), u = d([]), f = o((e, t) => {
+		u.current[e] = t;
+	}, []), { onKeyDown: p } = ee({
 		activeIndex: c,
 		setActiveIndex: l,
-		tabRefs: d,
+		tabRefs: u,
 		orientation: i,
 		onNavigate: (e) => {
-			d.current[e]?.focus();
+			u.current[e]?.focus();
 		}
 	}), m = {
 		activeIndex: c,
 		setActiveIndex: l,
 		orientation: i,
-		appearance: o,
+		appearance: a,
 		registerTab: f,
 		onTabKeyDown: p
 	};
-	return /* @__PURE__ */ h(ft.Provider, {
+	return /* @__PURE__ */ g(on.Provider, {
 		value: m,
-		children: /* @__PURE__ */ h("div", {
-			className: z(bt.tabs, i === "vertical" && bt.vertical, s),
+		children: /* @__PURE__ */ g("div", {
+			className: V(mn.tabs, i === "vertical" && mn.vertical, s),
 			children: e
 		})
 	});
 };
-xt.displayName = "Tabs";
+hn.displayName = "Tabs";
 //#endregion
 //#region src/components/Tabs/index.ts
-var St = Object.assign(xt, {
-	List: ht,
-	Tab: yt,
-	Panel: _t
-}), Ct = {
+var gn = Object.assign(hn, {
+	List: ln,
+	Tab: pn,
+	Panel: dn
+}), _n = {
 	tooltip: "_tooltip_10opu_1",
 	arrow: "_arrow_10opu_25"
-}, wt = r(({ content: e, placement: t = "top", arrowRef: n, arrowX: r, arrowY: i, className: a, style: o, ...s }, c) => {
+}, vn = i(({ content: e, placement: t = "top", arrowRef: n, arrowX: r, arrowY: i, className: a, style: o, ...s }, c) => {
 	let l = {
 		top: "bottom",
 		right: "left",
@@ -1379,65 +2055,65 @@ var St = Object.assign(xt, {
 		top: i == null ? "" : `${i}px`,
 		[l]: "-5px"
 	};
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ _("div", {
 		ref: c,
-		className: z(Ct.tooltip, a),
+		className: V(_n.tooltip, a),
 		"data-placement": t,
 		"data-state": "open",
 		style: o,
 		...s,
-		children: [e, /* @__PURE__ */ h("div", {
+		children: [e, /* @__PURE__ */ g("div", {
 			ref: n,
-			className: Ct.arrow,
+			className: _n.arrow,
 			style: u
 		})]
 	});
 });
-wt.displayName = "TooltipContent";
+vn.displayName = "TooltipContent";
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-var Tt = ({ children: e, placement: t = "top", content: n, disabled: r = !1, delay: i = {
+var yn = ({ children: e, placement: t = "top", content: n, disabled: r = !1, delay: i = {
 	open: 300,
 	close: 100
 }, maxWidth: a = 250, className: o, onOpenChange: s }) => {
-	let [l, f] = d(!1), p = u(null), y = c(), { context: b, floatingStyles: x, middlewareData: S, setRef: C, setFloatingRef: w, placement: O } = re({
-		open: l,
+	let [c, u] = f(!1), p = d(null), m = l(), { context: v, floatingStyles: y, middlewareData: b, setRef: x, setFloatingRef: S, placement: T } = Le({
+		open: c,
 		onOpenChange: (e) => {
-			r || (f(e), s?.(e));
+			r || (u(e), s?.(e));
 		},
 		placement: t,
-		middleware: [v({ element: p })]
-	}), k = S.arrow?.x, A = S.arrow?.y, { getReferenceProps: j, getFloatingProps: M } = D([E(b, { delay: {
+		middleware: [w({ element: p })]
+	}), E = b.arrow?.x, D = b.arrow?.y, { getReferenceProps: O, getFloatingProps: k } = N([M(v, { delay: {
 		open: i.open,
 		close: i.close
-	} }), T(b)]);
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
-		ref: C,
+	} }), j(v)]);
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+		ref: x,
 		style: { display: "inline-flex" },
-		"aria-describedby": l ? y : void 0,
-		...j(),
+		"aria-describedby": c ? m : void 0,
+		...O(),
 		children: e
-	}), /* @__PURE__ */ h(_, { children: l && n && /* @__PURE__ */ h(wt, {
-		id: y,
-		ref: w,
+	}), /* @__PURE__ */ g(C, { children: c && n && /* @__PURE__ */ g(vn, {
+		id: m,
+		ref: S,
 		content: n,
 		arrowRef: p,
-		arrowX: k,
-		arrowY: A,
+		arrowX: E,
+		arrowY: D,
 		role: "tooltip",
 		style: {
-			...x,
+			...y,
 			maxWidth: typeof a == "number" ? `${a}px` : a
 		},
-		placement: O,
+		placement: T,
 		className: o,
-		...M()
+		...k()
 	}) })] });
 };
-Tt.displayName = "Tooltip";
+yn.displayName = "Tooltip";
 //#endregion
 //#region src/utils/devWarning.ts
-var Et = (e, t) => {
+var bn = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, X = {
 	button: "_button_2nghu_1",
@@ -1467,104 +2143,104 @@ var Et = (e, t) => {
 	"button-spin": "_button-spin_2nghu_1",
 	badge: "_badge_2nghu_786",
 	shortcut: "_shortcut_2nghu_800"
-}, Dt = r(({ children: e, color: n = "primary", appearance: r = "solid", size: a = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: p, 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 && i(e) ? e : void 0, L = I ? I.props.children : e, R = x || !L && !!(d || f), ee = !!(T || E || I?.props["aria-label"] || I?.props["aria-labelledby"]), B = c || l, te = l && u ? u : L, ne = u && L && !R && (typeof L == "string" || typeof L == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? L : u) : void 0, re = O === "_blank" && !k ? "noreferrer noopener" : k, ie = z(X.button, X[n], X[r], X[a], X[o], C, {
-		[X.disabled]: B,
+}, xn = i(({ children: e, color: t = "primary", appearance: r = "solid", size: i = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: p, badge: m, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: N, ...P }, F) => {
+	let I = S && a(e) ? e : void 0, L = I ? I.props.children : e, R = x || !L && !!(d || f), ee = !!(T || E || I?.props["aria-label"] || I?.props["aria-labelledby"]), z = c || l, B = l && u ? u : L, te = u && L && !R && (typeof L == "string" || typeof L == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? L : u) : void 0, ne = O === "_blank" && !k ? "noreferrer noopener" : k, re = V(X.button, X[t], X[r], X[i], X[o], C, {
+		[X.disabled]: z,
 		[X.loading]: l,
 		[X.fullWidth]: b,
 		[X.iconOnly]: R
 	});
-	Et(!S || !D, "Button: pass href to the child element when using asChild."), Et(!S || !!I, "Button: asChild requires a single valid React element child."), Et(!R || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
-	let ae = (e) => {
+	bn(!S || !D, "Button: pass href to the child element when using asChild."), bn(!S || !!I, "Button: asChild requires a single valid React element child."), bn(!R || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
+	let ie = (e) => {
 		e.preventDefault(), e.stopPropagation();
-	}, oe = (e) => {
-		if (B) {
-			ae(e);
+	}, ae = (e) => {
+		if (z) {
+			ie(e);
 			return;
 		}
 		I?.props.onClick?.(e), e.defaultPrevented || w?.(e);
-	}, V = /* @__PURE__ */ g(m, { children: [
-		l && (p ? /* @__PURE__ */ h("span", {
+	}, H = /* @__PURE__ */ _(h, { children: [
+		l && (p ? /* @__PURE__ */ g("span", {
 			className: X.icon,
 			"aria-hidden": "true",
 			children: p
-		}) : /* @__PURE__ */ h("span", {
+		}) : /* @__PURE__ */ g("span", {
 			className: X.spinner,
 			"aria-hidden": "true"
 		})),
-		!l && d && /* @__PURE__ */ h("span", {
+		!l && d && /* @__PURE__ */ g("span", {
 			className: X.icon,
 			children: d
 		}),
-		te && !R && /* @__PURE__ */ h("span", {
+		B && !R && /* @__PURE__ */ g("span", {
 			className: X.label,
-			"data-measure": ne,
-			children: /* @__PURE__ */ h("span", {
+			"data-measure": te,
+			children: /* @__PURE__ */ g("span", {
 				className: X.labelText,
-				children: te
+				children: B
 			})
 		}),
-		_ && !R && /* @__PURE__ */ h("span", {
+		m && !R && /* @__PURE__ */ g("span", {
 			className: X.badge,
-			children: _
+			children: m
 		}),
-		v && !R && /* @__PURE__ */ h("span", {
+		v && !R && /* @__PURE__ */ g("span", {
 			className: X.shortcut,
 			children: v
 		}),
-		!l && f && /* @__PURE__ */ h("span", {
+		!l && f && /* @__PURE__ */ g("span", {
 			className: X.icon,
 			children: f
 		})
 	] });
-	return I ? t(I, {
+	return I ? n(I, {
 		...P,
 		ref: F,
 		"aria-busy": l || void 0,
-		"aria-disabled": B || void 0,
+		"aria-disabled": z || void 0,
 		"aria-label": T || I.props["aria-label"] || void 0,
 		"aria-labelledby": E || I.props["aria-labelledby"] || void 0,
-		className: z(I.props.className, ie),
-		href: B ? void 0 : I.props.href,
-		onClick: oe,
-		tabIndex: B ? -1 : I.props.tabIndex,
+		className: V(I.props.className, re),
+		href: z ? void 0 : I.props.href,
+		onClick: ae,
+		tabIndex: z ? -1 : I.props.tabIndex,
 		title: y || I.props.title,
-		children: V
-	}) : D ? /* @__PURE__ */ h("a", {
+		children: H
+	}) : D ? /* @__PURE__ */ g("a", {
 		ref: F,
-		href: B ? void 0 : D,
+		href: z ? void 0 : D,
 		id: j,
 		role: M,
-		tabIndex: B ? -1 : N,
+		tabIndex: z ? -1 : N,
 		target: O,
-		rel: re,
+		rel: ne,
 		download: A,
-		onClick: B ? ae : w,
-		"aria-disabled": B || void 0,
+		onClick: z ? ie : w,
+		"aria-disabled": z || void 0,
 		"aria-label": T || void 0,
 		"aria-labelledby": E || void 0,
 		"aria-busy": l || void 0,
-		className: ie,
+		className: re,
 		title: y,
-		children: V
-	}) : /* @__PURE__ */ h("button", {
+		children: H
+	}) : /* @__PURE__ */ g("button", {
 		...P,
 		ref: F,
 		id: j,
 		role: M,
 		tabIndex: N,
 		type: s,
-		disabled: B,
-		onClick: B ? void 0 : w,
+		disabled: z,
+		onClick: z ? void 0 : w,
 		"aria-label": T || void 0,
 		"aria-labelledby": E || void 0,
 		"aria-busy": l || void 0,
-		className: ie,
+		className: re,
 		title: y,
-		children: V
+		children: H
 	});
 });
-Dt.displayName = "Button";
+xn.displayName = "Button";
 var Z = {
 	wrapper: "_wrapper_877rr_1",
 	colorPrimary: "_colorPrimary_877rr_27",
@@ -1598,83 +2274,83 @@ var Z = {
 	indeterminate: "_indeterminate_877rr_226",
 	"checkbox-pop": "_checkbox-pop_877rr_1",
 	disabled: "_disabled_877rr_354"
-}, Ot = {
+}, Sn = {
 	sm: Z.labelSm,
 	md: Z.labelMd,
 	lg: Z.labelLg
-}, kt = {
+}, Cn = {
 	sm: Z.wrapperSm,
 	md: Z.wrapperMd,
 	lg: Z.wrapperLg
-}, At = {
+}, wn = {
 	sm: Z.containerSm,
 	md: Z.containerMd,
 	lg: Z.containerLg
-}, jt = {
+}, Tn = {
 	primary: Z.colorPrimary,
 	neutral: Z.colorNeutral,
 	success: Z.colorSuccess,
 	warning: Z.colorWarning,
 	danger: Z.colorDanger
-}, Mt = r(({ id: e, label: t, description: n, icon: r, indeterminateIcon: i, checked: o, size: l = "md", color: d = "primary", labelPosition: f = "end", defaultChecked: p = !1, disabled: m = !1, required: _ = !1, indeterminate: v = !1, className: y, wrapperClassName: b, onCheckedChange: x, error: S, "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...E }, D) => {
-	let k = c(), A = e ?? k, j = u(null), M = !!S, N = n ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
-		T,
+}, En = i(({ id: e, label: t, description: n, icon: r, indeterminateIcon: i, checked: a, size: s = "md", color: u = "primary", labelPosition: f = "end", defaultChecked: p = !1, disabled: m = !1, required: h = !1, indeterminate: y = !1, className: b, wrapperClassName: x, onCheckedChange: S, error: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
+	let k = l(), A = e ?? k, j = d(null), M = !!C, N = n ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
+		E,
 		N,
 		F
-	].filter(Boolean).join(" "), [L, R] = O({
-		value: o,
+	].filter(Boolean).join(" "), [L, R] = P({
+		value: a,
 		defaultValue: p,
-		onChange: x
-	}), ee = a((e) => {
-		if (j.current = e, typeof D == "function") {
-			D(e);
+		onChange: S
+	}), ee = o((e) => {
+		if (j.current = e, typeof O == "function") {
+			O(e);
 			return;
 		}
-		D && (D.current = e);
-	}, [D]);
-	s(() => {
-		j.current && (j.current.indeterminate = v);
-	}, [v]);
-	let B = (e) => {
+		O && (O.current = e);
+	}, [O]);
+	c(() => {
+		j.current && (j.current.indeterminate = y);
+	}, [y]);
+	let z = (e) => {
 		R(e.target.checked);
 	};
-	return Et(!!(t || C || w), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ g("div", {
-		className: z(Z.container, At[l], f === "start" && Z.containerLabelStart, y),
+	return bn(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ _("div", {
+		className: V(Z.container, wn[s], f === "start" && Z.containerLabelStart, b),
 		children: [
-			/* @__PURE__ */ g("label", {
+			/* @__PURE__ */ _("label", {
 				htmlFor: A,
-				className: z(Z.wrapper, kt[l], jt[d], f === "start" && Z.labelStart, !t && Z.iconOnly, m && Z.disabled, b),
+				className: V(Z.wrapper, Cn[s], Tn[u], f === "start" && Z.labelStart, !t && Z.iconOnly, m && Z.disabled, x),
 				children: [
-					/* @__PURE__ */ h("input", {
-						...E,
+					/* @__PURE__ */ g("input", {
+						...D,
 						ref: ee,
 						id: A,
 						type: "checkbox",
 						checked: L,
 						disabled: m,
-						required: _,
-						onChange: B,
+						required: h,
+						onChange: z,
 						className: Z.input,
-						"aria-label": C,
-						"aria-labelledby": w,
-						"aria-checked": v ? "mixed" : E["aria-checked"],
-						"aria-invalid": M ? !0 : E["aria-invalid"],
+						"aria-label": w,
+						"aria-labelledby": T,
+						"aria-checked": y ? "mixed" : D["aria-checked"],
+						"aria-invalid": M ? !0 : D["aria-invalid"],
 						"aria-describedby": I || void 0
 					}),
-					/* @__PURE__ */ h("span", {
-						className: z(Z.customCheckbox, M && Z.error, v && Z.indeterminate),
+					/* @__PURE__ */ g("span", {
+						className: V(Z.customCheckbox, M && Z.error, y && Z.indeterminate),
 						"aria-hidden": "true",
-						children: v ? /* @__PURE__ */ h("span", {
-							className: z(Z.indeterminateMark, i && Z.customMark),
+						children: y ? /* @__PURE__ */ g("span", {
+							className: V(Z.indeterminateMark, i && Z.customMark),
 							children: i
-						}) : L && /* @__PURE__ */ h("span", {
+						}) : L && /* @__PURE__ */ g("span", {
 							className: Z.checkmark,
-							children: r ?? /* @__PURE__ */ h(P, {})
+							children: r ?? /* @__PURE__ */ g(v, {})
 						})
 					}),
-					t && /* @__PURE__ */ g("span", {
-						className: z(Z.label, Ot[l]),
-						children: [t, _ && /* @__PURE__ */ h("span", {
+					t && /* @__PURE__ */ _("span", {
+						className: V(Z.label, Sn[s]),
+						children: [t, h && /* @__PURE__ */ g("span", {
 							className: Z.requiredMark,
 							"aria-hidden": "true",
 							children: "*"
@@ -1682,20 +2358,20 @@ var Z = {
 					})
 				]
 			}),
-			n && /* @__PURE__ */ h("span", {
+			n && /* @__PURE__ */ g("span", {
 				id: N,
 				className: Z.descriptionText,
 				children: n
 			}),
-			M && /* @__PURE__ */ h("span", {
+			M && /* @__PURE__ */ g("span", {
 				id: F,
 				className: Z.errorText,
-				children: S
+				children: C
 			})
 		]
 	});
 });
-Mt.displayName = "Checkbox";
+En.displayName = "Checkbox";
 var Q = {
 	inputGroup: "_inputGroup_151bq_1",
 	primary: "_primary_151bq_29",
@@ -1737,7 +2413,7 @@ var Q = {
 	toneDanger: "_toneDanger_151bq_873",
 	toneMuted: "_toneMuted_151bq_877",
 	toneInverse: "_toneInverse_151bq_881"
-}, Nt = {
+}, Dn = {
 	default: Q.toneDefault,
 	primary: Q.tonePrimary,
 	secondary: Q.toneSecondary,
@@ -1745,7 +2421,7 @@ var Q = {
 	danger: Q.toneDanger,
 	muted: Q.toneMuted,
 	inverse: Q.toneInverse
-}, Pt = (e = "text", t) => {
+}, On = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -1755,7 +2431,7 @@ var Q = {
 		case "search": return "off";
 		default: return;
 	}
-}, Ft = (e, t) => {
+}, kn = (e, t) => {
 	let n = e.replace(/\D/g, ""), r = 0, i = "";
 	for (let e of t) {
 		if (e === "#") {
@@ -1767,136 +2443,136 @@ var Q = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, It = (e, t) => t ? typeof t == "function" ? t(e) : Ft(e, t) : e, Lt = r(({ id: e, label: t, name: n, description: r, placeholder: i, value: o, defaultValue: s, type: l = "text", size: f, color: p = "primary", variant: _ = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: S = !1, className: C, wrapperClassName: w, autoComplete: T, readOnly: E = !1, clearable: D = !1, onClear: O, onValueChange: k, revealPassword: A = !1, showCounter: j = !1, startIcon: M, endIcon: N, startAddon: P, endAddon: F, prefix: I, suffix: R, clearIcon: ee, mask: B, format: te, parse: ne, startIconTone: re = "default", endIconTone: ie = "default", clearIconTone: ae = "danger", autoFocus: oe, maxLength: V, onMouseEnter: se, onMouseLeave: ce, "aria-describedby": le, "aria-invalid": ue, "aria-labelledby": de, ...fe }, pe) => {
-	let me = c(), he = Ie(), ge = !!(t || r || v), _e = e ?? (ge ? void 0 : he?.controlId) ?? me, ve = u(null), [ye, be] = d(!1), [xe, H] = d(s ?? ""), U = o !== void 0, W = String((U ? o : xe) ?? ""), Se = te ? te(W) : W, Ce = W.length > 0, we = f ?? he?.size ?? "md", Te = y || !!v || !ge && !!he?.invalid, Ee = b || !ge && !!he?.disabled, De = x || !ge && !!he?.required, Oe = E || S, ke = l === "password", Ae = ke && A && ye ? "text" : l, je = M ?? (l === "search" ? /* @__PURE__ */ h(L, {}) : null), Me = N, Ne = Pt(l, T), G = S && !Ee, Pe = D && Ce && !Ee && !Oe && !G, Fe = A && ke && !Ee && !G && !Pe, K = !G && !Pe && !Fe && !!Me, Le = !!(j && V), q = r ? `${_e}-description` : void 0, ze = v ? `${_e}-error` : void 0, J = Le ? `${_e}-counter` : void 0, Be = [
-		le,
-		!ge && !le ? he?.ariaDescribedBy : void 0,
-		q,
+}, An = (e, t) => t ? typeof t == "function" ? t(e) : kn(e, t) : e, jn = i(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: s, type: c = "text", size: u, color: p = "primary", variant: m = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: C = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: P, startAddon: F, endAddon: I, prefix: L, suffix: R, clearIcon: ee, mask: z, format: B, parse: te, startIconTone: ne = "default", endIconTone: re = "default", clearIconTone: ie = "danger", autoFocus: ae, maxLength: H, onMouseEnter: U, onMouseLeave: oe, "aria-describedby": se, "aria-invalid": ce, "aria-labelledby": le, ...ue }, de) => {
+	let fe = l(), pe = Rt(), me = !!(t || r || v), he = e ?? (me ? void 0 : pe?.controlId) ?? fe, ge = d(null), [W, _e] = f(!1), [ve, ye] = f(s ?? ""), be = a !== void 0, xe = String((be ? a : ve) ?? ""), Se = B ? B(xe) : xe, Ce = xe.length > 0, we = u ?? pe?.size ?? "md", Te = y || !!v || !me && !!pe?.invalid, Ee = b || !me && !!pe?.disabled, De = x || !me && !!pe?.required, Oe = D || C, ke = c === "password", Ae = ke && j && W ? "text" : c, je = N ?? (c === "search" ? /* @__PURE__ */ g(S, {}) : null), Me = P, Ne = On(c, E), Pe = C && !Ee, Fe = O && Ce && !Ee && !Oe && !Pe, Ie = j && ke && !Ee && !Pe && !Fe, Le = !Pe && !Fe && !Ie && !!Me, Re = !!(M && H), ze = r ? `${he}-description` : void 0, Be = v ? `${he}-error` : void 0, G = Re ? `${he}-counter` : void 0, K = [
+		se,
+		!me && !se ? pe?.ariaDescribedBy : void 0,
 		ze,
-		J
-	].filter(Boolean).join(" "), Y = ee ?? "×", Ve = !!(je || I), He = !!(Me || R || Pe || Fe || G), Ue = !!(je && I), We = !!(Me && R), Ge = !!(P || F), Ke = a((e) => {
-		if (ve.current = e, typeof pe == "function") {
-			pe(e);
+		Be,
+		G
+	].filter(Boolean).join(" "), Ve = ee ?? "×", He = !!(je || L), Ue = !!(Me || R || Fe || Ie || Pe), We = !!(je && L), Ge = !!(Me && R), Ke = !!(F || I), qe = o((e) => {
+		if (ge.current = e, typeof de == "function") {
+			de(e);
 			return;
 		}
-		pe && (pe.current = e);
-	}, [pe]), qe = a((e) => {
-		let t = It(ne ? ne(e.target.value) : e.target.value, B);
-		U || H(t), k?.(t);
+		de && (de.current = e);
+	}, [de]), Je = o((e) => {
+		let t = An(te ? te(e.target.value) : e.target.value, z);
+		be || ye(t), A?.(t);
 	}, [
-		U,
-		B,
-		k,
-		ne
-	]), Je = a(() => {
-		U || H(""), k?.(""), O?.(), ve.current?.focus();
+		be,
+		z,
+		A,
+		te
+	]), Ye = o(() => {
+		be || ye(""), A?.(""), k?.(), ge.current?.focus();
 	}, [
-		U,
-		O,
-		k
-	]), Ye = /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
-		className: z(Q.inputGroup, Q[_], Q[p], {
-			[Q.hasAddons]: Ge,
+		be,
+		k,
+		A
+	]), Xe = /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("div", {
+		className: V(Q.inputGroup, Q[m], Q[p], {
+			[Q.hasAddons]: Ke,
 			[Q.isDisabled]: Ee,
 			[Q.isInvalid]: Te,
-			[Q.isLoading]: G
+			[Q.isLoading]: Pe
 		}),
 		children: [
-			P && /* @__PURE__ */ h("span", {
+			F && /* @__PURE__ */ g("span", {
 				className: Q.addon,
-				children: P
+				children: F
 			}),
-			/* @__PURE__ */ g("div", {
-				className: z(Q.inputWrapper, {
-					[Q.hasLeftAdornment]: Ve,
-					[Q.hasRightAdornment]: He,
-					[Q.hasStartIconAndPrefix]: Ue,
-					[Q.hasEndIconAndSuffix]: We
+			/* @__PURE__ */ _("div", {
+				className: V(Q.inputWrapper, {
+					[Q.hasLeftAdornment]: He,
+					[Q.hasRightAdornment]: Ue,
+					[Q.hasStartIconAndPrefix]: We,
+					[Q.hasEndIconAndSuffix]: Ge
 				}),
 				children: [
-					je && /* @__PURE__ */ h("span", {
+					je && /* @__PURE__ */ g("span", {
 						"aria-hidden": "true",
-						className: z(Q.startAdornment, Nt[re]),
+						className: V(Q.startAdornment, Dn[ne]),
 						children: je
 					}),
-					I && /* @__PURE__ */ h("span", {
+					L && /* @__PURE__ */ g("span", {
 						className: Q.prefix,
-						children: I
+						children: L
 					}),
-					/* @__PURE__ */ h("input", {
-						...fe,
-						ref: Ke,
-						id: _e,
+					/* @__PURE__ */ g("input", {
+						...ue,
+						ref: qe,
+						id: he,
 						name: n,
 						type: Ae,
 						autoComplete: Ne,
-						className: z(Q.input, Q[we], { [Q.error]: Te }, C),
+						className: V(Q.input, Q[we], { [Q.error]: Te }, w),
 						value: Se,
-						onChange: qe,
+						onChange: Je,
 						placeholder: i,
 						disabled: Ee,
 						readOnly: Oe,
 						required: De,
-						autoFocus: oe,
-						maxLength: V,
-						"aria-invalid": Te ? !0 : ue,
-						"aria-labelledby": de ?? (ge ? void 0 : he?.ariaLabelledBy),
-						"aria-describedby": Be || void 0,
-						"aria-busy": S || void 0,
-						onMouseEnter: se,
-						onMouseLeave: ce
+						autoFocus: ae,
+						maxLength: H,
+						"aria-invalid": Te ? !0 : ce,
+						"aria-labelledby": le ?? (me ? void 0 : pe?.ariaLabelledBy),
+						"aria-describedby": K || void 0,
+						"aria-busy": C || void 0,
+						onMouseEnter: U,
+						onMouseLeave: oe
 					}),
-					R && /* @__PURE__ */ h("span", {
+					R && /* @__PURE__ */ g("span", {
 						className: Q.suffix,
 						children: R
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: Q.endSlot,
 						children: [
-							G && /* @__PURE__ */ h("span", {
+							Pe && /* @__PURE__ */ g("span", {
 								className: Q.spinner,
 								"aria-hidden": "true",
 								"data-testid": "input-spinner"
 							}),
-							Fe && /* @__PURE__ */ h("button", {
+							Ie && /* @__PURE__ */ g("button", {
 								type: "button",
 								className: Q.iconButton,
-								onClick: () => be((e) => !e),
-								"aria-label": ye ? "Hide password" : "Show password",
-								children: ye ? "Hide" : "Show"
+								onClick: () => _e((e) => !e),
+								"aria-label": W ? "Hide password" : "Show password",
+								children: W ? "Hide" : "Show"
 							}),
-							Pe && /* @__PURE__ */ h("button", {
+							Fe && /* @__PURE__ */ g("button", {
 								type: "button",
-								className: z(Q.clearButton, Nt[ae]),
-								onClick: Je,
+								className: V(Q.clearButton, Dn[ie]),
+								onClick: Ye,
 								"aria-label": "Clear input",
-								children: Y
+								children: Ve
 							}),
-							K && Me && /* @__PURE__ */ h("span", {
+							Le && Me && /* @__PURE__ */ g("span", {
 								"aria-hidden": "true",
-								className: z(Q.endAdornment, Nt[ie]),
+								className: V(Q.endAdornment, Dn[re]),
 								children: Me
 							})
 						]
 					})
 				]
 			}),
-			F && /* @__PURE__ */ h("span", {
+			I && /* @__PURE__ */ g("span", {
 				className: Q.addon,
-				children: F
+				children: I
 			})
 		]
-	}), Le && /* @__PURE__ */ g("div", {
-		id: J,
+	}), Re && /* @__PURE__ */ _("div", {
+		id: G,
 		className: Q.counter,
 		children: [
-			W.length,
+			xe.length,
 			" / ",
-			V
+			H
 		]
 	})] });
-	return !ge && he ? Ye : /* @__PURE__ */ h(Re, {
-		id: _e,
+	return !me && pe ? Xe : /* @__PURE__ */ g(Vt, {
+		id: he,
 		label: t,
 		description: r,
 		error: v,
@@ -1904,12 +2580,12 @@ var Q = {
 		disabled: Ee,
 		invalid: Te,
 		size: we,
-		className: w,
+		className: T,
 		bindControl: !1,
-		children: Ye
+		children: Xe
 	});
 });
-Lt.displayName = "Input";
+jn.displayName = "Input";
 var $ = {
 	root: "_root_qb9nm_1",
 	invalid: "_invalid_qb9nm_27",
@@ -1931,89 +2607,89 @@ var $ = {
 	customIcon: "_customIcon_qb9nm_216",
 	content: "_content_qb9nm_335",
 	error: "_error_qb9nm_352"
-}, Rt = {
+}, Mn = {
 	primary: $.colorPrimary,
 	neutral: $.colorNeutral,
 	success: $.colorSuccess,
 	warning: $.colorWarning,
 	danger: $.colorDanger
-}, zt = r(({ value: e, checked: t, defaultChecked: n = !1, disabled: r = !1, required: i = !1, size: a, color: o, error: s, onCheckedChange: l, label: u, description: d, icon: f, wrapperClassName: p, className: m, id: _, name: v, "aria-describedby": y, ...b }, x) => {
-	let S = Ne(), C = c(), w = _ ?? C, T = d ? `${w}-description` : void 0, E = s ? `${w}-error` : void 0, D = [
+}, Nn = i(({ value: e, checked: t, defaultChecked: n = !1, disabled: r = !1, required: i = !1, size: a, color: o, error: s, onCheckedChange: c, label: u, description: d, icon: f, wrapperClassName: p, className: m, id: h, name: v, "aria-describedby": y, ...b }, x) => {
+	let S = ht(), C = l(), w = h ?? C, T = d ? `${w}-description` : void 0, E = s ? `${w}-error` : void 0, D = [
 		T,
 		E,
 		S?.describedBy,
 		y
-	].filter(Boolean).join(" ") || void 0, k = S !== null, [A, j] = O({
+	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = P({
 		value: t,
 		defaultValue: n,
-		onChange: l
-	}), M = k ? S.value === e : A, N = !!S?.disabled || r, P = !!S?.required || i, F = S?.name ?? v, I = !!(s || S?.invalid), L = a ?? S?.size ?? "md", R = o ?? S?.color ?? "primary", ee = (t) => {
-		if (!N) {
-			if (k) {
+		onChange: c
+	}), j = O ? S.value === e : k, M = !!S?.disabled || r, N = !!S?.required || i, F = S?.name ?? v, I = !!(s || S?.invalid), L = a ?? S?.size ?? "md", R = o ?? S?.color ?? "primary", ee = (t) => {
+		if (!M) {
+			if (O) {
 				S.onValueChange(e);
 				return;
 			}
-			j(t.currentTarget.checked);
+			A(t.currentTarget.checked);
 		}
 	};
-	return /* @__PURE__ */ g("div", {
-		className: z($.root, $[L], I && $.invalid, N && $.disabled, Rt[R], m),
-		children: [/* @__PURE__ */ g("label", {
+	return /* @__PURE__ */ _("div", {
+		className: V($.root, $[L], I && $.invalid, M && $.disabled, Mn[R], m),
+		children: [/* @__PURE__ */ _("label", {
 			htmlFor: w,
-			className: z($.wrapper, p),
+			className: V($.wrapper, p),
 			children: [
-				/* @__PURE__ */ h("input", {
+				/* @__PURE__ */ g("input", {
 					...b,
 					ref: x,
 					id: w,
 					type: "radio",
 					name: F,
 					value: e,
-					checked: M,
-					disabled: N,
-					required: P,
+					checked: j,
+					disabled: M,
+					required: N,
 					"aria-invalid": I || void 0,
 					"aria-describedby": D,
 					className: $.input,
 					onChange: ee
 				}),
-				/* @__PURE__ */ h("span", {
+				/* @__PURE__ */ g("span", {
 					className: $.control,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ h("span", {
-						className: z($.indicator, f && $.customIcon),
+					children: /* @__PURE__ */ g("span", {
+						className: V($.indicator, f && $.customIcon),
 						children: f
 					})
 				}),
-				(u || d) && /* @__PURE__ */ g("span", {
+				(u || d) && /* @__PURE__ */ _("span", {
 					className: $.content,
-					children: [u && /* @__PURE__ */ h("span", {
+					children: [u && /* @__PURE__ */ g("span", {
 						className: $.label,
 						children: u
-					}), d && /* @__PURE__ */ h("span", {
+					}), d && /* @__PURE__ */ g("span", {
 						id: T,
 						className: $.description,
 						children: d
 					})]
 				})
 			]
-		}), s && /* @__PURE__ */ h("div", {
+		}), s && /* @__PURE__ */ g("div", {
 			id: E,
 			className: $.error,
 			children: s
 		})]
 	});
 });
-zt.displayName = "Radio";
+Nn.displayName = "Radio";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var Bt = n(null), Vt = (e) => e === "highContrast" ? "high-contrast" : e, Ht = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
-	let [i, a] = O({
+var Pn = r(null), Fn = (e) => e === "highContrast" ? "high-contrast" : e, In = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
+	let [i, a] = P({
 		value: e,
 		defaultValue: t,
 		onChange: n
-	}), o = Vt(i);
-	s(() => {
+	}), o = Fn(i);
+	c(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
 		return e.dataset.velliraTheme = o, () => {
@@ -2024,25 +2700,25 @@ var Bt = n(null), Vt = (e) => e === "highContrast" ? "high-contrast" : e, Ht = (
 			e.dataset.velliraTheme = t;
 		};
 	}, [o]);
-	let c = l(() => ({
+	let s = u(() => ({
 		theme: i,
 		setTheme: a
 	}), [i, a]);
-	return /* @__PURE__ */ h(Bt.Provider, {
-		value: c,
-		children: /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g(Pn.Provider, {
+		value: s,
+		children: /* @__PURE__ */ g("div", {
 			"data-vellira-theme": o,
 			children: r
 		})
 	});
 };
-Ht.displayName = "ThemeProvider";
+In.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function Ut() {
-	let e = o(Bt);
+function Ln() {
+	let e = s(Pn);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { Dt as Button, Mt as Checkbox, ge as Dropdown, Re as FormField, Lt as Input, Ae as Modal, zt as Radio, Pe as RadioGroup, ut as Select, St as Tabs, Ht as ThemeProvider, Tt as Tooltip, Ut as useTheme };
+export { xn as Button, En as Checkbox, Ye as Dropdown, Vt as FormField, jn as Input, ft as Modal, Nn as Radio, _t as RadioGroup, an as Select, gn as Tabs, In as ThemeProvider, yn as Tooltip, Ln as useTheme };