@vellira-ui/react 2.66.0 → 2.67.0

package/dist/index.js

@@ -1,27 +1,26 @@
-import e from "clsx";
-import { createConsoleOverlayDiagnostics as t, createOverlayManagerStore as n, createOverlayZIndexPolicy as r, createRetainedResourceRegistry as i, deferOverlayFocusRestore as a, getCompoundSlot as o, markCompoundSlot as s, resolveOverlayPresentation as c, runOverlayCloseAutoFocus as l } from "@vellira-ui/core";
+import { createConsoleOverlayDiagnostics as e, createOverlayManagerStore as t, createOverlayZIndexPolicy as n, createRetainedResourceRegistry as r, deferOverlayFocusRestore as i, getCompoundSlot as a, markCompoundSlot as o, resolveOverlayPresentation as s, runOverlayCloseAutoFocus as c } from "@vellira-ui/core";
+import l from "clsx";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Children as p, Fragment as m, cloneElement as h, createContext as g, forwardRef as _, isValidElement as v, useCallback as y, useContext as b, useEffect as x, useId as S, useLayoutEffect as C, useMemo as w, useRef as T, useState as E, useSyncExternalStore as D } from "react";
-import { createPortal as O } from "react-dom";
-import { FloatingArrow as k, arrow as A, autoUpdate as j, flip as M, offset as N, shift as P, size as F, useFloating as I, useFocus as L, useHover as R, useInteractions as z } from "@floating-ui/react";
-import { controlSizes as B, lightTheme as ee } from "@vellira-ui/tokens";
-import { Check as V, ChevronDown as H, ChevronRight as te, Close as ne, Search as re } from "@vellira-ui/icons";
-//#region src/utils/cn.ts
-var U = (...t) => e(t), ie = { arrow: "_arrow_8b0vb_1" }, W = ({ className: e }) => /* @__PURE__ */ d("span", {
+import { Check as O, ChevronDown as k, ChevronRight as A, Close as j, Search as M } from "@vellira-ui/icons";
+import { createPortal as N } from "react-dom";
+import { FloatingArrow as P, arrow as F, autoUpdate as I, flip as L, offset as R, shift as z, size as B, useFloating as V, useFocus as ee, useHover as H, useInteractions as U } from "@floating-ui/react";
+import { controlSizes as te, lightTheme as ne } from "@vellira-ui/tokens";
+var re = { arrow: "_arrow_8b0vb_1" }, W = (...e) => l(e), ie = ({ className: e }) => /* @__PURE__ */ d("span", {
 	"aria-hidden": "true",
-	className: U(ie.arrow, e)
+	className: W(re.arrow, e)
 });
-s(W, "arrow"), W.displayName = "Dropdown.Arrow";
+o(ie, "arrow"), ie.displayName = "Dropdown.Arrow";
 //#endregion
 //#region src/components/Dropdown/internal/types.ts
 function G(e) {
-	return o(e);
+	return a(e);
 }
 //#endregion
 //#region src/components/Dropdown/internal/DropdownCollection.ts
 function K(e, t) {
 	let n = () => null;
-	return s(n, e), n.displayName = t, n;
+	return o(n, e), n.displayName = t, n;
 }
 function ae(e) {
 	let t = 0, n, r, i, a, o = [], s = [], c = (e) => `${e}-${t++}`;
@@ -237,7 +236,279 @@ function ce(e) {
 }
 //#endregion
 //#region src/components/Dropdown/CheckboxItem/DropdownCheckboxItem.tsx
-var q = K("checkboxItem", "Dropdown.CheckboxItem"), le = ({ active: e, enabled: t, content: n }) => {
+var le = K("checkboxItem", "Dropdown.CheckboxItem"), ue = {
+	dropdown: "_dropdown_m7rnq_1",
+	"dropdown-in": "_dropdown-in_m7rnq_1",
+	primary: "_primary_m7rnq_42",
+	neutral: "_neutral_m7rnq_65",
+	success: "_success_m7rnq_88",
+	warning: "_warning_m7rnq_111",
+	danger: "_danger_m7rnq_134",
+	empty: "_empty_m7rnq_157",
+	searchWrap: "_searchWrap_m7rnq_165",
+	search: "_search_m7rnq_165",
+	"dropdown-sheet-in": "_dropdown-sheet-in_m7rnq_1"
+}, de = K("empty", "Dropdown.Empty"), q = ({ children: e }) => /* @__PURE__ */ d("li", {
+	role: "presentation",
+	className: ue.empty,
+	children: e ?? "No actions available"
+});
+q.displayName = "DropdownEmptySurface";
+//#endregion
+//#region src/components/Dropdown/Group/DropdownGroup.tsx
+var J = K("group", "Dropdown.Group"), fe = () => null;
+fe.displayName = "DropdownGroupSurface";
+//#endregion
+//#region src/components/Dropdown/internal/DropdownContext.tsx
+var pe = g(null), me = g(null), he = g(null), ge = pe.Provider, _e = me.Provider;
+he.Provider;
+function ve() {
+	let e = b(pe);
+	if (!e) throw Error("Dropdown compound components must be used inside Dropdown.");
+	return e;
+}
+function ye() {
+	let e = b(me);
+	if (!e) throw Error("Dropdown.Trigger must be used inside Dropdown.");
+	return e;
+}
+var Y = {
+	item: "_item_xmygj_1",
+	disabled: "_disabled_xmygj_35",
+	active: "_active_xmygj_53",
+	itemShortcut: "_itemShortcut_xmygj_67",
+	itemDescription: "_itemDescription_xmygj_68",
+	primary: "_primary_xmygj_76",
+	success: "_success_xmygj_94",
+	warning: "_warning_xmygj_112",
+	danger: "_danger_xmygj_130",
+	itemIcon: "_itemIcon_xmygj_154",
+	sm: "_sm_xmygj_174",
+	md: "_md_xmygj_180",
+	lg: "_lg_xmygj_184",
+	itemText: "_itemText_xmygj_191",
+	itemLabel: "_itemLabel_xmygj_200",
+	itemBadge: "_itemBadge_xmygj_226",
+	indicator: "_indicator_xmygj_253",
+	"dropdown-indicator-in": "_dropdown-indicator-in_xmygj_1",
+	checked: "_checked_xmygj_270",
+	"dropdown-item-pop": "_dropdown-item-pop_xmygj_1",
+	subContent: "_subContent_xmygj_275",
+	"dropdown-sub-in": "_dropdown-sub-in_xmygj_1",
+	subLabel: "_subLabel_xmygj_300",
+	subSeparator: "_subSeparator_xmygj_308"
+}, be = (e, t) => {
+	process.env.NODE_ENV !== "production" && !e && console.warn(t);
+}, xe = K("item", "Dropdown.Item"), Se = ({ item: e, itemIndex: t }) => {
+	let n = ve(), r = T(void 0), [i, a] = E(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), o = n.activeIndex === t, s = n.openSubId === e.id, c = e.type === "checkbox", l = e.type === "radio", p = e.type === "subTrigger", m = c ? e.props.checked ?? i : l ? (e.groupProps?.value ?? n.radioValues[e.groupId]) === e.props.value : !1, g = n.loading || e.disabled, _ = e.props, y = oe(_.children), b = y.icon ?? _.icon, x = y.description ?? ("description" in _ ? _.description : void 0), S = y.badge ?? ("badge" in _ ? _.badge : void 0), C = y.shortcut ?? _.shortcut, w = y.content.length ? y.content : _.children, D = "color" in _ ? _.color : void 0, k = e.type === "item" ? e.props.href : void 0, j = e.type === "item" ? e.props.target : void 0, M = e.type === "item" ? e.props.download : void 0, N = n.getItemId(t), P = c ? "menuitemcheckbox" : l ? "menuitemradio" : "menuitem", F = e.type === "item" && j === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, I = k ? "a" : "li", L = c || l, R = _.asChild && v(_.children) ? _.children : void 0, z = W(Y.item, Y[n.size], {
+		[Y.active]: o,
+		[Y.disabled]: g,
+		[Y.checked]: m
+	}, D && D !== "default" ? Y[D] : void 0, _.className);
+	be(!_.asChild || !!R, "Dropdown.Item: asChild requires a single valid React element child.");
+	let B = (t) => {
+		if (g) {
+			t.preventDefault();
+			return;
+		}
+		if (c && e.type === "checkbox") {
+			let t = !m;
+			a(t), e.props.onCheckedChange?.(t);
+		}
+		n.selectItem(e, Ce(t));
+	}, V = () => {
+		g || (n.setActiveIndex(t), p ? (window.clearTimeout(r.current), r.current = window.setTimeout(() => n.setOpenSubId(e.id), 120)) : (window.clearTimeout(r.current), n.setOpenSubId(void 0)));
+	}, ee = () => {
+		window.clearTimeout(r.current);
+	};
+	return R ? /* @__PURE__ */ f(u, { children: [h(R, {
+		id: N,
+		role: P,
+		tabIndex: g ? -1 : 0,
+		"aria-disabled": g || void 0,
+		"aria-checked": c || l ? m : void 0,
+		"aria-haspopup": p ? "menu" : void 0,
+		"aria-expanded": p ? s : void 0,
+		"data-active": o || void 0,
+		"data-state": s ? "open" : void 0,
+		className: W(R.props.className, z),
+		onClick: (e) => {
+			R.props.onClick?.(e), e.defaultPrevented || B(e);
+		},
+		onMouseEnter: (e) => {
+			R.props.onMouseEnter?.(e), e.defaultPrevented || V(e);
+		},
+		onMouseLeave: (e) => {
+			R.props.onMouseLeave?.(e), e.defaultPrevented || ee(e);
+		}
+	}), we(e, N, p, s, () => n.setOpenSubId(e.id))] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(I, {
+		id: N,
+		role: P,
+		href: I === "a" && !g ? k : void 0,
+		target: I === "a" && !g ? j : void 0,
+		rel: I === "a" ? F : void 0,
+		download: I === "a" && !g ? M : void 0,
+		tabIndex: g ? -1 : 0,
+		"aria-disabled": g || void 0,
+		"aria-checked": c || l ? m : void 0,
+		"aria-haspopup": p ? "menu" : void 0,
+		"aria-expanded": p ? s : void 0,
+		"data-active": o || void 0,
+		"data-state": s ? "open" : void 0,
+		className: z,
+		onClick: B,
+		onMouseEnter: V,
+		onMouseLeave: ee,
+		children: [
+			b && /* @__PURE__ */ d("span", {
+				className: Y.itemIcon,
+				children: b
+			}),
+			/* @__PURE__ */ f("span", {
+				className: Y.itemText,
+				children: [/* @__PURE__ */ d("span", {
+					className: Y.itemLabel,
+					children: w
+				}), x && /* @__PURE__ */ d("span", {
+					className: Y.itemDescription,
+					children: x
+				})]
+			}),
+			S && /* @__PURE__ */ d("span", {
+				className: Y.itemBadge,
+				children: S
+			}),
+			C && /* @__PURE__ */ d("span", {
+				className: Y.itemShortcut,
+				children: C
+			}),
+			L && /* @__PURE__ */ d("span", {
+				className: Y.indicator,
+				"aria-hidden": "true",
+				children: m ? /* @__PURE__ */ d(O, {}) : null
+			}),
+			p && /* @__PURE__ */ d("span", {
+				className: Y.itemShortcut,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ d(A, {})
+			})
+		]
+	}), we(e, N, p, s, () => n.setOpenSubId(e.id))] });
+};
+Se.displayName = "DropdownItemRow";
+function Ce(e) {
+	let t = !1;
+	return {
+		originalEvent: e,
+		preventDefault: () => {
+			t = !0;
+		},
+		get defaultPrevented() {
+			return t;
+		}
+	};
+}
+function we(e, t, n, r, i) {
+	return !n || !r || e.type !== "subTrigger" || e.subEntries.length === 0 ? null : /* @__PURE__ */ d("ul", {
+		role: "menu",
+		className: Y.subContent,
+		onMouseEnter: i,
+		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ d("li", {
+			role: "presentation",
+			className: Y.subLabel,
+			children: e.props.children
+		}, e.id) : e.type === "separator" ? /* @__PURE__ */ d("li", {
+			role: "separator",
+			className: Y.subSeparator,
+			"aria-hidden": "true"
+		}, e.id) : e.type === "item" ? /* @__PURE__ */ d(Te, {
+			item: e.item,
+			id: `${t}-${e.itemIndex}`
+		}, e.item.id) : null)
+	});
+}
+function Te({ id: e, item: t }) {
+	let n = ve(), [r, i] = E(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), a = t.type === "checkbox", o = t.type === "radio", s = a ? t.props.checked ?? r : o ? (t.groupProps?.value ?? n.radioValues[t.groupId]) === t.props.value : !1, c = t.props, l = oe(c.children), u = l.icon ?? c.icon, p = l.description ?? ("description" in c ? c.description : void 0), m = l.badge ?? ("badge" in c ? c.badge : void 0), h = l.shortcut ?? c.shortcut, g = l.content.length ? l.content : c.children, _ = "color" in c ? c.color : void 0, v = n.loading || t.disabled, y = t.type === "item" ? t.props.href : void 0, b = t.type === "item" ? t.props.target : void 0, x = t.type === "item" ? t.props.download : void 0, S = a ? "menuitemcheckbox" : o ? "menuitemradio" : "menuitem", C = t.type === "item" && b === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, w = y ? "a" : "li", T = a || o, D = (e) => {
+		if (v) {
+			e.preventDefault();
+			return;
+		}
+		if (a && t.type === "checkbox") {
+			let e = !s;
+			i(e), t.props.onCheckedChange?.(e);
+		}
+		n.selectItem(t, Ce(e));
+	};
+	return /* @__PURE__ */ f(w, {
+		id: e,
+		role: S,
+		href: w === "a" && !v ? y : void 0,
+		target: w === "a" && !v ? b : void 0,
+		rel: w === "a" ? C : void 0,
+		download: w === "a" && !v ? x : void 0,
+		tabIndex: v ? -1 : 0,
+		"aria-disabled": v || void 0,
+		"aria-checked": a || o ? s : void 0,
+		className: W(Y.item, Y[n.size], {
+			[Y.disabled]: v,
+			[Y.checked]: s
+		}, _ && _ !== "default" ? Y[_] : void 0),
+		onClick: D,
+		children: [
+			T && /* @__PURE__ */ d("span", {
+				className: Y.indicator,
+				"aria-hidden": "true",
+				children: s ? /* @__PURE__ */ d(O, {}) : null
+			}),
+			u && /* @__PURE__ */ d("span", {
+				className: Y.itemIcon,
+				children: u
+			}),
+			/* @__PURE__ */ f("span", {
+				className: Y.itemText,
+				children: [/* @__PURE__ */ d("span", {
+					className: Y.itemLabel,
+					children: g
+				}), p && /* @__PURE__ */ d("span", {
+					className: Y.itemDescription,
+					children: p
+				})]
+			}),
+			m && /* @__PURE__ */ d("span", {
+				className: Y.itemBadge,
+				children: m
+			}),
+			h && /* @__PURE__ */ d("span", {
+				className: Y.itemShortcut,
+				children: h
+			})
+		]
+	});
+}
+var Ee = { group: "_group_aviwv_1" }, De = K("label", "Dropdown.Label"), Oe = ({ children: e, className: t }) => /* @__PURE__ */ d("li", {
+	role: "presentation",
+	className: W(Ee.group, t),
+	children: e
+});
+Oe.displayName = "DropdownLabelSurface";
+//#endregion
+//#region src/components/Dropdown/Loading/DropdownLoading.tsx
+var ke = K("loading", "Dropdown.Loading"), Ae = ({ children: e }) => /* @__PURE__ */ d("li", {
+	role: "presentation",
+	"aria-live": "polite",
+	className: ue.empty,
+	children: e ?? "Loading actions..."
+});
+Ae.displayName = "DropdownLoadingSurface";
+var je = { separator: "_separator_1v11r_1" }, Me = K("separator", "Dropdown.Separator"), Ne = ({ className: e }) => /* @__PURE__ */ d("li", {
+	role: "separator",
+	className: W(je.separator, e),
+	"aria-hidden": "true"
+});
+Ne.displayName = "DropdownSeparatorSurface";
+//#endregion
+//#region src/hooks/behavior/focus/useAriaIsolation.ts
+var Pe = ({ active: e, enabled: t, content: n }) => {
 	x(() => {
 		if (!e || !t || !n) return;
 		let r = [], i = n.parentElement;
@@ -263,22 +534,22 @@ var q = K("checkboxItem", "Dropdown.CheckboxItem"), le = ({ active: e, enabled:
 };
 //#endregion
 //#region src/hooks/behavior/overlay/useOverlayFocusRestore.ts
-function ue(e) {
+function X(e) {
 	return !(e instanceof HTMLElement) || !e.isConnected ? !1 : (e.focus(), document.activeElement === e);
 }
-var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) => {
-	let i = T(null), o = T(t), s = T(n), c = T(r);
-	o.current = t, s.current = n, c.current = r;
+var Fe = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) => {
+	let a = T(null), o = T(t), s = T(n), l = T(r);
+	o.current = t, s.current = n, l.current = r;
 	let u = y(() => {
-		typeof document > "u" || (i.current = document.activeElement);
+		typeof document > "u" || (a.current = document.activeElement);
 	}, []), d = y(() => {
-		o.current && (ue(s.current?.current) || ue(i.current));
+		o.current && (X(s.current?.current) || X(a.current));
 	}, []), f = y((e) => {
-		l({
+		c({
 			enabled: o.current,
 			event: e,
-			onCloseAutoFocus: c.current
-		}) && a(d);
+			onCloseAutoFocus: l.current
+		}) && i(d);
 	}, [d]);
 	return x(() => {
 		if (e) return u(), () => {
@@ -293,7 +564,7 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		restoreFocusAfterClose: f,
 		saveFocusSnapshot: u
 	};
-}, J = () => {
+}, Ie = () => {
 	let e = !1;
 	return {
 		preventDefault: () => {
@@ -303,7 +574,7 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 			return e;
 		}
 	};
-}, fe = (e) => {
+}, Le = (e) => {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -314,26 +585,26 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 			return t;
 		}
 	};
-}, pe = [
+}, Re = [
 	"a[href]",
 	"button:not([disabled])",
 	"textarea:not([disabled])",
 	"input:not([disabled])",
 	"select:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
-].join(","), me = (e) => Array.from(e.querySelectorAll(pe)).filter((e) => !e.hasAttribute("disabled")), he = (e) => {
-	(me(e)[0] ?? e).focus();
-}, ge = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
-	de({
+].join(","), ze = (e) => Array.from(e.querySelectorAll(Re)).filter((e) => !e.hasAttribute("disabled")), Be = (e) => {
+	(ze(e)[0] ?? e).focus();
+}, Ve = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
+	Fe({
 		active: e,
 		enabled: a,
 		finalFocus: i,
 		onCloseAutoFocus: s
 	}), x(() => {
 		if (!e) return;
-		let n = J();
+		let n = Ie();
 		o?.(n), n.defaultPrevented || queueMicrotask(() => {
-			r?.current?.focus(), !r?.current && t.current && he(t.current);
+			r?.current?.focus(), !r?.current && t.current && Be(t.current);
 		});
 	}, [
 		e,
@@ -344,7 +615,7 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		if (!e || !n) return;
 		let r = (e) => {
 			if (e.key !== "Tab" || !t.current) return;
-			let n = me(t.current);
+			let n = ze(t.current);
 			if (n.length === 0) {
 				e.preventDefault(), t.current.focus();
 				return;
@@ -364,7 +635,7 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		t,
 		n
 	]);
-}, _e = (e) => {
+}, He = (e) => {
 	let [t, n] = E(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
 	return x(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function" || !e) return;
@@ -373,14 +644,14 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 			t.removeEventListener("change", r);
 		};
 	}, [e]), t;
-}, ve = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, collisionPadding: a = 8, matchTriggerWidth: o = !1, avoidCollisions: s = !0, mobileSheetBreakpoint: c, middleware: l = [] } = {}) => {
-	let u = _e(c), d = w(() => [
-		N(i),
-		...s ? [M({ padding: a })] : [],
-		F({ apply({ rects: e, elements: t }) {
+}, Ue = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, collisionPadding: a = 8, matchTriggerWidth: o = !1, avoidCollisions: s = !0, mobileSheetBreakpoint: c, middleware: l = [] } = {}) => {
+	let u = He(c), d = w(() => [
+		R(i),
+		...s ? [L({ padding: a })] : [],
+		B({ apply({ rects: e, elements: t }) {
 			!o || u || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 		} }),
-		...s ? [P({ padding: a })] : [],
+		...s ? [z({ padding: a })] : [],
 		...l
 	], [
 		s,
@@ -389,14 +660,14 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		u,
 		o,
 		i
-	]), { refs: f, floatingStyles: p, isPositioned: m, update: h, context: g, middlewareData: _, placement: v } = I({
+	]), { refs: f, floatingStyles: p, isPositioned: m, update: h, context: g, middlewareData: _, placement: v } = V({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		strategy: r,
 		transform: !1,
 		middleware: d,
-		whileElementsMounted: j
+		whileElementsMounted: I
 	});
 	return x(() => {
 		u && f.floating.current?.style.removeProperty("width");
@@ -414,21 +685,21 @@ var de = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		setFloatingRef: f.setFloating,
 		updatePosition: h
 	};
-}, ye = r({
+}, We = n({
 	defaultLevel: "popover",
-	levels: ee.tokens.zIndex
-}), be = t("WebOverlayManager");
-function xe() {
-	let e = n({
-		diagnostics: be,
-		policy: ye
-	}), t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+	levels: ne.tokens.zIndex
+}), Ge = e("WebOverlayManager");
+function Ke() {
+	let e = t({
+		diagnostics: Ge,
+		policy: We
+	}), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
 	return {
 		register(t) {
 			return e.register(t);
 		},
-		unregister(n) {
-			t.delete(n), r.delete(n), e.unregister(n);
+		unregister(t) {
+			n.delete(t), r.delete(t), e.unregister(t);
 		},
 		update(t) {
 			return e.update(t);
@@ -451,16 +722,16 @@ function xe() {
 		getZIndex(t) {
 			return e.getZIndex(t);
 		},
-		registerEscapeHandler(e, n) {
-			return t.set(e, n), () => {
-				t.get(e) === n && t.delete(e);
+		registerEscapeHandler(e, t) {
+			return n.set(e, t), () => {
+				n.get(e) === t && n.delete(e);
 			};
 		},
-		dispatchEscapeKeyDown(n) {
+		dispatchEscapeKeyDown(t) {
 			let r = e.getTopmost();
 			if (!r) return !1;
-			let i = t.get(r.id);
-			return i ? (i(n), !0) : !1;
+			let i = n.get(r.id);
+			return i ? (i(t), !0) : !1;
 		},
 		registerPointerDownOutsideHandler(e, t) {
 			return r.set(e, t), () => {
@@ -477,12 +748,12 @@ function xe() {
 			return e.subscribe(t);
 		},
 		clear() {
-			t.clear(), r.clear(), e.clear();
+			n.clear(), r.clear(), e.clear();
 		}
 	};
 }
-var Se = xe(), Ce = g(null), we = () => b(Ce) ?? Se, Te = ({ active: e, id: t, zIndexLevel: n, zIndex: r }) => {
-	let i = we(), a = D(i.subscribe, i.getSnapshot, i.getSnapshot);
+var qe = Ke(), Je = g(null), Ye = () => b(Je) ?? qe, Xe = ({ active: e, id: t, zIndexLevel: n, zIndex: r }) => {
+	let i = Ye(), a = D(i.subscribe, i.getSnapshot, i.getSnapshot);
 	x(() => {
 		if (e) return i.register({
 			id: t,
@@ -505,7 +776,7 @@ var Se = xe(), Ce = g(null), we = () => b(Ce) ?? Se, Te = ({ active: e, id: t, z
 		order: s?.order,
 		zIndex: i.getZIndex(t)
 	};
-}, Ee = i((e) => {
+}, Ze = r((e) => {
 	if (typeof document > "u") return;
 	let t = (t) => {
 		t.key === "Escape" && e.dispatchEscapeKeyDown(t);
@@ -513,7 +784,7 @@ var Se = xe(), Ce = g(null), we = () => b(Ce) ?? Se, Te = ({ active: e, id: t, z
 	return document.addEventListener("keydown", t), () => {
 		document.removeEventListener("keydown", t);
 	};
-}), De = i((e) => {
+}), Qe = r((e) => {
 	if (typeof document > "u") return;
 	let t = (t) => {
 		e.dispatchPointerDownOutside(t);
@@ -522,14 +793,14 @@ var Se = xe(), Ce = g(null), we = () => b(Ce) ?? Se, Te = ({ active: e, id: t, z
 		document.removeEventListener("pointerdown", t);
 	};
 });
-function Oe(e) {
-	return Ee.retain(e);
+function $e(e) {
+	return Ze.retain(e);
 }
-function ke(e) {
-	return De.retain(e);
+function et(e) {
+	return Qe.retain(e);
 }
-var Ae = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registered: i = !1, zIndex: a, contentRef: o, ignoreRefs: s = [], closeOnEscape: c, closeOnOutsidePress: l, onEscapeKeyDown: u, onPointerDownOutside: d, onInteractOutside: f, requestClose: p }) => {
-	let m = we(), h = Te({
+var tt = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registered: i = !1, zIndex: a, contentRef: o, ignoreRefs: s = [], closeOnEscape: c, closeOnOutsidePress: l, onEscapeKeyDown: u, onPointerDownOutside: d, onInteractOutside: f, requestClose: p }) => {
+	let m = Ye(), h = Xe({
 		active: r && !i,
 		id: t,
 		zIndexLevel: n,
@@ -537,7 +808,7 @@ var Ae = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registe
 	}), g = T(s);
 	return g.current = s, x(() => {
 		if (!e) return;
-		let n = Oe(m), r = m.registerEscapeHandler(t, (e) => {
+		let n = $e(m), r = m.registerEscapeHandler(t, (e) => {
 			u?.(e), !(e.defaultPrevented || !c) && p("escape-key", e);
 		});
 		return () => {
@@ -552,9 +823,9 @@ var Ae = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registe
 		p
 	]), x(() => {
 		if (!e) return;
-		let n = ke(m), r = m.registerPointerDownOutsideHandler(t, (e) => {
+		let n = et(m), r = m.registerPointerDownOutsideHandler(t, (e) => {
 			if (e.target instanceof Node && [o, ...g.current].some((t) => t.current?.contains(e.target))) return;
-			let t = fe(e);
+			let t = Le(e);
 			d?.(t), f?.(t), !(t.defaultPrevented || !l) && p("outside-press", e);
 		});
 		return () => {
@@ -570,13 +841,13 @@ var Ae = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registe
 		d,
 		p
 	]), h;
-}, je = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r, portal: i = !0, presentation: a, animationStyle: o, offset: s, collisionPadding: l, matchTriggerWidth: u, avoidCollisions: d, mobileSheetBreakpoint: f, middleware: p } = {}) => ({
-	...ve({
+}, nt = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r, portal: i = !0, presentation: a, animationStyle: o, offset: c, collisionPadding: l, matchTriggerWidth: u, avoidCollisions: d, mobileSheetBreakpoint: f, middleware: p } = {}) => ({
+	...Ue({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		strategy: r ?? (i ? "fixed" : "absolute"),
-		offset: s,
+		offset: c,
 		collisionPadding: l,
 		matchTriggerWidth: u,
 		avoidCollisions: d,
@@ -584,33 +855,33 @@ var Ae = ({ active: e, id: t, zIndexLevel: n, registrationActive: r = e, registe
 		middleware: p
 	}),
 	animationStyle: o,
-	presentation: c({
+	presentation: s({
 		presentation: a,
 		defaultPresentation: i ? "floating" : "inline"
 	})
-}), Me = 0, Ne = "", Pe = {
+}), rt = 0, it = "", at = {
 	lock() {
-		typeof document > "u" || (Me === 0 && (Ne = document.body.style.overflow, document.body.style.overflow = "hidden"), Me += 1);
+		typeof document > "u" || (rt === 0 && (it = document.body.style.overflow, document.body.style.overflow = "hidden"), rt += 1);
 	},
 	unlock() {
-		typeof document > "u" || (Me = Math.max(0, Me - 1), Me === 0 && (document.body.style.overflow = Ne));
+		typeof document > "u" || (rt = Math.max(0, rt - 1), rt === 0 && (document.body.style.overflow = it));
 	}
-}, Fe = ({ active: e, enabled: t = !0 }) => {
+}, ot = ({ active: e, enabled: t = !0 }) => {
 	x(() => {
-		if (!(!e || !t)) return Pe.lock(), () => {
-			Pe.unlock();
+		if (!(!e || !t)) return at.lock(), () => {
+			at.unlock();
 		};
 	}, [e, t]);
-}, Ie = () => typeof document > "u" ? null : document.body, Le = ({ container: e } = {}) => {
+}, st = () => typeof document > "u" ? null : document.body, ct = ({ container: e } = {}) => {
 	let [t, n] = E(!1);
 	return x(() => {
 		n(!0);
-	}, []), t ? e ?? document.getElementById("overlay-root") ?? Ie() : null;
+	}, []), t ? e ?? document.getElementById("overlay-root") ?? st() : null;
 };
 //#endregion
 //#region src/hooks/behavior/select/useSelectPosition.ts
-function Re({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
-	return je({
+function lt({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
+	return nt({
 		open: t,
 		onOpenChange: r,
 		placement: i === "bottom" || i === "top" ? `${i}-start` : i,
@@ -621,12 +892,12 @@ function Re({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange:
 }
 //#endregion
 //#region src/hooks/useControllableState.ts
-var Y = ({ value: e, defaultValue: t, onChange: n }) => {
+var ut = ({ value: e, defaultValue: t, onChange: n }) => {
 	let [r, i] = E(t), a = e !== void 0;
 	return [a ? e : r, y((e) => {
 		a || i(e), n?.(e);
 	}, [a, n])];
-}, ze = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
+}, dt = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
 	let l = T({
 		value: "",
 		timeoutId: void 0
@@ -707,7 +978,7 @@ var Y = ({ value: e, defaultValue: t, onChange: n }) => {
 		f,
 		p
 	]) };
-}, Be = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
+}, ft = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
 	let [l, u] = E(n), [d, f] = E(-1), p = t !== void 0, m = t ?? l, h = y(() => e.findIndex((e) => !e.disabled), [e]), g = y(() => {
 		for (let t = e.length - 1; t >= 0; t--) if (!e[t]?.disabled) return t;
 		return -1;
@@ -762,7 +1033,7 @@ var Y = ({ value: e, defaultValue: t, onChange: n }) => {
 		d,
 		e,
 		w
-	]), { onKeyDown: D } = ze({
+	]), { onKeyDown: D } = dt({
 		activeIndex: d,
 		setActiveIndex: f,
 		items: e,
@@ -791,8 +1062,8 @@ var Y = ({ value: e, defaultValue: t, onChange: n }) => {
 		getFirstEnabledIndex: h,
 		getLastEnabledIndex: g
 	};
-}, Ve = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
-	let a = S(), o = S(), s = S(), [c, l] = Y({
+}, pt = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
+	let a = S(), o = S(), s = S(), [c, l] = ut({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -810,7 +1081,7 @@ var Y = ({ value: e, defaultValue: t, onChange: n }) => {
 		titleId: o,
 		descriptionId: s
 	};
-}, He = ({ value: e, defaultValue: t, onValueChange: n, options: r, multiple: i = !1, maxSelected: a, closeOnSelect: o = !i, disabled: s = !1, open: c, defaultOpen: l = !1, onOpenChange: u }) => {
+}, mt = ({ value: e, defaultValue: t, onValueChange: n, options: r, multiple: i = !1, maxSelected: a, closeOnSelect: o = !i, disabled: s = !1, open: c, defaultOpen: l = !1, onOpenChange: u }) => {
 	let d = y((e) => {
 		if (n) {
 			if (i) {
@@ -823,11 +1094,11 @@ var Y = ({ value: e, defaultValue: t, onChange: n }) => {
 			}
 			n(Array.isArray(e) ? e[0] ?? "" : e);
 		}
-	}, [i, n]), [f, p] = Y({
+	}, [i, n]), [f, p] = ut({
 		value: e,
 		defaultValue: t ?? (i ? [] : ""),
 		onChange: d
-	}), [m, h] = Y({
+	}), [m, h] = ut({
 		value: c,
 		defaultValue: l,
 		onChange: u
@@ -896,7 +1167,7 @@ var Y = ({ value: e, defaultValue: t, onChange: n }) => {
 		g,
 		r,
 		k
-	]), { onKeyDown: j } = ze({
+	]), { onKeyDown: j } = dt({
 		activeIndex: g,
 		setActiveIndex: _,
 		items: r,
@@ -917,316 +1188,44 @@ var Y = ({ value: e, defaultValue: t, onChange: n }) => {
 		setIsOpen: h,
 		activeIndex: g,
 		setActiveIndex: _,
-		getInitialActiveIndex: C,
-		openDropdown: T,
-		closeDropdown: D,
-		toggleDropdown: O,
-		selectValue: k,
-		select: k,
-		selectActiveOption: A,
-		onKeyDown: j
-	};
-}, Ue = ({ value: e, defaultValue: t = "", onValueChange: n }) => {
-	let [r, i] = Y({
-		value: e,
-		defaultValue: t,
-		onChange: n
-	});
-	return {
-		value: r,
-		setValue: i
-	};
-}, We = g(null), Ge = ({ children: e, container: t = null }) => /* @__PURE__ */ d(We.Provider, {
-	value: t,
-	children: e
-}), Ke = ({ children: e, container: t }) => {
-	let n = b(We), r = Le({ container: t ?? n });
-	return r ? O(e, r) : null;
-};
-Ke.__velliraPortal = !0, Ke.displayName = "Portal", Ge.displayName = "PortalProvider";
-var qe = {
-	dropdown: "_dropdown_m7rnq_1",
-	"dropdown-in": "_dropdown-in_m7rnq_1",
-	primary: "_primary_m7rnq_42",
-	neutral: "_neutral_m7rnq_65",
-	success: "_success_m7rnq_88",
-	warning: "_warning_m7rnq_111",
-	danger: "_danger_m7rnq_134",
-	empty: "_empty_m7rnq_157",
-	searchWrap: "_searchWrap_m7rnq_165",
-	search: "_search_m7rnq_165",
-	"dropdown-sheet-in": "_dropdown-sheet-in_m7rnq_1"
-}, Je = K("empty", "Dropdown.Empty"), Ye = ({ children: e }) => /* @__PURE__ */ d("li", {
-	role: "presentation",
-	className: qe.empty,
-	children: e ?? "No actions available"
-});
-Ye.displayName = "DropdownEmptySurface";
-//#endregion
-//#region src/components/Dropdown/Group/DropdownGroup.tsx
-var Xe = K("group", "Dropdown.Group"), Ze = () => null;
-Ze.displayName = "DropdownGroupSurface";
-//#endregion
-//#region src/components/Dropdown/internal/DropdownContext.tsx
-var Qe = g(null), $e = g(null), et = g(null), tt = Qe.Provider, nt = $e.Provider;
-et.Provider;
-function rt() {
-	let e = b(Qe);
-	if (!e) throw Error("Dropdown compound components must be used inside Dropdown.");
-	return e;
-}
-function it() {
-	let e = b($e);
-	if (!e) throw Error("Dropdown.Trigger must be used inside Dropdown.");
-	return e;
-}
-//#endregion
-//#region src/utils/devWarning.ts
-var at = (e, t) => {
-	process.env.NODE_ENV !== "production" && !e && console.warn(t);
-}, X = {
-	item: "_item_xmygj_1",
-	disabled: "_disabled_xmygj_35",
-	active: "_active_xmygj_53",
-	itemShortcut: "_itemShortcut_xmygj_67",
-	itemDescription: "_itemDescription_xmygj_68",
-	primary: "_primary_xmygj_76",
-	success: "_success_xmygj_94",
-	warning: "_warning_xmygj_112",
-	danger: "_danger_xmygj_130",
-	itemIcon: "_itemIcon_xmygj_154",
-	sm: "_sm_xmygj_174",
-	md: "_md_xmygj_180",
-	lg: "_lg_xmygj_184",
-	itemText: "_itemText_xmygj_191",
-	itemLabel: "_itemLabel_xmygj_200",
-	itemBadge: "_itemBadge_xmygj_226",
-	indicator: "_indicator_xmygj_253",
-	"dropdown-indicator-in": "_dropdown-indicator-in_xmygj_1",
-	checked: "_checked_xmygj_270",
-	"dropdown-item-pop": "_dropdown-item-pop_xmygj_1",
-	subContent: "_subContent_xmygj_275",
-	"dropdown-sub-in": "_dropdown-sub-in_xmygj_1",
-	subLabel: "_subLabel_xmygj_300",
-	subSeparator: "_subSeparator_xmygj_308"
-}, ot = K("item", "Dropdown.Item"), st = ({ item: e, itemIndex: t }) => {
-	let n = rt(), r = T(void 0), [i, a] = E(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), o = n.activeIndex === t, s = n.openSubId === e.id, c = e.type === "checkbox", l = e.type === "radio", p = e.type === "subTrigger", m = c ? e.props.checked ?? i : l ? (e.groupProps?.value ?? n.radioValues[e.groupId]) === e.props.value : !1, g = n.loading || e.disabled, _ = e.props, y = oe(_.children), b = y.icon ?? _.icon, x = y.description ?? ("description" in _ ? _.description : void 0), S = y.badge ?? ("badge" in _ ? _.badge : void 0), C = y.shortcut ?? _.shortcut, w = y.content.length ? y.content : _.children, D = "color" in _ ? _.color : void 0, O = e.type === "item" ? e.props.href : void 0, k = e.type === "item" ? e.props.target : void 0, A = e.type === "item" ? e.props.download : void 0, j = n.getItemId(t), M = c ? "menuitemcheckbox" : l ? "menuitemradio" : "menuitem", N = e.type === "item" && k === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, P = O ? "a" : "li", F = c || l, I = _.asChild && v(_.children) ? _.children : void 0, L = U(X.item, X[n.size], {
-		[X.active]: o,
-		[X.disabled]: g,
-		[X.checked]: m
-	}, D && D !== "default" ? X[D] : void 0, _.className);
-	at(!_.asChild || !!I, "Dropdown.Item: asChild requires a single valid React element child.");
-	let R = (t) => {
-		if (g) {
-			t.preventDefault();
-			return;
-		}
-		if (c && e.type === "checkbox") {
-			let t = !m;
-			a(t), e.props.onCheckedChange?.(t);
-		}
-		n.selectItem(e, ct(t));
-	}, z = () => {
-		g || (n.setActiveIndex(t), p ? (window.clearTimeout(r.current), r.current = window.setTimeout(() => n.setOpenSubId(e.id), 120)) : (window.clearTimeout(r.current), n.setOpenSubId(void 0)));
-	}, B = () => {
-		window.clearTimeout(r.current);
-	};
-	return I ? /* @__PURE__ */ f(u, { children: [h(I, {
-		id: j,
-		role: M,
-		tabIndex: g ? -1 : 0,
-		"aria-disabled": g || void 0,
-		"aria-checked": c || l ? m : void 0,
-		"aria-haspopup": p ? "menu" : void 0,
-		"aria-expanded": p ? s : void 0,
-		"data-active": o || void 0,
-		"data-state": s ? "open" : void 0,
-		className: U(I.props.className, L),
-		onClick: (e) => {
-			I.props.onClick?.(e), e.defaultPrevented || R(e);
-		},
-		onMouseEnter: (e) => {
-			I.props.onMouseEnter?.(e), e.defaultPrevented || z(e);
-		},
-		onMouseLeave: (e) => {
-			I.props.onMouseLeave?.(e), e.defaultPrevented || B(e);
-		}
-	}), lt(e, j, p, s, () => n.setOpenSubId(e.id))] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(P, {
-		id: j,
-		role: M,
-		href: P === "a" && !g ? O : void 0,
-		target: P === "a" && !g ? k : void 0,
-		rel: P === "a" ? N : void 0,
-		download: P === "a" && !g ? A : void 0,
-		tabIndex: g ? -1 : 0,
-		"aria-disabled": g || void 0,
-		"aria-checked": c || l ? m : void 0,
-		"aria-haspopup": p ? "menu" : void 0,
-		"aria-expanded": p ? s : void 0,
-		"data-active": o || void 0,
-		"data-state": s ? "open" : void 0,
-		className: L,
-		onClick: R,
-		onMouseEnter: z,
-		onMouseLeave: B,
-		children: [
-			b && /* @__PURE__ */ d("span", {
-				className: X.itemIcon,
-				children: b
-			}),
-			/* @__PURE__ */ f("span", {
-				className: X.itemText,
-				children: [/* @__PURE__ */ d("span", {
-					className: X.itemLabel,
-					children: w
-				}), x && /* @__PURE__ */ d("span", {
-					className: X.itemDescription,
-					children: x
-				})]
-			}),
-			S && /* @__PURE__ */ d("span", {
-				className: X.itemBadge,
-				children: S
-			}),
-			C && /* @__PURE__ */ d("span", {
-				className: X.itemShortcut,
-				children: C
-			}),
-			F && /* @__PURE__ */ d("span", {
-				className: X.indicator,
-				"aria-hidden": "true",
-				children: m ? /* @__PURE__ */ d(V, {}) : null
-			}),
-			p && /* @__PURE__ */ d("span", {
-				className: X.itemShortcut,
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ d(te, {})
-			})
-		]
-	}), lt(e, j, p, s, () => n.setOpenSubId(e.id))] });
-};
-st.displayName = "DropdownItemRow";
-function ct(e) {
-	let t = !1;
-	return {
-		originalEvent: e,
-		preventDefault: () => {
-			t = !0;
-		},
-		get defaultPrevented() {
-			return t;
-		}
-	};
-}
-function lt(e, t, n, r, i) {
-	return !n || !r || e.type !== "subTrigger" || e.subEntries.length === 0 ? null : /* @__PURE__ */ d("ul", {
-		role: "menu",
-		className: X.subContent,
-		onMouseEnter: i,
-		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ d("li", {
-			role: "presentation",
-			className: X.subLabel,
-			children: e.props.children
-		}, e.id) : e.type === "separator" ? /* @__PURE__ */ d("li", {
-			role: "separator",
-			className: X.subSeparator,
-			"aria-hidden": "true"
-		}, e.id) : e.type === "item" ? /* @__PURE__ */ d(ut, {
-			item: e.item,
-			id: `${t}-${e.itemIndex}`
-		}, e.item.id) : null)
-	});
-}
-function ut({ id: e, item: t }) {
-	let n = rt(), [r, i] = E(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), a = t.type === "checkbox", o = t.type === "radio", s = a ? t.props.checked ?? r : o ? (t.groupProps?.value ?? n.radioValues[t.groupId]) === t.props.value : !1, c = t.props, l = oe(c.children), u = l.icon ?? c.icon, p = l.description ?? ("description" in c ? c.description : void 0), m = l.badge ?? ("badge" in c ? c.badge : void 0), h = l.shortcut ?? c.shortcut, g = l.content.length ? l.content : c.children, _ = "color" in c ? c.color : void 0, v = n.loading || t.disabled, y = t.type === "item" ? t.props.href : void 0, b = t.type === "item" ? t.props.target : void 0, x = t.type === "item" ? t.props.download : void 0, S = a ? "menuitemcheckbox" : o ? "menuitemradio" : "menuitem", C = t.type === "item" && b === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, w = y ? "a" : "li", T = a || o, D = (e) => {
-		if (v) {
-			e.preventDefault();
-			return;
-		}
-		if (a && t.type === "checkbox") {
-			let e = !s;
-			i(e), t.props.onCheckedChange?.(e);
-		}
-		n.selectItem(t, ct(e));
+		getInitialActiveIndex: C,
+		openDropdown: T,
+		closeDropdown: D,
+		toggleDropdown: O,
+		selectValue: k,
+		select: k,
+		selectActiveOption: A,
+		onKeyDown: j
 	};
-	return /* @__PURE__ */ f(w, {
-		id: e,
-		role: S,
-		href: w === "a" && !v ? y : void 0,
-		target: w === "a" && !v ? b : void 0,
-		rel: w === "a" ? C : void 0,
-		download: w === "a" && !v ? x : void 0,
-		tabIndex: v ? -1 : 0,
-		"aria-disabled": v || void 0,
-		"aria-checked": a || o ? s : void 0,
-		className: U(X.item, X[n.size], {
-			[X.disabled]: v,
-			[X.checked]: s
-		}, _ && _ !== "default" ? X[_] : void 0),
-		onClick: D,
-		children: [
-			T && /* @__PURE__ */ d("span", {
-				className: X.indicator,
-				"aria-hidden": "true",
-				children: s ? /* @__PURE__ */ d(V, {}) : null
-			}),
-			u && /* @__PURE__ */ d("span", {
-				className: X.itemIcon,
-				children: u
-			}),
-			/* @__PURE__ */ f("span", {
-				className: X.itemText,
-				children: [/* @__PURE__ */ d("span", {
-					className: X.itemLabel,
-					children: g
-				}), p && /* @__PURE__ */ d("span", {
-					className: X.itemDescription,
-					children: p
-				})]
-			}),
-			m && /* @__PURE__ */ d("span", {
-				className: X.itemBadge,
-				children: m
-			}),
-			h && /* @__PURE__ */ d("span", {
-				className: X.itemShortcut,
-				children: h
-			})
-		]
+}, ht = ({ value: e, defaultValue: t = "", onValueChange: n }) => {
+	let [r, i] = ut({
+		value: e,
+		defaultValue: t,
+		onChange: n
 	});
-}
-var dt = { group: "_group_aviwv_1" }, ft = K("label", "Dropdown.Label"), pt = ({ children: e, className: t }) => /* @__PURE__ */ d("li", {
-	role: "presentation",
-	className: U(dt.group, t),
+	return {
+		value: r,
+		setValue: i
+	};
+}, gt = g(null), _t = ({ children: e, container: t = null }) => /* @__PURE__ */ d(gt.Provider, {
+	value: t,
 	children: e
-});
-pt.displayName = "DropdownLabelSurface";
-//#endregion
-//#region src/components/Dropdown/Loading/DropdownLoading.tsx
-var mt = K("loading", "Dropdown.Loading"), ht = ({ children: e }) => /* @__PURE__ */ d("li", {
-	role: "presentation",
-	"aria-live": "polite",
-	className: qe.empty,
-	children: e ?? "Loading actions..."
-});
-ht.displayName = "DropdownLoadingSurface";
-var gt = { separator: "_separator_1v11r_1" }, _t = K("separator", "Dropdown.Separator"), vt = ({ className: e }) => /* @__PURE__ */ d("li", {
-	role: "separator",
-	className: U(gt.separator, e),
-	"aria-hidden": "true"
-});
-vt.displayName = "DropdownSeparatorSurface";
+}), vt = ({ children: e, container: t }) => {
+	let n = b(gt), r = ct({ container: t ?? n });
+	return r ? N(e, r) : null;
+};
+vt.__velliraPortal = !0, vt.displayName = "Portal", _t.displayName = "PortalProvider";
 //#endregion
 //#region src/components/Dropdown/Content/DropdownContent.tsx
 var yt = ({ className: e }) => {
-	let t = rt(), { contentReadyToFocus: n, isOpen: r, setContentRef: i } = t, a = T(null), o = y((e) => {
+	let t = ve(), { contentReadyToFocus: n, isOpen: r, setContentRef: i } = t, a = T(null), o = y((e) => {
 		a.current = e, i(e);
 	}, [i]);
 	if (x(() => {
 		let e = a.current;
 		!r || !n || !e || e.contains(document.activeElement) || e.focus({ preventScroll: !0 });
 	}, [n, r]), !r) return null;
-	let s = U(qe.dropdown, qe[t.color], t.contentProps?.className, e), c = /* @__PURE__ */ f("ul", {
+	let s = W(ue.dropdown, ue[t.color], t.contentProps?.className, e), c = /* @__PURE__ */ f("ul", {
 		ref: o,
 		id: t.contentId,
 		role: "menu",
@@ -1243,9 +1242,9 @@ var yt = ({ className: e }) => {
 		"data-color": t.color,
 		children: [t.searchable && /* @__PURE__ */ f("li", {
 			role: "presentation",
-			className: U(qe.searchWrap, t.searchProps?.className),
-			children: [/* @__PURE__ */ d(re, { "aria-hidden": "true" }), /* @__PURE__ */ d("input", {
-				className: qe.search,
+			className: W(ue.searchWrap, t.searchProps?.className),
+			children: [/* @__PURE__ */ d(M, { "aria-hidden": "true" }), /* @__PURE__ */ d("input", {
+				className: ue.search,
 				value: t.searchValue,
 				placeholder: t.searchPlaceholder,
 				"aria-label": t.searchProps?.["aria-label"] ?? t.searchPlaceholder,
@@ -1255,14 +1254,14 @@ var yt = ({ className: e }) => {
 					e.key !== "ArrowDown" && e.key !== "ArrowUp" && e.key !== "Enter" && e.key !== "Escape" && e.stopPropagation();
 				}
 			})]
-		}), t.loading ? /* @__PURE__ */ d(ht, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ d(Ye, { children: t.empty }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ d(Ze, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ d(pt, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ d(vt, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ d(Ye, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ d(ht, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ d(W, { ...e.props }, e.id) : /* @__PURE__ */ d(m, { children: /* @__PURE__ */ d(st, {
+		}), t.loading ? /* @__PURE__ */ d(Ae, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ d(q, { children: t.empty }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ d(fe, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ d(Oe, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ d(Ne, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ d(q, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ d(Ae, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ d(ie, { ...e.props }, e.id) : /* @__PURE__ */ d(m, { children: /* @__PURE__ */ d(Se, {
 			item: e.item,
 			itemIndex: e.itemIndex
-		}) }, e.item.id)) : /* @__PURE__ */ d(Ye, {})]
+		}) }, e.item.id)) : /* @__PURE__ */ d(q, {})]
 	});
-	return t.portal ? /* @__PURE__ */ d(Ke, { children: c }) : c;
+	return t.portal ? /* @__PURE__ */ d(vt, { children: c }) : c;
 };
-s(yt, "content"), yt.displayName = "Dropdown.Content";
+o(yt, "content"), yt.displayName = "Dropdown.Content";
 //#endregion
 //#region src/components/Dropdown/ItemBadge/DropdownItemBadge.tsx
 var bt = K("itemBadge", "Dropdown.ItemBadge"), xt = K("itemDescription", "Dropdown.ItemDescription"), St = K("itemIcon", "Dropdown.ItemIcon"), Ct = K("itemShortcut", "Dropdown.ItemShortcut"), wt = K("radioGroup", "Dropdown.RadioGroup"), Tt = K("radioItem", "Dropdown.RadioItem");
@@ -1290,35 +1289,35 @@ function Ot(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
 var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, size: i = "md", color: a = "primary", placement: o = "bottom-start", strategy: s, offset: c = 2, collisionPadding: l = 8, matchTriggerWidth: u = !1, minWidth: p, maxWidth: m, portal: h = !0, avoidCollisions: g = !0, modal: _ = !1, closeOnSelect: v = !0, loop: b = !0, disabled: C = !1, loading: D = !1, loadingText: O = "Loading actions...", searchable: k = !1, command: A = !1, searchValue: j, defaultSearchValue: M = "", searchPlaceholder: N, onSearch: P, empty: F, className: I }) => {
-	let L = S(), R = `${L}-trigger`, z = `${L}-menu`, B = T(null), ee = T(null), [V, H] = E(), [te, ne] = E({}), [re, ie] = E(M), W = j ?? re, G = w(() => ae(e), [e]), K = G.content?.props.command ?? !1, oe = k || A || K || !!G.search, se = w(() => Mt(G.items), [G.items]), ce = w(() => G.items.map((e) => ({
+	let L = S(), R = `${L}-trigger`, z = `${L}-menu`, B = T(null), V = T(null), [ee, H] = E(), [U, te] = E({}), [ne, re] = E(M), ie = j ?? ne, G = w(() => ae(e), [e]), K = G.content?.props.command ?? !1, oe = k || A || K || !!G.search, se = w(() => Mt(G.items), [G.items]), ce = w(() => G.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [G.items]), q = w(() => !oe || !W.trim() ? G : Nt(G, W), [
+	})), [G.items]), le = w(() => !oe || !ie.trim() ? G : Nt(G, ie), [
 		oe,
 		G,
-		W
-	]), le = w(() => q.items.map((e) => ({
+		ie
+	]), ue = w(() => le.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [q.items]);
+	})), [le.items]);
 	x(() => {
-		ne((e) => {
+		te((e) => {
 			let t = { ...e };
 			return se.forEach((e) => {
 				e.type === "radio" && t[e.groupId] === void 0 && (t[e.groupId] = e.groupProps?.value ?? e.groupProps?.defaultValue);
 			}), t;
 		});
 	}, [se]);
-	let { activeIndex: ue, setActiveIndex: de, isOpen: J, closeDropdown: fe, toggleDropdown: pe, onKeyDown: me } = Be({
-		items: oe ? le : ce,
+	let { activeIndex: de, setActiveIndex: q, isOpen: J, closeDropdown: fe, toggleDropdown: pe, onKeyDown: me } = ft({
+		items: oe ? ue : ce,
 		open: t,
 		defaultOpen: n,
 		disabled: C,
 		onOpenChange: r,
-		getItemValue: (e, t) => (oe ? q.items : G.items)[t]?.id ?? "",
+		getItemValue: (e, t) => (oe ? le.items : G.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
 		loop: b
-	}), { floatingStyles: he, isMobileSheet: ge, isPositioned: _e, setRef: ve, setFloatingRef: ye } = je({
+	}), { floatingStyles: he, isMobileSheet: ve, isPositioned: ye, setRef: Y, setFloatingRef: be } = nt({
 		open: J,
 		placement: o,
 		strategy: s,
@@ -1328,132 +1327,132 @@ var kt = { wrapper: "_wrapper_14ue8_1" }, At = ({ children: e, open: t, defaultO
 		offset: c,
 		collisionPadding: l,
 		mobileSheetBreakpoint: 640
-	}), be = y((e) => {
-		j === void 0 && ie(e), P?.(e), de(0);
+	}), xe = y((e) => {
+		j === void 0 && re(e), P?.(e), q(0);
 	}, [
 		P,
 		j,
-		de
+		q
 	]);
-	Fe({
+	ot({
 		active: J,
 		enabled: _
 	});
-	let xe = y(() => {
+	let Se = y(() => {
 		fe(), B.current?.focus();
-	}, [fe]), Se = y((e, t) => {
+	}, [fe]), Ce = y((e, t) => {
 		if (e.disabled || D) return;
 		if (e.type === "subTrigger") {
 			H(e.id);
 			return;
 		}
-		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (ne((t) => ({
+		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (te((t) => ({
 			...t,
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
 		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && v);
-		!t.defaultPrevented && n && xe();
+		!t.defaultPrevented && n && Se();
 	}, [
-		xe,
+		Se,
 		v,
 		D
-	]), Ce = y((e) => {
-		let t = q.items[ue];
+	]), we = y((e) => {
+		let t = le.items[de];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
 			e.preventDefault(), H(t.id);
 			return;
 		}
-		if (e.key === "ArrowLeft" && V) {
+		if (e.key === "ArrowLeft" && ee) {
 			e.preventDefault(), H(void 0);
 			return;
 		}
 		if ((e.key === "Enter" || e.key === " ") && t) {
 			e.preventDefault();
 			let n = jt(e);
-			Se(t, n);
+			Ce(t, n);
 			return;
 		}
 		me(e), e.key === "Escape" && B.current?.focus();
 	}, [
-		ue,
-		q.items,
+		de,
+		le.items,
 		me,
-		V,
-		Se
-	]), we = y((e) => {
+		ee,
+		Ce
+	]), Te = y((e) => {
 		e.preventDefault(), pe();
-	}, [pe]), Te = y((e) => {
-		B.current = e, ve(e);
-	}, [ve]), Ee = y((e) => {
-		ee.current = e, ye(e), ge && e?.focus({ preventScroll: !0 });
-	}, [ge, ye]), De = Ae({
+	}, [pe]), Ee = y((e) => {
+		B.current = e, Y(e);
+	}, [Y]), De = y((e) => {
+		V.current = e, be(e), ve && e?.focus({ preventScroll: !0 });
+	}, [ve, be]), Oe = tt({
 		active: J,
 		id: z,
 		zIndexLevel: "dropdown",
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: ee,
+		contentRef: V,
 		ignoreRefs: [B],
 		requestClose: () => fe()
-	}), Oe = {
+	}), ke = {
 		...he,
-		zIndex: De.zIndex,
+		zIndex: Oe.zIndex,
 		minWidth: Ot(p),
 		maxWidth: Ot(m)
-	}, ke = {
+	}, Ae = {
 		disabled: C,
 		isOpen: J,
 		contentId: z,
 		triggerId: R,
-		setTriggerRef: Te,
-		onClick: we,
-		onKeyDown: Ce
-	}, Me = {
-		activeIndex: ue,
+		setTriggerRef: Ee,
+		onClick: Te,
+		onKeyDown: we
+	}, je = {
+		activeIndex: de,
 		closeOnSelect: v,
 		color: a,
-		contentReadyToFocus: ge || _e,
+		contentReadyToFocus: ve || ye,
 		contentId: z,
 		contentProps: G.content?.props,
 		disabled: C,
-		entries: q.entries,
+		entries: le.entries,
 		getItemId: (e) => `${z}-item-${e}`,
 		isOpen: J,
-		items: q.items,
+		items: le.items,
 		loading: D,
 		loadingText: O,
 		empty: F,
 		maxWidth: m,
 		minWidth: p,
-		openSubId: V,
-		onKeyDown: Ce,
+		openSubId: ee,
+		onKeyDown: we,
 		portal: !G.portal && h,
-		radioValues: te,
+		radioValues: U,
 		searchPlaceholder: G.search?.props.placeholder ?? N ?? (A || K ? "Type a command..." : "Search actions..."),
 		searchProps: G.search?.props,
-		searchValue: W,
+		searchValue: ie,
 		searchable: oe,
-		selectItem: Se,
-		setActiveIndex: de,
-		setContentRef: Ee,
+		selectItem: Ce,
+		setActiveIndex: q,
+		setContentRef: De,
 		setOpenSubId: H,
 		setRadioValue: (e, t) => {
-			ne((n) => ({
+			te((n) => ({
 				...n,
 				[e]: t
 			}));
 		},
-		setSearchValue: be,
+		setSearchValue: xe,
 		size: i,
-		surfaceStyle: Oe,
+		surfaceStyle: ke,
 		triggerId: R
 	};
-	return /* @__PURE__ */ d(nt, {
-		value: ke,
-		children: /* @__PURE__ */ d(tt, {
-			value: Me,
+	return /* @__PURE__ */ d(_e, {
+		value: Ae,
+		children: /* @__PURE__ */ d(ge, {
+			value: je,
 			children: /* @__PURE__ */ f("div", {
-				className: U(kt.wrapper, I),
+				className: W(kt.wrapper, I),
 				"data-disabled": C || void 0,
 				children: [G.trigger ?? null, G.portal ?? G.content ?? /* @__PURE__ */ d(yt, {})]
 			})
@@ -1506,16 +1505,16 @@ var Pt = K("search", "Dropdown.Search"), Ft = K("subContent", "Dropdown.SubConte
 	label: "_label_bb3ib_362",
 	open: "_open_bb3ib_390"
 }, zt = (e) => /* @__PURE__ */ d(Bt, { ...e });
-s(zt, "trigger"), zt.displayName = "Dropdown.Trigger";
+o(zt, "trigger"), zt.displayName = "Dropdown.Trigger";
 var Bt = ({ children: e, asChild: t = !1, disabled: n, className: r }) => {
-	let i = rt(), a = it(), o = t && v(e) ? e : void 0, s = i.disabled || n, c = {
+	let i = ve(), a = ye(), o = t && v(e) ? e : void 0, s = i.disabled || n, c = {
 		id: a.triggerId,
 		ref: o ? Dt(o.props.ref, a.setTriggerRef) : a.setTriggerRef,
 		"aria-controls": a.isOpen ? a.contentId : void 0,
 		"aria-disabled": s || void 0,
 		"aria-expanded": a.isOpen,
 		"aria-haspopup": "menu",
-		className: U(!o && Rt.button, !o && Rt[i.size], !o && Rt[i.color], r),
+		className: W(!o && Rt.button, !o && Rt[i.size], !o && Rt[i.color], r),
 		"data-state": a.isOpen ? "open" : "closed",
 		disabled: s || void 0,
 		onClick: Et(o?.props.onClick, a.onClick),
@@ -1523,7 +1522,7 @@ var Bt = ({ children: e, asChild: t = !1, disabled: n, className: r }) => {
 	};
 	return o ? h(o, {
 		...c,
-		className: U(o.props.className, r)
+		className: W(o.props.className, r)
 	}) : /* @__PURE__ */ f("button", {
 		type: "button",
 		...c,
@@ -1531,9 +1530,9 @@ var Bt = ({ children: e, asChild: t = !1, disabled: n, className: r }) => {
 			className: Rt.label,
 			children: e
 		}), /* @__PURE__ */ d("span", {
-			className: U(Rt.arrow, { [Rt.open]: a.isOpen }),
+			className: W(Rt.arrow, { [Rt.open]: a.isOpen }),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ d(H, {})
+			children: /* @__PURE__ */ d(k, {})
 		})]
 	});
 };
@@ -1544,13 +1543,13 @@ var Vt = Object.assign(At, {
 	Trigger: zt,
 	Content: yt,
 	Search: Pt,
-	Item: ot,
-	CheckboxItem: q,
+	Item: xe,
+	CheckboxItem: le,
 	RadioGroup: wt,
 	RadioItem: Tt,
-	Group: Xe,
-	Label: ft,
-	Separator: _t,
+	Group: J,
+	Label: De,
+	Separator: Me,
 	Sub: Lt,
 	SubTrigger: It,
 	SubContent: Ft,
@@ -1558,9 +1557,9 @@ var Vt = Object.assign(At, {
 	ItemDescription: xt,
 	ItemBadge: bt,
 	ItemShortcut: Ct,
-	Arrow: W,
-	Empty: Je,
-	Loading: mt
+	Arrow: ie,
+	Empty: de,
+	Loading: ke
 });
 Vt.displayName = "Dropdown";
 //#endregion
@@ -1577,7 +1576,7 @@ var Jt = {
 }, Yt = ({ children: e, className: t }) => {
 	let n = Gt();
 	return /* @__PURE__ */ d("div", {
-		className: U(Jt.modalBody, n?.scrollBehavior === "inside" && Jt.inside, t),
+		className: W(Jt.modalBody, n?.scrollBehavior === "inside" && Jt.inside, t),
 		children: e
 	});
 };
@@ -1611,17 +1610,17 @@ var Qt = {
 }, $t = ({ asChild: e = !1, children: t, className: n, "aria-label": r }) => {
 	let i = Wt(), a = e && v(t) ? t : void 0, o = {
 		"aria-label": a ? r : r ?? "Close dialog",
-		className: U(!a && Qt.modalHeaderCloseButton, n),
+		className: W(!a && Qt.modalHeaderCloseButton, n),
 		onClick: Xt(a?.props.onClick, i.requestClose)
 	};
 	return a ? h(a, {
 		...o,
-		className: U(a.props.className, n),
+		className: W(a.props.className, n),
 		"aria-label": r ?? a.props["aria-label"]
 	}) : /* @__PURE__ */ d("button", {
 		type: "button",
 		...o,
-		children: /* @__PURE__ */ d(ne, { size: 16 })
+		children: /* @__PURE__ */ d(j, { size: 16 })
 	});
 };
 $t.displayName = "Modal.Close";
@@ -1643,7 +1642,7 @@ var en = {
 	let f = Wt(), p = f.open, m = p && f.shouldRender, [h, g] = E(null), _ = y((e) => {
 		f.setContentRef(e), g(e);
 	}, [f]);
-	if (ge({
+	if (Ve({
 		active: m,
 		contentRef: f.contentRef,
 		enabled: f.trapFocus,
@@ -1652,7 +1651,7 @@ var en = {
 		onCloseAutoFocus: f.onCloseAutoFocus,
 		onOpenAutoFocus: f.onOpenAutoFocus,
 		restoreFocus: f.restoreFocus
-	}), le({
+	}), Pe({
 		active: p,
 		content: h,
 		enabled: f.modal
@@ -1664,7 +1663,7 @@ var en = {
 			id: f.contentId,
 			ref: Zt(_),
 			tabIndex: -1,
-			className: U(en.content, en[t], en[n], en[r], i && en.animated, l),
+			className: W(en.content, en[t], en[n], en[r], i && en.animated, l),
 			style: {
 				...f.animationStyle,
 				...u
@@ -1682,7 +1681,7 @@ var en = {
 };
 tn.displayName = "ModalContent";
 var nn = { modalFooter: "_modalFooter_sb1pn_1" }, rn = ({ children: e, className: t }) => /* @__PURE__ */ d("div", {
-	className: U(nn.modalFooter, t),
+	className: W(nn.modalFooter, t),
 	children: e
 });
 rn.displayName = "ModalFooter";
@@ -1700,7 +1699,7 @@ an.displayName = "Modal.Description";
 //#endregion
 //#region src/components/Modal/Header/ModalHeader.tsx
 var on = ({ children: e, className: t }) => /* @__PURE__ */ d("div", {
-	className: U(Qt.modalHeader, t),
+	className: W(Qt.modalHeader, t),
 	children: e
 });
 on.displayName = "ModalHeader";
@@ -1724,7 +1723,7 @@ var cn = {
 }, ln = ({ className: e, animated: t = !0, forceMount: n = !1 }) => {
 	let { animation: r, animationStyle: i, open: a, shouldRender: o } = Wt();
 	return !o && !n ? null : /* @__PURE__ */ d("div", {
-		className: U(cn.overlay, a && cn["overlay--open"], t && cn["overlay--animated"], e),
+		className: W(cn.overlay, a && cn["overlay--open"], t && cn["overlay--animated"], e),
 		style: i,
 		"data-state": a ? "open" : "closed",
 		"data-animation": r,
@@ -1734,7 +1733,7 @@ var cn = {
 ln.displayName = "ModalOverlay";
 //#endregion
 //#region src/components/Modal/internal/useModalDismiss.ts
-var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnEscape: i, closeOnOutsidePress: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => Ae({
+var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnEscape: i, closeOnOutsidePress: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => tt({
 	active: e,
 	registrationActive: t,
 	id: n,
@@ -1747,7 +1746,7 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 	onPointerDownOutside: s ? (e) => s(e) : void 0,
 	requestClose: l
 }), dn = {
-	standard: ee.components.modal.motion.easing,
+	standard: ne.components.modal.motion.easing,
 	linear: "linear",
 	ease: "ease",
 	"ease-in": "ease-in",
@@ -1757,42 +1756,42 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 	close: e,
 	open: e
 } : {
-	close: e?.close ?? fn(ee.components.modal.motion.closeDuration),
-	open: e?.open ?? fn(ee.components.modal.motion.openDuration)
+	close: e?.close ?? fn(ne.components.modal.motion.closeDuration),
+	open: e?.open ?? fn(ne.components.modal.motion.openDuration)
 }, mn = ({ open: e, defaultOpen: t = !1, onOpenChange: n, animation: r = "scale", duration: i, easing: a = "standard", modal: o = !0, closeOnEscape: s = !0, closeOnOutsidePress: c = !0, preventScroll: l = !0, restoreFocus: u = !0, trapFocus: d = !0, initialFocus: f, finalFocus: p, onOpenAutoFocus: m, onCloseAutoFocus: h, onEscapeKeyDown: g, onPointerDownOutside: _, onInteractOutside: v, role: b = "dialog" }) => {
-	let S = T(null), { contentId: C, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = Ve({
+	let S = T(null), { contentId: C, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = pt({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n,
 		closeOnEscape: s,
 		closeOnOutsidePress: c
-	}), [M, N] = E(!1), [P, F] = E(!1), [I, L] = E(0), R = pn(i), z = r === "none" ? 0 : R.close, [B, ee] = E(O);
+	}), [M, N] = E(!1), [P, F] = E(!1), [I, L] = E(0), R = pn(i), z = r === "none" ? 0 : R.close, [B, V] = E(O);
 	x(() => {
 		if (O) {
-			ee(!0);
+			V(!0);
 			return;
 		}
 		if (z === 0) {
-			ee(!1);
+			V(!1);
 			return;
 		}
 		let e = window.setTimeout(() => {
-			ee(!1);
+			V(!1);
 		}, z);
 		return () => {
 			window.clearTimeout(e);
 		};
 	}, [z, O]);
-	let V = y(() => {
+	let ee = y(() => {
 		k();
 	}, [k]), H = y((e) => {
 		S.current !== e && (S.current = e, L((e) => e + 1));
 	}, []);
-	Fe({
+	ot({
 		active: O,
 		enabled: l
 	});
-	let te = un({
+	let U = un({
 		active: O,
 		registrationActive: B,
 		id: C,
@@ -1802,21 +1801,21 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 		onEscapeKeyDown: g,
 		onInteractOutside: v,
 		onPointerDownOutside: _,
-		requestClose: V
-	}), ne = w(() => ({
+		requestClose: ee
+	}), te = w(() => ({
 		"--modal-animation-close-duration": `${R.close}ms`,
 		"--modal-animation-easing": dn[a],
 		"--modal-animation-open-duration": `${R.open}ms`,
-		"--z-index-modal": te.zIndex === void 0 ? void 0 : `${te.zIndex}`
+		"--z-index-modal": U.zIndex === void 0 ? void 0 : `${U.zIndex}`
 	}), [
 		R.close,
 		R.open,
 		a,
-		te.zIndex
-	]), re = je({
+		U.zIndex
+	]), ne = nt({
 		presentation: "modal",
-		animationStyle: ne
-	}).animationStyle ?? ne;
+		animationStyle: te
+	}).animationStyle ?? te;
 	return x(() => {
 		if (process.env.NODE_ENV === "production" || !O || M || !S.current) return;
 		let e = window.setTimeout(() => {
@@ -1839,7 +1838,7 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 	]), {
 		context: w(() => ({
 			animation: r,
-			animationStyle: re,
+			animationStyle: ne,
 			closeOnEscape: s,
 			closeOnOutsidePress: c,
 			contentId: C,
@@ -1847,7 +1846,7 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 			descriptionId: D,
 			finalFocus: p,
 			initialFocus: f,
-			zIndex: te.zIndex,
+			zIndex: U.zIndex,
 			modal: o,
 			onCloseAutoFocus: h,
 			onEscapeKeyDown: g,
@@ -1856,7 +1855,7 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 			onPointerDownOutside: _,
 			open: O,
 			preventScroll: l,
-			requestClose: V,
+			requestClose: ee,
 			restoreFocus: u,
 			role: b,
 			setContentRef: H,
@@ -1868,14 +1867,14 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 			trapFocus: d
 		}), [
 			r,
-			re,
+			ne,
 			s,
 			c,
 			C,
 			D,
 			p,
 			f,
-			te.zIndex,
+			U.zIndex,
 			O,
 			o,
 			h,
@@ -1884,7 +1883,7 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 			m,
 			_,
 			l,
-			V,
+			ee,
 			u,
 			b,
 			H,
@@ -1900,7 +1899,7 @@ var un = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 	return /* @__PURE__ */ d(Kt, {
 		value: r,
 		children: /* @__PURE__ */ d("div", {
-			className: U(t),
+			className: W(t),
 			"data-state": i ? "open" : "closed",
 			children: e
 		})
@@ -1915,7 +1914,7 @@ var gn = ({ children: e, asChild: t = !1, disabled: n = !1, className: r }) => {
 		"aria-disabled": o || void 0,
 		"aria-expanded": i.open,
 		"aria-haspopup": "dialog",
-		className: U(r),
+		className: W(r),
 		"data-state": i.open ? "open" : "closed",
 		disabled: o || void 0,
 		onClick: Xt(a?.props.onClick, () => {
@@ -1925,7 +1924,7 @@ var gn = ({ children: e, asChild: t = !1, disabled: n = !1, className: r }) => {
 	return a ? h(a, {
 		...s,
 		ref: Zt(a.props.ref),
-		className: U(a.props.className, r)
+		className: W(a.props.className, r)
 	}) : /* @__PURE__ */ d("button", {
 		type: "button",
 		...s,
@@ -1977,7 +1976,7 @@ function Sn({ children: e, asChild: t = !1, className: n, ...r }) {
 		ref: (e) => {
 			xn(a.props.ref, e), i(e);
 		},
-		className: U(a.props.className, n)
+		className: W(a.props.className, n)
 	}) : /* @__PURE__ */ d("div", {
 		...r,
 		ref: i,
@@ -1993,7 +1992,7 @@ var Cn = { arrow: "_arrow_6lbs0_1" }, wn = {
 };
 function Tn({ width: e = 14, height: t = 7, tipRadius: n = 1, align: r = "center", offset: i, className: a, ...o }) {
 	let { arrowRef: s, floatingContext: c, placement: l } = bn("Popover.Arrow"), u = i ?? wn[r], f = l.split("-")[0];
-	return /* @__PURE__ */ d(k, {
+	return /* @__PURE__ */ d(P, {
 		...o,
 		ref: s,
 		context: c,
@@ -2005,7 +2004,7 @@ function Tn({ width: e = 14, height: t = 7, tipRadius: n = 1, align: r = "center
 		stroke: "var(--border-muted)",
 		strokeWidth: 1,
 		"data-side": f,
-		className: U(Cn.arrow, a)
+		className: W(Cn.arrow, a)
 	});
 }
 Tn.displayName = "Popover.Arrow";
@@ -2025,7 +2024,7 @@ function En({ children: e, asChild: t = !1, className: n, disabled: r, onClick:
 	};
 	return s ? h(s, {
 		...u,
-		className: U(s.props.className, n)
+		className: W(s.props.className, n)
 	}) : /* @__PURE__ */ d("button", {
 		type: "button",
 		...u,
@@ -2046,7 +2045,7 @@ function On({ children: e, asChild: t = !1, className: n, style: r, initialFocus
 			reason: e,
 			event: t
 		});
-	}, [A]), F = Ae({
+	}, [A]), F = tt({
 		active: g,
 		id: w,
 		zIndexLevel: "popover",
@@ -2059,7 +2058,7 @@ function On({ children: e, asChild: t = !1, className: n, style: r, initialFocus
 		onInteractOutside: u,
 		requestClose: P
 	});
-	ge({
+	Ve({
 		active: g,
 		contentRef: C,
 		enabled: _,
@@ -2074,10 +2073,10 @@ function On({ children: e, asChild: t = !1, className: n, style: r, initialFocus
 			f
 		]),
 		onCloseAutoFocus: p
-	}), Fe({
+	}), ot({
 		active: g,
 		enabled: _
-	}), le({
+	}), Pe({
 		active: g,
 		enabled: _,
 		content: M
@@ -2095,7 +2094,7 @@ function On({ children: e, asChild: t = !1, className: n, style: r, initialFocus
 		"aria-describedby": D,
 		"data-state": "open",
 		"data-side": L,
-		className: U(Dn.content, n),
+		className: W(Dn.content, n),
 		style: {
 			...k,
 			zIndex: F.zIndex,
@@ -2104,7 +2103,7 @@ function On({ children: e, asChild: t = !1, className: n, style: r, initialFocus
 	}, z = t && v(e) ? e : void 0, B = z ? h(z, {
 		...R,
 		ref: I,
-		className: U(z.props.className, Dn.content, n),
+		className: W(z.props.className, Dn.content, n),
 		style: {
 			...k,
 			zIndex: F.zIndex,
@@ -2116,7 +2115,7 @@ function On({ children: e, asChild: t = !1, className: n, style: r, initialFocus
 		...R,
 		children: e
 	});
-	return b ? /* @__PURE__ */ d(Ke, { children: B }) : B;
+	return b ? /* @__PURE__ */ d(vt, { children: B }) : B;
 }
 On.displayName = "Popover.Content";
 var kn = { description: "_description_hji8o_1" };
@@ -2127,11 +2126,11 @@ function An({ children: e, asChild: t = !1, className: n, ...r }) {
 	return a ? h(a, {
 		...r,
 		id: i,
-		className: U(a.props.className, kn.description, n)
+		className: W(a.props.className, kn.description, n)
 	}) : /* @__PURE__ */ d("p", {
 		...r,
 		id: i,
-		className: U(kn.description, n),
+		className: W(kn.description, n),
 		children: e
 	});
 }
@@ -2142,7 +2141,7 @@ function jn(e, t) {
 	return t === "center" ? e : `${e}-${t}`;
 }
 function Mn({ children: e, open: t, defaultOpen: n = !1, modal: r = !1, onOpenChange: i, side: a = "bottom", align: o = "center", sideOffset: s = 8, collisionPadding: c = 8, avoidCollisions: l = !0, portal: u = !0, strategy: f }) {
-	let p = T(null), m = T(null), h = T(null), g = T({ reason: "programmatic" }), _ = S(), v = `vellira-popover-trigger-${_}`, b = `vellira-popover-content-${_}`, x = `vellira-popover-title-${_}`, C = `vellira-popover-description-${_}`, [E, D] = Y({
+	let p = T(null), m = T(null), h = T(null), g = T({ reason: "programmatic" }), _ = S(), v = `vellira-popover-trigger-${_}`, b = `vellira-popover-content-${_}`, x = `vellira-popover-title-${_}`, C = `vellira-popover-description-${_}`, [E, D] = ut({
 		value: t,
 		defaultValue: n,
 		onChange: (e) => {
@@ -2150,10 +2149,10 @@ function Mn({ children: e, open: t, defaultOpen: n = !1, modal: r = !1, onOpenCh
 		}
 	}), O = y((e, t) => {
 		g.current = t, D(e);
-	}, [D]), k = T(null), j = w(() => [A({
+	}, [D]), k = T(null), A = w(() => [F({
 		element: k,
 		padding: 8
-	})], []), { context: M, floatingStyles: N, isPositioned: P, placement: F, setFloatingRef: I, setRef: L } = je({
+	})], []), { context: j, floatingStyles: M, isPositioned: N, placement: P, setFloatingRef: I, setRef: L } = nt({
 		open: E,
 		placement: jn(a, o),
 		strategy: f,
@@ -2161,7 +2160,7 @@ function Mn({ children: e, open: t, defaultOpen: n = !1, modal: r = !1, onOpenCh
 		offset: s + 7,
 		collisionPadding: c,
 		avoidCollisions: l,
-		middleware: j
+		middleware: A
 	}), R = y((e) => {
 		p.current = e, m.current || L(e);
 	}, [L]), z = y((e) => {
@@ -2181,10 +2180,10 @@ function Mn({ children: e, open: t, defaultOpen: n = !1, modal: r = !1, onOpenCh
 			contentId: b,
 			titleId: x,
 			descriptionId: C,
-			placement: F,
-			floatingStyles: N,
-			isPositioned: P,
-			floatingContext: M,
+			placement: P,
+			floatingStyles: M,
+			isPositioned: N,
+			floatingContext: j,
 			arrowRef: k,
 			setTriggerRef: R,
 			setAnchorRef: z,
@@ -2202,11 +2201,11 @@ function Pn({ children: e, asChild: t = !1, className: n, ...r }) {
 	return a ? h(a, {
 		...r,
 		id: i,
-		className: U(a.props.className, Nn.title, n)
+		className: W(a.props.className, Nn.title, n)
 	}) : /* @__PURE__ */ d("h2", {
 		...r,
 		id: i,
-		className: U(Nn.title, n),
+		className: W(Nn.title, n),
 		children: e
 	});
 }
@@ -2232,7 +2231,7 @@ function Fn({ children: e, asChild: t = !1, disabled: n = !1, className: r, onCl
 		...a,
 		...m,
 		disabled: p || void 0,
-		className: U(f.props.className, r),
+		className: W(f.props.className, r),
 		ref: (e) => {
 			let t = f.props.ref;
 			typeof t == "function" ? t(e) : t && (t.current = e), u(e);
@@ -2297,7 +2296,7 @@ var Bn = {
 		E,
 		x?.describedBy,
 		v
-	].filter(Boolean).join(" ") || void 0, O = x !== null, [k, A] = Y({
+	].filter(Boolean).join(" ") || void 0, O = x !== null, [k, A] = ut({
 		value: t,
 		defaultValue: n,
 		onChange: c
@@ -2311,10 +2310,10 @@ var Bn = {
 		}
 	};
 	return /* @__PURE__ */ f("div", {
-		className: U(Bn.root, Bn[I], F && Bn.invalid, M && Bn.disabled, Vn[L], h),
+		className: W(Bn.root, Bn[I], F && Bn.invalid, M && Bn.disabled, Vn[L], h),
 		children: [/* @__PURE__ */ f("label", {
 			htmlFor: w,
-			className: U(Bn.wrapper, m),
+			className: W(Bn.wrapper, m),
 			children: [
 				/* @__PURE__ */ d("input", {
 					...y,
@@ -2335,7 +2334,7 @@ var Bn = {
 					className: Bn.control,
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ d("span", {
-						className: U(Bn.indicator, p && Bn.customIcon),
+						className: W(Bn.indicator, p && Bn.customIcon),
 						children: p
 					})
 				}),
@@ -2400,7 +2399,7 @@ var Yn = {
 	disabled: "_disabled_1s3vp_160",
 	invalid: "_invalid_1s3vp_176"
 }, Xn = _(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, invalid: a = !1, size: o = "md", color: s = "primary", name: c, label: l, description: u, error: p, orientation: m = "vertical", children: h, className: g, id: _, onKeyDown: v, ...y }, b) => {
-	let x = T(null), C = S(), w = _ ?? C, E = l ? `${w}-label` : void 0, D = u ? `${w}-description` : void 0, O = p ? `${w}-error` : void 0, k = [D, O].filter(Boolean).join(" ") || void 0, A = c ?? `${w}-radio`, [j, M] = Y({
+	let x = T(null), C = S(), w = _ ?? C, E = l ? `${w}-label` : void 0, D = u ? `${w}-description` : void 0, O = p ? `${w}-error` : void 0, k = [D, O].filter(Boolean).join(" ") || void 0, A = c ?? `${w}-radio`, [j, M] = ut({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -2427,7 +2426,7 @@ var Yn = {
 		onKeyDown: (e) => {
 			v?.(e), e.defaultPrevented || P(e);
 		},
-		className: U(Yn.root, Yn[o], N && Yn.invalid, r && Yn.disabled, g),
+		className: W(Yn.root, Yn[o], N && Yn.invalid, r && Yn.disabled, g),
 		children: [
 			l && /* @__PURE__ */ f("div", {
 				id: E,
@@ -2456,7 +2455,7 @@ var Yn = {
 					onValueChange: M
 				},
 				children: /* @__PURE__ */ d("div", {
-					className: U(Yn.items, Yn[m]),
+					className: W(Yn.items, Yn[m]),
 					children: h
 				})
 			}),
@@ -2501,10 +2500,10 @@ function tr({ loading: e, options: t, scrollTop: n, virtual: r, viewportHeight:
 //#endregion
 //#region src/components/Select/internal/types.ts
 function nr(e, t) {
-	return s(e, t);
+	return o(e, t);
 }
 function rr(e) {
-	return o(e);
+	return a(e);
 }
 var ir = {
 	option: "_option_7msws_1",
@@ -2527,7 +2526,7 @@ var ir = {
 }, ar = () => null;
 nr(ar, "item"), ar.displayName = "Select.Item";
 var or = ({ option: e, isSelected: t, isActive: n, optionId: r, optionIndex: i, selectedValues: a, multiple: o, renderOption: s, onSelect: c, onMouseEnter: l }) => {
-	let p = !!e.disabled, m = e.asChild && v(e.children) ? e.children : void 0, g = U(ir.option, {
+	let p = !!e.disabled, m = e.asChild && v(e.children) ? e.children : void 0, g = W(ir.option, {
 		[ir.selected]: t,
 		[ir.active]: n,
 		[ir.disabled]: p,
@@ -2535,7 +2534,7 @@ var or = ({ option: e, isSelected: t, isActive: n, optionId: r, optionIndex: i,
 		[ir.warning]: e.color === "warning",
 		[ir.danger]: e.color === "danger"
 	});
-	at(!e.asChild || !!m, "Select.Item: asChild requires a single valid React element child.");
+	be(!e.asChild || !!m, "Select.Item: asChild requires a single valid React element child.");
 	let _ = (t) => {
 		if (p) {
 			t.preventDefault();
@@ -2550,7 +2549,7 @@ var or = ({ option: e, isSelected: t, isActive: n, optionId: r, optionIndex: i,
 		role: "option",
 		"aria-selected": t,
 		"aria-disabled": p || void 0,
-		className: U(m.props.className, g),
+		className: W(m.props.className, g),
 		onClick: (e) => {
 			m.props.onClick?.(e), e.defaultPrevented || _(e);
 		},
@@ -2604,7 +2603,7 @@ var or = ({ option: e, isSelected: t, isActive: n, optionId: r, optionIndex: i,
 		] }), /* @__PURE__ */ d("span", {
 			className: ir.check,
 			"aria-hidden": "true",
-			children: t && /* @__PURE__ */ d(V, {})
+			children: t && /* @__PURE__ */ d(O, {})
 		})]
 	});
 };
@@ -2643,84 +2642,84 @@ var sr = {
 	});
 };
 nr(cr, "content"), cr.displayName = "Select.Content";
-var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, entries: o, multiple: s, selectedValues: c, color: l = "primary", variant: p = "outline", searchable: m, command: h, virtual: g, portal: _ = !0, searchValue: v = "", searchPlaceholder: b = "Search...", loading: S, loadingText: C = "Loading...", emptyText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: z, onSearchChange: B }) => {
-	let ee = T(null), V = T(!1), [H, te] = E(null), [re, U] = E(0), [ie, W] = E(), { bottomSpacerHeight: G, isVirtual: K, itemHeight: ae, maxHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: q, visibleOptions: le } = w(() => tr({
+var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, entries: o, multiple: s, selectedValues: c, color: l = "primary", variant: p = "outline", searchable: m, command: h, virtual: g, portal: _ = !0, searchValue: v = "", searchPlaceholder: b = "Search...", loading: S, loadingText: C = "Loading...", emptyText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: M, renderOption: N, selectedValue: P, activeIndex: F, visualActiveIndex: I = F, className: L, onSelect: R, onSelectGroup: z, onMouseEnter: B, onSearchChange: V }) => {
+	let ee = T(null), H = T(!1), [U, te] = E(null), [ne, re] = E(0), [W, ie] = E(), { bottomSpacerHeight: G, isVirtual: K, itemHeight: ae, maxHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: le, visibleOptions: ue } = w(() => tr({
 		loading: S,
 		options: a,
-		scrollTop: re,
+		scrollTop: ne,
 		virtual: g,
-		viewportHeight: ie
+		viewportHeight: W
 	}), [
 		S,
 		a,
-		re,
-		ie,
+		ne,
+		W,
 		g
-	]), ue = y((e) => {
-		te(e), r(e), e && W(e.clientHeight || void 0);
+	]), de = y((e) => {
+		te(e), r(e), e && ie(e.clientHeight || void 0);
 	}, [r]);
 	x(() => {
-		e || (V.current = !1, U(0), W(void 0));
+		e || (H.current = !1, re(0), ie(void 0));
 	}, [e, v]), x(() => {
-		if (!e || !H || (W(H.clientHeight || void 0), !("ResizeObserver" in window))) return;
+		if (!e || !U || (ie(U.clientHeight || void 0), !("ResizeObserver" in window))) return;
 		let t = new ResizeObserver(([e]) => {
-			W(e?.contentRect.height || void 0);
+			ie(e?.contentRect.height || void 0);
 		});
-		return t.observe(H), () => t.disconnect();
-	}, [H, e]), x(() => {
+		return t.observe(U), () => t.disconnect();
+	}, [U, e]), x(() => {
 		if (!e || !m) return;
 		let t = window.setTimeout(() => {
 			ee.current?.focus({ preventScroll: !0 });
 		}, 0);
 		return () => window.clearTimeout(t);
 	}, [e, m]), x(() => {
-		if (!e || S || !H || V.current) return;
-		let n = a.findIndex((e) => c ? c.includes(e.value) : e.value === N), r = n >= 0 ? n : P;
+		if (!e || S || !U || H.current) return;
+		let n = a.findIndex((e) => c ? c.includes(e.value) : e.value === P), r = n >= 0 ? n : F;
 		if (r < 0) {
-			V.current = !0;
+			H.current = !0;
 			return;
 		}
-		if (V.current = !0, K) {
-			let e = Math.max(0, r * ae - (q - ae) / 2);
-			U(e), H.scrollTop = e;
+		if (H.current = !0, K) {
+			let e = Math.max(0, r * ae - (le - ae) / 2);
+			re(e), U.scrollTop = e;
 			return;
 		}
 		document.getElementById(`${t}-option-${r}`)?.scrollIntoView?.({ block: "nearest" });
 	}, [
-		P,
-		H,
+		F,
+		U,
 		e,
 		K,
 		ae,
 		t,
 		S,
 		a,
-		N,
+		P,
 		c,
-		q
+		le
 	]);
-	let de = w(() => ({
+	let q = w(() => ({
 		...i,
 		"--select-dropdown-max-height": typeof oe == "number" ? `${oe}px` : oe
 	}), [oe, i]);
 	if (!e) return null;
-	let J = o && !K ? o : le.map((e, t) => ({
+	let J = o && !K ? o : ue.map((e, t) => ({
 		type: "option",
 		option: e,
 		optionIndex: se + t
 	})), fe = /* @__PURE__ */ f("div", {
-		ref: ue,
+		ref: de,
 		tabIndex: 0,
 		className: [
 			sr.dropdown,
 			sr[l],
 			sr[p],
 			h ? sr.command : void 0,
-			I
+			L
 		].filter(Boolean).join(" "),
-		style: de,
+		style: q,
 		onScroll: (e) => {
-			K && U(e.currentTarget.scrollTop);
+			K && re(e.currentTarget.scrollTop);
 		},
 		children: [
 			k,
@@ -2732,16 +2731,16 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 					value: v,
 					placeholder: h ? "Type a command..." : b,
 					"aria-label": "Search options",
-					onInput: (e) => B?.(e.currentTarget.value),
-					onChange: (e) => B?.(e.target.value)
+					onInput: (e) => V?.(e.currentTarget.value),
+					onChange: (e) => V?.(e.target.value)
 				}), v && /* @__PURE__ */ d("button", {
 					type: "button",
 					className: sr.searchClear,
 					"aria-label": "Clear search",
 					onClick: () => {
-						B?.(""), ee.current?.focus();
+						V?.(""), ee.current?.focus();
 					},
-					children: /* @__PURE__ */ d(ne, {})
+					children: /* @__PURE__ */ d(j, {})
 				})]
 			})),
 			/* @__PURE__ */ d("ul", {
@@ -2754,7 +2753,7 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 					"aria-disabled": "true",
 					"aria-selected": "false",
 					className: sr.empty,
-					children: j ?? C
+					children: M ?? C
 				}) : a.length ? /* @__PURE__ */ f(u, { children: [
 					K && /* @__PURE__ */ d("li", {
 						"aria-hidden": "true",
@@ -2773,7 +2772,7 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 										"aria-label": dr(e.selectLabel ?? e.label),
 										"aria-pressed": i ? "mixed" : r ? "true" : "false",
 										disabled: t.length === 0,
-										onClick: () => R(t),
+										onClick: () => z(t),
 										children: [/* @__PURE__ */ d("span", {
 											className: sr.groupActionText,
 											children: e.selectLabel ?? e.label
@@ -2803,15 +2802,15 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 						let { option: n, optionIndex: r } = e;
 						return /* @__PURE__ */ d(or, {
 							option: n,
-							isSelected: c ? c.includes(n.value) : n.value === N,
-							isActive: r === F,
+							isSelected: c ? c.includes(n.value) : n.value === P,
+							isActive: r === I,
 							optionId: `${t}-option-${r}`,
 							optionIndex: r,
 							selectedValues: c ?? [],
 							multiple: !!s,
-							renderOption: M,
-							onSelect: L,
-							onMouseEnter: () => z(r)
+							renderOption: N,
+							onSelect: R,
+							onMouseEnter: () => B(r)
 						}, n.value);
 					}),
 					K && /* @__PURE__ */ d("li", {
@@ -2829,249 +2828,106 @@ var lr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 			})
 		]
 	});
-	return _ ? /* @__PURE__ */ d(Ke, { children: fe }) : fe;
+	return _ ? /* @__PURE__ */ d(vt, { children: fe }) : fe;
 };
 lr.displayName = "SelectContentSurface";
 function ur(e) {
 	let t, n, r, i;
 	return p.forEach(e, (e) => {
 		if (!v(e)) return;
-		let a = rr(e.type);
-		a === "label" && (t = e), a === "search" && (n = e), a === "empty" && (r = e), a === "loading" && (i = e);
-	}), {
-		emptySlot: r,
-		headerSlot: t,
-		loadingSlot: i,
-		searchSlot: n
-	};
-}
-function dr(e) {
-	return typeof e == "string" || typeof e == "number" ? String(e) : "Select group";
-}
-//#endregion
-//#region src/components/Select/Empty/SelectEmpty.tsx
-var fr = ({ children: e }) => /* @__PURE__ */ d(u, { children: e });
-nr(fr, "empty"), fr.displayName = "Select.Empty";
-//#endregion
-//#region src/components/Select/Group/SelectGroup.tsx
-var pr = () => null;
-nr(pr, "group"), pr.displayName = "Select.Group";
-var Z = {
-	root: "_root_jn0gk_1",
-	control: "_control_jn0gk_8",
-	disabled: "_disabled_jn0gk_50",
-	arrow: "_arrow_jn0gk_56",
-	withClear: "_withClear_jn0gk_71",
-	primary: "_primary_jn0gk_75",
-	outline: "_outline_jn0gk_75",
-	filled: "_filled_jn0gk_116",
-	soft: "_soft_jn0gk_157",
-	neutral: "_neutral_jn0gk_198",
-	success: "_success_jn0gk_321",
-	warning: "_warning_jn0gk_444",
-	danger: "_danger_jn0gk_567",
-	sm: "_sm_jn0gk_690",
-	md: "_md_jn0gk_697",
-	lg: "_lg_jn0gk_704",
-	valueWrap: "_valueWrap_jn0gk_711",
-	value: "_value_jn0gk_711",
-	adornment: "_adornment_jn0gk_725",
-	affix: "_affix_jn0gk_726",
-	clear: "_clear_jn0gk_741",
-	placeholder: "_placeholder_jn0gk_777",
-	error: "_error_jn0gk_781",
-	spinner: "_spinner_jn0gk_817",
-	spin: "_spin_jn0gk_817",
-	loading: "_loading_jn0gk_826",
-	open: "_open_jn0gk_845"
-}, mr = ({ children: e, className: t }) => {
-	let { triggerProps: n } = er();
-	return /* @__PURE__ */ d("span", {
-		className: U(Z.arrow, { [Z.open]: n.isOpen }, t),
-		"aria-hidden": "true",
-		children: n.loading ? /* @__PURE__ */ d("span", { className: Z.spinner }) : e ?? n.endIcon ?? /* @__PURE__ */ d(H, {})
-	});
-};
-nr(mr, "icon"), mr.displayName = "Select.Icon";
-//#endregion
-//#region src/components/Select/ItemBadge/SelectItemBadge.tsx
-var hr = () => null;
-nr(hr, "itemBadge"), hr.displayName = "Select.ItemBadge";
-//#endregion
-//#region src/components/Select/ItemDescription/SelectItemDescription.tsx
-var gr = () => null;
-nr(gr, "itemDescription"), gr.displayName = "Select.ItemDescription";
-//#endregion
-//#region src/components/Select/ItemIcon/SelectItemIcon.tsx
-var _r = () => null;
-nr(_r, "itemIcon"), _r.displayName = "Select.ItemIcon";
-//#endregion
-//#region src/components/Select/Label/SelectLabel.tsx
-var vr = ({ children: e }) => /* @__PURE__ */ d("div", {
-	role: "presentation",
-	className: sr.groupLabel,
-	children: e
-});
-nr(vr, "label"), vr.displayName = "Select.Label";
-//#endregion
-//#region src/components/Select/Loading/SelectLoading.tsx
-var yr = ({ children: e }) => /* @__PURE__ */ d(u, { children: e });
-nr(yr, "loading"), yr.displayName = "Select.Loading";
-//#endregion
-//#region src/patterns/FormField/FormFieldContext.ts
-var br = g(null), xr = () => b(br), Sr = {
-	wrapper: "_wrapper_r078u_1",
-	sm: "_sm_r078u_41",
-	md: "_md_r078u_78",
-	lg: "_lg_r078u_115",
-	horizontal: "_horizontal_r078u_152",
-	start: "_start_r078u_153",
-	labelRow: "_labelRow_r078u_160",
-	description: "_description_r078u_161",
-	control: "_control_r078u_162",
-	message: "_message_r078u_163",
-	label: "_label_r078u_160",
-	labelText: "_labelText_r078u_196",
-	required: "_required_r078u_200",
-	optional: "_optional_r078u_204",
-	labelInfo: "_labelInfo_r078u_211",
-	labelAction: "_labelAction_r078u_224",
-	messageToneNeutral: "_messageToneNeutral_r078u_249",
-	messageToneSuccess: "_messageToneSuccess_r078u_253",
-	messageToneWarning: "_messageToneWarning_r078u_257",
-	messageToneDanger: "_messageToneDanger_r078u_261",
-	disabled: "_disabled_r078u_274"
-}, Cr = (...e) => e.filter(Boolean).join(" ") || void 0;
-function wr(e, t) {
-	let n = () => null;
-	return n.__velliraFormFieldPart = e, n.displayName = t, n;
-}
-function Tr(e) {
-	let t = [], n = { hasSlots: !1 };
-	return p.forEach(e, (e) => {
-		if (!v(e)) {
-			e != null && e !== !1 && t.push(e);
-			return;
-		}
-		switch (e.type.__velliraFormFieldPart) {
-			case "label":
-				n.hasSlots = !0, n.label = e.props;
-				return;
-			case "description":
-				n.hasSlots = !0, n.description = e.props;
-				return;
-			case "control":
-				n.hasSlots = !0, n.control = e.props;
-				return;
-			case "message":
-				n.hasSlots = !0, n.message = e.props;
-				return;
-			default: t.push(e);
-		}
-	}), t.length > 0 && (n.fallbackChildren = t.length === 1 ? t[0] : t), n;
-}
-var Er = ({ id: e, label: t, description: n, error: r, message: i, messageTone: a, messageLive: o, required: s = !1, disabled: c = !1, invalid: l = !1, orientation: u = "vertical", labelPosition: p = "top", size: g = "md", labelInfo: _, labelAction: y, optionalText: b, children: x, bindControl: C = !0, className: w, controlClassName: T, labelClassName: E, descriptionClassName: D, errorClassName: O, messageClassName: k, ...A }) => {
-	let j = Tr(x), M = t ?? j.label?.children, N = n ?? j.description?.children, P = i ?? j.message?.children, F = a ?? j.message?.tone ?? "neutral", I = o ?? j.message?.live ?? "off", L = _ ?? j.label?.info, R = y ?? j.label?.action, z = b ?? j.label?.optionalText, B = j.hasSlots ? j.control?.children ?? j.fallbackChildren : x, ee = j.control?.bindControl ?? C, V = S(), H = e ?? V, te = M ? `${H}-label` : void 0, ne = N && H ? `${H}-description` : void 0, re = r && H ? `${H}-error` : void 0, ie = !r && P && H ? `${H}-message` : void 0, W = l || !!r, G = r ?? P, K = r ? "danger" : F, ae = {
-		neutral: Sr.messageToneNeutral,
-		success: Sr.messageToneSuccess,
-		warning: Sr.messageToneWarning,
-		danger: Sr.messageToneDanger
-	}[K], oe = Cr(te), se = Cr(ne, re, ie), ce = {
-		controlId: H,
-		labelId: te,
-		descriptionId: ne,
-		errorId: re,
-		messageId: ie,
-		required: s,
-		disabled: c,
-		invalid: W,
-		size: g,
-		ariaLabelledBy: oe,
-		ariaDescribedBy: se
-	}, q = v(B) && B.type !== m ? B : void 0, le = ee && q ? h(q, {
-		id: q.props.id ?? H,
-		required: q.props.required ?? s,
-		disabled: q.props.disabled ?? c,
-		"aria-invalid": q.props["aria-invalid"] ?? (W || void 0),
-		"aria-labelledby": Cr(q.props["aria-labelledby"], oe),
-		"aria-describedby": Cr(q.props["aria-describedby"], se)
-	}) : B;
-	return /* @__PURE__ */ f("div", {
-		...A,
-		"aria-disabled": c || void 0,
-		className: U(Sr.wrapper, Sr[u], Sr[p], Sr[g], c && Sr.disabled, w),
-		"data-disabled": c || void 0,
-		"data-invalid": W || void 0,
-		"data-orientation": u,
-		"data-size": g,
-		children: [
-			(M || R) && /* @__PURE__ */ f("div", {
-				className: Sr.labelRow,
-				children: [M && /* @__PURE__ */ f("label", {
-					id: te,
-					htmlFor: H,
-					className: U(Sr.label, j.label?.className, E),
-					children: [
-						/* @__PURE__ */ d("span", {
-							className: Sr.labelText,
-							children: M
-						}),
-						s && /* @__PURE__ */ d("span", {
-							className: Sr.required,
-							"aria-hidden": "true",
-							children: "*"
-						}),
-						!s && z && /* @__PURE__ */ d("span", {
-							className: Sr.optional,
-							children: z
-						}),
-						L && /* @__PURE__ */ d("span", {
-							className: Sr.labelInfo,
-							children: L
-						})
-					]
-				}), R && /* @__PURE__ */ d("div", {
-					className: Sr.labelAction,
-					children: R
-				})]
-			}),
-			N && /* @__PURE__ */ d("div", {
-				id: ne,
-				className: U(Sr.description, j.description?.className, D),
-				children: N
-			}),
-			/* @__PURE__ */ d(br.Provider, {
-				value: ce,
-				children: /* @__PURE__ */ d("div", {
-					className: U(Sr.control, j.control?.className, T),
-					children: le
-				})
-			}),
-			G && /* @__PURE__ */ d("div", {
-				id: r ? re : ie,
-				className: U(Sr.message, ae, !r && j.message?.className, r ? O : k),
-				role: r ? "alert" : void 0,
-				"aria-live": !r && I === "polite" ? "polite" : void 0,
-				children: G
-			})
-		]
+		let a = rr(e.type);
+		a === "label" && (t = e), a === "search" && (n = e), a === "empty" && (r = e), a === "loading" && (i = e);
+	}), {
+		emptySlot: r,
+		headerSlot: t,
+		loadingSlot: i,
+		searchSlot: n
+	};
+}
+function dr(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "Select group";
+}
+//#endregion
+//#region src/components/Select/Empty/SelectEmpty.tsx
+var fr = ({ children: e }) => /* @__PURE__ */ d(u, { children: e });
+nr(fr, "empty"), fr.displayName = "Select.Empty";
+//#endregion
+//#region src/components/Select/Group/SelectGroup.tsx
+var pr = () => null;
+nr(pr, "group"), pr.displayName = "Select.Group";
+var Z = {
+	root: "_root_jn0gk_1",
+	control: "_control_jn0gk_8",
+	disabled: "_disabled_jn0gk_50",
+	arrow: "_arrow_jn0gk_56",
+	withClear: "_withClear_jn0gk_71",
+	primary: "_primary_jn0gk_75",
+	outline: "_outline_jn0gk_75",
+	filled: "_filled_jn0gk_116",
+	soft: "_soft_jn0gk_157",
+	neutral: "_neutral_jn0gk_198",
+	success: "_success_jn0gk_321",
+	warning: "_warning_jn0gk_444",
+	danger: "_danger_jn0gk_567",
+	sm: "_sm_jn0gk_690",
+	md: "_md_jn0gk_697",
+	lg: "_lg_jn0gk_704",
+	valueWrap: "_valueWrap_jn0gk_711",
+	value: "_value_jn0gk_711",
+	adornment: "_adornment_jn0gk_725",
+	affix: "_affix_jn0gk_726",
+	clear: "_clear_jn0gk_741",
+	placeholder: "_placeholder_jn0gk_777",
+	error: "_error_jn0gk_781",
+	spinner: "_spinner_jn0gk_817",
+	spin: "_spin_jn0gk_817",
+	loading: "_loading_jn0gk_826",
+	open: "_open_jn0gk_845"
+}, mr = ({ children: e, className: t }) => {
+	let { triggerProps: n } = er();
+	return /* @__PURE__ */ d("span", {
+		className: W(Z.arrow, { [Z.open]: n.isOpen }, t),
+		"aria-hidden": "true",
+		children: n.loading ? /* @__PURE__ */ d("span", { className: Z.spinner }) : e ?? n.endIcon ?? /* @__PURE__ */ d(k, {})
 	});
-}, Dr = wr("label", "FormField.Label"), Or = wr("description", "FormField.Description"), kr = wr("control", "FormField.Control"), Ar = wr("message", "FormField.Message"), jr = Object.assign(Er, {
-	Label: Dr,
-	Description: Or,
-	Control: kr,
-	Message: Ar,
-	displayName: "FormField"
-}), Mr = ({ children: e, className: t }) => {
+};
+nr(mr, "icon"), mr.displayName = "Select.Icon";
+//#endregion
+//#region src/components/Select/ItemBadge/SelectItemBadge.tsx
+var hr = () => null;
+nr(hr, "itemBadge"), hr.displayName = "Select.ItemBadge";
+//#endregion
+//#region src/components/Select/ItemDescription/SelectItemDescription.tsx
+var gr = () => null;
+nr(gr, "itemDescription"), gr.displayName = "Select.ItemDescription";
+//#endregion
+//#region src/components/Select/ItemIcon/SelectItemIcon.tsx
+var _r = () => null;
+nr(_r, "itemIcon"), _r.displayName = "Select.ItemIcon";
+//#endregion
+//#region src/components/Select/Label/SelectLabel.tsx
+var vr = ({ children: e }) => /* @__PURE__ */ d("div", {
+	role: "presentation",
+	className: sr.groupLabel,
+	children: e
+});
+nr(vr, "label"), vr.displayName = "Select.Label";
+//#endregion
+//#region src/components/Select/Loading/SelectLoading.tsx
+var yr = ({ children: e }) => /* @__PURE__ */ d(u, { children: e });
+nr(yr, "loading"), yr.displayName = "Select.Loading";
+//#endregion
+//#region src/components/Select/Trigger/SelectTrigger.tsx
+var br = ({ children: e, className: t }) => {
 	let { triggerProps: n } = er();
-	return /* @__PURE__ */ d(Nr, {
+	return /* @__PURE__ */ d(xr, {
 		...n,
 		className: [n.className, t].filter(Boolean).join(" "),
 		children: e
 	});
 };
-nr(Mr, "trigger"), Mr.displayName = "Select.Trigger";
-var Nr = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabled: a, required: o, listboxId: s, activeIndex: c, ariaLabel: l, error: p, displayText: m, isPlaceholder: h, size: g = "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__ */ f("span", {
+nr(br, "trigger"), br.displayName = "Select.Trigger";
+var xr = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabled: a, required: o, listboxId: s, activeIndex: c, ariaLabel: l, error: p, displayText: m, isPlaceholder: h, size: g = "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: A, onBlur: M, onFocus: N }) => /* @__PURE__ */ f("span", {
 	className: Z.root,
 	children: [/* @__PURE__ */ d("button", {
 		id: t,
@@ -3089,16 +2945,16 @@ var Nr = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabl
 		"aria-controls": i ? s : void 0,
 		"aria-describedby": n,
 		"aria-activedescendant": i && c >= 0 ? `${s}-option-${c}` : void 0,
-		className: U(Z.control, Z[g], Z[v], Z[_], {
+		className: W(Z.control, Z[g], Z[v], Z[_], {
 			[Z.error]: !!p,
 			[Z.disabled]: a,
 			[Z.loading]: y,
 			[Z.withClear]: w
 		}, E),
 		onClick: O,
-		onKeyDown: k,
-		onBlur: A,
-		onFocus: j,
+		onKeyDown: A,
+		onBlur: M,
+		onFocus: N,
 		children: e ?? /* @__PURE__ */ f(u, { children: [
 			b && /* @__PURE__ */ d("span", {
 				className: Z.adornment,
@@ -3111,7 +2967,7 @@ var Nr = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabl
 			/* @__PURE__ */ d("span", {
 				className: Z.valueWrap,
 				children: /* @__PURE__ */ d("span", {
-					className: U(Z.value, { [Z.placeholder]: h }),
+					className: W(Z.value, { [Z.placeholder]: h }),
 					children: m
 				})
 			}),
@@ -3120,9 +2976,9 @@ var Nr = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabl
 				children: C
 			}),
 			/* @__PURE__ */ d("span", {
-				className: U(Z.arrow, { [Z.open]: i }),
+				className: W(Z.arrow, { [Z.open]: i }),
 				"aria-hidden": "true",
-				children: y ? /* @__PURE__ */ d("span", { className: Z.spinner }) : x ?? /* @__PURE__ */ d(H, {})
+				children: y ? /* @__PURE__ */ d("span", { className: Z.spinner }) : x ?? /* @__PURE__ */ d(k, {})
 			})
 		] })
 	}), w && !e && /* @__PURE__ */ d("button", {
@@ -3132,20 +2988,20 @@ var Nr = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabl
 		onClick: (e) => {
 			e.stopPropagation(), T?.();
 		},
-		children: /* @__PURE__ */ d(ne, {})
+		children: /* @__PURE__ */ d(j, {})
 	})]
 });
-Nr.displayName = "SelectTriggerSurface";
+xr.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/internal/SelectCollection.ts
-function Pr(e) {
+function Sr(e) {
 	let t = [], n = [], r = 0;
 	function i(e) {
 		p.forEach(e, (e) => {
 			if (!v(e)) return;
 			let a = rr(e.type);
 			if (a === "group") {
-				let n = e.props, a = Ir(n.children);
+				let n = e.props, a = wr(n.children);
 				t.push({
 					type: "group",
 					id: `group-${r++}`,
@@ -3157,7 +3013,7 @@ function Pr(e) {
 				return;
 			}
 			if (a === "item") {
-				let r = e.props, i = Lr(r.children, r.value), a = r.label ?? i.label, o = n.length, s = {
+				let r = e.props, i = Tr(r.children, r.value), a = r.label ?? i.label, o = n.length, s = {
 					asChild: r.asChild,
 					children: r.children,
 					label: a,
@@ -3191,7 +3047,7 @@ function Pr(e) {
 		options: n
 	};
 }
-function Fr(e) {
+function Cr(e) {
 	let t = !1;
 	function n(e) {
 		p.forEach(e, (e) => {
@@ -3206,7 +3062,7 @@ function Fr(e) {
 	}
 	return n(e), t;
 }
-function Ir(e) {
+function wr(e) {
 	let t = [];
 	function n(e) {
 		p.forEach(e, (e) => {
@@ -3221,7 +3077,7 @@ function Ir(e) {
 	}
 	return n(e), t;
 }
-function Lr(e, t) {
+function Tr(e, t) {
 	let n, r, i, a = [];
 	function o(e) {
 		p.forEach(e, (e) => {
@@ -3257,274 +3113,420 @@ function Lr(e, t) {
 }
 //#endregion
 //#region src/components/Select/internal/SelectSearch.ts
-function Rr({ options: e, searchable: t, searchValue: n }) {
+function Er({ options: e, searchable: t, searchValue: n }) {
 	if (!t || !n) return e;
 	let r = n.toLocaleLowerCase();
-	return e.filter((e) => `${e.label} ${zr(e.description)}`.toLocaleLowerCase().includes(r));
+	return e.filter((e) => `${e.label} ${Dr(e.description)}`.toLocaleLowerCase().includes(r));
 }
-function zr(e) {
+function Dr(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
 //#endregion
 //#region src/components/Select/internal/useSelectCollection.ts
-function Br(e) {
-	return w(() => Pr(e), [e]);
+function Or(e) {
+	return w(() => Sr(e), [e]);
+}
+//#endregion
+//#region src/patterns/FormField/FormFieldContext.ts
+var kr = g(null), Ar = () => b(kr), jr = {
+	wrapper: "_wrapper_r078u_1",
+	sm: "_sm_r078u_41",
+	md: "_md_r078u_78",
+	lg: "_lg_r078u_115",
+	horizontal: "_horizontal_r078u_152",
+	start: "_start_r078u_153",
+	labelRow: "_labelRow_r078u_160",
+	description: "_description_r078u_161",
+	control: "_control_r078u_162",
+	message: "_message_r078u_163",
+	label: "_label_r078u_160",
+	labelText: "_labelText_r078u_196",
+	required: "_required_r078u_200",
+	optional: "_optional_r078u_204",
+	labelInfo: "_labelInfo_r078u_211",
+	labelAction: "_labelAction_r078u_224",
+	messageToneNeutral: "_messageToneNeutral_r078u_249",
+	messageToneSuccess: "_messageToneSuccess_r078u_253",
+	messageToneWarning: "_messageToneWarning_r078u_257",
+	messageToneDanger: "_messageToneDanger_r078u_261",
+	disabled: "_disabled_r078u_274"
+}, Mr = (...e) => e.filter(Boolean).join(" ") || void 0;
+function Nr(e, t) {
+	let n = () => null;
+	return n.__velliraFormFieldPart = e, n.displayName = t, n;
+}
+function Pr(e) {
+	let t = [], n = { hasSlots: !1 };
+	return p.forEach(e, (e) => {
+		if (!v(e)) {
+			e != null && e !== !1 && t.push(e);
+			return;
+		}
+		switch (e.type.__velliraFormFieldPart) {
+			case "label":
+				n.hasSlots = !0, n.label = e.props;
+				return;
+			case "description":
+				n.hasSlots = !0, n.description = e.props;
+				return;
+			case "control":
+				n.hasSlots = !0, n.control = e.props;
+				return;
+			case "message":
+				n.hasSlots = !0, n.message = e.props;
+				return;
+			default: t.push(e);
+		}
+	}), t.length > 0 && (n.fallbackChildren = t.length === 1 ? t[0] : t), n;
 }
+var Fr = ({ id: e, label: t, description: n, error: r, message: i, messageTone: a, messageLive: o, required: s = !1, disabled: c = !1, invalid: l = !1, orientation: u = "vertical", labelPosition: p = "top", size: g = "md", labelInfo: _, labelAction: y, optionalText: b, children: x, bindControl: C = !0, className: w, controlClassName: T, labelClassName: E, descriptionClassName: D, errorClassName: O, messageClassName: k, ...A }) => {
+	let j = Pr(x), M = t ?? j.label?.children, N = n ?? j.description?.children, P = i ?? j.message?.children, F = a ?? j.message?.tone ?? "neutral", I = o ?? j.message?.live ?? "off", L = _ ?? j.label?.info, R = y ?? j.label?.action, z = b ?? j.label?.optionalText, B = j.hasSlots ? j.control?.children ?? j.fallbackChildren : x, V = j.control?.bindControl ?? C, ee = S(), H = e ?? ee, U = M ? `${H}-label` : void 0, te = N && H ? `${H}-description` : void 0, ne = r && H ? `${H}-error` : void 0, re = !r && P && H ? `${H}-message` : void 0, ie = l || !!r, G = r ?? P, K = r ? "danger" : F, ae = {
+		neutral: jr.messageToneNeutral,
+		success: jr.messageToneSuccess,
+		warning: jr.messageToneWarning,
+		danger: jr.messageToneDanger
+	}[K], oe = Mr(U), se = Mr(te, ne, re), ce = {
+		controlId: H,
+		labelId: U,
+		descriptionId: te,
+		errorId: ne,
+		messageId: re,
+		required: s,
+		disabled: c,
+		invalid: ie,
+		size: g,
+		ariaLabelledBy: oe,
+		ariaDescribedBy: se
+	}, le = v(B) && B.type !== m ? B : void 0, ue = V && le ? h(le, {
+		id: le.props.id ?? H,
+		required: le.props.required ?? s,
+		disabled: le.props.disabled ?? c,
+		"aria-invalid": le.props["aria-invalid"] ?? (ie || void 0),
+		"aria-labelledby": Mr(le.props["aria-labelledby"], oe),
+		"aria-describedby": Mr(le.props["aria-describedby"], se)
+	}) : B;
+	return /* @__PURE__ */ f("div", {
+		...A,
+		"aria-disabled": c || void 0,
+		className: W(jr.wrapper, jr[u], jr[p], jr[g], c && jr.disabled, w),
+		"data-disabled": c || void 0,
+		"data-invalid": ie || void 0,
+		"data-orientation": u,
+		"data-size": g,
+		children: [
+			(M || R) && /* @__PURE__ */ f("div", {
+				className: jr.labelRow,
+				children: [M && /* @__PURE__ */ f("label", {
+					id: U,
+					htmlFor: H,
+					className: W(jr.label, j.label?.className, E),
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: jr.labelText,
+							children: M
+						}),
+						s && /* @__PURE__ */ d("span", {
+							className: jr.required,
+							"aria-hidden": "true",
+							children: "*"
+						}),
+						!s && z && /* @__PURE__ */ d("span", {
+							className: jr.optional,
+							children: z
+						}),
+						L && /* @__PURE__ */ d("span", {
+							className: jr.labelInfo,
+							children: L
+						})
+					]
+				}), R && /* @__PURE__ */ d("div", {
+					className: jr.labelAction,
+					children: R
+				})]
+			}),
+			N && /* @__PURE__ */ d("div", {
+				id: te,
+				className: W(jr.description, j.description?.className, D),
+				children: N
+			}),
+			/* @__PURE__ */ d(kr.Provider, {
+				value: ce,
+				children: /* @__PURE__ */ d("div", {
+					className: W(jr.control, j.control?.className, T),
+					children: ue
+				})
+			}),
+			G && /* @__PURE__ */ d("div", {
+				id: r ? ne : re,
+				className: W(jr.message, ae, !r && j.message?.className, r ? O : k),
+				role: r ? "alert" : void 0,
+				"aria-live": !r && I === "polite" ? "polite" : void 0,
+				children: G
+			})
+		]
+	});
+}, Ir = Nr("label", "FormField.Label"), Lr = Nr("description", "FormField.Description"), Rr = Nr("control", "FormField.Control"), zr = Nr("message", "FormField.Message"), Br = Object.assign(Fr, {
+	Label: Ir,
+	Description: Lr,
+	Control: Rr,
+	Message: zr,
+	displayName: "FormField"
+});
 //#endregion
 //#region src/components/Select/Root/useSelectRootState.tsx
 function Vr(e) {
-	let { children: t, label: n, description: r, id: i, name: a, "aria-label": o, "aria-describedby": s, "aria-labelledby": c, multiple: l = !1, maxSelected: p, closeOnSelect: m, placeholder: h = "Select...", empty: g, loadingText: _ = "Loading...", size: v, color: b = "primary", variant: C = "outline", required: D = !1, disabled: O = !1, invalid: k = !1, loading: A = !1, clearable: j = !1, searchable: M = !1, virtual: N, modal: P = !1, command: F = !1, error: I, placement: L = "bottom", matchTriggerWidth: R = !0, avoidCollisions: z = !0, portal: B = !0, open: ee, defaultOpen: V = !1, onOpenChange: H, onSearch: te, onClear: ne, startIcon: re, endIcon: U, prefix: ie, suffix: W, renderValue: G, renderOption: K, onBlur: ae, onFocus: oe, className: se, triggerClassName: ce, dropdownClassName: q } = e, le = S(), ue = xr(), de = !!(n || r || I), J = i ?? (de ? void 0 : ue?.controlId) ?? le, fe = `${J}-listbox`, [pe, me] = E(""), he = !!I, ge = he ? `${J}-error` : void 0, _e = r ? `${J}-description` : void 0, ve = v ?? ue?.size ?? "md", ye = k || he || !de && !!ue?.invalid, be = O || !de && !!ue?.disabled, xe = D || !de && !!ue?.required, Se = [
+	let { children: t, label: n, description: r, id: i, name: a, "aria-label": o, "aria-describedby": s, "aria-labelledby": c, multiple: l = !1, maxSelected: p, closeOnSelect: m, placeholder: h = "Select...", empty: g, loadingText: _ = "Loading...", size: v, color: b = "primary", variant: C = "outline", required: D = !1, disabled: O = !1, invalid: k = !1, loading: A = !1, clearable: j = !1, searchable: M = !1, virtual: N, modal: P = !1, command: F = !1, error: I, placement: L = "bottom", matchTriggerWidth: R = !0, avoidCollisions: z = !0, portal: B = !0, open: V, defaultOpen: ee = !1, onOpenChange: H, onSearch: U, onClear: te, startIcon: ne, endIcon: re, prefix: W, suffix: ie, renderValue: G, renderOption: K, onBlur: ae, onFocus: oe, className: se, triggerClassName: ce, dropdownClassName: le } = e, ue = S(), de = Ar(), q = !!(n || r || I), J = i ?? (q ? void 0 : de?.controlId) ?? ue, fe = `${J}-listbox`, [pe, me] = E(""), he = !!I, ge = he ? `${J}-error` : void 0, _e = r ? `${J}-description` : void 0, ve = v ?? de?.size ?? "md", ye = k || he || !q && !!de?.invalid, Y = O || !q && !!de?.disabled, be = D || !q && !!de?.required, xe = [
 		s,
-		!de && !s ? ue?.ariaDescribedBy : void 0,
+		!q && !s ? de?.ariaDescribedBy : void 0,
 		_e,
 		ge
-	].filter(Boolean).join(" "), Ce = T(null), we = T(null), [Te, Ee] = E(!1), De = M || F, { entries: Oe, options: ke } = Br(t), je = w(() => Rr({
-		options: ke,
-		searchable: De,
+	].filter(Boolean).join(" "), Se = T(null), Ce = T(null), [we, Te] = E(!1), Ee = M || F, { entries: De, options: Oe } = Or(t), ke = w(() => Er({
+		options: Oe,
+		searchable: Ee,
 		searchValue: pe
 	}), [
-		De,
-		ke,
+		Ee,
+		Oe,
 		pe
-	]), Me = e.multiple === !0 ? e.value : e.value === null ? "" : e.value, Ne = e.multiple === !0 ? e.defaultValue : e.defaultValue === null ? "" : e.defaultValue, Pe = e.multiple === !0 ? e.onValueChange : void 0, Ie = e.multiple === !0 ? void 0 : e.onValueChange, { selectedValue: Le, selectedValues: Y, isOpen: ze, setIsOpen: Be, setSelectedValue: Ve, activeIndex: Ue, setActiveIndex: We, closeDropdown: Ge, toggleDropdown: Ke, selectValue: qe, onKeyDown: Je } = He({
-		value: Me,
-		defaultValue: Ne,
+	]), Ae = e.multiple === !0 ? e.value : e.value === null ? "" : e.value, je = e.multiple === !0 ? e.defaultValue : e.defaultValue === null ? "" : e.defaultValue, Me = e.multiple === !0 ? e.onValueChange : void 0, Ne = e.multiple === !0 ? void 0 : e.onValueChange, { selectedValue: Pe, selectedValues: X, isOpen: Fe, setIsOpen: Ie, setSelectedValue: Le, activeIndex: Re, setActiveIndex: ze, closeDropdown: Be, toggleDropdown: Ve, selectValue: He, onKeyDown: Ue } = mt({
+		value: Ae,
+		defaultValue: je,
 		onValueChange: y((e) => {
 			if (l) {
-				Pe?.(Array.isArray(e) ? e : e ? [e] : []);
+				Me?.(Array.isArray(e) ? e : e ? [e] : []);
 				return;
 			}
-			Ie?.(Array.isArray(e) ? e[0] ?? null : e === "" ? null : e);
+			Ne?.(Array.isArray(e) ? e[0] ?? null : e === "" ? null : e);
 		}, [
 			l,
-			Pe,
-			Ie
+			Me,
+			Ne
 		]),
-		options: je,
+		options: ke,
 		multiple: l,
 		maxSelected: p,
 		closeOnSelect: m,
-		disabled: be,
-		open: ee,
-		defaultOpen: V,
+		disabled: Y,
+		open: V,
+		defaultOpen: ee,
 		onOpenChange: H
-	}), Ye = w(() => ke.find((e) => Y.includes(e.value)), [ke, Y]), Xe = w(() => ke.filter((e) => Y.includes(e.value)), [ke, Y]), Ze = !!Ye, Qe = Array.isArray(Le) ? Le[0] ?? "" : Le, { floatingStyles: $e, setRef: et, setFloatingRef: tt } = Re({
-		isOpen: ze,
-		onOpenChange: Be,
+	}), We = w(() => Oe.find((e) => X.includes(e.value)), [Oe, X]), Ge = w(() => Oe.filter((e) => X.includes(e.value)), [Oe, X]), Ke = !!We, qe = Array.isArray(Pe) ? Pe[0] ?? "" : Pe, { floatingStyles: Je, setRef: Ye, setFloatingRef: Xe } = lt({
+		isOpen: Fe,
+		onOpenChange: Ie,
 		placement: L,
 		matchTriggerWidth: R,
 		avoidCollisions: z
-	}), nt = y((e) => {
-		qe(e), Ce.current?.focus();
-	}, [qe]), rt = y((e) => {
+	}), Ze = y((e) => {
+		He(e), Se.current?.focus();
+	}, [He]), Qe = y((e) => {
 		if (!l || e.length === 0) return;
-		let t = e.filter((e) => ke.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => Y.includes(e)), r = Y.filter((e) => !t.includes(e)).length, i = typeof p == "number" ? Math.max(0, Math.min(t.length, p - r)) : t.length;
+		let t = e.filter((e) => Oe.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => X.includes(e)), r = X.filter((e) => !t.includes(e)).length, i = typeof p == "number" ? Math.max(0, Math.min(t.length, p - r)) : t.length;
 		if (n.length > 0 && n.length >= i) {
-			Ve(Y.filter((e) => !t.includes(e)));
+			Le(X.filter((e) => !t.includes(e)));
 			return;
 		}
-		let a = [...Y];
+		let a = [...X];
 		for (let e of t) if (!a.includes(e)) {
 			if (typeof p == "number" && a.length >= p) break;
 			a.push(e);
 		}
-		Ve(a), m && (Ge(), Ce.current?.focus());
+		Le(a), m && (Be(), Se.current?.focus());
 	}, [
-		Ge,
+		Be,
 		m,
 		p,
 		l,
-		ke,
-		Y,
-		Ve
-	]), it = y(() => {
-		qe(""), ne?.(), Ce.current?.focus();
-	}, [ne, qe]), at = y(() => {
-		ze || Ee(!1), Ke();
-	}, [ze, Ke]), X = y((e) => {
-		Hr(e, ze) && Ee(!0), Je(e);
-	}, [ze, Je]), ot = y((e) => {
-		Ee(!0), We(e);
-	}, [We]), st = y((e) => {
-		me(e), te?.(e);
-	}, [te]), ct = Ae({
-		active: ze,
+		Oe,
+		X,
+		Le
+	]), $e = y(() => {
+		He(""), te?.(), Se.current?.focus();
+	}, [te, He]), et = y(() => {
+		Fe || Te(!1), Ve();
+	}, [Fe, Ve]), nt = y((e) => {
+		Hr(e, Fe) && Te(!0), Ue(e);
+	}, [Fe, Ue]), rt = y((e) => {
+		Te(!0), ze(e);
+	}, [ze]), it = y((e) => {
+		me(e), U?.(e);
+	}, [U]), at = tt({
+		active: Fe,
 		id: fe,
 		zIndexLevel: "dropdown",
 		closeOnEscape: !0,
 		closeOnOutsidePress: !0,
-		contentRef: we,
-		ignoreRefs: [Ce],
-		requestClose: Ge
+		contentRef: Ce,
+		ignoreRefs: [Se],
+		requestClose: Be
 	});
 	x(() => {
-		ze || Ee(!1);
-	}, [ze]), x(() => {
-		!ze && pe && me("");
-	}, [ze, pe]), Fe({
-		active: ze,
+		Fe || Te(!1);
+	}, [Fe]), x(() => {
+		!Fe && pe && me("");
+	}, [Fe, pe]), ot({
+		active: Fe,
 		enabled: P
 	});
-	let lt = y((e) => {
-		Ce.current = e, et(e);
-	}, [et]), ut = y((e) => {
-		we.current = e, tt(e);
-	}, [tt]), dt = w(() => G ? G({
+	let st = y((e) => {
+		Se.current = e, Ye(e);
+	}, [Ye]), ct = y((e) => {
+		Ce.current = e, Xe(e);
+	}, [Xe]), ut = w(() => G ? G({
 		multiple: l,
-		option: Ye,
-		options: Xe,
-		value: Qe,
-		values: Y
-	}) : l && Xe.length ? Xe.map((e) => e.label).join(", ") : Ye?.label ?? h, [
+		option: We,
+		options: Ge,
+		value: qe,
+		values: X
+	}) : l && Ge.length ? Ge.map((e) => e.label).join(", ") : We?.label ?? h, [
 		l,
 		h,
 		G,
-		Ye,
-		Xe,
-		Y,
-		Qe
-	]), ft = g ?? "No options available", pt = j && Y.length > 0 && !be && !A, mt = w(() => ({
-		...$e,
-		zIndex: ct.zIndex
-	}), [ct.zIndex, $e]), ht = w(() => ({
+		We,
+		Ge,
+		X,
+		qe
+	]), dt = g ?? "No options available", ft = j && X.length > 0 && !Y && !A, pt = w(() => ({
+		...Je,
+		zIndex: at.zIndex
+	}), [at.zIndex, Je]), ht = w(() => ({
 		id: J,
-		describedBy: Se || void 0,
+		describedBy: xe || void 0,
 		labelledBy: o ? void 0 : c,
-		isOpen: ze,
-		disabled: be,
-		required: xe,
+		isOpen: Fe,
+		disabled: Y,
+		required: be,
 		listboxId: fe,
-		activeIndex: Ue,
-		ariaLabel: o ?? (!n && !ue?.labelId ? Ye?.label || h : void 0),
+		activeIndex: Re,
+		ariaLabel: o ?? (!n && !de?.labelId ? We?.label || h : void 0),
 		error: ye,
 		loading: A,
-		displayText: dt,
-		isPlaceholder: !Ze,
+		displayText: ut,
+		isPlaceholder: !Ke,
 		size: ve,
 		color: b,
 		variant: C,
-		startIcon: re,
-		endIcon: U,
-		prefix: ie,
-		suffix: W,
-		clearable: pt,
+		startIcon: ne,
+		endIcon: re,
+		prefix: W,
+		suffix: ie,
+		clearable: ft,
 		className: ce,
-		buttonRef: lt,
-		onClear: it,
-		onClick: at,
-		onKeyDown: X,
+		buttonRef: st,
+		onClear: $e,
+		onClick: et,
+		onKeyDown: nt,
 		onBlur: ae,
 		onFocus: oe
 	}), [
-		Ue,
+		Re,
 		o,
 		c,
 		b,
-		Se,
-		U,
-		ue?.labelId,
-		it,
-		at,
-		X,
-		Ze,
-		be,
-		ye,
-		ze,
 		xe,
+		re,
+		de?.labelId,
+		$e,
+		et,
+		nt,
+		Ke,
+		Y,
+		ye,
+		Fe,
+		be,
 		n,
 		fe,
 		A,
 		ae,
 		oe,
 		h,
-		ie,
-		ve,
-		dt,
-		Ye?.label,
-		lt,
-		pt,
-		re,
 		W,
+		ve,
+		ut,
+		We?.label,
+		st,
+		ft,
+		ne,
+		ie,
 		ce,
 		J,
 		C
 	]), gt = w(() => ({
-		isOpen: ze,
+		isOpen: Fe,
 		listboxId: fe,
 		labelledById: J,
-		style: mt,
-		options: je,
-		entries: De || pe ? void 0 : Oe,
+		style: pt,
+		options: ke,
+		entries: Ee || pe ? void 0 : De,
 		multiple: l,
 		color: b,
 		variant: C,
-		searchable: De,
+		searchable: Ee,
 		command: F,
 		virtual: N,
 		portal: B,
 		searchValue: pe,
 		loading: A,
 		loadingText: _,
-		emptyText: ft,
+		emptyText: dt,
 		renderOption: K,
-		selectedValue: Qe,
-		selectedValues: Y,
-		activeIndex: Ue,
-		visualActiveIndex: Te ? Ue : -1,
-		className: q,
-		setDropdownRef: ut,
-		onSelect: nt,
-		onSelectGroup: rt,
-		onMouseEnter: ot,
-		onSearchChange: st
+		selectedValue: qe,
+		selectedValues: X,
+		activeIndex: Re,
+		visualActiveIndex: we ? Re : -1,
+		className: le,
+		setDropdownRef: ct,
+		onSelect: Ze,
+		onSelectGroup: Qe,
+		onMouseEnter: rt,
+		onSearchChange: it
 	}), [
-		Ue,
+		Re,
 		b,
 		F,
-		mt,
-		q,
-		ft,
-		je,
-		ot,
-		st,
-		nt,
+		pt,
+		le,
+		dt,
+		ke,
 		rt,
-		Te,
-		ze,
-		De,
+		it,
+		Ze,
+		Qe,
+		we,
+		Fe,
+		Ee,
 		fe,
 		A,
 		_,
 		l,
 		B,
 		K,
-		Oe,
+		De,
 		pe,
-		Y,
-		ut,
-		Qe,
+		X,
+		ct,
+		qe,
 		J,
 		C,
 		N
 	]), _t = w(() => ({
 		triggerProps: ht,
 		contentProps: gt
-	}), [gt, ht]), vt = w(() => /* @__PURE__ */ f(u, { children: [a && l && Y.length > 0 && /* @__PURE__ */ d(u, { children: Y.map((e) => /* @__PURE__ */ d("input", {
+	}), [gt, ht]), vt = w(() => /* @__PURE__ */ f(u, { children: [a && l && X.length > 0 && /* @__PURE__ */ d(u, { children: X.map((e) => /* @__PURE__ */ d("input", {
 		type: "hidden",
 		name: a,
 		value: e,
-		disabled: be
+		disabled: Y
 	}, e)) }), a && !l && /* @__PURE__ */ d("input", {
 		type: "hidden",
 		name: a,
-		value: Qe,
-		disabled: be
+		value: qe,
+		disabled: Y
 	})] }), [
-		be,
+		Y,
 		l,
 		a,
-		Y,
-		Qe
+		X,
+		qe
 	]);
 	return {
 		children: t,
@@ -3533,11 +3535,11 @@ function Vr(e) {
 		contextValue: _t,
 		description: r,
 		error: I,
-		hasCompoundLayout: w(() => Fr(t), [t]),
-		hasExternalField: !de && !!ue,
+		hasCompoundLayout: w(() => Cr(t), [t]),
+		hasExternalField: !q && !!de,
 		hiddenInputs: vt,
-		isDisabled: be,
-		isRequired: xe,
+		isDisabled: Y,
+		isRequired: be,
 		label: n,
 		resolvedSize: ve,
 		triggerId: J,
@@ -3552,7 +3554,7 @@ function Hr(e, t) {
 var Ur = (e) => {
 	let { children: t, className: n, contentProps: r, contextValue: i, description: a, error: o, hasCompoundLayout: s, hasExternalField: c, hiddenInputs: l, isDisabled: p, isRequired: m, label: h, resolvedSize: g, triggerId: _, triggerProps: v } = Vr(e), y = w(() => /* @__PURE__ */ f($n, {
 		value: i,
-		children: [l, s ? t : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(Mr, {}), /* @__PURE__ */ d(cr, { children: t })] })]
+		children: [l, s ? t : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(br, {}), /* @__PURE__ */ d(cr, { children: t })] })]
 	}), [
 		t,
 		i,
@@ -3562,7 +3564,7 @@ var Ur = (e) => {
 		value: i,
 		children: [
 			l,
-			/* @__PURE__ */ d(Nr, { ...v }),
+			/* @__PURE__ */ d(xr, { ...v }),
 			/* @__PURE__ */ d(lr, { ...r })
 		]
 	}), [
@@ -3571,7 +3573,7 @@ var Ur = (e) => {
 		l,
 		v
 	]);
-	return c ? t ? y : b : /* @__PURE__ */ d(jr, {
+	return c ? t ? y : b : /* @__PURE__ */ d(Br, {
 		id: _,
 		label: h,
 		description: a,
@@ -3599,7 +3601,7 @@ var Wr = ({ placeholder: e, className: t }) => {
 		className: sr.searchWrap,
 		children: [/* @__PURE__ */ d("input", {
 			ref: r,
-			className: U(sr.search, t),
+			className: W(sr.search, t),
 			value: i,
 			placeholder: e ?? (n.command ? "Type a command..." : "Search..."),
 			"aria-label": "Search options",
@@ -3612,7 +3614,7 @@ var Wr = ({ placeholder: e, className: t }) => {
 			onClick: () => {
 				n.onSearchChange?.(""), r.current?.focus();
 			},
-			children: /* @__PURE__ */ d(ne, {})
+			children: /* @__PURE__ */ d(j, {})
 		})]
 	});
 };
@@ -3626,9 +3628,9 @@ nr(Gr, "separator"), Gr.displayName = "Select.Separator";
 var Kr = ({ children: e, className: t }) => {
 	let { triggerProps: n } = er();
 	return /* @__PURE__ */ d("span", {
-		className: U(Z.valueWrap, t),
+		className: W(Z.valueWrap, t),
 		children: /* @__PURE__ */ d("span", {
-			className: U(Z.value, { [Z.placeholder]: n.isPlaceholder }),
+			className: W(Z.value, { [Z.placeholder]: n.isPlaceholder }),
 			children: e ?? n.displayText
 		})
 	});
@@ -3637,7 +3639,7 @@ nr(Kr, "value"), Kr.displayName = "Select.Value";
 //#endregion
 //#region src/components/Select/Select.tsx
 var qr = Object.assign(Ur, {
-	Trigger: Mr,
+	Trigger: br,
 	Value: Kr,
 	Icon: mr,
 	Content: cr,
@@ -3678,7 +3680,7 @@ var Jr = g(null), Yr = () => {
 		tabIndex: 0,
 		"data-state": p ? "active" : "inactive",
 		"data-orientation": o,
-		className: U(Xr.panel, p && Xr.visible, o === "vertical" && Xr.vertical, n),
+		className: W(Xr.panel, p && Xr.visible, o === "vertical" && Xr.vertical, n),
 		children: t
 	}) : null;
 };
@@ -3826,7 +3828,7 @@ var Qr = 8, $r = 360, ei = () => {
 		...n,
 		ref: r,
 		"aria-hidden": "true",
-		className: U(ti.indicator, e),
+		className: W(ti.indicator, e),
 		style: {
 			...i,
 			...t
@@ -3845,7 +3847,7 @@ var ri = ({ children: e, className: t, scrollable: n, ...r }) => {
 		"data-orientation": a,
 		"data-variant": o,
 		"data-scrollable": s ? "" : void 0,
-		className: U(ti.list, a === "vertical" && ti.vertical, o === "line" && ti.line, o === "pills" && ti.pills, o === "segmented" && ti.segmented, s && ti.scrollable, t),
+		className: W(ti.list, a === "vertical" && ti.vertical, o === "line" && ti.line, o === "pills" && ti.pills, o === "segmented" && ti.segmented, s && ti.scrollable, t),
 		children: e
 	});
 };
@@ -3925,7 +3927,7 @@ var ii = (e) => [...e].sort((e, t) => {
 	tabs: "_tabs_1hj56_1",
 	vertical: "_vertical_1hj56_30"
 }, ci = ({ children: e, value: t, defaultValue: n, onValueChange: r, orientation: i = "horizontal", activationMode: a = "automatic", dir: o = "ltr", loop: s = !0, mode: c = "tabs", variant: l = "line", color: u = "primary", size: f = "md", keepMounted: p = !1, lazyMount: m = !1, disabled: h = !1, className: g, ..._ }) => {
-	let v = S(), b = t !== void 0, { value: C, setValue: w } = Ue({
+	let v = S(), b = t !== void 0, { value: C, setValue: w } = ht({
 		value: t,
 		defaultValue: n,
 		onValueChange: r
@@ -4012,7 +4014,7 @@ var ii = (e) => [...e].sort((e, t) => {
 		value: z,
 		children: /* @__PURE__ */ d("div", {
 			..._,
-			className: U(si.tabs, i === "vertical" && si.vertical, g),
+			className: W(si.tabs, i === "vertical" && si.vertical, g),
 			"data-mode": c,
 			"data-orientation": i,
 			dir: o,
@@ -4041,14 +4043,14 @@ var li = {
 	pills: "_pills_1xafk_228",
 	vertical: "_vertical_1xafk_256"
 }, ui = ({ children: e, className: t }) => /* @__PURE__ */ d("span", {
-	className: U(li.badge, t),
+	className: W(li.badge, t),
 	children: e
 });
 ui.displayName = "Tabs.Badge";
 //#endregion
 //#region src/components/Tabs/Trigger/TabsIcon.tsx
 var di = ({ children: e, className: t }) => /* @__PURE__ */ d("span", {
-	className: U(li.icon, t),
+	className: W(li.icon, t),
 	"aria-hidden": "true",
 	children: e
 });
@@ -4058,27 +4060,27 @@ di.displayName = "Tabs.Icon";
 var fi = _(({ value: e, children: t, className: n, disabled: r = !1, asChild: i = !1, icon: a, badge: o, description: s, onClick: c, onKeyDown: l, ...m }, g) => {
 	let { value: _, focusedValue: b, setValue: x, setFocusedValue: S, mode: C, orientation: w, variant: T, size: E, disabled: D, registerTrigger: O, onTriggerKeyDown: k, getTriggerId: A, getContentId: j } = Yr(), M = D || r, N = _ === e, P = b === e || !b && N, F = i && v(t) ? t : void 0, I = F ? F.props.children : t, L = p.toArray(I), R = L.some((e) => v(e) && e.type.displayName === "Tabs.Icon"), z = !!a, B = (z || R) && I == null;
 	process.env.NODE_ENV !== "production" && z && R && console.warn(`Tabs.Trigger value "${e}" received both icon and Tabs.Icon. Tabs.Icon takes precedence.`);
-	let ee = y((t) => {
+	let V = y((t) => {
 		O(e, t, M), typeof g == "function" ? g(t) : g && (g.current = t);
 	}, [
 		M,
 		g,
 		O,
 		e
-	]), V = z && !R || o || s, H = L.every((e) => typeof e == "string" || typeof e == "number"), te = U(li.trigger, li[T], li[E], w === "vertical" && li.vertical, z && li.withIcon, B && li.iconOnly, n), ne = (t) => {
+	]), ee = z && !R || o || s, H = L.every((e) => typeof e == "string" || typeof e == "number"), U = W(li.trigger, li[T], li[E], w === "vertical" && li.vertical, z && li.withIcon, B && li.iconOnly, n), te = (t) => {
 		if (M) {
 			t.preventDefault();
 			return;
 		}
 		S(e), x(e);
-	}, re = (e) => {
+	}, ne = (e) => {
 		e.defaultPrevented || k(e);
 	};
 	return C === "navigation" && F ? h(F, {
 		...m,
-		ref: ee,
+		ref: V,
 		id: A(e),
-		className: U(F.props.className, te),
+		className: W(F.props.className, U),
 		"aria-current": N ? "page" : void 0,
 		"aria-disabled": M || void 0,
 		"data-state": N ? "active" : "inactive",
@@ -4088,10 +4090,10 @@ var fi = _(({ value: e, children: t, className: n, disabled: r = !1, asChild: i
 				e.preventDefault();
 				return;
 			}
-			ne(e);
+			te(e);
 		},
 		onKeyDown: (e) => {
-			F.props.onKeyDown?.(e), !e.defaultPrevented && re(e);
+			F.props.onKeyDown?.(e), !e.defaultPrevented && ne(e);
 		},
 		children: /* @__PURE__ */ f(u, { children: [
 			z && !R && /* @__PURE__ */ d("span", {
@@ -4099,7 +4101,7 @@ var fi = _(({ value: e, children: t, className: n, disabled: r = !1, asChild: i
 				"aria-hidden": "true",
 				children: a
 			}),
-			I != null && (V ? /* @__PURE__ */ f("span", {
+			I != null && (ee ? /* @__PURE__ */ f("span", {
 				className: li.body,
 				children: [/* @__PURE__ */ d("span", {
 					className: li.label,
@@ -4119,7 +4121,7 @@ var fi = _(({ value: e, children: t, className: n, disabled: r = !1, asChild: i
 		] })
 	}) : (process.env.NODE_ENV !== "production" && C === "tabs" && i && console.warn("Tabs.Trigger: asChild is only supported when Tabs mode=\"navigation\"."), process.env.NODE_ENV !== "production" && C === "navigation" && i && !F && console.warn("Tabs.Trigger: asChild requires a single valid React element child."), /* @__PURE__ */ f("button", {
 		...m,
-		ref: ee,
+		ref: V,
 		type: "button",
 		role: "tab",
 		id: A(e),
@@ -4130,12 +4132,12 @@ var fi = _(({ value: e, children: t, className: n, disabled: r = !1, asChild: i
 		"data-state": N ? "active" : "inactive",
 		"data-orientation": w,
 		"data-disabled": M ? "" : void 0,
-		className: te,
+		className: U,
 		onClick: (e) => {
-			c?.(e), !e.defaultPrevented && ne(e);
+			c?.(e), !e.defaultPrevented && te(e);
 		},
 		onKeyDown: (e) => {
-			l?.(e), !e.defaultPrevented && re(e);
+			l?.(e), !e.defaultPrevented && ne(e);
 		},
 		children: [
 			z && !R && /* @__PURE__ */ d("span", {
@@ -4143,7 +4145,7 @@ var fi = _(({ value: e, children: t, className: n, disabled: r = !1, asChild: i
 				"aria-hidden": "true",
 				children: a
 			}),
-			I != null && (V ? /* @__PURE__ */ f("span", {
+			I != null && (ee ? /* @__PURE__ */ f("span", {
 				className: li.body,
 				children: [/* @__PURE__ */ d("span", {
 					className: li.label,
@@ -4238,7 +4240,7 @@ var Si = {
 	return /* @__PURE__ */ f("div", {
 		...c,
 		ref: hi(o, s.setContentRef),
-		className: U(Si.tooltip, r),
+		className: W(Si.tooltip, r),
 		"data-placement": s.placement,
 		"data-state": s.open ? "open" : "closed",
 		style: {
@@ -4281,25 +4283,25 @@ function Ti(e, t) {
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipInteractions.ts
 function Ei({ context: e, delay: t, disabled: n, interactive: r }) {
-	let i = R(e, {
+	let i = H(e, {
 		delay: t,
 		enabled: !n,
 		move: !1,
 		handleClose: r ? void 0 : null
-	}), a = L(e, { enabled: !n });
-	return z([i, a]);
+	}), a = ee(e, { enabled: !n });
+	return U([i, a]);
 }
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipPosition.ts
 function Di({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions: i, matchTriggerWidth: a }) {
-	let o = T(null), s = je({
+	let o = T(null), s = nt({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		offset: r,
 		avoidCollisions: i,
 		matchTriggerWidth: a,
-		middleware: [A({ element: o })]
+		middleware: [F({ element: o })]
 	});
 	return {
 		...s,
@@ -4311,7 +4313,7 @@ function Di({ open: e, onOpenChange: t, placement: n, offset: r, avoidCollisions
 //#endregion
 //#region src/components/Tooltip/Root/TooltipRoot.tsx
 var Oi = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, placement: i = "top", offset: a = 8, delay: o, skipDelay: s, disabled: c = !1, interactive: l = !1, avoidCollisions: u = !0, matchTriggerWidth: f = !1 }) => {
-	let p = `${S()}-content`, m = T(null), h = T(null), [g, _] = Y({
+	let p = `${S()}-content`, m = T(null), h = T(null), [g, _] = ut({
 		value: t,
 		defaultValue: n,
 		onChange: r
@@ -4329,7 +4331,7 @@ var Oi = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, placemen
 		delay: b,
 		disabled: c,
 		interactive: l
-	}), C = Ae({
+	}), C = tt({
 		active: g,
 		id: p,
 		zIndexLevel: "tooltip",
@@ -4375,7 +4377,7 @@ var ki = ({ asChild: e = !1, children: t, disabled: n = !1, className: r, ...i }
 	}), l = {
 		...c,
 		ref: o ? hi(o.props.ref, a.setTriggerRef) : a.setTriggerRef,
-		className: U(o?.props.className, r),
+		className: W(o?.props.className, r),
 		disabled: s || void 0,
 		onMouseEnter: mi(o?.props.onMouseEnter, c.onMouseEnter),
 		onMouseLeave: mi(o?.props.onMouseLeave, c.onMouseLeave),
@@ -4428,18 +4430,18 @@ var ji = {
 	badge: "_badge_tqwey_799",
 	shortcut: "_shortcut_tqwey_813"
 }, Mi = _(({ children: e, color: t = "primary", appearance: n = "solid", size: r = "md", shape: i = "pill", type: a = "button", disabled: o = !1, loading: s = !1, loadingText: c, iconStart: l, iconEnd: p, spinner: m, badge: g, shortcut: _, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, style: w, onClick: T, "aria-label": E, "aria-labelledby": D, href: O, target: k, rel: A, download: j, id: M, role: N, tabIndex: P, ...F }, I) => {
-	let L = S && v(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(l || p), ee = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = o || s, H = B[r], te = {
-		"--button-height": `${H.height}px`,
-		"--button-font-size": `${H.fontSize}px`,
-		"--button-line-height": `${H.lineHeight}px`,
-		"--icon-size": `${H.iconSize}px`
-	}, ne = s && c ? c : R, re = c && R && !z && (typeof R == "string" || typeof R == "number") && (typeof c == "string" || typeof c == "number") ? String(s ? R : c) : void 0, ie = k === "_blank" && !A ? "noreferrer noopener" : A, W = U(ji.button, ji[t], ji[n], ji[r], ji[i], C, {
+	let L = S && v(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(l || p), B = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = o || s, ee = te[r], H = {
+		"--button-height": `${ee.height}px`,
+		"--button-font-size": `${ee.fontSize}px`,
+		"--button-line-height": `${ee.lineHeight}px`,
+		"--icon-size": `${ee.iconSize}px`
+	}, U = s && c ? c : R, ne = c && R && !z && (typeof R == "string" || typeof R == "number") && (typeof c == "string" || typeof c == "number") ? String(s ? R : c) : void 0, re = k === "_blank" && !A ? "noreferrer noopener" : A, ie = W(ji.button, ji[t], ji[n], ji[r], ji[i], C, {
 		[ji.disabled]: V,
 		[ji.loading]: s,
 		[ji.fullWidth]: b,
 		[ji.iconOnly]: z
 	});
-	at(!S || !O, "Button: pass href to the child element when using asChild."), at(!S || !!L, "Button: asChild requires a single valid React element child."), at(!z || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
+	be(!S || !O, "Button: pass href to the child element when using asChild."), be(!S || !!L, "Button: asChild requires a single valid React element child."), be(!z || B, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
 	let G = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}, K = (e) => {
@@ -4461,12 +4463,12 @@ var ji = {
 			className: ji.icon,
 			children: l
 		}),
-		ne && !z && /* @__PURE__ */ d("span", {
+		U && !z && /* @__PURE__ */ d("span", {
 			className: ji.label,
-			"data-measure": re,
+			"data-measure": ne,
 			children: /* @__PURE__ */ d("span", {
 				className: ji.labelText,
-				children: ne
+				children: U
 			})
 		}),
 		g && !z && /* @__PURE__ */ d("span", {
@@ -4486,7 +4488,7 @@ var ji = {
 		...F,
 		ref: I,
 		style: {
-			...te,
+			...H,
 			...L.props.style,
 			...w
 		},
@@ -4494,7 +4496,7 @@ var ji = {
 		"aria-disabled": V || void 0,
 		"aria-label": E || L.props["aria-label"] || void 0,
 		"aria-labelledby": D || L.props["aria-labelledby"] || void 0,
-		className: U(L.props.className, W),
+		className: W(L.props.className, ie),
 		href: V ? void 0 : L.props.href,
 		onClick: K,
 		tabIndex: V ? -1 : L.props.tabIndex,
@@ -4507,17 +4509,17 @@ var ji = {
 		role: N,
 		tabIndex: V ? -1 : P,
 		target: k,
-		rel: ie,
+		rel: re,
 		download: j,
 		onClick: V ? G : T,
 		"aria-disabled": V || void 0,
 		"aria-label": E || void 0,
 		"aria-labelledby": D || void 0,
 		"aria-busy": s || void 0,
-		className: W,
+		className: ie,
 		title: y,
 		style: {
-			...te,
+			...H,
 			...w
 		},
 		children: ae
@@ -4533,10 +4535,10 @@ var ji = {
 		"aria-label": E || void 0,
 		"aria-labelledby": D || void 0,
 		"aria-busy": s || void 0,
-		className: W,
+		className: ie,
 		title: y,
 		style: {
-			...te,
+			...H,
 			...w
 		},
 		children: ae
@@ -4597,63 +4599,63 @@ var Q = {
 	warning: Q.colorWarning,
 	danger: Q.colorDanger
 }, Li = _(({ id: e, label: t, description: n, icon: r, indeterminateIcon: i, checked: a, size: o = "md", color: s = "primary", labelPosition: c = "end", defaultChecked: l = !1, disabled: u = !1, required: p = !1, indeterminate: m = !1, className: h, wrapperClassName: g, onCheckedChange: _, error: v, "aria-label": b, "aria-labelledby": C, "aria-describedby": w, ...E }, D) => {
-	let O = S(), k = e ?? O, A = T(null), j = !!v, M = n ? `${k}-description` : void 0, N = j ? `${k}-error` : void 0, P = [
+	let k = S(), A = e ?? k, j = T(null), M = !!v, N = n ? `${A}-description` : void 0, P = M ? `${A}-error` : void 0, F = [
 		w,
-		M,
-		N
-	].filter(Boolean).join(" "), [F, I] = Y({
+		N,
+		P
+	].filter(Boolean).join(" "), [I, L] = ut({
 		value: a,
 		defaultValue: l,
 		onChange: _
-	}), L = y((e) => {
-		if (A.current = e, typeof D == "function") {
+	}), R = y((e) => {
+		if (j.current = e, typeof D == "function") {
 			D(e);
 			return;
 		}
 		D && (D.current = e);
 	}, [D]);
 	x(() => {
-		A.current && (A.current.indeterminate = m);
+		j.current && (j.current.indeterminate = m);
 	}, [m]);
-	let R = (e) => {
-		I(e.target.checked);
+	let z = (e) => {
+		L(e.target.checked);
 	};
-	return at(!!(t || b || C), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ f("div", {
-		className: U(Q.container, Fi[o], c === "start" && Q.containerLabelStart, h),
+	return be(!!(t || b || C), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ f("div", {
+		className: W(Q.container, Fi[o], c === "start" && Q.containerLabelStart, h),
 		children: [
 			/* @__PURE__ */ f("label", {
-				htmlFor: k,
-				className: U(Q.wrapper, Pi[o], Ii[s], c === "start" && Q.labelStart, !t && Q.iconOnly, u && Q.disabled, g),
+				htmlFor: A,
+				className: W(Q.wrapper, Pi[o], Ii[s], c === "start" && Q.labelStart, !t && Q.iconOnly, u && Q.disabled, g),
 				children: [
 					/* @__PURE__ */ d("input", {
 						...E,
-						ref: L,
-						id: k,
+						ref: R,
+						id: A,
 						type: "checkbox",
-						checked: F,
+						checked: I,
 						disabled: u,
 						required: p,
-						onChange: R,
+						onChange: z,
 						className: Q.input,
 						"aria-label": b,
 						"aria-labelledby": C,
 						"aria-checked": m ? "mixed" : E["aria-checked"],
-						"aria-invalid": j ? !0 : E["aria-invalid"],
-						"aria-describedby": P || void 0
+						"aria-invalid": M ? !0 : E["aria-invalid"],
+						"aria-describedby": F || void 0
 					}),
 					/* @__PURE__ */ d("span", {
-						className: U(Q.customCheckbox, j && Q.error, m && Q.indeterminate),
+						className: W(Q.customCheckbox, M && Q.error, m && Q.indeterminate),
 						"aria-hidden": "true",
 						children: m ? /* @__PURE__ */ d("span", {
-							className: U(Q.indeterminateMark, i && Q.customMark),
+							className: W(Q.indeterminateMark, i && Q.customMark),
 							children: i
-						}) : F && /* @__PURE__ */ d("span", {
+						}) : I && /* @__PURE__ */ d("span", {
 							className: Q.checkmark,
-							children: r ?? /* @__PURE__ */ d(V, {})
+							children: r ?? /* @__PURE__ */ d(O, {})
 						})
 					}),
 					t && /* @__PURE__ */ f("span", {
-						className: U(Q.label, Ni[o]),
+						className: W(Q.label, Ni[o]),
 						children: [t, p && /* @__PURE__ */ d("span", {
 							className: Q.requiredMark,
 							"aria-hidden": "true",
@@ -4663,12 +4665,12 @@ var Q = {
 				]
 			}),
 			n && /* @__PURE__ */ d("span", {
-				id: M,
+				id: N,
 				className: Q.descriptionText,
 				children: n
 			}),
-			j && /* @__PURE__ */ d("span", {
-				id: N,
+			M && /* @__PURE__ */ d("span", {
+				id: P,
 				className: Q.errorText,
 				children: v
 			})
@@ -4747,136 +4749,136 @@ var $ = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, Vi = (e, t) => t ? typeof t == "function" ? t(e) : Bi(e, t) : e, Hi = _(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: o, type: s = "text", size: c, color: l = "primary", variant: p = "outline", error: m, invalid: h = !1, disabled: g = !1, required: _ = !1, loading: v = !1, className: b, style: x, wrapperClassName: C, autoComplete: w, 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: z, mask: ee, format: V, parse: H, startIconTone: te = "default", endIconTone: ne = "default", clearIconTone: ie = "danger", autoFocus: W, maxLength: G, onMouseEnter: K, onMouseLeave: ae, "aria-describedby": oe, "aria-invalid": se, "aria-labelledby": ce, ...q }, le) => {
-	let ue = S(), de = xr(), J = !!(t || r || m), fe = e ?? (J ? void 0 : de?.controlId) ?? ue, pe = T(null), [me, he] = E(!1), [ge, _e] = E(o ?? ""), ve = a !== void 0, ye = String((ve ? a : ge) ?? ""), be = V ? V(ye) : ye, xe = ye.length > 0, Se = c ?? de?.size ?? "md", Ce = B[Se], we = {
-		"--input-height": `${Ce.height}px`,
-		"--input-font-size": `${Ce.fontSize}px`,
-		"--input-line-height": `${Ce.lineHeight}px`,
-		"--input-icon-size": `${Ce.iconSize}px`
-	}, Te = h || !!m || !J && !!de?.invalid, Ee = g || !J && !!de?.disabled, De = _ || !J && !!de?.required, Oe = D || v, ke = s === "password", Ae = ke && j && me ? "text" : s, je = N ?? (s === "search" ? /* @__PURE__ */ d(re, {}) : null), Me = P, Ne = zi(s, w), Pe = v && !Ee, Fe = O && xe && !Ee && !Oe && !Pe, Ie = j && ke && !Ee && !Pe && !Fe, Le = !Pe && !Fe && !Ie && !!Me, Re = !!(M && G), Y = r ? `${fe}-description` : void 0, ze = m ? `${fe}-error` : void 0, Be = Re ? `${fe}-counter` : void 0, Ve = [
+}, Vi = (e, t) => t ? typeof t == "function" ? t(e) : Bi(e, t) : e, Hi = _(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: o, type: s = "text", size: c, color: l = "primary", variant: p = "outline", error: m, invalid: h = !1, disabled: g = !1, required: _ = !1, loading: v = !1, className: b, style: x, wrapperClassName: C, autoComplete: w, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: N = !1, startIcon: P, endIcon: F, startAddon: I, endAddon: L, prefix: R, suffix: z, clearIcon: B, mask: V, format: ee, parse: H, startIconTone: U = "default", endIconTone: ne = "default", clearIconTone: re = "danger", autoFocus: ie, maxLength: G, onMouseEnter: K, onMouseLeave: ae, "aria-describedby": oe, "aria-invalid": se, "aria-labelledby": ce, ...le }, ue) => {
+	let de = S(), q = Ar(), J = !!(t || r || m), fe = e ?? (J ? void 0 : q?.controlId) ?? de, pe = T(null), [me, he] = E(!1), [ge, _e] = E(o ?? ""), ve = a !== void 0, ye = String((ve ? a : ge) ?? ""), Y = ee ? ee(ye) : ye, be = ye.length > 0, xe = c ?? q?.size ?? "md", Se = te[xe], Ce = {
+		"--input-height": `${Se.height}px`,
+		"--input-font-size": `${Se.fontSize}px`,
+		"--input-line-height": `${Se.lineHeight}px`,
+		"--input-icon-size": `${Se.iconSize}px`
+	}, we = h || !!m || !J && !!q?.invalid, Te = g || !J && !!q?.disabled, Ee = _ || !J && !!q?.required, De = D || v, Oe = s === "password", ke = Oe && j && me ? "text" : s, Ae = P ?? (s === "search" ? /* @__PURE__ */ d(M, {}) : null), je = F, Me = zi(s, w), Ne = v && !Te, Pe = O && be && !Te && !De && !Ne, X = j && Oe && !Te && !Ne && !Pe, Fe = !Ne && !Pe && !X && !!je, Ie = !!(N && G), Le = r ? `${fe}-description` : void 0, Re = m ? `${fe}-error` : void 0, ze = Ie ? `${fe}-counter` : void 0, Be = [
 		oe,
-		!J && !oe ? de?.ariaDescribedBy : void 0,
-		Y,
-		ze,
-		Be
-	].filter(Boolean).join(" "), He = z ?? "×", Ue = !!(je || L), We = !!(Me || R || Fe || Ie || Pe), Ge = !!(je && L), Ke = !!(Me && R), qe = !!(F || I), Je = y((e) => {
-		if (pe.current = e, typeof le == "function") {
-			le(e);
+		!J && !oe ? q?.ariaDescribedBy : void 0,
+		Le,
+		Re,
+		ze
+	].filter(Boolean).join(" "), Ve = B ?? "×", He = !!(Ae || R), Ue = !!(je || z || Pe || X || Ne), We = !!(Ae && R), Ge = !!(je && z), Ke = !!(I || L), qe = y((e) => {
+		if (pe.current = e, typeof ue == "function") {
+			ue(e);
 			return;
 		}
-		le && (le.current = e);
-	}, [le]), Ye = y((e) => {
-		let t = Vi(H ? H(e.target.value) : e.target.value, ee);
+		ue && (ue.current = e);
+	}, [ue]), Je = y((e) => {
+		let t = Vi(H ? H(e.target.value) : e.target.value, V);
 		ve || _e(t), A?.(t);
 	}, [
 		ve,
-		ee,
+		V,
 		A,
 		H
-	]), Xe = y(() => {
+	]), Ye = y(() => {
 		ve || _e(""), A?.(""), k?.(), pe.current?.focus();
 	}, [
 		ve,
 		k,
 		A
-	]), Ze = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
-		className: U($.inputGroup, $[p], $[l], {
-			[$.hasAddons]: qe,
-			[$.isDisabled]: Ee,
-			[$.isInvalid]: Te,
-			[$.isLoading]: Pe
+	]), Xe = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+		className: W($.inputGroup, $[p], $[l], {
+			[$.hasAddons]: Ke,
+			[$.isDisabled]: Te,
+			[$.isInvalid]: we,
+			[$.isLoading]: Ne
 		}),
 		children: [
-			F && /* @__PURE__ */ d("span", {
+			I && /* @__PURE__ */ d("span", {
 				className: $.addon,
-				children: F
+				children: I
 			}),
 			/* @__PURE__ */ f("div", {
-				className: U($.inputWrapper, {
-					[$.hasLeftAdornment]: Ue,
-					[$.hasRightAdornment]: We,
-					[$.hasStartIconAndPrefix]: Ge,
-					[$.hasEndIconAndSuffix]: Ke
+				className: W($.inputWrapper, {
+					[$.hasLeftAdornment]: He,
+					[$.hasRightAdornment]: Ue,
+					[$.hasStartIconAndPrefix]: We,
+					[$.hasEndIconAndSuffix]: Ge
 				}),
 				children: [
-					je && /* @__PURE__ */ d("span", {
+					Ae && /* @__PURE__ */ d("span", {
 						"aria-hidden": "true",
-						className: U($.startAdornment, Ri[te]),
-						children: je
+						className: W($.startAdornment, Ri[U]),
+						children: Ae
 					}),
-					L && /* @__PURE__ */ d("span", {
+					R && /* @__PURE__ */ d("span", {
 						className: $.prefix,
-						children: L
+						children: R
 					}),
 					/* @__PURE__ */ d("input", {
-						...q,
-						ref: Je,
+						...le,
+						ref: qe,
 						id: fe,
 						name: n,
-						type: Ae,
-						autoComplete: Ne,
-						className: U($.input, $[Se], { [$.error]: Te }, b),
+						type: ke,
+						autoComplete: Me,
+						className: W($.input, $[xe], { [$.error]: we }, b),
 						style: {
-							...we,
+							...Ce,
 							...x
 						},
-						value: be,
-						onChange: Ye,
+						value: Y,
+						onChange: Je,
 						placeholder: i,
-						disabled: Ee,
-						readOnly: Oe,
-						required: De,
-						autoFocus: W,
+						disabled: Te,
+						readOnly: De,
+						required: Ee,
+						autoFocus: ie,
 						maxLength: G,
-						"aria-invalid": Te ? !0 : se,
-						"aria-labelledby": ce ?? (J ? void 0 : de?.ariaLabelledBy),
-						"aria-describedby": Ve || void 0,
+						"aria-invalid": we ? !0 : se,
+						"aria-labelledby": ce ?? (J ? void 0 : q?.ariaLabelledBy),
+						"aria-describedby": Be || void 0,
 						"aria-busy": v || void 0,
 						onMouseEnter: K,
 						onMouseLeave: ae
 					}),
-					R && /* @__PURE__ */ d("span", {
+					z && /* @__PURE__ */ d("span", {
 						className: $.suffix,
-						children: R
+						children: z
 					}),
 					/* @__PURE__ */ f("div", {
 						className: $.endSlot,
 						children: [
-							Pe && /* @__PURE__ */ d("span", {
+							Ne && /* @__PURE__ */ d("span", {
 								className: $.spinner,
 								"aria-hidden": "true",
 								"data-testid": "input-spinner"
 							}),
-							Ie && /* @__PURE__ */ d("button", {
+							X && /* @__PURE__ */ d("button", {
 								type: "button",
 								className: $.iconButton,
 								onClick: () => he((e) => !e),
 								"aria-label": me ? "Hide password" : "Show password",
 								children: me ? "Hide" : "Show"
 							}),
-							Fe && /* @__PURE__ */ d("button", {
+							Pe && /* @__PURE__ */ d("button", {
 								type: "button",
-								className: U($.clearButton, Ri[ie]),
-								onClick: Xe,
+								className: W($.clearButton, Ri[re]),
+								onClick: Ye,
 								"aria-label": "Clear input",
-								children: He
+								children: Ve
 							}),
-							Le && Me && /* @__PURE__ */ d("span", {
+							Fe && je && /* @__PURE__ */ d("span", {
 								"aria-hidden": "true",
-								className: U($.endAdornment, Ri[ne]),
-								children: Me
+								className: W($.endAdornment, Ri[ne]),
+								children: je
 							})
 						]
 					})
 				]
 			}),
-			I && /* @__PURE__ */ d("span", {
+			L && /* @__PURE__ */ d("span", {
 				className: $.addon,
-				children: I
+				children: L
 			})
 		]
-	}), Re && /* @__PURE__ */ f("div", {
-		id: Be,
+	}), Ie && /* @__PURE__ */ f("div", {
+		id: ze,
 		className: $.counter,
 		children: [
 			ye.length,
@@ -4884,25 +4886,25 @@ var $ = {
 			G
 		]
 	})] });
-	return !J && de ? Ze : /* @__PURE__ */ d(jr, {
+	return !J && q ? Xe : /* @__PURE__ */ d(Br, {
 		id: fe,
 		label: t,
 		description: r,
 		error: m,
-		required: De,
-		disabled: Ee,
-		invalid: Te,
-		size: Se,
+		required: Ee,
+		disabled: Te,
+		invalid: we,
+		size: xe,
 		className: C,
 		bindControl: !1,
-		children: Ze
+		children: Xe
 	});
 });
 Hi.displayName = "Input";
 //#endregion
 //#region src/theme/ThemeContext.ts
 var Ui = g(null), Wi = (e) => e === "highContrast" ? "high-contrast" : e, Gi = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, syncDocument: r = !0, children: i }) => {
-	let [a, o] = Y({
+	let [a, o] = ut({
 		value: e,
 		defaultValue: t,
 		onChange: n
@@ -4939,4 +4941,4 @@ function Ki() {
 	return e;
 }
 //#endregion
-export { Mi as Button, Li as Checkbox, Vt as Dropdown, jr as FormField, Hi as Input, _n as Modal, In as Popover, Ke as Portal, Ge as PortalProvider, Hn as Radio, Zn as RadioGroup, qr as Select, pi as Tabs, Gi as ThemeProvider, Ai as Tooltip, Ki as useTheme };
+export { Mi as Button, Li as Checkbox, Vt as Dropdown, Br as FormField, Hi as Input, _n as Modal, In as Popover, vt as Portal, _t as PortalProvider, Hn as Radio, Zn as RadioGroup, qr as Select, pi as Tabs, Gi as ThemeProvider, Ai as Tooltip, Ki as useTheme };