@vellira-ui/react 2.35.1 → 2.37.0

package/dist/index.js

@@ -1,127 +1,148 @@
-import { Children as e, Fragment as t, cloneElement as n, createContext as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "clsx";
-import { createPortal as m } from "react-dom";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import e from "clsx";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Children as i, Fragment as a, cloneElement as o, createContext as s, forwardRef as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
+import { createPortal as _ } from "react-dom";
 import { Check as v, ChevronDown as y, ChevronRight as b, Close as x, Search as S } from "@vellira-ui/icons";
-import { FloatingPortal as C, arrow as w, autoUpdate as T, flip as E, offset as D, shift as O, size as k, useFloating as A, useFocus as j, useHover as M, useInteractions as N } from "@floating-ui/react";
-import { useControllableState as P, useDropdown as F, useModal as I, useSelect as L, useTabs as R, useTabsKeyboard as ee } from "@vellira-ui/core";
-import z from "focus-trap-react";
+import { arrow as C, autoUpdate as w, flip as T, offset as E, shift as D, size as O, useFloating as k, useFocus as A, useHover as j, useInteractions as M } from "@floating-ui/react";
+//#region src/utils/cn.ts
+var N = (...t) => e(t), P = { arrow: "_arrow_8b0vb_1" }, F = ({ className: e }) => /* @__PURE__ */ n("span", {
+	"aria-hidden": "true",
+	className: N(P.arrow, e)
+});
+F.__velliraDropdownPart = "arrow", F.displayName = "Dropdown.Arrow";
+//#endregion
 //#region src/components/Dropdown/internal/DropdownCollection.ts
-function B(e, t) {
+function I(e, t) {
 	let n = () => null;
 	return n.__velliraDropdownPart = e, n.displayName = t, n;
 }
-function te(t) {
-	let n = 0, r, i, o = [], s = [], c = (e) => `${e}-${n++}`;
-	function l(e) {
-		s.push(e), o.push({
+function L(e) {
+	let t = 0, n, r, a, o, s = [], c = [], u = (e) => `${e}-${t++}`;
+	function d(e) {
+		c.push(e), s.push({
 			type: "item",
 			item: e,
-			itemIndex: s.length - 1
+			itemIndex: c.length - 1
 		});
 	}
-	function u(t, n = {}) {
-		e.forEach(t, (e) => {
-			if (a(e)) switch (e.type.__velliraDropdownPart) {
+	function f(e, t = {}) {
+		i.forEach(e, (e) => {
+			if (!l(e)) return;
+			let i = e.type;
+			if (i.__velliraPortal) {
+				a = e, f(e.props.children, t);
+				return;
+			}
+			switch (i.__velliraDropdownPart) {
 				case "trigger":
-					r = e;
+					n = e;
 					return;
 				case "content":
-					i = e, u(e.props.children, n);
+					r = e, f(e.props.children, t);
+					return;
+				case "search":
+					o = e;
+					return;
+				case "arrow":
+					s.push({
+						type: "arrow",
+						id: u("arrow"),
+						props: e.props
+					});
 					return;
 				case "group": {
-					let t = c("group"), r = e.props;
-					o.push({
+					let n = u("group"), r = e.props;
+					s.push({
 						type: "groupStart",
-						id: t,
+						id: n,
 						props: r
-					}), u(r.children, n), o.push({
+					}), f(r.children, t), s.push({
 						type: "groupEnd",
-						id: t
+						id: n
 					});
 					return;
 				}
 				case "label":
-					o.push({
+					s.push({
 						type: "label",
-						id: c("label"),
+						id: u("label"),
 						props: e.props
 					});
 					return;
 				case "separator":
-					o.push({
+					s.push({
 						type: "separator",
-						id: c("separator"),
+						id: u("separator"),
 						props: e.props
 					});
 					return;
 				case "empty":
-					o.push({
+					s.push({
 						type: "empty",
-						id: c("empty"),
+						id: u("empty"),
 						props: e.props
 					});
 					return;
 				case "loading":
-					o.push({
+					s.push({
 						type: "loading",
-						id: c("loading"),
+						id: u("loading"),
 						props: e.props
 					});
 					return;
 				case "item": {
 					let t = e.props;
-					l({
+					d({
 						type: "item",
-						id: c("item"),
+						id: u("item"),
 						props: t,
-						label: ie(t.children),
+						label: ee(t.children),
 						disabled: t.disabled
 					});
 					return;
 				}
 				case "checkboxItem": {
 					let t = e.props;
-					l({
+					d({
 						type: "checkbox",
-						id: c("checkbox"),
+						id: u("checkbox"),
 						props: t,
-						label: ie(t.children),
+						label: ee(t.children),
 						disabled: t.disabled
 					});
 					return;
 				}
 				case "radioGroup": {
-					let t = e.props, r = c("radio-group");
-					u(t.children, {
-						...n,
+					let n = e.props, r = u("radio-group");
+					f(n.children, {
+						...t,
 						radioGroupId: r,
-						radioGroupProps: t
+						radioGroupProps: n
 					});
 					return;
 				}
 				case "radioItem": {
-					let t = e.props;
-					l({
+					let n = e.props;
+					d({
 						type: "radio",
-						id: c("radio"),
-						props: t,
-						groupId: n.radioGroupId ?? c("radio-group"),
-						groupProps: n.radioGroupProps,
-						label: ie(t.children),
-						disabled: t.disabled
+						id: u("radio"),
+						props: n,
+						groupId: t.radioGroupId ?? u("radio-group"),
+						groupProps: t.radioGroupProps,
+						label: ee(n.children),
+						disabled: n.disabled
 					});
 					return;
 				}
 				case "sub": {
-					let t = e.props, n = re(t.children);
+					let t = e.props, n = z(t.children);
 					if (!n.trigger) return;
-					let r = n.trigger.props, i = te(n.content?.props.children);
-					l({
+					let r = n.trigger.props, i = L(n.content?.props.children);
+					d({
 						type: "subTrigger",
-						id: c("sub"),
+						id: u("sub"),
 						props: r,
-						label: ie(r.children),
+						label: ee(r.children),
 						disabled: r.disabled,
 						content: n.content?.props.children,
 						subEntries: i.entries,
@@ -135,120 +156,647 @@ function te(t) {
 				case "itemShortcut":
 				case "subContent":
 				case "subTrigger": return;
-				default: u(e.props.children, n);
+				default: f(e.props.children, t);
 			}
 		});
 	}
-	return u(t), {
-		content: i,
-		entries: o,
-		items: s,
-		trigger: r
+	return f(e), {
+		content: r,
+		entries: s,
+		items: c,
+		portal: a,
+		search: o,
+		trigger: n
 	};
 }
-function ne(t) {
-	let n, r, i, o, s = [];
-	return e.forEach(t, (e) => {
-		if (!a(e)) {
-			s.push(e);
+function R(e) {
+	let t, n, r, a, o = [];
+	return i.forEach(e, (e) => {
+		if (!l(e)) {
+			o.push(e);
 			return;
 		}
-		let t = e.type;
-		if (t.__velliraDropdownPart === "itemIcon") {
-			i = e.props.children;
-			return;
-		}
-		if (t.__velliraDropdownPart === "itemDescription") {
+		let i = e.type;
+		if (i.__velliraDropdownPart === "itemIcon") {
 			r = e.props.children;
 			return;
 		}
-		if (t.__velliraDropdownPart === "itemBadge") {
+		if (i.__velliraDropdownPart === "itemDescription") {
 			n = e.props.children;
 			return;
 		}
-		if (t.__velliraDropdownPart === "itemShortcut") {
-			o = e.props.children;
+		if (i.__velliraDropdownPart === "itemBadge") {
+			t = e.props.children;
 			return;
 		}
-		s.push(e);
+		if (i.__velliraDropdownPart === "itemShortcut") {
+			a = e.props.children;
+			return;
+		}
+		o.push(e);
 	}), {
-		badge: n,
-		content: s,
-		description: r,
-		icon: i,
-		shortcut: o
+		badge: t,
+		content: o,
+		description: n,
+		icon: r,
+		shortcut: a
 	};
 }
-function re(t) {
-	let n, r;
-	return e.forEach(t, (e) => {
-		if (!a(e)) return;
-		let t = e.type;
-		t.__velliraDropdownPart === "subTrigger" && (n = e), t.__velliraDropdownPart === "subContent" && (r = e);
+function z(e) {
+	let t, n;
+	return i.forEach(e, (e) => {
+		if (!l(e)) return;
+		let r = e.type;
+		r.__velliraDropdownPart === "subTrigger" && (t = e), r.__velliraDropdownPart === "subContent" && (n = e);
 	}), {
-		content: r,
-		trigger: n
+		content: n,
+		trigger: t
 	};
 }
-function ie(t) {
-	let n = [];
-	function r(t) {
-		e.forEach(t, (e) => {
+function ee(e) {
+	let t = [];
+	function n(e) {
+		i.forEach(e, (e) => {
 			if (typeof e == "string" || typeof e == "number") {
-				n.push(String(e));
+				t.push(String(e));
 				return;
 			}
-			if (!a(e)) return;
-			let t = e.type;
-			t.__velliraDropdownPart === "itemBadge" || t.__velliraDropdownPart === "itemDescription" || t.__velliraDropdownPart === "itemIcon" || t.__velliraDropdownPart === "itemShortcut" || r(e.props.children);
+			if (!l(e)) return;
+			let r = e.type;
+			r.__velliraDropdownPart === "itemBadge" || r.__velliraDropdownPart === "itemDescription" || r.__velliraDropdownPart === "itemIcon" || r.__velliraDropdownPart === "itemShortcut" || n(e.props.children);
 		});
 	}
-	return r(t), n.join("").trim();
+	return n(e), t.join("").trim();
 }
 //#endregion
 //#region src/components/Dropdown/CheckboxItem/DropdownCheckboxItem.tsx
-var ae = B("checkboxItem", "Dropdown.CheckboxItem"), V = (...e) => p(e), H = ({ children: e }) => {
-	let [t, n] = f(!1);
-	if (c(() => {
+var B = I("checkboxItem", "Dropdown.CheckboxItem"), te = ({ active: e, enabled: t, content: n }) => {
+	f(() => {
+		if (!e || !t || !n) return;
+		let r = [], i = n.parentElement;
+		return Array.from(document.body.children).forEach((e) => {
+			e instanceof HTMLElement && (e === i || e.contains(n) || (r.push({
+				element: e,
+				ariaHidden: e.getAttribute("aria-hidden")
+			}), e.setAttribute("aria-hidden", "true")));
+		}), () => {
+			r.forEach(({ element: e, ariaHidden: t }) => {
+				if (t === null) {
+					e.removeAttribute("aria-hidden");
+					return;
+				}
+				e.setAttribute("aria-hidden", t);
+			});
+		};
+	}, [
+		e,
+		n,
+		t
+	]);
+}, ne = () => {
+	let e = !1;
+	return {
+		preventDefault: () => {
+			e = !0;
+		},
+		get defaultPrevented() {
+			return e;
+		}
+	};
+}, re = (e) => {
+	let t = !1;
+	return {
+		originalEvent: e,
+		preventDefault: () => {
+			t = !0;
+		},
+		get defaultPrevented() {
+			return t;
+		}
+	};
+}, ie = [
+	"a[href]",
+	"button:not([disabled])",
+	"textarea:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(","), ae = (e) => Array.from(e.querySelectorAll(ie)).filter((e) => !e.hasAttribute("disabled")), oe = (e) => {
+	(ae(e)[0] ?? e).focus();
+}, V = ({ active: e, contentRef: t, enabled: n, initialFocus: r, finalFocus: i, restoreFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s }) => {
+	f(() => {
+		if (!e) return;
+		let n = document.activeElement, c = i?.current, l = ne();
+		return o?.(l), l.defaultPrevented || queueMicrotask(() => {
+			r?.current?.focus(), !r?.current && t.current && oe(t.current);
+		}), () => {
+			let e = ne();
+			s?.(e), !(e.defaultPrevented || !a) && queueMicrotask(() => {
+				if (c) {
+					c.focus();
+					return;
+				}
+				n instanceof HTMLElement && n.focus();
+			});
+		};
+	}, [
+		e,
+		t,
+		i,
+		r,
+		s,
+		o,
+		a
+	]), f(() => {
+		if (!e || !n) return;
+		let r = (e) => {
+			if (e.key !== "Tab" || !t.current) return;
+			let n = ae(t.current);
+			if (n.length === 0) {
+				e.preventDefault(), t.current.focus();
+				return;
+			}
+			let r = n[0], i = n[n.length - 1];
+			if (e.shiftKey && document.activeElement === r) {
+				e.preventDefault(), i?.focus();
+				return;
+			}
+			!e.shiftKey && document.activeElement === i && (e.preventDefault(), r?.focus());
+		};
+		return document.addEventListener("keydown", r), () => {
+			document.removeEventListener("keydown", r);
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+}, se = ({ active: e, contentRef: t, ignoreRefs: n = [], closeOnEscape: r, closeOnOutsidePress: i, isTopOverlay: a, onEscapeKeyDown: o, onPointerDownOutside: s, onInteractOutside: c, requestClose: l }) => {
+	let u = h(n);
+	u.current = n, f(() => {
+		if (!e) return;
+		let t = (e) => {
+			e.key !== "Escape" || !a() || (o?.(e), !(e.defaultPrevented || !r) && l());
+		};
+		return document.addEventListener("keydown", t), () => {
+			document.removeEventListener("keydown", t);
+		};
+	}, [
+		e,
+		r,
+		a,
+		o,
+		l
+	]), f(() => {
+		if (!e) return;
+		let n = (e) => {
+			if (!a() || e.target instanceof Node && [t, ...u.current].some((t) => t.current?.contains(e.target))) return;
+			let n = re(e);
+			s?.(n), c?.(n), !(n.defaultPrevented || !i) && l();
+		};
+		return document.addEventListener("pointerdown", n), () => {
+			document.removeEventListener("pointerdown", n);
+		};
+	}, [
+		e,
+		i,
+		t,
+		a,
+		c,
+		s,
+		l
+	]);
+}, ce = [], le = {
+	add(e) {
+		ce = ce.filter((t) => t !== e), ce.push(e);
+	},
+	remove(e) {
+		ce = ce.filter((t) => t !== e);
+	},
+	isTop(e) {
+		return ce[ce.length - 1] === e;
+	}
+}, ue = ({ active: e, id: t }) => (f(() => {
+	if (e) return le.add(t), () => {
+		le.remove(t);
+	};
+}, [e, t]), { isTopOverlay: u(() => le.isTop(t), [t]) }), de = 0, H = "", fe = {
+	lock() {
+		typeof document > "u" || (de === 0 && (H = document.body.style.overflow, document.body.style.overflow = "hidden"), de += 1);
+	},
+	unlock() {
+		typeof document > "u" || (de = Math.max(0, de - 1), de === 0 && (document.body.style.overflow = H));
+	}
+}, pe = ({ active: e, enabled: t = !0 }) => {
+	f(() => {
+		if (!(!e || !t)) return fe.lock(), () => {
+			fe.unlock();
+		};
+	}, [e, t]);
+}, me = () => typeof document > "u" ? null : document.body, he = ({ container: e } = {}) => {
+	let [t, n] = g(!1);
+	return f(() => {
 		n(!0);
-	}, []), !t) return null;
-	let r = document.getElementById("overlay-root") ?? document.body;
-	return r ? m(e, r) : null;
-}, U = {
-	dropdown: "_dropdown_g5457_1",
-	"dropdown-in": "_dropdown-in_g5457_1",
-	primary: "_primary_g5457_42",
-	neutral: "_neutral_g5457_65",
-	success: "_success_g5457_88",
-	warning: "_warning_g5457_111",
-	danger: "_danger_g5457_134",
-	empty: "_empty_g5457_157",
-	"dropdown-sheet-in": "_dropdown-sheet-in_g5457_1"
-}, oe = B("empty", "Dropdown.Empty"), se = ({ children: e }) => /* @__PURE__ */ g("li", {
+	}, []), t ? e ?? document.getElementById("overlay-root") ?? me() : null;
+}, ge = ({ value: e, defaultValue: t, onChange: n }) => {
+	let [r, i] = g(t), a = e !== void 0;
+	return [a ? e : r, u((e) => {
+		a || i(e), n?.(e);
+	}, [a, n])];
+}, _e = ({ activeIndex: e, setActiveIndex: t, items: n, isOpen: r, onOpen: i, onSelect: a, onClose: o, getItemText: s, loop: c = !0 }) => {
+	let l = h({
+		value: "",
+		timeoutId: void 0
+	});
+	f(() => () => {
+		l.current.timeoutId && clearTimeout(l.current.timeoutId);
+	}, []);
+	let d = u((e, t) => {
+		if (!n.length) return e;
+		let r = e;
+		for (let i = 0; i < n.length; i++) {
+			let i = r + t;
+			if (!c && (i < 0 || i >= n.length)) return e;
+			if (r = (i + n.length) % n.length, !n[r]?.disabled) return r;
+		}
+		return e;
+	}, [n, c]), p = u(() => n.findIndex((e) => !e.disabled), [n]), m = u(() => {
+		for (let e = n.length - 1; e >= 0; e--) if (!n[e].disabled) return e;
+		return -1;
+	}, [n]), g = u((t) => {
+		if (!s || !t) return -1;
+		let r = t.toLocaleLowerCase(), i = e >= 0 ? e + 1 : 0;
+		for (let e = 0; e < n.length; e++) {
+			let t = (i + e) % n.length, a = n[t];
+			if (a && !a.disabled && s(a).toLocaleLowerCase().startsWith(r)) return t;
+		}
+		return -1;
+	}, [
+		e,
+		s,
+		n
+	]);
+	return { onKeyDown: u((n) => {
+		if (!r) {
+			(n.key === " " || n.key === "Enter" || n.key === "ArrowDown" || n.key === "ArrowUp") && (n.preventDefault(), i(n));
+			return;
+		}
+		switch (n.key) {
+			case "ArrowDown":
+				n.preventDefault(), t(d(e, 1));
+				break;
+			case "ArrowUp":
+				n.preventDefault(), t(d(e, -1));
+				break;
+			case "Enter":
+			case " ":
+				n.preventDefault(), a?.();
+				break;
+			case "Escape":
+				n.preventDefault(), o?.();
+				break;
+			case "Home":
+				n.preventDefault(), t(p());
+				break;
+			case "End":
+				n.preventDefault(), t(m());
+				break;
+			case "Tab":
+				o?.();
+				break;
+			default:
+				if (n.key.length === 1 && !n.altKey && !n.ctrlKey && !n.metaKey) {
+					n.preventDefault(), l.current.timeoutId && clearTimeout(l.current.timeoutId), l.current.value += n.key, l.current.timeoutId = setTimeout(() => {
+						l.current.value = "", l.current.timeoutId = void 0;
+					}, 700);
+					let e = g(l.current.value);
+					e >= 0 && t(e);
+				}
+				break;
+		}
+	}, [
+		e,
+		r,
+		i,
+		a,
+		o,
+		t,
+		d,
+		p,
+		m,
+		g
+	]) };
+}, ve = ({ items: e, open: t, defaultOpen: n = !1, disabled: r = !1, onOpenChange: i, onSelect: a, getItemValue: o, getItemText: s, loop: c = !0 }) => {
+	let [l, d] = g(n), [p, m] = g(-1), h = t !== void 0, _ = t ?? l, v = u(() => e.findIndex((e) => !e.disabled), [e]), y = u(() => {
+		for (let t = e.length - 1; t >= 0; t--) if (!e[t]?.disabled) return t;
+		return -1;
+	}, [e]), b = u((t, n) => {
+		if (t) {
+			m((t) => t >= 0 && !e[t]?.disabled ? t : n ?? v());
+			return;
+		}
+		m(-1);
+	}, [v, e]);
+	f(() => {
+		b(_);
+	}, [_, b]);
+	let x = u((e, t) => {
+		h || d(e), i?.(e), b(e, t);
+	}, [
+		h,
+		i,
+		b
+	]), S = u((e = v()) => {
+		r || x(!0, e);
+	}, [
+		r,
+		v,
+		x
+	]), C = u(() => {
+		_ && x(!1);
+	}, [_, x]), w = u(() => {
+		if (!r) {
+			if (_) {
+				x(!1);
+				return;
+			}
+			S();
+		}
+	}, [
+		r,
+		_,
+		S,
+		x
+	]), T = u((t) => {
+		t.disabled || (a?.(o(t, e.indexOf(t))), C());
+	}, [
+		C,
+		o,
+		e,
+		a
+	]), E = u(() => {
+		let t = e[p];
+		t && T(t);
+	}, [
+		p,
+		e,
+		T
+	]), { onKeyDown: D } = _e({
+		activeIndex: p,
+		setActiveIndex: m,
+		items: e,
+		isOpen: _,
+		onOpen: (e) => {
+			S(e.key === "ArrowUp" ? y() : v());
+		},
+		onSelect: E,
+		onClose: C,
+		getItemText: s,
+		loop: c
+	});
+	return {
+		activeIndex: p,
+		setActiveIndex: m,
+		isOpen: _,
+		open: _,
+		setOpen: x,
+		openDropdown: S,
+		closeDropdown: C,
+		toggleDropdown: w,
+		selectItem: T,
+		select: T,
+		selectActiveItem: E,
+		onKeyDown: D,
+		getFirstEnabledIndex: v,
+		getLastEnabledIndex: y
+	};
+}, ye = ({ open: e, defaultOpen: t = !1, onOpenChange: n, closeOnEscape: r, closeOnOutsidePress: i }) => {
+	let a = p(), o = p(), s = p(), [c, l] = ge({
+		value: e,
+		defaultValue: t,
+		onChange: n
+	});
+	return {
+		open: c,
+		shouldRender: c,
+		setOpen: l,
+		requestClose: u(() => {
+			l(!1);
+		}, [l]),
+		closeOnOutsidePress: i ?? !0,
+		closeOnEscape: r ?? !0,
+		contentId: a,
+		titleId: o,
+		descriptionId: s
+	};
+}, be = ({ value: e, defaultValue: t, onValueChange: n, onChange: r, options: i, multiple: a = !1, maxSelected: o, closeOnSelect: s = !a, disabled: c = !1, open: l, defaultOpen: d = !1, onOpenChange: p }) => {
+	let [h, _] = ge({
+		value: e,
+		defaultValue: t ?? (a ? [] : ""),
+		onChange: n ?? r
+	}), [v, y] = ge({
+		value: l,
+		defaultValue: d,
+		onChange: p
+	}), [b, x] = g(-1), S = m(() => Array.isArray(h) ? h : h ? [h] : [], [h]), C = m(() => i.find((e) => S.includes(e.value)), [i, S]), w = m(() => i.filter((e) => S.includes(e.value)), [i, S]), T = u(() => {
+		let e = i.findIndex((e) => S.includes(e.value) && !e.disabled);
+		return e >= 0 ? e : i.findIndex((e) => !e.disabled);
+	}, [i, S]), E = u(() => {
+		c || (x(T()), y(!0));
+	}, [
+		c,
+		T,
+		y
+	]), D = u(() => {
+		y(!1);
+	}, [y]), O = u(() => {
+		if (!c) {
+			if (v) {
+				D();
+				return;
+			}
+			E();
+		}
+	}, [
+		D,
+		c,
+		v,
+		E
+	]);
+	f(() => {
+		v && x((e) => {
+			let t = i[e];
+			return t && !t.disabled ? e : T();
+		});
+	}, [
+		T,
+		v,
+		i
+	]);
+	let k = u((e) => {
+		if (e === "") {
+			_(a ? [] : ""), D();
+			return;
+		}
+		let t = i.find((t) => t.value === e);
+		if (!(!t || t.disabled)) {
+			if (a) {
+				if (!S.includes(e) && typeof o == "number" && S.length >= o) return;
+				let t = S.includes(e) ? S.filter((t) => t !== e) : [...S, e];
+				_(t), s && D();
+				return;
+			}
+			_(e), x(i.indexOf(t)), D();
+		}
+	}, [
+		D,
+		s,
+		o,
+		a,
+		i,
+		S,
+		_
+	]), A = u(() => {
+		let e = i[b];
+		e && k(e.value);
+	}, [
+		b,
+		i,
+		k
+	]), { onKeyDown: j } = _e({
+		activeIndex: b,
+		setActiveIndex: x,
+		items: i,
+		isOpen: v,
+		onOpen: E,
+		onClose: D,
+		onSelect: A,
+		getItemText: (e) => e.label
+	});
+	return {
+		selectedValue: h,
+		selectedValues: S,
+		setSelectedValue: _,
+		selectedOption: C,
+		selectedOptions: w,
+		isOpen: v,
+		open: v,
+		setIsOpen: y,
+		activeIndex: b,
+		setActiveIndex: x,
+		getInitialActiveIndex: T,
+		openDropdown: E,
+		closeDropdown: D,
+		toggleDropdown: O,
+		selectValue: k,
+		select: k,
+		selectActiveOption: A,
+		onKeyDown: j
+	};
+}, xe = ({ activeIndex: e, defaultActiveIndex: t = 0, onChange: n }) => {
+	let [r, i] = ge({
+		value: e,
+		defaultValue: t,
+		onChange: n
+	});
+	return {
+		activeIndex: r,
+		setActiveIndex: i
+	};
+}, U = ({ activeIndex: e, setActiveIndex: t, tabRefs: n, orientation: r = "horizontal", onNavigate: i }) => ({ onKeyDown: u((a) => {
+	let o = (e) => !!(e?.disabled || e?.props?.disabled), s = (e, t) => {
+		let r = n.current.length;
+		if (!r) return e;
+		let i = e;
+		for (let e = 0; e < r; e++) {
+			i = (i + t + r) % r;
+			let e = n.current[i];
+			if (e && !o(e)) return i;
+		}
+		return e;
+	}, c = () => n.current.findIndex((e) => e && !o(e)), l = () => {
+		for (let e = n.current.length - 1; e >= 0; e--) {
+			let t = n.current[e];
+			if (t && !o(t)) return e;
+		}
+		return e;
+	}, u = e;
+	switch (a.key) {
+		case "ArrowLeft":
+			r === "horizontal" && (a.preventDefault(), u = s(e, -1));
+			break;
+		case "ArrowRight":
+			r === "horizontal" && (a.preventDefault(), u = s(e, 1));
+			break;
+		case "ArrowUp":
+			r === "vertical" && (a.preventDefault(), u = s(e, -1));
+			break;
+		case "ArrowDown":
+			r === "vertical" && (a.preventDefault(), u = s(e, 1));
+			break;
+		case "Home": {
+			a.preventDefault();
+			let t = c();
+			u = t === -1 ? e : t;
+			break;
+		}
+		case "End":
+			a.preventDefault(), u = l();
+			break;
+		default: return;
+	}
+	u !== e && (t(u), i?.(u));
+}, [
+	e,
+	i,
+	r,
+	t,
+	n
+]) }), Se = s(null), Ce = ({ children: e, container: t = null }) => /* @__PURE__ */ n(Se.Provider, {
+	value: t,
+	children: e
+}), we = ({ children: e, container: t }) => {
+	let n = d(Se), r = he({ container: t ?? n });
+	return r ? _(e, r) : null;
+};
+we.__velliraPortal = !0, we.displayName = "Portal", Ce.displayName = "PortalProvider";
+var Te = {
+	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"
+}, Ee = I("empty", "Dropdown.Empty"), De = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: U.empty,
+	className: Te.empty,
 	children: e ?? "No actions available"
 });
-se.displayName = "DropdownEmptySurface";
+De.displayName = "DropdownEmptySurface";
 //#endregion
 //#region src/components/Dropdown/Group/DropdownGroup.tsx
-var ce = B("group", "Dropdown.Group"), le = () => null;
-le.displayName = "DropdownGroupSurface";
+var Oe = I("group", "Dropdown.Group"), ke = () => null;
+ke.displayName = "DropdownGroupSurface";
 //#endregion
 //#region src/components/Dropdown/internal/DropdownContext.tsx
-var ue = r(null), de = r(null), fe = r(null), pe = ue.Provider, me = de.Provider;
-fe.Provider;
-function he() {
-	let e = s(ue);
+var Ae = s(null), je = s(null), Me = s(null), Ne = Ae.Provider, Pe = je.Provider;
+Me.Provider;
+function W() {
+	let e = d(Ae);
 	if (!e) throw Error("Dropdown compound components must be used inside Dropdown.");
 	return e;
 }
-function ge() {
-	let e = s(de);
+function Fe() {
+	let e = d(je);
 	if (!e) throw Error("Dropdown.Trigger must be used inside Dropdown.");
 	return e;
 }
-var W = {
+var G = {
 	item: "_item_1vj4n_1",
 	disabled: "_disabled_1vj4n_22",
 	active: "_active_1vj4n_37",
@@ -273,98 +821,98 @@ var W = {
 	"dropdown-sub-in": "_dropdown-sub-in_1vj4n_1",
 	subLabel: "_subLabel_1vj4n_276",
 	subSeparator: "_subSeparator_1vj4n_284"
-}, _e = B("item", "Dropdown.Item"), ve = ({ item: e, itemIndex: t }) => {
-	let n = he(), r = d(void 0), [i, a] = f(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", u = e.type === "subTrigger", p = c ? e.props.checked ?? i : l ? (e.groupProps?.value ?? n.radioValues[e.groupId]) === e.props.value : !1, m = n.loading || e.disabled, y = e.props, x = ne(y.children), S = x.icon ?? y.icon, C = x.description ?? ("description" in y ? y.description : void 0), w = x.badge ?? ("badge" in y ? y.badge : void 0), T = x.shortcut ?? y.shortcut, E = x.content.length ? x.content : y.children, D = "color" in y ? y.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 = (t) => {
-		if (m) {
+}, Ie = I("item", "Dropdown.Item"), Le = ({ item: e, itemIndex: i }) => {
+	let a = W(), o = h(void 0), [s, c] = g(e.type === "checkbox" ? e.props.defaultChecked ?? !1 : !1), l = a.activeIndex === i, u = a.openSubId === e.id, d = e.type === "checkbox", f = e.type === "radio", p = e.type === "subTrigger", m = d ? e.props.checked ?? s : f ? (e.groupProps?.value ?? a.radioValues[e.groupId]) === e.props.value : !1, _ = a.loading || e.disabled, y = e.props, x = R(y.children), S = x.icon ?? y.icon, C = x.description ?? ("description" in y ? y.description : void 0), w = x.badge ?? ("badge" in y ? y.badge : void 0), T = x.shortcut ?? y.shortcut, E = x.content.length ? x.content : y.children, D = "color" in y ? y.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 = a.getItemId(i), M = d ? "menuitemcheckbox" : f ? "menuitemradio" : "menuitem", P = e.type === "item" && k === "_blank" && !e.props.rel ? "noreferrer noopener" : e.type === "item" ? e.props.rel : void 0, F = O ? "a" : "li", I = d || f, L = (t) => {
+		if (_) {
 			t.preventDefault();
 			return;
 		}
-		if (c && e.type === "checkbox") {
-			let t = !p;
-			a(t), e.props.onCheckedChange?.(t);
+		if (d && e.type === "checkbox") {
+			let t = !m;
+			c(t), e.props.onCheckedChange?.(t);
 		}
-		n.selectItem(e, ye(t));
+		a.selectItem(e, Re(t));
 	};
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(P, {
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r(F, {
 		id: j,
 		role: M,
-		href: P === "a" && !m ? O : void 0,
-		target: P === "a" && !m ? k : void 0,
-		rel: P === "a" ? N : void 0,
-		download: P === "a" && !m ? A : void 0,
-		tabIndex: m ? -1 : 0,
-		"aria-disabled": m || void 0,
-		"aria-checked": c || l ? p : void 0,
-		"aria-haspopup": u ? "menu" : void 0,
-		"aria-expanded": u ? s : void 0,
-		"data-active": o || void 0,
-		"data-state": s ? "open" : void 0,
-		className: V(W.item, W[n.size], {
-			[W.active]: o,
-			[W.disabled]: m,
-			[W.checked]: p
-		}, D && D !== "default" ? W[D] : void 0, y.className),
-		onClick: I,
+		href: F === "a" && !_ ? O : void 0,
+		target: F === "a" && !_ ? k : void 0,
+		rel: F === "a" ? P : void 0,
+		download: F === "a" && !_ ? A : void 0,
+		tabIndex: _ ? -1 : 0,
+		"aria-disabled": _ || void 0,
+		"aria-checked": d || f ? m : void 0,
+		"aria-haspopup": p ? "menu" : void 0,
+		"aria-expanded": p ? u : void 0,
+		"data-active": l || void 0,
+		"data-state": u ? "open" : void 0,
+		className: N(G.item, G[a.size], {
+			[G.active]: l,
+			[G.disabled]: _,
+			[G.checked]: m
+		}, D && D !== "default" ? G[D] : void 0, y.className),
+		onClick: L,
 		onMouseEnter: () => {
-			m || (n.setActiveIndex(t), u ? (window.clearTimeout(r.current), r.current = window.setTimeout(() => n.setOpenSubId(e.id), 120)) : (window.clearTimeout(r.current), n.setOpenSubId(void 0)));
+			_ || (a.setActiveIndex(i), p ? (window.clearTimeout(o.current), o.current = window.setTimeout(() => a.setOpenSubId(e.id), 120)) : (window.clearTimeout(o.current), a.setOpenSubId(void 0)));
 		},
 		onMouseLeave: () => {
-			window.clearTimeout(r.current);
+			window.clearTimeout(o.current);
 		},
 		children: [
-			F && /* @__PURE__ */ g("span", {
-				className: W.indicator,
+			I && /* @__PURE__ */ n("span", {
+				className: G.indicator,
 				"aria-hidden": "true",
-				children: p ? /* @__PURE__ */ g(v, {}) : null
+				children: m ? /* @__PURE__ */ n(v, {}) : null
 			}),
-			S && /* @__PURE__ */ g("span", {
-				className: W.itemIcon,
+			S && /* @__PURE__ */ n("span", {
+				className: G.itemIcon,
 				children: S
 			}),
-			/* @__PURE__ */ _("span", {
-				className: W.itemText,
-				children: [/* @__PURE__ */ g("span", {
-					className: W.itemLabel,
+			/* @__PURE__ */ r("span", {
+				className: G.itemText,
+				children: [/* @__PURE__ */ n("span", {
+					className: G.itemLabel,
 					children: E
-				}), C && /* @__PURE__ */ g("span", {
-					className: W.itemDescription,
+				}), C && /* @__PURE__ */ n("span", {
+					className: G.itemDescription,
 					children: C
 				})]
 			}),
-			w && /* @__PURE__ */ g("span", {
-				className: W.itemBadge,
+			w && /* @__PURE__ */ n("span", {
+				className: G.itemBadge,
 				children: w
 			}),
-			T && /* @__PURE__ */ g("span", {
-				className: W.itemShortcut,
+			T && /* @__PURE__ */ n("span", {
+				className: G.itemShortcut,
 				children: T
 			}),
-			u && /* @__PURE__ */ g("span", {
-				className: W.itemShortcut,
+			p && /* @__PURE__ */ n("span", {
+				className: G.itemShortcut,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ g(b, {})
+				children: /* @__PURE__ */ n(b, {})
 			})
 		]
-	}), u && s && e.subEntries.length > 0 && /* @__PURE__ */ g("ul", {
+	}), p && u && e.subEntries.length > 0 && /* @__PURE__ */ n("ul", {
 		role: "menu",
-		className: W.subContent,
-		onMouseEnter: () => n.setOpenSubId(e.id),
-		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ g("li", {
+		className: G.subContent,
+		onMouseEnter: () => a.setOpenSubId(e.id),
+		children: e.subEntries.map((e) => e.type === "label" ? /* @__PURE__ */ n("li", {
 			role: "presentation",
-			className: W.subLabel,
+			className: G.subLabel,
 			children: e.props.children
-		}, e.id) : e.type === "separator" ? /* @__PURE__ */ g("li", {
+		}, e.id) : e.type === "separator" ? /* @__PURE__ */ n("li", {
 			role: "separator",
-			className: W.subSeparator,
+			className: G.subSeparator,
 			"aria-hidden": "true"
-		}, e.id) : e.type === "item" ? /* @__PURE__ */ g(be, {
+		}, e.id) : e.type === "item" ? /* @__PURE__ */ n(ze, {
 			item: e.item,
 			id: `${j}-${e.itemIndex}`
 		}, e.item.id) : null)
 	})] });
 };
-ve.displayName = "DropdownItemRow";
-function ye(e) {
+Le.displayName = "DropdownItemRow";
+function Re(e) {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -376,19 +924,19 @@ function ye(e) {
 		}
 	};
 }
-function be({ id: e, item: t }) {
-	let n = he(), [r, i] = f(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 = ne(c.children), u = l.icon ?? c.icon, d = l.description ?? ("description" in c ? c.description : void 0), p = l.badge ?? ("badge" in c ? c.badge : void 0), m = l.shortcut ?? c.shortcut, h = l.content.length ? l.content : c.children, y = "color" in c ? c.color : void 0, b = n.loading || t.disabled, x = t.type === "item" ? t.props.href : void 0, S = t.type === "item" ? t.props.target : void 0, C = t.type === "item" ? t.props.download : void 0, w = a ? "menuitemcheckbox" : o ? "menuitemradio" : "menuitem", T = t.type === "item" && S === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, E = x ? "a" : "li", D = a || o, O = (e) => {
+function ze({ id: e, item: t }) {
+	let i = W(), [a, o] = g(t.type === "checkbox" ? t.props.defaultChecked ?? !1 : !1), s = t.type === "checkbox", c = t.type === "radio", l = s ? t.props.checked ?? a : c ? (t.groupProps?.value ?? i.radioValues[t.groupId]) === t.props.value : !1, u = t.props, d = R(u.children), f = d.icon ?? u.icon, p = d.description ?? ("description" in u ? u.description : void 0), m = d.badge ?? ("badge" in u ? u.badge : void 0), h = d.shortcut ?? u.shortcut, _ = d.content.length ? d.content : u.children, y = "color" in u ? u.color : void 0, b = i.loading || t.disabled, x = t.type === "item" ? t.props.href : void 0, S = t.type === "item" ? t.props.target : void 0, C = t.type === "item" ? t.props.download : void 0, w = s ? "menuitemcheckbox" : c ? "menuitemradio" : "menuitem", T = t.type === "item" && S === "_blank" && !t.props.rel ? "noreferrer noopener" : t.type === "item" ? t.props.rel : void 0, E = x ? "a" : "li", D = s || c, O = (e) => {
 		if (b) {
 			e.preventDefault();
 			return;
 		}
-		if (a && t.type === "checkbox") {
-			let e = !s;
-			i(e), t.props.onCheckedChange?.(e);
+		if (s && t.type === "checkbox") {
+			let e = !l;
+			o(e), t.props.onCheckedChange?.(e);
 		}
-		n.selectItem(t, ye(e));
+		i.selectItem(t, Re(e));
 	};
-	return /* @__PURE__ */ _(E, {
+	return /* @__PURE__ */ r(E, {
 		id: e,
 		role: w,
 		href: E === "a" && !b ? x : void 0,
@@ -397,159 +945,161 @@ function be({ id: e, item: t }) {
 		download: E === "a" && !b ? C : void 0,
 		tabIndex: b ? -1 : 0,
 		"aria-disabled": b || void 0,
-		"aria-checked": a || o ? s : void 0,
-		className: V(W.item, W[n.size], {
-			[W.disabled]: b,
-			[W.checked]: s
-		}, y && y !== "default" ? W[y] : void 0),
+		"aria-checked": s || c ? l : void 0,
+		className: N(G.item, G[i.size], {
+			[G.disabled]: b,
+			[G.checked]: l
+		}, y && y !== "default" ? G[y] : void 0),
 		onClick: O,
 		children: [
-			D && /* @__PURE__ */ g("span", {
-				className: W.indicator,
+			D && /* @__PURE__ */ n("span", {
+				className: G.indicator,
 				"aria-hidden": "true",
-				children: s ? /* @__PURE__ */ g(v, {}) : null
+				children: l ? /* @__PURE__ */ n(v, {}) : null
 			}),
-			u && /* @__PURE__ */ g("span", {
-				className: W.itemIcon,
-				children: u
+			f && /* @__PURE__ */ n("span", {
+				className: G.itemIcon,
+				children: f
 			}),
-			/* @__PURE__ */ _("span", {
-				className: W.itemText,
-				children: [/* @__PURE__ */ g("span", {
-					className: W.itemLabel,
-					children: h
-				}), d && /* @__PURE__ */ g("span", {
-					className: W.itemDescription,
-					children: d
+			/* @__PURE__ */ r("span", {
+				className: G.itemText,
+				children: [/* @__PURE__ */ n("span", {
+					className: G.itemLabel,
+					children: _
+				}), p && /* @__PURE__ */ n("span", {
+					className: G.itemDescription,
+					children: p
 				})]
 			}),
-			p && /* @__PURE__ */ g("span", {
-				className: W.itemBadge,
-				children: p
-			}),
-			m && /* @__PURE__ */ g("span", {
-				className: W.itemShortcut,
+			m && /* @__PURE__ */ n("span", {
+				className: G.itemBadge,
 				children: m
+			}),
+			h && /* @__PURE__ */ n("span", {
+				className: G.itemShortcut,
+				children: h
 			})
 		]
 	});
 }
-var xe = { group: "_group_aviwv_1" }, Se = B("label", "Dropdown.Label"), Ce = ({ children: e, className: t }) => /* @__PURE__ */ g("li", {
+var Be = { group: "_group_aviwv_1" }, Ve = I("label", "Dropdown.Label"), K = ({ children: e, className: t }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
-	className: V(xe.group, t),
+	className: N(Be.group, t),
 	children: e
 });
-Ce.displayName = "DropdownLabelSurface";
+K.displayName = "DropdownLabelSurface";
 //#endregion
 //#region src/components/Dropdown/Loading/DropdownLoading.tsx
-var we = B("loading", "Dropdown.Loading"), Te = ({ children: e }) => /* @__PURE__ */ g("li", {
+var q = I("loading", "Dropdown.Loading"), He = ({ children: e }) => /* @__PURE__ */ n("li", {
 	role: "presentation",
 	"aria-live": "polite",
-	className: U.empty,
+	className: Te.empty,
 	children: e ?? "Loading actions..."
 });
-Te.displayName = "DropdownLoadingSurface";
-var Ee = { separator: "_separator_1v11r_1" }, De = B("separator", "Dropdown.Separator"), Oe = ({ className: e }) => /* @__PURE__ */ g("li", {
+He.displayName = "DropdownLoadingSurface";
+var Ue = { separator: "_separator_1v11r_1" }, We = I("separator", "Dropdown.Separator"), Ge = ({ className: e }) => /* @__PURE__ */ n("li", {
 	role: "separator",
-	className: V(Ee.separator, e),
+	className: N(Ue.separator, e),
 	"aria-hidden": "true"
 });
-Oe.displayName = "DropdownSeparatorSurface";
+Ge.displayName = "DropdownSeparatorSurface";
 //#endregion
 //#region src/components/Dropdown/Content/DropdownContent.tsx
-var ke = ({ className: e }) => {
-	let n = he();
-	if (!n.isOpen) return null;
-	let r = V(U.dropdown, U[n.color], n.contentProps?.className, e), i = /* @__PURE__ */ g("ul", {
-		ref: n.setContentRef,
-		id: n.contentId,
+var Ke = ({ className: e }) => {
+	let t = W();
+	if (!t.isOpen) return null;
+	let i = N(Te.dropdown, Te[t.color], t.contentProps?.className, t.dropdownClassName, e), o = /* @__PURE__ */ r("ul", {
+		ref: t.setContentRef,
+		id: t.contentId,
 		role: "menu",
 		tabIndex: -1,
-		"aria-labelledby": n.triggerId,
-		"aria-activedescendant": n.activeIndex >= 0 ? n.getItemId(n.activeIndex) : void 0,
-		onKeyDown: n.onKeyDown,
+		"aria-labelledby": t.triggerId,
+		"aria-activedescendant": t.activeIndex >= 0 && t.activeIndex < t.items.length ? t.getItemId(t.activeIndex) : void 0,
+		onKeyDown: t.onKeyDown,
 		style: {
-			...n.surfaceStyle,
-			...n.contentProps?.style
+			...t.surfaceStyle,
+			...t.contentProps?.style
 		},
-		className: r,
-		"data-color": n.color,
-		children: n.loading ? /* @__PURE__ */ g(Te, { children: n.loadingText }) : n.entries.length ? n.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ g(le, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ g(Ce, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ g(Oe, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ g(se, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ g(Te, { children: e.props.children }, e.id) : /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(ve, {
+		className: i,
+		"data-color": t.color,
+		children: [t.searchable && /* @__PURE__ */ r("li", {
+			role: "presentation",
+			className: N(Te.searchWrap, t.searchProps?.className),
+			children: [/* @__PURE__ */ n(S, { "aria-hidden": "true" }), /* @__PURE__ */ n("input", {
+				className: Te.search,
+				value: t.searchValue,
+				placeholder: t.searchPlaceholder,
+				"aria-label": t.searchProps?.["aria-label"] ?? t.searchPlaceholder,
+				onInput: (e) => t.setSearchValue(e.currentTarget.value),
+				onChange: (e) => t.setSearchValue(e.target.value),
+				onKeyDown: (e) => {
+					e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === "Escape" || e.stopPropagation();
+				}
+			})]
+		}), t.loading ? /* @__PURE__ */ n(He, { children: t.loadingText }) : t.searchable && t.items.length === 0 ? /* @__PURE__ */ n(De, { children: t.noOptionsText }) : t.entries.length ? t.entries.map((e) => e.type === "groupStart" ? /* @__PURE__ */ n(ke, {}, e.id) : e.type === "groupEnd" ? null : e.type === "label" ? /* @__PURE__ */ n(K, { ...e.props }, e.id) : e.type === "separator" ? /* @__PURE__ */ n(Ge, { ...e.props }, e.id) : e.type === "empty" ? /* @__PURE__ */ n(De, { children: e.props.children }, e.id) : e.type === "loading" ? /* @__PURE__ */ n(He, { children: e.props.children }, e.id) : e.type === "arrow" ? /* @__PURE__ */ n(F, { ...e.props }, e.id) : /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(Le, {
 			item: e.item,
 			itemIndex: e.itemIndex
-		}) }, e.item.id)) : /* @__PURE__ */ g(se, {})
+		}) }, e.item.id)) : /* @__PURE__ */ n(De, {})]
 	});
-	return n.portal ? /* @__PURE__ */ g(H, { children: i }) : i;
+	return t.portal ? /* @__PURE__ */ n(we, { children: o }) : o;
 };
-ke.__velliraDropdownPart = "content", ke.displayName = "Dropdown.Content";
+Ke.__velliraDropdownPart = "content", Ke.displayName = "Dropdown.Content";
 //#endregion
 //#region src/components/Dropdown/ItemBadge/DropdownItemBadge.tsx
-var Ae = B("itemBadge", "Dropdown.ItemBadge"), je = B("itemDescription", "Dropdown.ItemDescription"), Me = B("itemIcon", "Dropdown.ItemIcon"), Ne = B("itemShortcut", "Dropdown.ItemShortcut"), Pe = B("radioGroup", "Dropdown.RadioGroup"), Fe = B("radioItem", "Dropdown.RadioItem"), Ie = (e) => {
-	let [t, n] = f(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
-	return c(() => {
+var qe = I("itemBadge", "Dropdown.ItemBadge"), Je = I("itemDescription", "Dropdown.ItemDescription"), Ye = I("itemIcon", "Dropdown.ItemIcon"), Xe = I("itemShortcut", "Dropdown.ItemShortcut"), Ze = I("radioGroup", "Dropdown.RadioGroup"), Qe = I("radioItem", "Dropdown.RadioItem"), $e = (e) => {
+	let [t, n] = g(() => typeof window > "u" || typeof window.matchMedia != "function" || !e ? !1 : window.matchMedia(`(max-width: ${e}px)`).matches);
+	return f(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function" || !e) return;
 		let t = window.matchMedia(`(max-width: ${e}px)`), r = () => n(t.matches);
 		return r(), t.addEventListener("change", r), () => {
 			t.removeEventListener("change", r);
 		};
 	}, [e]), t;
-}, Le = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, matchTriggerWidth: a = !1, avoidCollisions: o = !0, mobileSheetBreakpoint: s, middleware: l = [] } = {}) => {
-	let d = Ie(s), { refs: f, floatingStyles: p, update: m, context: h, middlewareData: g, placement: _ } = A({
+}, et = ({ open: e, onOpenChange: t, placement: n = "bottom-start", strategy: r = "fixed", offset: i = 2, matchTriggerWidth: a = !1, avoidCollisions: o = !0, mobileSheetBreakpoint: s, middleware: c = [] } = {}) => {
+	let l = $e(s), { refs: u, floatingStyles: d, update: p, context: h, middlewareData: g, placement: _ } = k({
 		open: e,
 		onOpenChange: t,
 		placement: n,
 		strategy: r,
 		transform: !1,
-		middleware: u(() => [
-			D(i),
-			...o ? [E()] : [],
-			k({ apply({ rects: e, elements: t }) {
-				!a || d || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
+		middleware: m(() => [
+			E(i),
+			...o ? [T()] : [],
+			O({ apply({ rects: e, elements: t }) {
+				!a || l || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 			} }),
-			...o ? [O({ padding: 8 })] : [],
-			...l
+			...o ? [D({ padding: 8 })] : [],
+			...c
 		], [
 			o,
+			c,
 			l,
-			d,
 			a,
 			i
 		]),
-		whileElementsMounted: T
+		whileElementsMounted: w
 	});
-	return c(() => {
-		d && f.floating.current?.style.removeProperty("width");
-	}, [d, f.floating]), {
+	return f(() => {
+		l && u.floating.current?.style.removeProperty("width");
+	}, [l, u.floating]), {
 		context: h,
 		placement: _,
 		middlewareData: g,
-		floatingStyles: d ? {} : p,
-		isMobileSheet: d,
-		setRef: f.setReference,
-		setFloatingRef: f.setFloating,
-		updatePosition: m
+		floatingStyles: l ? {} : d,
+		isMobileSheet: l,
+		setRef: u.setReference,
+		setFloatingRef: u.setFloating,
+		updatePosition: p
 	};
-}, Re = (e, t, n = !0) => {
-	let r = d(e);
-	r.current = e;
-	let i = d(t);
-	i.current = t, c(() => {
-		if (!n) return;
-		let e = (e) => {
-			let t = e.target;
-			r.current.every((e) => e.current && !e.current.contains(t)) && i.current();
-		};
-		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-	}, [n]);
 };
 //#endregion
 //#region src/components/Dropdown/internal/composeEventHandlers.ts
-function ze(e, t) {
+function tt(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function Be(...e) {
+function nt(...e) {
 	return (t) => {
 		e.forEach((e) => {
 			if (e) {
@@ -562,155 +1112,183 @@ function Be(...e) {
 		});
 	};
 }
-function G(e) {
+function rt(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var K = { wrapper: "_wrapper_14ue8_1" }, Ve = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, size: i = "md", color: a = "primary", placement: s = "bottom-start", offset: p = 2, matchTriggerWidth: m = !1, minWidth: h, maxWidth: v, portal: y = !0, avoidCollisions: b = !0, modal: x = !1, closeOnSelect: S = !0, loop: C = !0, disabled: w = !1, loading: T = !1, loadingText: E = "Loading actions...", className: D }) => {
-	let O = l(), k = `${O}-trigger`, A = `${O}-menu`, j = d(null), M = d(null), [N, P] = f(), [I, L] = f({}), R = u(() => te(e), [e]), ee = u(() => Ue(R.items), [R.items]), z = u(() => R.items.map((e) => ({
+var it = { wrapper: "_wrapper_14ue8_1" }, at = ({ children: e, open: t, defaultOpen: i = !1, onOpenChange: a, size: o = "md", color: s = "primary", placement: c = "bottom-start", offset: l = 2, matchTriggerWidth: d = !1, minWidth: _, maxWidth: v, portal: y = !0, avoidCollisions: b = !0, modal: x = !1, closeOnSelect: S = !0, loop: C = !0, disabled: w = !1, loading: T = !1, loadingText: E = "Loading actions...", searchable: D = !1, command: O = !1, searchValue: k, defaultSearchValue: A = "", searchPlaceholder: j, onSearch: M, empty: P, noOptionsText: F, triggerClassName: I, dropdownClassName: R, className: z }) => {
+	let ee = p(), B = `${ee}-trigger`, te = `${ee}-menu`, ne = h(null), re = h(null), [ie, ae] = g(), [oe, V] = g({}), [ce, le] = g(A), de = k ?? ce, H = m(() => L(e), [e]), fe = H.content?.props.command ?? !1, me = D || O || fe || !!H.search, he = m(() => st(H.items), [H.items]), ge = m(() => H.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [R.items]);
-	c(() => {
-		L((e) => {
+	})), [H.items]), _e = m(() => !me || !de.trim() ? H : ct(H, de), [
+		me,
+		H,
+		de
+	]), ye = m(() => _e.items.map((e) => ({
+		disabled: e.disabled,
+		label: e.label
+	})), [_e.items]);
+	f(() => {
+		V((e) => {
 			let t = { ...e };
-			return ee.forEach((e) => {
+			return he.forEach((e) => {
 				e.type === "radio" && t[e.groupId] === void 0 && (t[e.groupId] = e.groupProps?.value ?? e.groupProps?.defaultValue);
 			}), t;
 		});
-	}, [ee]);
-	let { floatingStyles: B, setRef: ne, setFloatingRef: re } = Le({
+	}, [he]);
+	let { activeIndex: be, setActiveIndex: xe, isOpen: U, closeDropdown: Se, toggleDropdown: Ce, onKeyDown: we } = ve({
+		items: me ? ye : ge,
 		open: t,
-		onOpenChange: r,
-		placement: s,
-		matchTriggerWidth: m,
-		avoidCollisions: b,
-		offset: p,
-		mobileSheetBreakpoint: 640
-	}), { activeIndex: ie, setActiveIndex: ae, isOpen: H, closeDropdown: U, toggleDropdown: oe, onKeyDown: se } = F({
-		items: z,
-		open: t,
-		defaultOpen: n,
+		defaultOpen: i,
 		disabled: w,
-		onOpenChange: r,
-		getItemValue: (e, t) => R.items[t]?.id ?? "",
+		onOpenChange: a,
+		getItemValue: (e, t) => (me ? _e.items : H.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
 		loop: C
+	}), { floatingStyles: Te, setRef: Ee, setFloatingRef: De } = et({
+		open: U,
+		placement: c,
+		matchTriggerWidth: d,
+		avoidCollisions: b,
+		offset: l,
+		mobileSheetBreakpoint: 640
+	}), Oe = u((e) => {
+		k === void 0 && le(e), M?.(e), xe(0);
+	}, [
+		M,
+		k,
+		xe
+	]), { isTopOverlay: ke } = ue({
+		active: U,
+		id: te
 	});
-	c(() => {
-		if (!x || !H) return;
-		let e = document.body.style.overflow;
-		return document.body.style.overflow = "hidden", () => {
-			document.body.style.overflow = e;
-		};
-	}, [H, x]);
-	let ce = o(() => {
-		U(), j.current?.focus();
-	}, [U]), le = o((e, t) => {
+	pe({
+		active: U,
+		enabled: x
+	});
+	let Ae = u(() => {
+		Se(), ne.current?.focus();
+	}, [Se]), je = u((e, t) => {
 		if (e.disabled || T) return;
 		if (e.type === "subTrigger") {
-			P(e.id);
+			ae(e.id);
 			return;
 		}
-		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (L((t) => ({
+		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (V((t) => ({
 			...t,
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
 		let n = e.props.closeOnSelect ?? (e.type !== "checkbox" && S);
-		!t.defaultPrevented && n && ce();
+		!t.defaultPrevented && n && Ae();
 	}, [
-		ce,
+		Ae,
 		S,
 		T
-	]), ue = o((e) => {
-		let t = R.items[ie];
+	]), Me = u((e) => {
+		let t = _e.items[be];
 		if (e.key === "ArrowRight" && t?.type === "subTrigger") {
-			e.preventDefault(), P(t.id);
+			e.preventDefault(), ae(t.id);
 			return;
 		}
-		if (e.key === "ArrowLeft" && N) {
-			e.preventDefault(), P(void 0);
+		if (e.key === "ArrowLeft" && ie) {
+			e.preventDefault(), ae(void 0);
 			return;
 		}
 		if ((e.key === "Enter" || e.key === " ") && t) {
 			e.preventDefault();
-			let n = He(e);
-			le(t, n);
+			let n = ot(e);
+			je(t, n);
 			return;
 		}
-		se(e), e.key === "Escape" && j.current?.focus();
+		we(e), e.key === "Escape" && ne.current?.focus();
 	}, [
+		be,
+		_e.items,
+		we,
 		ie,
-		se,
-		N,
-		R.items,
-		le
-	]), de = o((e) => {
-		e.preventDefault(), oe();
-	}, [oe]), fe = o((e) => {
-		j.current = e, ne(e);
-	}, [ne]), he = o((e) => {
-		M.current = e, re(e), e?.focus();
-	}, [re]);
-	Re([j, M], U, H);
-	let ge = {
-		...B,
-		minWidth: G(h),
-		maxWidth: G(v)
+		je
+	]), W = u((e) => {
+		e.preventDefault(), Ce();
+	}, [Ce]), Fe = u((e) => {
+		ne.current = e, Ee(e);
+	}, [Ee]), G = u((e) => {
+		re.current = e, De(e), e?.focus();
+	}, [De]);
+	se({
+		active: U,
+		closeOnEscape: !0,
+		closeOnOutsidePress: !0,
+		contentRef: re,
+		ignoreRefs: [ne],
+		isTopOverlay: ke,
+		requestClose: Se
+	});
+	let Ie = {
+		...Te,
+		minWidth: rt(_),
+		maxWidth: rt(v)
 	};
-	return /* @__PURE__ */ g(me, {
+	return /* @__PURE__ */ n(Pe, {
 		value: {
 			disabled: w,
-			isOpen: H,
-			contentId: A,
-			triggerId: k,
-			setTriggerRef: fe,
-			onClick: de,
-			onKeyDown: ue
+			isOpen: U,
+			contentId: te,
+			triggerId: B,
+			triggerClassName: I,
+			setTriggerRef: Fe,
+			onClick: W,
+			onKeyDown: Me
 		},
-		children: /* @__PURE__ */ g(pe, {
+		children: /* @__PURE__ */ n(Ne, {
 			value: {
-				activeIndex: ie,
+				activeIndex: be,
 				closeOnSelect: S,
-				color: a,
-				contentId: A,
-				contentProps: R.content?.props,
+				color: s,
+				contentId: te,
+				contentProps: H.content?.props,
 				disabled: w,
-				entries: R.entries,
-				getItemId: (e) => `${A}-item-${e}`,
-				isOpen: H,
-				items: R.items,
+				dropdownClassName: R,
+				entries: _e.entries,
+				getItemId: (e) => `${te}-item-${e}`,
+				isOpen: U,
+				items: _e.items,
 				loading: T,
 				loadingText: E,
+				noOptionsText: P ?? F,
 				maxWidth: v,
-				minWidth: h,
-				openSubId: N,
-				onKeyDown: ue,
-				portal: y,
-				radioValues: I,
-				selectItem: le,
-				setActiveIndex: ae,
-				setContentRef: he,
-				setOpenSubId: P,
+				minWidth: _,
+				openSubId: ie,
+				onKeyDown: Me,
+				portal: !H.portal && y,
+				radioValues: oe,
+				searchPlaceholder: H.search?.props.placeholder ?? j ?? (O || fe ? "Type a command..." : "Search actions..."),
+				searchProps: H.search?.props,
+				searchValue: de,
+				searchable: me,
+				selectItem: je,
+				setActiveIndex: xe,
+				setContentRef: G,
+				setOpenSubId: ae,
 				setRadioValue: (e, t) => {
-					L((n) => ({
+					V((n) => ({
 						...n,
 						[e]: t
 					}));
 				},
-				size: i,
-				surfaceStyle: ge,
-				triggerId: k
+				setSearchValue: Oe,
+				size: o,
+				surfaceStyle: Ie,
+				triggerId: B
 			},
-			children: /* @__PURE__ */ _("div", {
-				className: V(K.wrapper, D),
+			children: /* @__PURE__ */ r("div", {
+				className: N(it.wrapper, z),
 				"data-disabled": w || void 0,
-				children: [R.trigger ?? null, R.content ?? /* @__PURE__ */ g(ke, {})]
+				children: [H.trigger ?? null, H.portal ?? H.content ?? /* @__PURE__ */ n(Ke, { className: R })]
 			})
 		})
 	});
 };
-Ve.displayName = "DropdownRoot";
-function He(e) {
+at.displayName = "DropdownRoot";
+function ot(e) {
 	let t = !1;
 	return {
 		originalEvent: e,
@@ -722,15 +1300,23 @@ function He(e) {
 		}
 	};
 }
-function Ue(e) {
+function st(e) {
 	let t = [];
 	return e.forEach((e) => {
-		t.push(e), e.type === "subTrigger" && t.push(...Ue(e.subItems));
+		t.push(e), e.type === "subTrigger" && t.push(...st(e.subItems));
 	}), t;
 }
+function ct(e, t) {
+	let n = t.trim().toLocaleLowerCase(), r = new Set(e.items.filter((e) => e.label.toLocaleLowerCase().includes(n)).map((e) => e.id)), i = e.items.filter((e) => r.has(e.id));
+	return {
+		...e,
+		items: i,
+		entries: e.entries.filter((e) => e.type !== "item" || r.has(e.item.id))
+	};
+}
 //#endregion
-//#region src/components/Dropdown/SubContent/DropdownSubContent.tsx
-var We = B("subContent", "Dropdown.SubContent"), Ge = B("subTrigger", "Dropdown.SubTrigger"), Ke = B("sub", "Dropdown.Sub"), qe = {
+//#region src/components/Dropdown/Search/DropdownSearch.tsx
+var lt = I("search", "Dropdown.Search"), ut = I("subContent", "Dropdown.SubContent"), dt = I("subTrigger", "Dropdown.SubTrigger"), ft = I("sub", "Dropdown.Sub"), pt = {
 	button: "_button_bb3ib_1",
 	disabled: "_disabled_bb3ib_63",
 	arrow: "_arrow_bb3ib_71",
@@ -746,200 +1332,393 @@ var We = B("subContent", "Dropdown.SubContent"), Ge = B("subTrigger", "Dropdown.
 	lg: "_lg_bb3ib_350",
 	label: "_label_bb3ib_362",
 	open: "_open_bb3ib_390"
-}, Je = (e) => /* @__PURE__ */ g(Ye, { ...e });
-Je.__velliraDropdownPart = "trigger", Je.displayName = "Dropdown.Trigger";
-var Ye = ({ children: e, asChild: t = !1, disabled: r, className: i }) => {
-	let o = he(), s = ge(), c = t && a(e) ? e : void 0, l = o.disabled || r, u = {
-		id: s.triggerId,
-		ref: c ? Be(c.props.ref, s.setTriggerRef) : s.setTriggerRef,
-		"aria-controls": s.isOpen ? s.contentId : void 0,
-		"aria-disabled": l || void 0,
-		"aria-expanded": s.isOpen,
+}, mt = (e) => /* @__PURE__ */ n(ht, { ...e });
+mt.__velliraDropdownPart = "trigger", mt.displayName = "Dropdown.Trigger";
+var ht = ({ children: e, asChild: t = !1, disabled: i, className: a }) => {
+	let s = W(), c = Fe(), u = t && l(e) ? e : void 0, d = s.disabled || i, f = {
+		id: c.triggerId,
+		ref: u ? nt(u.props.ref, c.setTriggerRef) : c.setTriggerRef,
+		"aria-controls": c.isOpen ? c.contentId : void 0,
+		"aria-disabled": d || void 0,
+		"aria-expanded": c.isOpen,
 		"aria-haspopup": "menu",
-		className: V(!c && qe.button, !c && qe[o.size], !c && qe[o.color], i),
-		"data-state": s.isOpen ? "open" : "closed",
-		disabled: l || void 0,
-		onClick: ze(c?.props.onClick, s.onClick),
-		onKeyDown: ze(c?.props.onKeyDown, s.onKeyDown)
+		className: N(!u && pt.button, !u && pt[s.size], !u && pt[s.color], c.triggerClassName, a),
+		"data-state": c.isOpen ? "open" : "closed",
+		disabled: d || void 0,
+		onClick: tt(u?.props.onClick, c.onClick),
+		onKeyDown: tt(u?.props.onKeyDown, c.onKeyDown)
 	};
-	return c ? n(c, {
-		...u,
-		className: V(c.props.className, i)
-	}) : /* @__PURE__ */ _("button", {
+	return u ? o(u, {
+		...f,
+		className: N(u.props.className, a)
+	}) : /* @__PURE__ */ r("button", {
 		type: "button",
-		...u,
-		children: [/* @__PURE__ */ g("span", {
-			className: qe.label,
+		...f,
+		children: [/* @__PURE__ */ n("span", {
+			className: pt.label,
 			children: e
-		}), /* @__PURE__ */ g("span", {
-			className: V(qe.arrow, { [qe.open]: s.isOpen }),
+		}), /* @__PURE__ */ n("span", {
+			className: N(pt.arrow, { [pt.open]: c.isOpen }),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ g(y, {})
+			children: /* @__PURE__ */ n(y, {})
 		})]
 	});
 };
-Ye.displayName = "DropdownTriggerSurface";
+ht.displayName = "DropdownTriggerSurface";
 //#endregion
 //#region src/components/Dropdown/Dropdown.tsx
-var Xe = Object.assign(Ve, {
-	Trigger: Je,
-	Content: ke,
-	Item: _e,
-	CheckboxItem: ae,
-	RadioGroup: Pe,
-	RadioItem: Fe,
-	Group: ce,
-	Label: Se,
-	Separator: De,
-	Sub: Ke,
-	SubTrigger: Ge,
-	SubContent: We,
-	ItemIcon: Me,
-	ItemDescription: je,
-	ItemBadge: Ae,
-	ItemShortcut: Ne,
-	Empty: oe,
-	Loading: we
+var gt = Object.assign(at, {
+	Trigger: mt,
+	Content: Ke,
+	Search: lt,
+	Item: Ie,
+	CheckboxItem: B,
+	RadioGroup: Ze,
+	RadioItem: Qe,
+	Group: Oe,
+	Label: Ve,
+	Separator: We,
+	Sub: ft,
+	SubTrigger: dt,
+	SubContent: ut,
+	ItemIcon: Ye,
+	ItemDescription: Je,
+	ItemBadge: qe,
+	ItemShortcut: Xe,
+	Icon: Ye,
+	Description: Je,
+	Badge: qe,
+	Shortcut: Xe,
+	Arrow: F,
+	Empty: Ee,
+	Loading: q
 });
-Xe.displayName = "Dropdown";
+gt.displayName = "Dropdown";
 //#endregion
-//#region src/components/Modal/ModalContext.tsx
-var Ze = r(void 0), Qe = () => {
-	let e = s(Ze);
+//#region src/components/Modal/internal/ModalContext.tsx
+var _t = s(void 0), vt = s(void 0), yt = () => {
+	let e = d(_t);
 	if (e === void 0) throw Error("Modal compound components must be used inside Modal");
 	return e;
-};
-Ze.displayName = "ModalContext";
-var $e = { modalBody: "_modalBody_iv33a_1" }, et = ({ children: e }) => {
-	let { descriptionId: t } = Qe();
-	return /* @__PURE__ */ g("div", {
-		id: t,
-		className: $e.modalBody,
+}, bt = () => d(vt), xt = _t.Provider, St = vt.Provider;
+_t.displayName = "ModalContext", vt.displayName = "ModalContentContext";
+var Ct = {
+	modalBody: "_modalBody_ou4ff_1",
+	inside: "_inside_ou4ff_6"
+}, wt = ({ children: e, className: t }) => {
+	let r = bt();
+	return /* @__PURE__ */ n("div", {
+		className: N(Ct.modalBody, r?.scrollBehavior === "inside" && Ct.inside, t),
 		children: e
 	});
 };
-et.displayName = "ModalBody";
-var tt = { content: "_content_k44g7_1" }, nt = ({ children: e }) => /* @__PURE__ */ g("div", {
-	className: tt.content,
-	children: e
-});
-nt.displayName = "ModalContent";
-var rt = { modalFooter: "_modalFooter_ezys6_1" }, it = ({ children: e }) => /* @__PURE__ */ g("div", {
-	className: rt.modalFooter,
+wt.displayName = "ModalBody";
+//#endregion
+//#region src/components/Modal/internal/composeEventHandlers.ts
+function Tt(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function Et(...e) {
+	return (t) => {
+		e.forEach((e) => {
+			if (e) {
+				if (typeof e == "function") {
+					e(t);
+					return;
+				}
+				e.current = t;
+			}
+		});
+	};
+}
+var Dt = {
+	modalHeader: "_modalHeader_hw9hl_1",
+	modalHeaderText: "_modalHeaderText_hw9hl_8",
+	modalHeaderTitle: "_modalHeaderTitle_hw9hl_13",
+	modalHeaderDescription: "_modalHeaderDescription_hw9hl_20",
+	modalHeaderCloseButton: "_modalHeaderCloseButton_hw9hl_26"
+}, Ot = ({ asChild: e = !1, children: t, className: r, "aria-label": i }) => {
+	let a = yt(), s = e && l(t) ? t : void 0, c = {
+		"aria-label": s ? i : i ?? "Close dialog",
+		className: N(!s && Dt.modalHeaderCloseButton, r),
+		onClick: Tt(s?.props.onClick, a.requestClose)
+	};
+	return s ? o(s, {
+		...c,
+		className: N(s.props.className, r),
+		"aria-label": i ?? s.props["aria-label"]
+	}) : /* @__PURE__ */ n("button", {
+		type: "button",
+		...c,
+		children: /* @__PURE__ */ n(x, { size: 16 })
+	});
+};
+Ot.displayName = "Modal.Close";
+//#endregion
+//#region src/components/Modal/internal/useModalDismiss.ts
+var kt = ({ active: e, contentRef: t, closeOnEscape: n, closeOnOutsidePress: r, isTopModal: i, onEscapeKeyDown: a, onPointerDownOutside: o, onInteractOutside: s, requestClose: c }) => {
+	se({
+		active: e,
+		closeOnOutsidePress: r,
+		closeOnEscape: n,
+		contentRef: t,
+		isTopOverlay: i,
+		onEscapeKeyDown: a ? (e) => a(e) : void 0,
+		onInteractOutside: s ? (e) => s(e) : void 0,
+		onPointerDownOutside: o ? (e) => o(e) : void 0,
+		requestClose: c
+	});
+}, At = {
+	content: "_content_15uod_1",
+	animated: "_animated_15uod_23",
+	center: "_center_15uod_30",
+	top: "_top_15uod_39",
+	sm: "_sm_15uod_48",
+	md: "_md_15uod_52",
+	lg: "_lg_15uod_56",
+	xl: "_xl_15uod_60",
+	full: "_full_15uod_64",
+	inside: "_inside_15uod_70",
+	outside: "_outside_15uod_74"
+}, jt = ({ children: e, size: t = "md", placement: r = "center", scrollBehavior: i = "inside", animated: a = !0, forceMount: o = !1, ariaLabel: s, ariaLabelledBy: c, ariaDescribedBy: l, className: d, style: f }) => {
+	let p = yt(), m = p.open, [h, _] = g(null), v = u((e) => {
+		p.setContentRef(e), _(e);
+	}, [p]);
+	if (kt({
+		active: m,
+		contentRef: p.contentRef,
+		closeOnEscape: p.closeOnEscape,
+		closeOnOutsidePress: p.closeOnOutsidePress,
+		isTopModal: p.isTopModal,
+		onEscapeKeyDown: p.onEscapeKeyDown,
+		onInteractOutside: p.onInteractOutside,
+		onPointerDownOutside: p.onPointerDownOutside,
+		requestClose: p.requestClose
+	}), V({
+		active: m,
+		contentRef: p.contentRef,
+		enabled: p.trapFocus,
+		finalFocus: p.finalFocus,
+		initialFocus: p.initialFocus,
+		onCloseAutoFocus: p.onCloseAutoFocus,
+		onOpenAutoFocus: p.onOpenAutoFocus,
+		restoreFocus: p.restoreFocus
+	}), te({
+		active: m,
+		content: h,
+		enabled: p.modal
+	}), !m && !o) return null;
+	let y = c ?? (s ? void 0 : p.titleId), b = l ?? p.descriptionId;
+	return /* @__PURE__ */ n(St, {
+		value: { scrollBehavior: i },
+		children: /* @__PURE__ */ n("div", {
+			id: p.contentId,
+			ref: Et(v),
+			tabIndex: -1,
+			className: N(At.content, At[t], At[r], At[i], a && At.animated, d),
+			style: f,
+			role: p.role,
+			"aria-modal": p.modal ? "true" : void 0,
+			"aria-label": s,
+			"aria-labelledby": y,
+			"aria-describedby": b,
+			"data-state": m ? "open" : "closed",
+			children: e
+		})
+	});
+};
+jt.displayName = "ModalContent";
+var Mt = { modalFooter: "_modalFooter_sb1pn_1" }, Nt = ({ children: e, className: t }) => /* @__PURE__ */ n("div", {
+	className: N(Mt.modalFooter, t),
 	children: e
 });
-it.displayName = "ModalFooter";
-var at = {
-	modalHeader: "_modalHeader_p8xf1_1",
-	modalHeaderTitle: "_modalHeaderTitle_p8xf1_7",
-	modalHeaderCloseButton: "_modalHeaderCloseButton_p8xf1_14"
-}, ot = ({ children: e }) => {
-	let { onClose: t, titleId: n } = Qe();
-	return /* @__PURE__ */ _("div", {
-		className: at.modalHeader,
-		children: [/* @__PURE__ */ g("h2", {
-			id: n,
-			className: at.modalHeaderTitle,
-			children: e
-		}), t && /* @__PURE__ */ g("button", {
-			type: "button",
-			className: at.modalHeaderCloseButton,
-			onClick: t,
-			"aria-label": "Close modal",
-			children: /* @__PURE__ */ g(x, { size: 16 })
-		})]
+Nt.displayName = "ModalFooter";
+//#endregion
+//#region src/components/Modal/Header/ModalDescription.tsx
+var Pt = ({ children: e }) => {
+	let { descriptionId: t, setDescriptionPresent: r } = yt();
+	return f(() => (r(!0), () => r(!1)), [r]), /* @__PURE__ */ n("p", {
+		id: t,
+		className: Dt.modalHeaderDescription,
+		children: e
 	});
 };
-ot.displayName = "ModalHeader";
+Pt.displayName = "Modal.Description";
 //#endregion
-//#region src/hooks/useModalKeyboard.ts
-var st = ({ isOpen: e, onClose: t }) => {
-	let n = o((n) => {
-		e && n.key === "Escape" && (n.preventDefault(), t?.());
-	}, [e, t]);
-	c(() => (document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n)), [n]);
-}, ct = {
-	overlay: "_overlay_dcudn_1",
-	"overlay--open": "_overlay--open_dcudn_14",
-	modal: "_modal_dcudn_20",
-	"overlay--animated": "_overlay--animated_dcudn_28"
-}, lt = 0, ut = "", dt = ({ children: e, onClose: t, isOpen: n, className: r, closeOnBackdrop: i, closeOnClick: a, closeOnEsc: s = !0, zIndex: l = 1e3, animated: u = !0 }) => {
-	let f = i ?? a ?? !0, p = d(null), { titleId: m, descriptionId: h } = Qe(), _ = o((e) => {
-		f && e.target === e.currentTarget && t?.();
-	}, [f, t]);
-	return st({
-		isOpen: n,
-		onClose: s ? t : void 0
-	}), c(() => {
-		if (n) return lt === 0 && (ut = document.body.style.overflow), lt += 1, document.body.style.overflow = "hidden", () => {
-			lt = Math.max(0, lt - 1), lt === 0 && (document.body.style.overflow = ut);
-		};
-	}, [n]), !n && !u ? null : /* @__PURE__ */ g(H, { children: /* @__PURE__ */ g("div", {
-		className: V(ct.overlay, n && ct["overlay--open"], u && ct["overlay--animated"], r),
-		onClick: _,
-		tabIndex: -1,
-		role: "presentation",
-		"aria-hidden": !n,
-		style: { zIndex: l },
-		children: /* @__PURE__ */ g(z, {
-			active: n,
-			focusTrapOptions: {
-				fallbackFocus: () => p.current,
-				returnFocusOnDeactivate: !0,
-				allowOutsideClick: !0
-			},
-			children: /* @__PURE__ */ g("div", {
-				ref: p,
-				tabIndex: -1,
-				className: ct.modal,
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": m,
-				"aria-describedby": h,
-				children: e
-			})
-		})
-	}) });
+//#region src/components/Modal/Header/ModalTitle.tsx
+var Ft = ({ children: e }) => {
+	let { setTitlePresent: t, titleId: r } = yt();
+	return f(() => (t(!0), () => t(!1)), [t]), /* @__PURE__ */ n("h2", {
+		id: r,
+		className: Dt.modalHeaderTitle,
+		children: e
+	});
 };
-dt.displayName = "ModalOverlay";
+Ft.displayName = "Modal.Title";
 //#endregion
-//#region src/components/Modal/Modal.tsx
-var ft = ({ isOpen: e, children: t, onClose: n, closeOnBackdrop: r, closeOnClick: i, closeOnEsc: a = !0 }) => {
-	let o = I({
-		isOpen: e,
-		onClose: n,
-		closeOnBackdrop: r,
-		closeOnClick: i,
-		closeOnEsc: a
+//#region src/components/Modal/Header/ModalHeader.tsx
+var It = ({ children: e, title: t, description: i, showClose: a = !1, className: o }) => {
+	let s = t !== void 0 || i !== void 0;
+	return /* @__PURE__ */ r("div", {
+		className: N(Dt.modalHeader, o),
+		children: [s ? /* @__PURE__ */ r("div", {
+			className: Dt.modalHeaderText,
+			children: [t !== void 0 && /* @__PURE__ */ n(Ft, { children: t }), i !== void 0 && /* @__PURE__ */ n(Pt, { children: i })]
+		}) : e, a && /* @__PURE__ */ n(Ot, {})]
 	});
-	return o.shouldRender ? /* @__PURE__ */ g(Ze.Provider, {
-		value: {
-			onClose: o.onClose,
-			titleId: o.titleId,
-			descriptionId: o.descriptionId
-		},
-		children: /* @__PURE__ */ g(dt, {
-			isOpen: o.isOpen,
-			onClose: o.onClose,
-			closeOnBackdrop: o.closeOnBackdrop,
-			closeOnEsc: o.closeOnEsc,
-			children: /* @__PURE__ */ g(nt, { children: t })
+};
+It.displayName = "ModalHeader";
+var Lt = {
+	overlay: "_overlay_57sfi_1",
+	"overlay--open": "_overlay--open_57sfi_11",
+	"overlay--animated": "_overlay--animated_57sfi_18"
+}, Rt = ({ className: e, animated: t = !0, forceMount: r = !1 }) => {
+	let { open: i } = yt();
+	return !i && !r ? null : /* @__PURE__ */ n("div", {
+		className: N(Lt.overlay, i && Lt["overlay--open"], t && Lt["overlay--animated"], e),
+		"data-state": i ? "open" : "closed",
+		"aria-hidden": "true"
+	});
+};
+Rt.displayName = "ModalOverlay";
+//#endregion
+//#region src/components/Modal/Root/ModalRoot.tsx
+var zt = ({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i, modal: a = !0, closeOnEscape: o = !0, closeOnOutsidePress: s = !0, preventScroll: c = !0, restoreFocus: l = !0, trapFocus: d = !0, initialFocus: p, finalFocus: _, onOpenAutoFocus: v, onCloseAutoFocus: y, onEscapeKeyDown: b, onPointerDownOutside: x, onInteractOutside: S, role: C = "dialog", className: w }) => {
+	let T = h(null), { contentId: E, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = ye({
+		open: t,
+		defaultOpen: r,
+		onOpenChange: i,
+		closeOnEscape: o,
+		closeOnOutsidePress: s
+	}), [M, P] = g(!1), [F, I] = g(!1), L = O, R = u(() => {
+		k();
+	}, [k]), z = u((e) => {
+		T.current = e;
+	}, []), { isTopOverlay: ee } = ue({
+		active: O,
+		id: E
+	});
+	return pe({
+		active: O,
+		enabled: c
+	}), f(() => {
+		process.env.NODE_ENV === "production" || !O || M || T.current?.hasAttribute("aria-label") || console.warn("Modal.Content requires Modal.Title or ariaLabel.");
+	}, [O, M]), f(() => {
+		process.env.NODE_ENV === "production" || !O || C !== "alertdialog" || F || console.warn("Modal with role=\"alertdialog\" requires Modal.Description.");
+	}, [
+		F,
+		O,
+		C
+	]), /* @__PURE__ */ n(xt, {
+		value: m(() => ({
+			closeOnEscape: o,
+			closeOnOutsidePress: s,
+			contentId: E,
+			contentRef: T,
+			descriptionId: D,
+			finalFocus: _,
+			initialFocus: p,
+			isTopModal: ee,
+			modal: a,
+			onCloseAutoFocus: y,
+			onEscapeKeyDown: b,
+			onInteractOutside: S,
+			onOpenAutoFocus: v,
+			onPointerDownOutside: x,
+			open: O,
+			preventScroll: c,
+			requestClose: R,
+			restoreFocus: l,
+			role: C,
+			setContentRef: z,
+			setDescriptionPresent: I,
+			setOpen: A,
+			setTitlePresent: P,
+			shouldRender: L,
+			titleId: j,
+			trapFocus: d
+		}), [
+			o,
+			s,
+			E,
+			D,
+			_,
+			p,
+			ee,
+			O,
+			a,
+			y,
+			b,
+			S,
+			v,
+			x,
+			c,
+			R,
+			l,
+			C,
+			z,
+			A,
+			L,
+			j,
+			d
+		]),
+		children: /* @__PURE__ */ n("div", {
+			className: N(w),
+			"data-state": O ? "open" : "closed",
+			children: e
 		})
-	}) : null;
+	});
 };
-ft.displayName = "Modal";
+zt.displayName = "ModalRoot";
 //#endregion
-//#region src/components/Modal/index.ts
-var pt = Object.assign(ft, {
-	Header: ot,
-	Body: et,
-	Content: nt,
-	Footer: it
-}), mt = r(null), ht = mt.Provider;
-function gt() {
-	return s(mt);
+//#region src/components/Modal/Trigger/ModalTrigger.tsx
+var Bt = ({ children: e, asChild: t = !1, disabled: r = !1, className: i }) => {
+	let a = yt(), s = t && l(e) ? e : void 0, c = r, u = {
+		"aria-controls": a.contentId,
+		"aria-disabled": c || void 0,
+		"aria-expanded": a.open,
+		"aria-haspopup": "dialog",
+		className: N(i),
+		"data-state": a.open ? "open" : "closed",
+		disabled: c || void 0,
+		onClick: Tt(s?.props.onClick, () => {
+			c || a.setOpen(!0);
+		})
+	};
+	return s ? o(s, {
+		...u,
+		ref: Et(s.props.ref),
+		className: N(s.props.className, i)
+	}) : /* @__PURE__ */ n("button", {
+		type: "button",
+		...u,
+		children: e
+	});
+};
+Bt.displayName = "Modal.Trigger";
+//#endregion
+//#region src/components/Modal/Modal.tsx
+var Vt = Object.assign(zt, {
+	Trigger: Bt,
+	Overlay: Rt,
+	Content: jt,
+	Header: It,
+	Title: Ft,
+	Description: Pt,
+	Body: wt,
+	Footer: Nt,
+	Close: Ot
+});
+Vt.displayName = "Modal";
+//#endregion
+//#region src/components/RadioGroup/RadioGroupContext.ts
+var Ht = s(null), Ut = Ht.Provider;
+function Wt() {
+	return d(Ht);
 }
-var _t = {
+var Gt = {
 	root: "_root_1n02e_1",
 	label: "_label_1n02e_9",
 	required: "_required_1n02e_21",
@@ -950,77 +1729,77 @@ var _t = {
 	error: "_error_1n02e_51",
 	disabled: "_disabled_1n02e_59",
 	invalid: "_invalid_1n02e_75"
-}, vt = i(({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, required: i = !1, size: a = "md", color: o = "primary", name: s, label: c, description: u, error: d, orientation: f = "vertical", children: p, className: m, id: h, ...v }, y) => {
-	let b = l(), x = h ?? b, S = c ? `${x}-label` : void 0, C = u ? `${x}-description` : void 0, w = d ? `${x}-error` : void 0, T = [C, w].filter(Boolean).join(" ") || void 0, E = s ?? `${x}-radio`, [D, O] = P({
+}, Kt = c(({ value: e, defaultValue: t = "", onValueChange: i, disabled: a = !1, required: o = !1, size: s = "md", color: c = "primary", name: l, label: u, description: d, error: f, orientation: m = "vertical", children: h, className: g, id: _, ...v }, y) => {
+	let b = p(), x = _ ?? b, S = u ? `${x}-label` : void 0, C = d ? `${x}-description` : void 0, w = f ? `${x}-error` : void 0, T = [C, w].filter(Boolean).join(" ") || void 0, E = l ?? `${x}-radio`, [D, O] = ge({
 		value: e,
 		defaultValue: t,
-		onChange: n
-	}), k = !!d;
-	return /* @__PURE__ */ _("div", {
+		onChange: i
+	}), k = !!f;
+	return /* @__PURE__ */ r("div", {
 		...v,
 		ref: y,
 		id: x,
 		role: "radiogroup",
 		"aria-labelledby": S,
 		"aria-describedby": T,
-		"aria-disabled": r || void 0,
-		"aria-required": i || void 0,
+		"aria-disabled": a || void 0,
+		"aria-required": o || void 0,
 		"aria-invalid": k || void 0,
-		className: V(_t.root, k && _t.invalid, r && _t.disabled, m),
+		className: N(Gt.root, k && Gt.invalid, a && Gt.disabled, g),
 		children: [
-			c && /* @__PURE__ */ _("div", {
+			u && /* @__PURE__ */ r("div", {
 				id: S,
-				className: _t.label,
-				children: [c, i && /* @__PURE__ */ g("span", {
-					className: _t.required,
+				className: Gt.label,
+				children: [u, o && /* @__PURE__ */ n("span", {
+					className: Gt.required,
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
-			u && /* @__PURE__ */ g("div", {
+			d && /* @__PURE__ */ n("div", {
 				id: C,
-				className: _t.description,
-				children: u
+				className: Gt.description,
+				children: d
 			}),
-			/* @__PURE__ */ g(ht, {
+			/* @__PURE__ */ n(Ut, {
 				value: {
 					name: E,
 					value: D,
-					disabled: r,
-					required: i,
+					disabled: a,
+					required: o,
 					invalid: k,
-					size: a,
-					color: o,
+					size: s,
+					color: c,
 					describedBy: T,
 					onValueChange: O
 				},
-				children: /* @__PURE__ */ g("div", {
-					className: V(_t.items, _t[f]),
-					children: p
+				children: /* @__PURE__ */ n("div", {
+					className: N(Gt.items, Gt[m]),
+					children: h
 				})
 			}),
-			d && /* @__PURE__ */ g("div", {
+			f && /* @__PURE__ */ n("div", {
 				id: w,
-				className: _t.error,
-				children: d
+				className: Gt.error,
+				children: f
 			})
 		]
 	});
 });
-vt.displayName = "RadioGroup";
+Kt.displayName = "RadioGroup";
 //#endregion
 //#region src/components/Select/internal/SelectContext.tsx
-var yt = r(null), bt = yt.Provider;
-function xt() {
-	let e = s(yt);
+var qt = s(null), Jt = qt.Provider;
+function Yt() {
+	let e = d(qt);
 	if (!e) throw Error("Select compound components must be used inside <Select>");
 	return e;
 }
-yt.displayName = "SelectContext";
+qt.displayName = "SelectContext";
 //#endregion
 //#region src/components/Select/internal/useSelectVirtualization.ts
-function St({ loading: e, options: t, scrollTop: n, virtual: r }) {
-	return u(() => {
+function Xt({ loading: e, options: t, scrollTop: n, virtual: r }) {
+	return m(() => {
 		let i = typeof r == "object" ? r : r ? {} : void 0, a = i?.itemHeight ?? 40, o = !!(i && t.length > 0 && !e), s = o ? Math.max(0, Math.floor(n / a) - 2) : 0, c = o ? Math.ceil(300 / a) + 4 : t.length, l = o ? t.slice(s, s + c) : t, u = o ? s * a : 0;
 		return {
 			bottomSpacerHeight: o ? Math.max(0, (t.length - s - l.length) * a) : 0,
@@ -1038,7 +1817,7 @@ function St({ loading: e, options: t, scrollTop: n, virtual: r }) {
 		r
 	]);
 }
-var q = {
+var Zt = {
 	option: "_option_1l7x7_1",
 	selected: "_selected_1l7x7_19",
 	disabled: "_disabled_1l7x7_19",
@@ -1056,63 +1835,63 @@ var q = {
 	danger: "_danger_1l7x7_283",
 	check: "_check_1l7x7_347",
 	checkPop: "_checkPop_1l7x7_1"
-}, Ct = () => null;
-Ct.__velliraSelectPart = "item", Ct.displayName = "Select.Item";
-var wt = ({ option: e, isSelected: t, isActive: n, optionId: r, renderOption: i, onSelect: a, onMouseEnter: o }) => {
-	let s = !!e.disabled;
-	return /* @__PURE__ */ _("li", {
-		id: r,
+}, Qt = () => null;
+Qt.__velliraSelectPart = "item", Qt.displayName = "Select.Item";
+var $t = ({ option: e, isSelected: i, isActive: a, optionId: o, renderOption: s, onSelect: c, onMouseEnter: l }) => {
+	let u = !!e.disabled;
+	return /* @__PURE__ */ r("li", {
+		id: o,
 		role: "option",
-		"aria-selected": t,
-		"aria-disabled": s || void 0,
-		className: V(q.option, {
-			[q.selected]: t,
-			[q.active]: n,
-			[q.disabled]: s,
-			[q.success]: e.color === "success",
-			[q.warning]: e.color === "warning",
-			[q.danger]: e.color === "danger"
+		"aria-selected": i,
+		"aria-disabled": u || void 0,
+		className: N(Zt.option, {
+			[Zt.selected]: i,
+			[Zt.active]: a,
+			[Zt.disabled]: u,
+			[Zt.success]: e.color === "success",
+			[Zt.warning]: e.color === "warning",
+			[Zt.danger]: e.color === "danger"
 		}),
 		onClick: () => {
-			s || a(e.value);
+			u || c(e.value);
 		},
 		onMouseEnter: () => {
-			s || o();
+			u || l();
 		},
-		children: [i ? /* @__PURE__ */ g("span", {
-			className: q.custom,
-			children: i(e)
-		}) : /* @__PURE__ */ _(h, { children: [
-			e.icon && /* @__PURE__ */ g("span", {
-				className: q.icon,
+		children: [s ? /* @__PURE__ */ n("span", {
+			className: Zt.custom,
+			children: s(e)
+		}) : /* @__PURE__ */ r(t, { children: [
+			e.icon && /* @__PURE__ */ n("span", {
+				className: Zt.icon,
 				children: e.icon
 			}),
-			/* @__PURE__ */ _("span", {
-				className: q.content,
-				children: [/* @__PURE__ */ g("span", {
-					className: q.label,
+			/* @__PURE__ */ r("span", {
+				className: Zt.content,
+				children: [/* @__PURE__ */ n("span", {
+					className: Zt.label,
 					children: e.label
-				}), e.description && /* @__PURE__ */ g("span", {
-					className: q.description,
+				}), e.description && /* @__PURE__ */ n("span", {
+					className: Zt.description,
 					children: e.description
 				})]
 			}),
-			e.badge && /* @__PURE__ */ g("span", {
-				className: q.badge,
+			e.badge && /* @__PURE__ */ n("span", {
+				className: Zt.badge,
 				children: e.badge
 			}),
-			e.shortcut && /* @__PURE__ */ g("kbd", {
-				className: q.shortcut,
+			e.shortcut && /* @__PURE__ */ n("kbd", {
+				className: Zt.shortcut,
 				children: e.shortcut
 			})
-		] }), /* @__PURE__ */ g("span", {
-			className: q.check,
+		] }), /* @__PURE__ */ n("span", {
+			className: Zt.check,
 			"aria-hidden": "true",
-			children: t && /* @__PURE__ */ g(v, {})
+			children: i && /* @__PURE__ */ n(v, {})
 		})]
 	});
 };
-wt.displayName = "SelectItemRow";
+$t.displayName = "SelectItemRow";
 var J = {
 	dropdown: "_dropdown_k5nye_1",
 	dropdownIn: "_dropdownIn_k5nye_1",
@@ -1138,134 +1917,134 @@ var J = {
 	separator: "_separator_k5nye_1556",
 	virtualSpacer: "_virtualSpacer_k5nye_1562",
 	mobileDropdownIn: "_mobileDropdownIn_k5nye_1"
-}, Tt = ({ children: e, className: t }) => {
-	let { contentProps: n } = xt(), r = Dt(e);
-	return /* @__PURE__ */ g(Et, {
-		...n,
+}, en = ({ children: e, className: t }) => {
+	let { contentProps: r } = Yt(), i = nn(e);
+	return /* @__PURE__ */ n(tn, {
 		...r,
-		className: [n.className, t].filter(Boolean).join(" ")
+		...i,
+		className: [r.className, t].filter(Boolean).join(" ")
 	});
 };
-Tt.__velliraSelectPart = "content", Tt.displayName = "Select.Content";
-var Et = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, entries: s, multiple: l, selectedValues: u, color: p = "primary", variant: m = "outline", searchable: v, command: y, virtual: b, portal: S = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: ee, onSearchChange: z }) => {
-	let B = d(null), te = d(!1), [ne, re] = f(null), [ie, ae] = f(0), { bottomSpacerHeight: V, isVirtual: U, itemHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: le, visibleOptions: ue } = St({
+en.__velliraSelectPart = "content", en.displayName = "Select.Content";
+var tn = ({ isOpen: e, listboxId: i, labelledById: a, setDropdownRef: o, style: s, options: c, entries: l, multiple: d, selectedValues: p, color: m = "primary", variant: _ = "outline", searchable: v, command: y, virtual: b, portal: S = !0, searchValue: C = "", searchPlaceholder: w = "Search...", loading: T, loadingText: E = "Loading...", noOptionsText: D, searchSlot: O, headerSlot: k, emptySlot: A, loadingSlot: j, renderOption: M, selectedValue: N, activeIndex: P, visualActiveIndex: F = P, className: I, onSelect: L, onSelectGroup: R, onMouseEnter: z, onSearchChange: ee }) => {
+	let B = h(null), te = h(!1), [ne, re] = g(null), [ie, ae] = g(0), { bottomSpacerHeight: oe, isVirtual: V, itemHeight: se, startIndex: ce, topSpacerHeight: le, viewportHeight: ue, visibleOptions: de } = Xt({
 		loading: T,
-		options: a,
+		options: c,
 		scrollTop: ie,
 		virtual: b
-	}), de = o((e) => {
-		re(e), r(e);
-	}, [r]);
-	if (c(() => {
+	}), H = u((e) => {
+		re(e), o(e);
+	}, [o]);
+	if (f(() => {
 		e || (te.current = !1, ae(0));
-	}, [e, C]), c(() => {
+	}, [e, C]), f(() => {
 		if (!e || !v) return;
 		let t = window.setTimeout(() => {
 			B.current?.focus({ preventScroll: !0 });
 		}, 0);
 		return () => window.clearTimeout(t);
-	}, [e, v]), c(() => {
+	}, [e, v]), f(() => {
 		if (!e || T || !ne || te.current) return;
-		let n = a.findIndex((e) => u ? u.includes(e.value) : e.value === N), r = n >= 0 ? n : P;
-		if (r < 0) {
+		let t = c.findIndex((e) => p ? p.includes(e.value) : e.value === N), n = t >= 0 ? t : P;
+		if (n < 0) {
 			te.current = !0;
 			return;
 		}
-		if (te.current = !0, U) {
-			let e = Math.max(0, r * oe - (le - oe) / 2);
+		if (te.current = !0, V) {
+			let e = Math.max(0, n * se - (ue - se) / 2);
 			ae(e), ne.scrollTop = e;
 			return;
 		}
-		document.getElementById(`${t}-option-${r}`)?.scrollIntoView?.({ block: "nearest" });
+		document.getElementById(`${i}-option-${n}`)?.scrollIntoView?.({ block: "nearest" });
 	}, [
 		P,
 		ne,
 		e,
-		U,
-		oe,
-		t,
+		V,
+		se,
+		i,
 		T,
-		a,
+		c,
 		N,
-		u
+		p
 	]), !e) return null;
-	let fe = s && !U ? s : ue.map((e, t) => ({
+	let fe = l && !V ? l : de.map((e, t) => ({
 		type: "option",
 		option: e,
-		optionIndex: se + t
-	})), pe = /* @__PURE__ */ _("div", {
-		ref: de,
+		optionIndex: ce + t
+	})), pe = /* @__PURE__ */ r("div", {
+		ref: H,
 		tabIndex: 0,
 		className: [
 			J.dropdown,
-			J[p],
 			J[m],
+			J[_],
 			y ? J.command : void 0,
 			I
 		].filter(Boolean).join(" "),
-		style: i,
+		style: s,
 		onScroll: (e) => {
-			U && ae(e.currentTarget.scrollTop);
+			V && ae(e.currentTarget.scrollTop);
 		},
 		children: [
 			k,
-			O ?? (v && /* @__PURE__ */ _("div", {
+			O ?? (v && /* @__PURE__ */ r("div", {
 				className: J.searchWrap,
-				children: [/* @__PURE__ */ g("input", {
+				children: [/* @__PURE__ */ n("input", {
 					ref: B,
 					className: J.search,
 					value: C,
 					placeholder: y ? "Type a command..." : w,
 					"aria-label": "Search options",
-					onInput: (e) => z?.(e.currentTarget.value),
-					onChange: (e) => z?.(e.target.value)
-				}), C && /* @__PURE__ */ g("button", {
+					onInput: (e) => ee?.(e.currentTarget.value),
+					onChange: (e) => ee?.(e.target.value)
+				}), C && /* @__PURE__ */ n("button", {
 					type: "button",
 					className: J.searchClear,
 					"aria-label": "Clear search",
 					onClick: () => {
-						z?.(""), B.current?.focus();
+						ee?.(""), B.current?.focus();
 					},
-					children: /* @__PURE__ */ g(x, {})
+					children: /* @__PURE__ */ n(x, {})
 				})]
 			})),
-			/* @__PURE__ */ g("ul", {
-				id: t,
+			/* @__PURE__ */ n("ul", {
+				id: i,
 				role: "listbox",
-				"aria-multiselectable": l || void 0,
-				"aria-labelledby": n,
-				children: T ? /* @__PURE__ */ g("li", {
+				"aria-multiselectable": d || void 0,
+				"aria-labelledby": a,
+				children: T ? /* @__PURE__ */ n("li", {
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
 					className: J.empty,
 					children: j ?? E
-				}) : a.length ? /* @__PURE__ */ _(h, { children: [
-					U && /* @__PURE__ */ g("li", {
+				}) : c.length ? /* @__PURE__ */ r(t, { children: [
+					V && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
 						className: J.virtualSpacer,
-						style: { height: ce }
+						style: { height: le }
 					}),
 					fe.map((e) => {
 						if (e.type === "group") {
-							if (e.selectable && l) {
-								let t = e.itemValues.filter((e) => a.some((t) => t.value === e && !t.disabled)), n = u ? t.filter((e) => u.includes(e)).length : 0, r = t.length > 0 && n === t.length, i = n > 0 && n < t.length;
-								return /* @__PURE__ */ g("li", {
+							if (e.selectable && d) {
+								let t = e.itemValues.filter((e) => c.some((t) => t.value === e && !t.disabled)), i = p ? t.filter((e) => p.includes(e)).length : 0, a = t.length > 0 && i === t.length, o = i > 0 && i < t.length;
+								return /* @__PURE__ */ n("li", {
 									role: "presentation",
-									children: /* @__PURE__ */ _("button", {
+									children: /* @__PURE__ */ r("button", {
 										type: "button",
 										className: J.groupAction,
-										"aria-label": Ot(e.selectLabel ?? e.label),
-										"aria-pressed": i ? "mixed" : r ? "true" : "false",
+										"aria-label": rn(e.selectLabel ?? e.label),
+										"aria-pressed": o ? "mixed" : a ? "true" : "false",
 										disabled: t.length === 0,
 										onClick: () => R(t),
-										children: [/* @__PURE__ */ g("span", {
+										children: [/* @__PURE__ */ n("span", {
 											className: J.groupActionText,
 											children: e.selectLabel ?? e.label
-										}), /* @__PURE__ */ _("span", {
+										}), /* @__PURE__ */ r("span", {
 											className: J.groupActionMeta,
 											children: [
-												n,
+												i,
 												"/",
 												t.length
 											]
@@ -1273,35 +2052,35 @@ var Et = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 									})
 								}, e.id);
 							}
-							return /* @__PURE__ */ g("li", {
+							return /* @__PURE__ */ n("li", {
 								role: "presentation",
 								className: J.groupLabel,
 								children: e.label
 							}, e.id);
 						}
-						if (e.type === "separator") return /* @__PURE__ */ g("li", {
+						if (e.type === "separator") return /* @__PURE__ */ n("li", {
 							role: "presentation",
 							"aria-hidden": "true",
 							className: J.separator,
 							"data-vellira-select-separator": "true"
 						}, e.id);
-						let { option: n, optionIndex: r } = e;
-						return /* @__PURE__ */ g(wt, {
-							option: n,
-							isSelected: u ? u.includes(n.value) : n.value === N,
-							isActive: r === F,
-							optionId: `${t}-option-${r}`,
+						let { option: t, optionIndex: a } = e;
+						return /* @__PURE__ */ n($t, {
+							option: t,
+							isSelected: p ? p.includes(t.value) : t.value === N,
+							isActive: a === F,
+							optionId: `${i}-option-${a}`,
 							renderOption: M,
 							onSelect: L,
-							onMouseEnter: () => ee(r)
-						}, n.value);
+							onMouseEnter: () => z(a)
+						}, t.value);
 					}),
-					U && /* @__PURE__ */ g("li", {
+					V && /* @__PURE__ */ n("li", {
 						"aria-hidden": "true",
 						className: J.virtualSpacer,
-						style: { height: V }
+						style: { height: oe }
 					})
-				] }) : /* @__PURE__ */ g("li", {
+				] }) : /* @__PURE__ */ n("li", {
 					role: "option",
 					"aria-disabled": "true",
 					"aria-selected": "false",
@@ -1311,96 +2090,96 @@ var Et = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 			})
 		]
 	});
-	return S ? /* @__PURE__ */ g(H, { children: pe }) : pe;
+	return S ? /* @__PURE__ */ n(we, { children: pe }) : pe;
 };
-Et.displayName = "SelectContentSurface";
-function Dt(t) {
-	let n, r, i, o;
-	return e.forEach(t, (e) => {
-		if (!a(e)) return;
-		let t = e.type;
-		t.__velliraSelectPart === "label" && (n = e), t.__velliraSelectPart === "search" && (r = e), t.__velliraSelectPart === "empty" && (i = e), t.__velliraSelectPart === "loading" && (o = e);
+tn.displayName = "SelectContentSurface";
+function nn(e) {
+	let t, n, r, a;
+	return i.forEach(e, (e) => {
+		if (!l(e)) return;
+		let i = e.type;
+		i.__velliraSelectPart === "label" && (t = e), i.__velliraSelectPart === "search" && (n = e), i.__velliraSelectPart === "empty" && (r = e), i.__velliraSelectPart === "loading" && (a = e);
 	}), {
-		emptySlot: i,
-		headerSlot: n,
-		loadingSlot: o,
-		searchSlot: r
+		emptySlot: r,
+		headerSlot: t,
+		loadingSlot: a,
+		searchSlot: n
 	};
 }
-function Ot(e) {
+function rn(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "Select group";
 }
 //#endregion
 //#region src/components/Select/Content/SelectEmpty.tsx
-var kt = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
-kt.__velliraSelectPart = "empty", kt.displayName = "Select.Empty";
+var an = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+an.__velliraSelectPart = "empty", an.displayName = "Select.Empty";
 //#endregion
 //#region src/components/Select/Content/SelectLoading.tsx
-var At = ({ children: e }) => /* @__PURE__ */ g(h, { children: e });
-At.__velliraSelectPart = "loading", At.displayName = "Select.Loading";
+var on = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+on.__velliraSelectPart = "loading", on.displayName = "Select.Loading";
 //#endregion
 //#region src/components/Select/Content/SelectSearch.tsx
-var jt = ({ placeholder: e, className: t }) => {
-	let { contentProps: n } = xt(), r = d(null), i = n.searchValue ?? "";
-	return c(() => {
-		if (!n.isOpen) return;
+var sn = ({ placeholder: e, className: t }) => {
+	let { contentProps: i } = Yt(), a = h(null), o = i.searchValue ?? "";
+	return f(() => {
+		if (!i.isOpen) return;
 		let e = window.setTimeout(() => {
-			r.current?.focus({ preventScroll: !0 });
+			a.current?.focus({ preventScroll: !0 });
 		}, 0);
 		return () => window.clearTimeout(e);
-	}, [n.isOpen]), /* @__PURE__ */ _("div", {
+	}, [i.isOpen]), /* @__PURE__ */ r("div", {
 		className: J.searchWrap,
-		children: [/* @__PURE__ */ g("input", {
-			ref: r,
-			className: V(J.search, t),
-			value: i,
-			placeholder: e ?? (n.command ? "Type a command..." : "Search..."),
+		children: [/* @__PURE__ */ n("input", {
+			ref: a,
+			className: N(J.search, t),
+			value: o,
+			placeholder: e ?? (i.command ? "Type a command..." : "Search..."),
 			"aria-label": "Search options",
-			onInput: (e) => n.onSearchChange?.(e.currentTarget.value),
-			onChange: (e) => n.onSearchChange?.(e.target.value)
-		}), i && /* @__PURE__ */ g("button", {
+			onInput: (e) => i.onSearchChange?.(e.currentTarget.value),
+			onChange: (e) => i.onSearchChange?.(e.target.value)
+		}), o && /* @__PURE__ */ n("button", {
 			type: "button",
 			className: J.searchClear,
 			"aria-label": "Clear search",
 			onClick: () => {
-				n.onSearchChange?.(""), r.current?.focus();
+				i.onSearchChange?.(""), a.current?.focus();
 			},
-			children: /* @__PURE__ */ g(x, {})
+			children: /* @__PURE__ */ n(x, {})
 		})]
 	});
 };
-jt.__velliraSelectPart = "search", jt.displayName = "Select.Search";
+sn.__velliraSelectPart = "search", sn.displayName = "Select.Search";
 //#endregion
 //#region src/components/Select/Group/SelectGroup.tsx
-var Mt = () => null;
-Mt.__velliraSelectPart = "group", Mt.displayName = "Select.Group";
+var cn = () => null;
+cn.__velliraSelectPart = "group", cn.displayName = "Select.Group";
 //#endregion
 //#region src/components/Select/Group/SelectLabel.tsx
-var Nt = ({ children: e }) => /* @__PURE__ */ g("div", {
+var ln = ({ children: e }) => /* @__PURE__ */ n("div", {
 	role: "presentation",
 	className: J.groupLabel,
 	children: e
 });
-Nt.__velliraSelectPart = "label", Nt.displayName = "Select.Label";
+ln.__velliraSelectPart = "label", ln.displayName = "Select.Label";
 //#endregion
 //#region src/components/Select/Group/SelectSeparator.tsx
-var Pt = () => null;
-Pt.__velliraSelectPart = "separator", Pt.displayName = "Select.Separator";
+var un = () => null;
+un.__velliraSelectPart = "separator", un.displayName = "Select.Separator";
 //#endregion
 //#region src/components/Select/Item/SelectItemBadge.tsx
-var Ft = () => null;
-Ft.__velliraSelectPart = "itemBadge", Ft.displayName = "Select.ItemBadge";
+var dn = () => null;
+dn.__velliraSelectPart = "itemBadge", dn.displayName = "Select.ItemBadge";
 //#endregion
 //#region src/components/Select/Item/SelectItemDescription.tsx
-var It = () => null;
-It.__velliraSelectPart = "itemDescription", It.displayName = "Select.ItemDescription";
+var fn = () => null;
+fn.__velliraSelectPart = "itemDescription", fn.displayName = "Select.ItemDescription";
 //#endregion
 //#region src/components/Select/Item/SelectItemIcon.tsx
-var Lt = () => null;
-Lt.__velliraSelectPart = "itemIcon", Lt.displayName = "Select.ItemIcon";
+var pn = () => null;
+pn.__velliraSelectPart = "itemIcon", pn.displayName = "Select.ItemIcon";
 //#endregion
 //#region src/patterns/FormField/FormFieldContext.ts
-var Rt = r(null), zt = () => s(Rt), Bt = {
+var mn = s(null), hn = () => d(mn), gn = {
 	wrapper: "_wrapper_143kr_1",
 	sm: "_sm_143kr_41",
 	md: "_md_143kr_78",
@@ -1416,206 +2195,206 @@ var Rt = r(null), zt = () => s(Rt), Bt = {
 	optional: "_optional_143kr_194",
 	labelInfo: "_labelInfo_143kr_201",
 	disabled: "_disabled_143kr_243"
-}, Vt = (...e) => e.filter(Boolean).join(" ") || void 0, Ht = ({ id: e, label: t, description: r, error: i, required: o = !1, disabled: s = !1, invalid: c = !1, orientation: u = "vertical", labelPosition: d = "top", size: f = "md", labelInfo: p, optionalText: m, children: h, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
-	let T = l(), E = e ?? T, D = t ? `${E}-label` : void 0, O = r && E ? `${E}-description` : void 0, k = i && E ? `${E}-error` : void 0, A = c || !!i, j = Vt(D), M = Vt(O, k), N = {
+}, _n = (...e) => e.filter(Boolean).join(" ") || void 0, vn = ({ id: e, label: t, description: i, error: a, required: s = !1, disabled: c = !1, invalid: u = !1, orientation: d = "vertical", labelPosition: f = "top", size: m = "md", labelInfo: h, optionalText: g, children: _, bindControl: v = !0, className: y, controlClassName: b, labelClassName: x, descriptionClassName: S, errorClassName: C, ...w }) => {
+	let T = p(), E = e ?? T, D = t ? `${E}-label` : void 0, O = i && E ? `${E}-description` : void 0, k = a && E ? `${E}-error` : void 0, A = u || !!a, j = _n(D), M = _n(O, k), P = {
 		controlId: E,
 		labelId: D,
 		descriptionId: O,
 		errorId: k,
-		required: o,
-		disabled: s,
+		required: s,
+		disabled: c,
 		invalid: A,
-		size: f,
+		size: m,
 		ariaLabelledBy: j,
 		ariaDescribedBy: M
-	}, P = a(h) ? h : void 0, F = v && P ? n(P, {
-		id: P.props.id ?? E,
-		required: P.props.required ?? o,
-		disabled: P.props.disabled ?? s,
-		"aria-invalid": P.props["aria-invalid"] ?? (A || void 0),
-		"aria-labelledby": Vt(P.props["aria-labelledby"], j),
-		"aria-describedby": Vt(P.props["aria-describedby"], M)
-	}) : h;
-	return /* @__PURE__ */ _("div", {
+	}, F = l(_) ? _ : void 0, I = v && F ? o(F, {
+		id: F.props.id ?? E,
+		required: F.props.required ?? s,
+		disabled: F.props.disabled ?? c,
+		"aria-invalid": F.props["aria-invalid"] ?? (A || void 0),
+		"aria-labelledby": _n(F.props["aria-labelledby"], j),
+		"aria-describedby": _n(F.props["aria-describedby"], M)
+	}) : _;
+	return /* @__PURE__ */ r("div", {
 		...w,
-		"aria-disabled": s || void 0,
-		className: V(Bt.wrapper, Bt[u], Bt[d], Bt[f], s && Bt.disabled, y),
-		"data-disabled": s || void 0,
+		"aria-disabled": c || void 0,
+		className: N(gn.wrapper, gn[d], gn[f], gn[m], c && gn.disabled, y),
+		"data-disabled": c || void 0,
 		"data-invalid": A || void 0,
-		"data-orientation": u,
-		"data-size": f,
+		"data-orientation": d,
+		"data-size": m,
 		children: [
-			t && /* @__PURE__ */ _("label", {
+			t && /* @__PURE__ */ r("label", {
 				id: D,
 				htmlFor: E,
-				className: V(Bt.label, x),
+				className: N(gn.label, x),
 				children: [
-					/* @__PURE__ */ g("span", {
-						className: Bt.labelText,
+					/* @__PURE__ */ n("span", {
+						className: gn.labelText,
 						children: t
 					}),
-					o && /* @__PURE__ */ g("span", {
-						className: Bt.required,
+					s && /* @__PURE__ */ n("span", {
+						className: gn.required,
 						"aria-hidden": "true",
 						children: "*"
 					}),
-					!o && m && /* @__PURE__ */ g("span", {
-						className: Bt.optional,
-						children: m
+					!s && g && /* @__PURE__ */ n("span", {
+						className: gn.optional,
+						children: g
 					}),
-					p && /* @__PURE__ */ g("span", {
-						className: Bt.labelInfo,
-						children: p
+					h && /* @__PURE__ */ n("span", {
+						className: gn.labelInfo,
+						children: h
 					})
 				]
 			}),
-			r && /* @__PURE__ */ g("div", {
+			i && /* @__PURE__ */ n("div", {
 				id: O,
-				className: V(Bt.description, S),
-				children: r
+				className: N(gn.description, S),
+				children: i
 			}),
-			/* @__PURE__ */ g(Rt.Provider, {
-				value: N,
-				children: /* @__PURE__ */ g("div", {
-					className: V(Bt.control, b),
-					children: F
+			/* @__PURE__ */ n(mn.Provider, {
+				value: P,
+				children: /* @__PURE__ */ n("div", {
+					className: N(gn.control, b),
+					children: I
 				})
 			}),
-			i && /* @__PURE__ */ g("div", {
+			a && /* @__PURE__ */ n("div", {
 				id: k,
-				className: V(Bt.errorText, C),
+				className: N(gn.errorText, C),
 				role: "alert",
-				children: i
+				children: a
 			})
 		]
 	});
 };
 //#endregion
 //#region src/components/Select/internal/SelectCollection.ts
-function Ut(t) {
-	let n = [], r = [], i = 0;
-	function o(t) {
-		e.forEach(t, (e) => {
-			if (!a(e)) return;
-			let t = e.type;
-			if (t.__velliraSelectPart === "group") {
-				let t = e.props, r = Gt(t.children);
-				n.push({
+function yn(e) {
+	let t = [], n = [], r = 0;
+	function a(e) {
+		i.forEach(e, (e) => {
+			if (!l(e)) return;
+			let i = e.type;
+			if (i.__velliraSelectPart === "group") {
+				let n = e.props, i = xn(n.children);
+				t.push({
 					type: "group",
-					id: `group-${i++}`,
-					label: t.label,
-					selectable: t.selectable,
-					selectLabel: t.selectLabel,
-					itemValues: r
-				}), o(t.children);
+					id: `group-${r++}`,
+					label: n.label,
+					selectable: n.selectable,
+					selectLabel: n.selectLabel,
+					itemValues: i
+				}), a(n.children);
 				return;
 			}
-			if (t.__velliraSelectPart === "item") {
-				let t = e.props, i = Kt(t.children, t.value), a = t.label ?? i.label, o = r.length, s = {
+			if (i.__velliraSelectPart === "item") {
+				let r = e.props, i = Sn(r.children, r.value), a = r.label ?? i.label, o = n.length, s = {
 					label: a,
-					value: t.value,
-					disabled: t.disabled,
-					description: t.description ?? i.description,
-					icon: t.icon ?? i.icon,
-					badge: t.badge ?? i.badge,
-					shortcut: t.shortcut,
-					color: t.color
+					value: r.value,
+					disabled: r.disabled,
+					description: r.description ?? i.description,
+					icon: r.icon ?? i.icon,
+					badge: r.badge ?? i.badge,
+					shortcut: r.shortcut,
+					color: r.color
 				};
-				r.push(s), n.push({
+				n.push(s), t.push({
 					type: "option",
 					option: s,
 					optionIndex: o
 				});
 				return;
 			}
-			if (t.__velliraSelectPart === "separator") {
-				n.push({
+			if (i.__velliraSelectPart === "separator") {
+				t.push({
 					type: "separator",
-					id: `separator-${i++}`
+					id: `separator-${r++}`
 				});
 				return;
 			}
-			t.__velliraSelectPart === "empty" || t.__velliraSelectPart === "icon" || t.__velliraSelectPart === "itemBadge" || t.__velliraSelectPart === "itemDescription" || t.__velliraSelectPart === "itemIcon" || t.__velliraSelectPart === "label" || t.__velliraSelectPart === "loading" || t.__velliraSelectPart === "search" || t.__velliraSelectPart === "value" || o(e.props.children);
+			i.__velliraSelectPart === "empty" || i.__velliraSelectPart === "icon" || i.__velliraSelectPart === "itemBadge" || i.__velliraSelectPart === "itemDescription" || i.__velliraSelectPart === "itemIcon" || i.__velliraSelectPart === "label" || i.__velliraSelectPart === "loading" || i.__velliraSelectPart === "search" || i.__velliraSelectPart === "value" || a(e.props.children);
 		});
 	}
-	return o(t), {
-		entries: n,
-		options: r
+	return a(e), {
+		entries: t,
+		options: n
 	};
 }
-function Wt(t) {
-	let n = !1;
-	function r(t) {
-		e.forEach(t, (e) => {
-			if (!a(e) || n) return;
-			let t = e.type;
-			if (t.__velliraSelectPart === "trigger" || t.__velliraSelectPart === "content") {
-				n = !0;
+function bn(e) {
+	let t = !1;
+	function n(e) {
+		i.forEach(e, (e) => {
+			if (!l(e) || t) return;
+			let r = e.type;
+			if (r.__velliraSelectPart === "trigger" || r.__velliraSelectPart === "content") {
+				t = !0;
 				return;
 			}
-			r(e.props.children);
+			n(e.props.children);
 		});
 	}
-	return r(t), n;
+	return n(e), t;
 }
-function Gt(t) {
-	let n = [];
-	function r(t) {
-		e.forEach(t, (e) => {
-			if (a(e)) {
+function xn(e) {
+	let t = [];
+	function n(e) {
+		i.forEach(e, (e) => {
+			if (l(e)) {
 				if (e.type.__velliraSelectPart === "item") {
-					n.push(e.props.value);
+					t.push(e.props.value);
 					return;
 				}
-				r(e.props.children);
+				n(e.props.children);
 			}
 		});
 	}
-	return r(t), n;
+	return n(e), t;
 }
-function Kt(t, n) {
-	let r, i, o, s = [];
-	function c(t) {
-		e.forEach(t, (e) => {
+function Sn(e, t) {
+	let n, r, a, o = [];
+	function s(e) {
+		i.forEach(e, (e) => {
 			if (typeof e == "string" || typeof e == "number") {
-				s.push(String(e));
+				o.push(String(e));
 				return;
 			}
-			if (!a(e)) return;
+			if (!l(e)) return;
 			let t = e.type;
 			if (t.__velliraSelectPart === "itemBadge") {
-				r = e.props.children;
+				n = e.props.children;
 				return;
 			}
 			if (t.__velliraSelectPart === "itemIcon") {
-				o = e.props.children;
+				a = e.props.children;
 				return;
 			}
 			if (t.__velliraSelectPart === "itemDescription") {
-				i = e.props.children;
+				r = e.props.children;
 				return;
 			}
-			c(e.props.children);
+			s(e.props.children);
 		});
 	}
-	c(t);
-	let l = s.join("").trim();
+	s(e);
+	let c = o.join("").trim();
 	return {
-		badge: r,
-		description: i,
-		icon: o,
-		label: l || n
+		badge: n,
+		description: r,
+		icon: a,
+		label: c || t
 	};
 }
 //#endregion
 //#region src/components/Select/internal/useSelectCollection.ts
-function qt(e) {
-	return u(() => Ut(e), [e]);
+function Cn(e) {
+	return m(() => yn(e), [e]);
 }
 //#endregion
 //#region src/components/Select/internal/useSelectPosition.ts
-function Jt({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
-	return Le({
+function wn({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange: r, placement: i }) {
+	return et({
 		open: t,
 		onOpenChange: r,
 		placement: i === "bottom" || i === "top" ? `${i}-start` : i,
@@ -1626,18 +2405,18 @@ function Jt({ avoidCollisions: e, isOpen: t, matchTriggerWidth: n, onOpenChange:
 }
 //#endregion
 //#region src/components/Select/internal/useSelectSearch.ts
-function Yt({ options: e, searchable: t, searchValue: n }) {
-	return u(() => {
+function Tn({ options: e, searchable: t, searchValue: n }) {
+	return m(() => {
 		if (!t || !n) return e;
 		let r = n.toLocaleLowerCase();
-		return e.filter((e) => `${e.label} ${Xt(e.description)}`.toLocaleLowerCase().includes(r));
+		return e.filter((e) => `${e.label} ${En(e.description)}`.toLocaleLowerCase().includes(r));
 	}, [
 		e,
 		n,
 		t
 	]);
 }
-function Xt(e) {
+function En(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
 var Y = {
@@ -1666,61 +2445,61 @@ var Y = {
 	spin: "_spin_x5w2h_818",
 	loading: "_loading_x5w2h_827",
 	open: "_open_x5w2h_846"
-}, Zt = ({ children: e, className: t }) => {
-	let { triggerProps: n } = xt();
-	return /* @__PURE__ */ g(Qt, {
-		...n,
-		className: [n.className, t].filter(Boolean).join(" "),
+}, Dn = ({ children: e, className: t }) => {
+	let { triggerProps: r } = Yt();
+	return /* @__PURE__ */ n(On, {
+		...r,
+		className: [r.className, t].filter(Boolean).join(" "),
 		children: e
 	});
 };
-Zt.__velliraSelectPart = "trigger", Zt.displayName = "Select.Trigger";
-var Qt = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabled: a, required: o, listboxId: s, activeIndex: c, ariaLabel: l, error: u, displayText: d, isPlaceholder: f, size: p = "md", color: m, variant: v, loading: b, startIcon: S, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: N }) => /* @__PURE__ */ g("button", {
-	id: t,
+Dn.__velliraSelectPart = "trigger", Dn.displayName = "Select.Trigger";
+var On = ({ children: e, id: i, describedBy: a, labelledBy: o, isOpen: s, disabled: c, required: l, listboxId: u, activeIndex: d, ariaLabel: f, error: p, displayText: m, isPlaceholder: h, size: g = "md", color: _, variant: v, loading: b, startIcon: S, endIcon: C, prefix: w, suffix: T, clearable: E, onClear: D, className: O, buttonRef: k, onClick: A, onKeyDown: j, onBlur: M, onFocus: P }) => /* @__PURE__ */ n("button", {
+	id: i,
 	ref: k,
 	type: "button",
 	role: "combobox",
-	disabled: a,
-	"aria-disabled": a || void 0,
-	"aria-required": o || void 0,
-	"aria-expanded": i,
+	disabled: c,
+	"aria-disabled": c || void 0,
+	"aria-required": l || void 0,
+	"aria-expanded": s,
 	"aria-haspopup": "listbox",
-	"aria-label": l,
-	"aria-labelledby": r,
-	"aria-invalid": u || void 0,
-	"aria-controls": i ? s : void 0,
-	"aria-describedby": n,
-	"aria-activedescendant": i && c >= 0 ? `${s}-option-${c}` : void 0,
-	className: V(Y.control, Y[p], Y[v], Y[m], {
-		[Y.error]: !!u,
-		[Y.disabled]: a,
+	"aria-label": f,
+	"aria-labelledby": o,
+	"aria-invalid": p || void 0,
+	"aria-controls": s ? u : void 0,
+	"aria-describedby": a,
+	"aria-activedescendant": s && d >= 0 ? `${u}-option-${d}` : void 0,
+	className: N(Y.control, Y[g], Y[v], Y[_], {
+		[Y.error]: !!p,
+		[Y.disabled]: c,
 		[Y.loading]: b
 	}, O),
 	onClick: A,
 	onKeyDown: j,
 	onBlur: M,
-	onFocus: N,
-	children: e ?? /* @__PURE__ */ _(h, { children: [
-		S && /* @__PURE__ */ g("span", {
+	onFocus: P,
+	children: e ?? /* @__PURE__ */ r(t, { children: [
+		S && /* @__PURE__ */ n("span", {
 			className: Y.adornment,
 			children: S
 		}),
-		w && /* @__PURE__ */ g("span", {
+		w && /* @__PURE__ */ n("span", {
 			className: Y.affix,
 			children: w
 		}),
-		/* @__PURE__ */ g("span", {
+		/* @__PURE__ */ n("span", {
 			className: Y.valueWrap,
-			children: /* @__PURE__ */ g("span", {
-				className: V(Y.value, { [Y.placeholder]: f }),
-				children: d
+			children: /* @__PURE__ */ n("span", {
+				className: N(Y.value, { [Y.placeholder]: h }),
+				children: m
 			})
 		}),
-		T && /* @__PURE__ */ g("span", {
+		T && /* @__PURE__ */ n("span", {
 			className: Y.affix,
 			children: T
 		}),
-		E && /* @__PURE__ */ g("span", {
+		E && /* @__PURE__ */ n("span", {
 			role: "button",
 			"aria-label": "Clear selection",
 			tabIndex: -1,
@@ -1728,282 +2507,292 @@ var Qt = ({ children: e, id: t, describedBy: n, labelledBy: r, isOpen: i, disabl
 			onClick: (e) => {
 				e.stopPropagation(), D?.();
 			},
-			children: /* @__PURE__ */ g(x, {})
+			children: /* @__PURE__ */ n(x, {})
 		}),
-		/* @__PURE__ */ g("span", {
-			className: V(Y.arrow, { [Y.open]: i }),
+		/* @__PURE__ */ n("span", {
+			className: N(Y.arrow, { [Y.open]: s }),
 			"aria-hidden": "true",
-			children: b ? /* @__PURE__ */ g("span", { className: Y.spinner }) : C ?? /* @__PURE__ */ g(y, {})
+			children: b ? /* @__PURE__ */ n("span", { className: Y.spinner }) : C ?? /* @__PURE__ */ n(y, {})
 		})
 	] })
 });
-Qt.displayName = "SelectTriggerSurface";
+On.displayName = "SelectTriggerSurface";
 //#endregion
 //#region src/components/Select/Root/SelectRoot.tsx
-var $t = 0, en = "", tn = ({ children: e, label: t, description: n, id: r, name: i, "aria-label": a, "aria-describedby": s, "aria-labelledby": p, value: m, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: j = !1, invalid: M = !1, loading: N = !1, clearable: P = !1, searchable: F = !1, virtual: I, modal: R = !1, command: ee = !1, error: z, placement: B = "bottom", matchTriggerWidth: te = !0, avoidCollisions: ne = !0, portal: re = !0, open: ie, defaultOpen: ae = !1, onOpenChange: V, onSearch: H, onClear: U, startIcon: oe, endIcon: se, prefix: ce, suffix: le, renderValue: ue, renderOption: de, onBlur: fe, onFocus: pe, className: me, triggerClassName: he, dropdownClassName: ge }) => {
-	let W = l(), _e = zt(), ve = !!(t || n || z), ye = r ?? (ve ? void 0 : _e?.controlId) ?? W, be = `${ye}-listbox`, [xe, Se] = f(""), Ce = !!z, we = Ce ? `${ye}-error` : void 0, Te = n ? `${ye}-description` : void 0, Ee = D ?? _e?.size ?? "md", De = M || Ce || !ve && !!_e?.invalid, Oe = j || !ve && !!_e?.disabled, ke = A || !ve && !!_e?.required, Ae = [
-		s,
-		!ve && !s ? _e?.ariaDescribedBy : void 0,
-		Te,
-		we
-	].filter(Boolean).join(" "), je = d(null), Me = d(null), [Ne, Pe] = f(!1), Fe = F || ee, { entries: Ie, options: Le } = qt(e), ze = Yt({
-		options: Le,
-		searchable: Fe,
-		searchValue: xe
-	}), { selectedValue: Be, selectedValues: G, isOpen: K, setIsOpen: Ve, setSelectedValue: He, activeIndex: Ue, setActiveIndex: We, closeDropdown: Ge, toggleDropdown: Ke, selectValue: qe, onKeyDown: Je } = L({
-		value: m,
+var kn = ({ children: e, label: i, description: a, id: o, name: s, "aria-label": c, "aria-describedby": l, "aria-labelledby": d, value: _, defaultValue: v, onValueChange: y, multiple: b = !1, maxSelected: x, closeOnSelect: S, placeholder: C = "Select...", empty: w, loadingText: T = "Loading...", noOptionsText: E, size: D, color: O = "primary", variant: k = "outline", required: A = !1, disabled: j = !1, invalid: M = !1, loading: N = !1, clearable: P = !1, searchable: F = !1, virtual: I, modal: L = !1, command: R = !1, error: z, placement: ee = "bottom", matchTriggerWidth: B = !0, avoidCollisions: te = !0, portal: ne = !0, open: re, defaultOpen: ie = !1, onOpenChange: ae, onSearch: oe, onClear: V, startIcon: ce, endIcon: le, prefix: de, suffix: H, renderValue: fe, renderOption: me, onBlur: he, onFocus: ge, className: _e, triggerClassName: ve, dropdownClassName: ye }) => {
+	let xe = p(), U = hn(), Se = !!(i || a || z), Ce = o ?? (Se ? void 0 : U?.controlId) ?? xe, we = `${Ce}-listbox`, [Te, Ee] = g(""), De = !!z, Oe = De ? `${Ce}-error` : void 0, ke = a ? `${Ce}-description` : void 0, Ae = D ?? U?.size ?? "md", je = M || De || !Se && !!U?.invalid, Me = j || !Se && !!U?.disabled, Ne = A || !Se && !!U?.required, Pe = [
+		l,
+		!Se && !l ? U?.ariaDescribedBy : void 0,
+		ke,
+		Oe
+	].filter(Boolean).join(" "), W = h(null), Fe = h(null), [G, Ie] = g(!1), Le = F || R, { entries: Re, options: ze } = Cn(e), Be = Tn({
+		options: ze,
+		searchable: Le,
+		searchValue: Te
+	}), { selectedValue: Ve, selectedValues: K, isOpen: q, setIsOpen: He, setSelectedValue: Ue, activeIndex: We, setActiveIndex: Ge, closeDropdown: Ke, toggleDropdown: qe, selectValue: Je, onKeyDown: Ye } = be({
+		value: _,
 		defaultValue: v,
 		onValueChange: y,
-		options: ze,
+		options: Be,
 		multiple: b,
 		maxSelected: x,
 		closeOnSelect: S,
-		disabled: Oe,
-		open: ie,
-		defaultOpen: ae,
-		onOpenChange: V
-	}), Ye = u(() => Le.find((e) => G.includes(e.value)), [Le, G]), Xe = u(() => Le.filter((e) => G.includes(e.value)), [Le, G]), Ze = !!Ye, Qe = Array.isArray(Be) ? Be[0] ?? "" : Be, { floatingStyles: $e, setRef: et, setFloatingRef: tt } = Jt({
-		isOpen: K,
-		onOpenChange: Ve,
-		placement: B,
-		matchTriggerWidth: te,
-		avoidCollisions: ne
-	}), nt = o((e) => {
-		qe(e), je.current?.focus();
-	}, [qe]), rt = o((e) => {
+		disabled: Me,
+		open: re,
+		defaultOpen: ie,
+		onOpenChange: ae
+	}), Xe = m(() => ze.find((e) => K.includes(e.value)), [ze, K]), Ze = m(() => ze.filter((e) => K.includes(e.value)), [ze, K]), Qe = !!Xe, $e = Array.isArray(Ve) ? Ve[0] ?? "" : Ve, { floatingStyles: et, setRef: tt, setFloatingRef: nt } = wn({
+		isOpen: q,
+		onOpenChange: He,
+		placement: ee,
+		matchTriggerWidth: B,
+		avoidCollisions: te
+	}), rt = u((e) => {
+		Je(e), W.current?.focus();
+	}, [Je]), it = u((e) => {
 		if (!b || e.length === 0) return;
-		let t = e.filter((e) => Le.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => G.includes(e)), r = G.filter((e) => !t.includes(e)).length, i = typeof x == "number" ? Math.max(0, Math.min(t.length, x - r)) : t.length;
+		let t = e.filter((e) => ze.some((t) => t.value === e && !t.disabled)), n = t.filter((e) => K.includes(e)), r = K.filter((e) => !t.includes(e)).length, i = typeof x == "number" ? Math.max(0, Math.min(t.length, x - r)) : t.length;
 		if (n.length > 0 && n.length >= i) {
-			He(G.filter((e) => !t.includes(e)));
+			Ue(K.filter((e) => !t.includes(e)));
 			return;
 		}
-		let a = [...G];
+		let a = [...K];
 		for (let e of t) if (!a.includes(e)) {
 			if (typeof x == "number" && a.length >= x) break;
 			a.push(e);
 		}
-		He(a), S && (Ge(), je.current?.focus());
+		Ue(a), S && (Ke(), W.current?.focus());
 	}, [
-		Ge,
+		Ke,
 		S,
 		x,
 		b,
-		Le,
-		G,
-		He
-	]), it = o(() => {
-		qe(""), U?.(), je.current?.focus();
-	}, [U, qe]), at = o(() => {
-		K || Pe(!1), Ke();
-	}, [K, Ke]), ot = o((e) => {
-		nn(e, K) && Pe(!0), Je(e);
-	}, [K, Je]), st = o((e) => {
-		Pe(!0), We(e);
-	}, [We]), ct = o((e) => {
-		Se(e), H?.(e);
-	}, [H]);
-	Re([je, Me], Ge, K), c(() => {
-		K || Pe(!1);
-	}, [K]), c(() => {
-		!K && xe && Se("");
-	}, [K, xe]), c(() => {
-		if (!(!R || !K)) return $t === 0 && (en = document.body.style.overflow), $t += 1, document.body.style.overflow = "hidden", () => {
-			$t = Math.max(0, $t - 1), $t === 0 && (document.body.style.overflow = en);
-		};
-	}, [K, R]);
-	let lt = o((e) => {
-		je.current = e, et(e);
-	}, [et]), ut = o((e) => {
-		Me.current = e, tt(e);
-	}, [tt]), dt = ue ? ue(Ye) : b && Xe.length ? Xe.map((e) => e.label).join(", ") : Ye?.label ?? C, ft = w ?? E ?? "No options available", pt = P && G.length > 0 && !Oe && !N, mt = {
-		id: ye,
-		describedBy: Ae || void 0,
-		labelledBy: a ? void 0 : p,
-		isOpen: K,
-		disabled: Oe,
-		required: ke,
-		listboxId: be,
-		activeIndex: Ue,
-		ariaLabel: a ?? (!t && !_e?.labelId ? Ye?.label || C : void 0),
-		error: De,
+		ze,
+		K,
+		Ue
+	]), at = u(() => {
+		Je(""), V?.(), W.current?.focus();
+	}, [V, Je]), ot = u(() => {
+		q || Ie(!1), qe();
+	}, [q, qe]), st = u((e) => {
+		An(e, q) && Ie(!0), Ye(e);
+	}, [q, Ye]), ct = u((e) => {
+		Ie(!0), Ge(e);
+	}, [Ge]), lt = u((e) => {
+		Ee(e), oe?.(e);
+	}, [oe]), { isTopOverlay: ut } = ue({
+		active: q,
+		id: we
+	});
+	se({
+		active: q,
+		closeOnEscape: !0,
+		closeOnOutsidePress: !0,
+		contentRef: Fe,
+		ignoreRefs: [W],
+		isTopOverlay: ut,
+		requestClose: Ke
+	}), f(() => {
+		q || Ie(!1);
+	}, [q]), f(() => {
+		!q && Te && Ee("");
+	}, [q, Te]), pe({
+		active: q,
+		enabled: L
+	});
+	let dt = u((e) => {
+		W.current = e, tt(e);
+	}, [tt]), ft = u((e) => {
+		Fe.current = e, nt(e);
+	}, [nt]), pt = fe ? fe(Xe) : b && Ze.length ? Ze.map((e) => e.label).join(", ") : Xe?.label ?? C, mt = w ?? E ?? "No options available", ht = P && K.length > 0 && !Me && !N, gt = {
+		id: Ce,
+		describedBy: Pe || void 0,
+		labelledBy: c ? void 0 : d,
+		isOpen: q,
+		disabled: Me,
+		required: Ne,
+		listboxId: we,
+		activeIndex: We,
+		ariaLabel: c ?? (!i && !U?.labelId ? Xe?.label || C : void 0),
+		error: je,
 		loading: N,
-		displayText: dt,
-		isPlaceholder: !Ze,
-		size: Ee,
+		displayText: pt,
+		isPlaceholder: !Qe,
+		size: Ae,
 		color: O,
 		variant: k,
-		startIcon: oe,
-		endIcon: se,
-		prefix: ce,
-		suffix: le,
-		clearable: pt,
-		className: he,
-		buttonRef: lt,
-		onClear: it,
-		onClick: at,
-		onKeyDown: ot,
-		onBlur: fe,
-		onFocus: pe
-	}, ht = {
-		isOpen: K,
-		listboxId: be,
-		labelledById: ye,
-		style: $e,
-		options: ze,
-		entries: Fe || xe ? void 0 : Ie,
+		startIcon: ce,
+		endIcon: le,
+		prefix: de,
+		suffix: H,
+		clearable: ht,
+		className: ve,
+		buttonRef: dt,
+		onClear: at,
+		onClick: ot,
+		onKeyDown: st,
+		onBlur: he,
+		onFocus: ge
+	}, _t = {
+		isOpen: q,
+		listboxId: we,
+		labelledById: Ce,
+		style: et,
+		options: Be,
+		entries: Le || Te ? void 0 : Re,
 		multiple: b,
 		color: O,
 		variant: k,
-		searchable: Fe,
-		command: ee,
+		searchable: Le,
+		command: R,
 		virtual: I,
-		portal: re,
-		searchValue: xe,
+		portal: ne,
+		searchValue: Te,
 		loading: N,
 		loadingText: T,
-		noOptionsText: ft,
-		renderOption: de,
-		selectedValue: Qe,
-		selectedValues: G,
-		activeIndex: Ue,
-		visualActiveIndex: Ne ? Ue : -1,
-		className: ge,
-		setDropdownRef: ut,
-		onSelect: nt,
-		onSelectGroup: rt,
-		onMouseEnter: st,
-		onSearchChange: ct
-	}, gt = /* @__PURE__ */ _(h, { children: [i && b && G.length > 0 && /* @__PURE__ */ g(h, { children: G.map((e) => /* @__PURE__ */ g("input", {
+		noOptionsText: mt,
+		renderOption: me,
+		selectedValue: $e,
+		selectedValues: K,
+		activeIndex: We,
+		visualActiveIndex: G ? We : -1,
+		className: ye,
+		setDropdownRef: ft,
+		onSelect: rt,
+		onSelectGroup: it,
+		onMouseEnter: ct,
+		onSearchChange: lt
+	}, vt = /* @__PURE__ */ r(t, { children: [s && b && K.length > 0 && /* @__PURE__ */ n(t, { children: K.map((e) => /* @__PURE__ */ n("input", {
 		type: "hidden",
-		name: i,
+		name: s,
 		value: e,
-		disabled: Oe
-	}, e)) }), i && !b && /* @__PURE__ */ g("input", {
+		disabled: Me
+	}, e)) }), s && !b && /* @__PURE__ */ n("input", {
 		type: "hidden",
-		name: i,
-		value: Qe,
-		disabled: Oe
-	})] }), _t = Wt(e), vt = /* @__PURE__ */ _(bt, {
+		name: s,
+		value: $e,
+		disabled: Me
+	})] }), yt = bn(e), bt = /* @__PURE__ */ r(Jt, {
 		value: {
-			triggerProps: mt,
-			contentProps: ht
+			triggerProps: gt,
+			contentProps: _t
 		},
-		children: [gt, _t ? e : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Zt, {}), /* @__PURE__ */ g(Tt, { children: e })] })]
-	}), yt = /* @__PURE__ */ _(bt, {
+		children: [vt, yt ? e : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(Dn, {}), /* @__PURE__ */ n(en, { children: e })] })]
+	}), xt = /* @__PURE__ */ r(Jt, {
 		value: {
-			triggerProps: mt,
-			contentProps: ht
+			triggerProps: gt,
+			contentProps: _t
 		},
 		children: [
-			gt,
-			/* @__PURE__ */ g(Qt, { ...mt }),
-			/* @__PURE__ */ g(Et, { ...ht })
+			vt,
+			/* @__PURE__ */ n(On, { ...gt }),
+			/* @__PURE__ */ n(tn, { ..._t })
 		]
 	});
-	return !ve && _e ? e ? vt : yt : /* @__PURE__ */ g(Ht, {
-		id: ye,
-		label: t,
-		description: n,
+	return !Se && U ? e ? bt : xt : /* @__PURE__ */ n(vn, {
+		id: Ce,
+		label: i,
+		description: a,
 		error: z,
-		required: ke,
-		disabled: Oe,
+		required: Ne,
+		disabled: Me,
 		bindControl: !1,
-		className: me,
-		children: e ? vt : yt
+		className: _e,
+		children: e ? bt : xt
 	});
 };
-tn.displayName = "SelectRoot";
-function nn(e, t) {
+kn.displayName = "SelectRoot";
+function An(e, t) {
 	return e.altKey || e.ctrlKey || e.metaKey ? !1 : t ? e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End" || e.key === "Enter" || e.key === " " || e.key.length === 1 : e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ";
 }
 //#endregion
 //#region src/components/Select/Trigger/SelectIcon.tsx
-var rn = ({ children: e, className: t }) => {
-	let { triggerProps: n } = xt();
-	return /* @__PURE__ */ g("span", {
-		className: V(Y.arrow, { [Y.open]: n.isOpen }, t),
+var jn = ({ children: e, className: t }) => {
+	let { triggerProps: r } = Yt();
+	return /* @__PURE__ */ n("span", {
+		className: N(Y.arrow, { [Y.open]: r.isOpen }, t),
 		"aria-hidden": "true",
-		children: n.loading ? /* @__PURE__ */ g("span", { className: Y.spinner }) : e ?? n.endIcon ?? /* @__PURE__ */ g(y, {})
+		children: r.loading ? /* @__PURE__ */ n("span", { className: Y.spinner }) : e ?? r.endIcon ?? /* @__PURE__ */ n(y, {})
 	});
 };
-rn.__velliraSelectPart = "icon", rn.displayName = "Select.Icon";
+jn.__velliraSelectPart = "icon", jn.displayName = "Select.Icon";
 //#endregion
 //#region src/components/Select/Trigger/SelectValue.tsx
-var an = ({ children: e, className: t }) => {
-	let { triggerProps: n } = xt();
-	return /* @__PURE__ */ g("span", {
-		className: V(Y.valueWrap, t),
-		children: /* @__PURE__ */ g("span", {
-			className: V(Y.value, { [Y.placeholder]: n.isPlaceholder }),
-			children: e ?? n.displayText
+var Mn = ({ children: e, className: t }) => {
+	let { triggerProps: r } = Yt();
+	return /* @__PURE__ */ n("span", {
+		className: N(Y.valueWrap, t),
+		children: /* @__PURE__ */ n("span", {
+			className: N(Y.value, { [Y.placeholder]: r.isPlaceholder }),
+			children: e ?? r.displayText
 		})
 	});
 };
-an.__velliraSelectPart = "value", an.displayName = "Select.Value";
+Mn.__velliraSelectPart = "value", Mn.displayName = "Select.Value";
 //#endregion
 //#region src/components/Select/Select.tsx
-var on = Object.assign(tn, {
-	Trigger: Zt,
-	Value: an,
-	Icon: rn,
-	Content: Tt,
-	Search: jt,
-	Group: Mt,
-	Label: Nt,
-	Item: Ct,
-	ItemIcon: Lt,
-	ItemDescription: It,
-	ItemBadge: Ft,
-	Separator: Pt,
-	Empty: kt,
-	Loading: At
+var Nn = Object.assign(kn, {
+	Trigger: Dn,
+	Value: Mn,
+	Icon: jn,
+	Content: en,
+	Search: sn,
+	Group: cn,
+	Label: ln,
+	Item: Qt,
+	ItemIcon: pn,
+	ItemDescription: fn,
+	ItemBadge: dn,
+	Separator: un,
+	Empty: an,
+	Loading: on
 });
-on.displayName = "Select";
+Nn.displayName = "Select";
 //#endregion
 //#region src/components/Tabs/TabsContext.tsx
-var sn = r(null), cn = () => {
-	let e = s(sn);
+var Pn = s(null), Fn = () => {
+	let e = d(Pn);
 	if (!e) throw Error("Tabs components must be used inside Tabs");
 	return e;
-}, ln = {
+}, In = {
 	list: "_list_13hkl_1",
 	vertical: "_vertical_13hkl_8"
-}, un = ({ children: e, className: t, ...n }) => {
-	let { orientation: r, appearance: i } = cn();
-	return /* @__PURE__ */ g("div", {
-		...n,
+}, Ln = ({ children: e, className: t, ...r }) => {
+	let { orientation: i, appearance: a } = Fn();
+	return /* @__PURE__ */ n("div", {
+		...r,
 		role: "tablist",
-		"aria-orientation": r,
-		className: V(ln.list, r === "vertical" && ln.vertical, i === "underline" && ln.underline, i === "pills" && ln.pills, t),
+		"aria-orientation": i,
+		className: N(In.list, i === "vertical" && In.vertical, a === "underline" && In.underline, a === "pills" && In.pills, t),
 		children: e
 	});
 };
-un.displayName = "TabsList";
-var dn = {
+Ln.displayName = "TabsList";
+var Rn = {
 	panel: "_panel_1v1a9_1",
 	visible: "_visible_1v1a9_10",
 	vertical: "_vertical_1v1a9_14"
-}, fn = ({ index: e, children: t, className: n }) => {
-	let { activeIndex: r, orientation: i } = cn(), [a, o] = f(!1), s = r === e;
-	return c(() => {
-		if (!s) {
-			o(!1);
+}, zn = ({ index: e, children: t, className: r }) => {
+	let { activeIndex: i, orientation: a } = Fn(), [o, s] = g(!1), c = i === e;
+	return f(() => {
+		if (!c) {
+			s(!1);
 			return;
 		}
-		let e = setTimeout(() => o(!0), 10);
+		let e = setTimeout(() => s(!0), 10);
 		return () => clearTimeout(e);
-	}, [s]), /* @__PURE__ */ g("div", {
+	}, [c]), /* @__PURE__ */ n("div", {
 		role: "tabpanel",
 		id: `tab-panel-${e}`,
 		"aria-labelledby": `tab-${e}`,
-		hidden: !s,
+		hidden: !c,
 		tabIndex: 0,
-		className: V(dn.panel, a && dn.visible, i === "vertical" && dn.vertical, n),
+		className: N(Rn.panel, o && Rn.visible, a === "vertical" && Rn.vertical, r),
 		children: t
 	});
 };
-fn.displayName = "TabsPanel";
-var pn = {
+zn.displayName = "TabsPanel";
+var Bn = {
 	tab: "_tab_qe8xc_1",
 	iconOnly: "_iconOnly_qe8xc_27",
 	tabIcon: "_tabIcon_qe8xc_31",
@@ -2012,285 +2801,285 @@ var pn = {
 	underline: "_underline_qe8xc_60",
 	pills: "_pills_qe8xc_92",
 	vertical: "_vertical_qe8xc_106"
-}, mn = i(({ index: e, children: t, className: n, disabled: r = !1, icon: i, onClick: a, onKeyDown: s, ...c }, l) => {
-	let { activeIndex: u, setActiveIndex: d, orientation: f, appearance: p = "default", registerTab: m, onTabKeyDown: h } = cn(), v = u === e, y = !!i, b = y && t == null;
-	return /* @__PURE__ */ _("button", {
+}, Vn = c(({ index: e, children: t, className: i, disabled: a = !1, icon: o, onClick: s, onKeyDown: c, ...l }, d) => {
+	let { activeIndex: f, setActiveIndex: p, orientation: m, appearance: h = "default", registerTab: g, onTabKeyDown: _ } = Fn(), v = f === e, y = !!o, b = y && t == null;
+	return /* @__PURE__ */ r("button", {
 		type: "button",
-		ref: o((t) => {
-			m(e, t), typeof l == "function" ? l(t) : l && (l.current = t);
+		ref: u((t) => {
+			g(e, t), typeof d == "function" ? d(t) : d && (d.current = t);
 		}, [
-			m,
+			g,
 			e,
-			l
+			d
 		]),
 		role: "tab",
 		"aria-selected": v,
 		"aria-controls": `tab-panel-${e}`,
 		id: `tab-${e}`,
-		disabled: r,
+		disabled: a,
 		tabIndex: v ? 0 : -1,
-		className: V(pn.tab, pn[p], f === "vertical" && pn.vertical, y && pn.withIcon, b && pn.iconOnly, n),
+		className: N(Bn.tab, Bn[h], m === "vertical" && Bn.vertical, y && Bn.withIcon, b && Bn.iconOnly, i),
 		onClick: (t) => {
-			r || (d(e), a?.(t));
+			a || (p(e), s?.(t));
 		},
 		onKeyDown: (e) => {
-			h(e), s?.(e);
+			_(e), c?.(e);
 		},
-		...c,
-		children: [y && /* @__PURE__ */ g("span", {
-			className: pn.tabIcon,
+		...l,
+		children: [y && /* @__PURE__ */ n("span", {
+			className: Bn.tabIcon,
 			"aria-hidden": "true",
-			children: i
-		}), t != null && /* @__PURE__ */ g("span", {
-			className: pn.label,
+			children: o
+		}), t != null && /* @__PURE__ */ n("span", {
+			className: Bn.label,
 			children: t
 		})]
 	});
 });
-mn.displayName = "Tab";
-var hn = {
+Vn.displayName = "Tab";
+var Hn = {
 	tabs: "_tabs_uqy7q_1",
 	vertical: "_vertical_uqy7q_5"
-}, gn = ({ children: e, activeIndex: t, defaultActiveIndex: n = 0, onChange: r, orientation: i = "horizontal", appearance: a = "default", className: s }) => {
-	let { activeIndex: c, setActiveIndex: l } = R({
+}, Un = ({ children: e, activeIndex: t, defaultActiveIndex: r = 0, onChange: i, orientation: a = "horizontal", appearance: o = "default", className: s }) => {
+	let { activeIndex: c, setActiveIndex: l } = xe({
 		activeIndex: t,
-		defaultActiveIndex: n,
-		onChange: r
-	}), u = d([]), f = o((e, t) => {
-		u.current[e] = t;
-	}, []), { onKeyDown: p } = ee({
+		defaultActiveIndex: r,
+		onChange: i
+	}), d = h([]), f = u((e, t) => {
+		d.current[e] = t;
+	}, []), { onKeyDown: p } = U({
 		activeIndex: c,
 		setActiveIndex: l,
-		tabRefs: u,
-		orientation: i,
+		tabRefs: d,
+		orientation: a,
 		onNavigate: (e) => {
-			u.current[e]?.focus();
+			d.current[e]?.focus();
 		}
 	}), m = {
 		activeIndex: c,
 		setActiveIndex: l,
-		orientation: i,
-		appearance: a,
+		orientation: a,
+		appearance: o,
 		registerTab: f,
 		onTabKeyDown: p
 	};
-	return /* @__PURE__ */ g(sn.Provider, {
+	return /* @__PURE__ */ n(Pn.Provider, {
 		value: m,
-		children: /* @__PURE__ */ g("div", {
-			className: V(hn.tabs, i === "vertical" && hn.vertical, s),
+		children: /* @__PURE__ */ n("div", {
+			className: N(Hn.tabs, a === "vertical" && Hn.vertical, s),
 			children: e
 		})
 	});
 };
-gn.displayName = "Tabs";
+Un.displayName = "Tabs";
 //#endregion
 //#region src/components/Tabs/index.ts
-var _n = Object.assign(gn, {
-	List: un,
-	Tab: mn,
-	Panel: fn
-}), vn = {
+var Wn = Object.assign(Un, {
+	List: Ln,
+	Tab: Vn,
+	Panel: zn
+}), Gn = {
 	tooltip: "_tooltip_10opu_1",
 	arrow: "_arrow_10opu_25"
-}, yn = i(({ content: e, placement: t = "top", arrowRef: n, arrowX: r, arrowY: i, className: a, style: o, ...s }, c) => {
-	let l = {
+}, Kn = c(({ content: e, placement: t = "top", arrowRef: i, arrowX: a, arrowY: o, className: s, style: c, ...l }, u) => {
+	let d = {
 		top: "bottom",
 		right: "left",
 		bottom: "top",
 		left: "right"
-	}[t.split("-")[0]], u = {
+	}[t.split("-")[0]], f = {
 		position: "absolute",
 		pointerEvents: "none",
-		left: r == null ? "" : `${r}px`,
-		top: i == null ? "" : `${i}px`,
-		[l]: "-5px"
+		left: a == null ? "" : `${a}px`,
+		top: o == null ? "" : `${o}px`,
+		[d]: "-5px"
 	};
-	return /* @__PURE__ */ _("div", {
-		ref: c,
-		className: V(vn.tooltip, a),
+	return /* @__PURE__ */ r("div", {
+		ref: u,
+		className: N(Gn.tooltip, s),
 		"data-placement": t,
 		"data-state": "open",
-		style: o,
-		...s,
-		children: [e, /* @__PURE__ */ g("div", {
-			ref: n,
-			className: vn.arrow,
-			style: u
+		style: c,
+		...l,
+		children: [e, /* @__PURE__ */ n("div", {
+			ref: i,
+			className: Gn.arrow,
+			style: f
 		})]
 	});
 });
-yn.displayName = "TooltipContent";
+Kn.displayName = "TooltipContent";
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-var bn = ({ children: e, placement: t = "top", content: n, disabled: r = !1, delay: i = {
+var qn = ({ children: e, placement: i = "top", content: a, disabled: o = !1, delay: s = {
 	open: 300,
 	close: 100
-}, maxWidth: a = 250, className: o, onOpenChange: s }) => {
-	let [c, u] = f(!1), p = d(null), m = l(), { context: v, floatingStyles: y, middlewareData: b, setRef: x, setFloatingRef: S, placement: T } = Le({
-		open: c,
+}, maxWidth: c = 250, className: l, onOpenChange: u }) => {
+	let [d, f] = g(!1), m = h(null), _ = p(), { context: v, floatingStyles: y, middlewareData: b, setRef: x, setFloatingRef: S, placement: w } = et({
+		open: d,
 		onOpenChange: (e) => {
-			r || (u(e), s?.(e));
+			o || (f(e), u?.(e));
 		},
-		placement: t,
-		middleware: [w({ element: p })]
-	}), E = b.arrow?.x, D = b.arrow?.y, { getReferenceProps: O, getFloatingProps: k } = N([M(v, { delay: {
-		open: i.open,
-		close: i.close
-	} }), j(v)]);
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+		placement: i,
+		middleware: [C({ element: m })]
+	}), T = b.arrow?.x, E = b.arrow?.y, { getReferenceProps: D, getFloatingProps: O } = M([j(v, { delay: {
+		open: s.open,
+		close: s.close
+	} }), A(v)]);
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
 		ref: x,
 		style: { display: "inline-flex" },
-		"aria-describedby": c ? m : void 0,
-		...O(),
+		"aria-describedby": d ? _ : void 0,
+		...D(),
 		children: e
-	}), /* @__PURE__ */ g(C, { children: c && n && /* @__PURE__ */ g(yn, {
-		id: m,
+	}), /* @__PURE__ */ n(we, { children: d && a && /* @__PURE__ */ n(Kn, {
+		id: _,
 		ref: S,
-		content: n,
-		arrowRef: p,
-		arrowX: E,
-		arrowY: D,
+		content: a,
+		arrowRef: m,
+		arrowX: T,
+		arrowY: E,
 		role: "tooltip",
 		style: {
 			...y,
-			maxWidth: typeof a == "number" ? `${a}px` : a
+			maxWidth: typeof c == "number" ? `${c}px` : c
 		},
-		placement: T,
-		className: o,
-		...k()
+		placement: w,
+		className: l,
+		...O()
 	}) })] });
 };
-bn.displayName = "Tooltip";
+qn.displayName = "Tooltip";
 //#endregion
 //#region src/utils/devWarning.ts
-var xn = (e, t) => {
+var Jn = (e, t) => {
 	process.env.NODE_ENV !== "production" && !e && console.warn(t);
 }, X = {
-	button: "_button_wwfj5_1",
-	link: "_link_wwfj5_35",
-	solid: "_solid_wwfj5_39",
-	primary: "_primary_wwfj5_39",
-	loading: "_loading_wwfj5_39",
-	neutral: "_neutral_wwfj5_74",
-	success: "_success_wwfj5_109",
-	warning: "_warning_wwfj5_144",
-	danger: "_danger_wwfj5_179",
-	outline: "_outline_wwfj5_214",
-	ghost: "_ghost_wwfj5_389",
-	soft: "_soft_wwfj5_564",
-	square: "_square_wwfj5_957",
-	rounded: "_rounded_wwfj5_961",
-	pill: "_pill_wwfj5_965",
-	sm: "_sm_wwfj5_969",
-	md: "_md_wwfj5_975",
-	lg: "_lg_wwfj5_981",
-	fullWidth: "_fullWidth_wwfj5_987",
-	iconOnly: "_iconOnly_wwfj5_991",
-	label: "_label_wwfj5_995",
-	labelText: "_labelText_wwfj5_1017",
-	icon: "_icon_wwfj5_991",
-	spinner: "_spinner_wwfj5_1036",
-	"button-spin": "_button-spin_wwfj5_1",
-	badge: "_badge_wwfj5_1058",
-	shortcut: "_shortcut_wwfj5_1072"
-}, Sn = i(({ children: e, color: t = "primary", appearance: r = "solid", size: i = "md", shape: o = "pill", type: s = "button", disabled: c = !1, loading: l = !1, loadingText: u, iconStart: d, iconEnd: f, spinner: p, badge: m, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: N, ...P }, F) => {
-	let I = S && a(e) ? e : void 0, L = I ? I.props.children : e, R = x || !L && !!(d || f), ee = !!(T || E || I?.props["aria-label"] || I?.props["aria-labelledby"]), z = c || l, B = l && u ? u : L, te = u && L && !R && (typeof L == "string" || typeof L == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? L : u) : void 0, ne = O === "_blank" && !k ? "noreferrer noopener" : k, re = V(X.button, X[t], X[r], X[i], X[o], C, {
-		[X.disabled]: z,
-		[X.loading]: l,
+	button: "_button_1b73n_1",
+	solid: "_solid_1b73n_23",
+	primary: "_primary_1b73n_23",
+	loading: "_loading_1b73n_23",
+	neutral: "_neutral_1b73n_49",
+	success: "_success_1b73n_75",
+	warning: "_warning_1b73n_101",
+	danger: "_danger_1b73n_127",
+	outline: "_outline_1b73n_153",
+	ghost: "_ghost_1b73n_283",
+	soft: "_soft_1b73n_413",
+	link: "_link_1b73n_543",
+	square: "_square_1b73n_711",
+	rounded: "_rounded_1b73n_715",
+	pill: "_pill_1b73n_719",
+	sm: "_sm_1b73n_723",
+	md: "_md_1b73n_729",
+	lg: "_lg_1b73n_735",
+	fullWidth: "_fullWidth_1b73n_741",
+	iconOnly: "_iconOnly_1b73n_745",
+	label: "_label_1b73n_749",
+	labelText: "_labelText_1b73n_771",
+	icon: "_icon_1b73n_745",
+	spinner: "_spinner_1b73n_790",
+	"button-spin": "_button-spin_1b73n_1",
+	badge: "_badge_1b73n_812",
+	shortcut: "_shortcut_1b73n_826"
+}, Yn = c(({ children: e, color: i = "primary", appearance: a = "solid", size: s = "md", shape: c = "pill", type: u = "button", disabled: d = !1, loading: f = !1, loadingText: p, iconStart: m, iconEnd: h, spinner: g, badge: _, shortcut: v, tooltip: y, fullWidth: b = !1, iconOnly: x = !1, asChild: S = !1, className: C, onClick: w, "aria-label": T, "aria-labelledby": E, href: D, target: O, rel: k, download: A, id: j, role: M, tabIndex: P, ...F }, I) => {
+	let L = S && l(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(m || h), ee = !!(T || E || L?.props["aria-label"] || L?.props["aria-labelledby"]), B = d || f, te = f && p ? p : R, ne = p && R && !z && (typeof R == "string" || typeof R == "number") && (typeof p == "string" || typeof p == "number") ? String(f ? R : p) : void 0, re = O === "_blank" && !k ? "noreferrer noopener" : k, ie = N(X.button, X[i], X[a], X[s], X[c], C, {
+		[X.disabled]: B,
+		[X.loading]: f,
 		[X.fullWidth]: b,
-		[X.iconOnly]: R
+		[X.iconOnly]: z
 	});
-	xn(!S || !D, "Button: pass href to the child element when using asChild."), xn(!S || !!I, "Button: asChild requires a single valid React element child."), xn(!R || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
-	let ie = (e) => {
+	Jn(!S || !D, "Button: pass href to the child element when using asChild."), Jn(!S || !!L, "Button: asChild requires a single valid React element child."), Jn(!z || ee, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
+	let ae = (e) => {
 		e.preventDefault(), e.stopPropagation();
-	}, ae = (e) => {
-		if (z) {
-			ie(e);
+	}, oe = (e) => {
+		if (B) {
+			ae(e);
 			return;
 		}
-		I?.props.onClick?.(e), e.defaultPrevented || w?.(e);
-	}, H = /* @__PURE__ */ _(h, { children: [
-		l && (p ? /* @__PURE__ */ g("span", {
+		L?.props.onClick?.(e), e.defaultPrevented || w?.(e);
+	}, V = /* @__PURE__ */ r(t, { children: [
+		f && (g ? /* @__PURE__ */ n("span", {
 			className: X.icon,
 			"aria-hidden": "true",
-			children: p
-		}) : /* @__PURE__ */ g("span", {
+			children: g
+		}) : /* @__PURE__ */ n("span", {
 			className: X.spinner,
 			"aria-hidden": "true"
 		})),
-		!l && d && /* @__PURE__ */ g("span", {
+		!f && m && /* @__PURE__ */ n("span", {
 			className: X.icon,
-			children: d
+			children: m
 		}),
-		B && !R && /* @__PURE__ */ g("span", {
+		te && !z && /* @__PURE__ */ n("span", {
 			className: X.label,
-			"data-measure": te,
-			children: /* @__PURE__ */ g("span", {
+			"data-measure": ne,
+			children: /* @__PURE__ */ n("span", {
 				className: X.labelText,
-				children: B
+				children: te
 			})
 		}),
-		m && !R && /* @__PURE__ */ g("span", {
+		_ && !z && /* @__PURE__ */ n("span", {
 			className: X.badge,
-			children: m
+			children: _
 		}),
-		v && !R && /* @__PURE__ */ g("span", {
+		v && !z && /* @__PURE__ */ n("span", {
 			className: X.shortcut,
 			children: v
 		}),
-		!l && f && /* @__PURE__ */ g("span", {
+		!f && h && /* @__PURE__ */ n("span", {
 			className: X.icon,
-			children: f
+			children: h
 		})
 	] });
-	return I ? n(I, {
-		...P,
-		ref: F,
-		"aria-busy": l || void 0,
-		"aria-disabled": z || void 0,
-		"aria-label": T || I.props["aria-label"] || void 0,
-		"aria-labelledby": E || I.props["aria-labelledby"] || void 0,
-		className: V(I.props.className, re),
-		href: z ? void 0 : I.props.href,
-		onClick: ae,
-		tabIndex: z ? -1 : I.props.tabIndex,
-		title: y || I.props.title,
-		children: H
-	}) : D ? /* @__PURE__ */ g("a", {
-		ref: F,
-		href: z ? void 0 : D,
+	return L ? o(L, {
+		...F,
+		ref: I,
+		"aria-busy": f || void 0,
+		"aria-disabled": B || void 0,
+		"aria-label": T || L.props["aria-label"] || void 0,
+		"aria-labelledby": E || L.props["aria-labelledby"] || void 0,
+		className: N(L.props.className, ie),
+		href: B ? void 0 : L.props.href,
+		onClick: oe,
+		tabIndex: B ? -1 : L.props.tabIndex,
+		title: y || L.props.title,
+		children: V
+	}) : D ? /* @__PURE__ */ n("a", {
+		ref: I,
+		href: B ? void 0 : D,
 		id: j,
 		role: M,
-		tabIndex: z ? -1 : N,
+		tabIndex: B ? -1 : P,
 		target: O,
-		rel: ne,
+		rel: re,
 		download: A,
-		onClick: z ? ie : w,
-		"aria-disabled": z || void 0,
+		onClick: B ? ae : w,
+		"aria-disabled": B || void 0,
 		"aria-label": T || void 0,
 		"aria-labelledby": E || void 0,
-		"aria-busy": l || void 0,
-		className: re,
+		"aria-busy": f || void 0,
+		className: ie,
 		title: y,
-		children: H
-	}) : /* @__PURE__ */ g("button", {
-		...P,
-		ref: F,
+		children: V
+	}) : /* @__PURE__ */ n("button", {
+		...F,
+		ref: I,
 		id: j,
 		role: M,
-		tabIndex: N,
-		type: s,
-		disabled: z,
-		onClick: z ? void 0 : w,
+		tabIndex: P,
+		type: u,
+		disabled: B,
+		onClick: B ? void 0 : w,
 		"aria-label": T || void 0,
 		"aria-labelledby": E || void 0,
-		"aria-busy": l || void 0,
-		className: re,
+		"aria-busy": f || void 0,
+		className: ie,
 		title: y,
-		children: H
+		children: V
 	});
 });
-Sn.displayName = "Button";
+Yn.displayName = "Button";
 var Z = {
 	wrapper: "_wrapper_1kk5v_1",
 	colorPrimary: "_colorPrimary_1kk5v_27",
@@ -2326,62 +3115,62 @@ var Z = {
 	"checkbox-checkmark-in": "_checkbox-checkmark-in_1kk5v_1",
 	"checkbox-indeterminate-in": "_checkbox-indeterminate-in_1kk5v_1",
 	disabled: "_disabled_1kk5v_361"
-}, Cn = {
+}, Xn = {
 	sm: Z.labelSm,
 	md: Z.labelMd,
 	lg: Z.labelLg
-}, wn = {
+}, Zn = {
 	sm: Z.wrapperSm,
 	md: Z.wrapperMd,
 	lg: Z.wrapperLg
-}, Tn = {
+}, Qn = {
 	sm: Z.containerSm,
 	md: Z.containerMd,
 	lg: Z.containerLg
-}, En = {
+}, $n = {
 	primary: Z.colorPrimary,
 	neutral: Z.colorNeutral,
 	success: Z.colorSuccess,
 	warning: Z.colorWarning,
 	danger: Z.colorDanger
-}, Dn = i(({ id: e, label: t, description: n, icon: r, indeterminateIcon: i, checked: a, size: s = "md", color: u = "primary", labelPosition: f = "end", defaultChecked: p = !1, disabled: m = !1, required: h = !1, indeterminate: y = !1, className: b, wrapperClassName: x, onCheckedChange: S, error: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
-	let k = l(), A = e ?? k, j = d(null), M = !!C, N = n ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
+}, er = c(({ id: e, label: t, description: i, icon: a, indeterminateIcon: o, checked: s, size: c = "md", color: l = "primary", labelPosition: d = "end", defaultChecked: m = !1, disabled: g = !1, required: _ = !1, indeterminate: y = !1, className: b, wrapperClassName: x, onCheckedChange: S, error: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
+	let k = p(), A = e ?? k, j = h(null), M = !!C, P = i ? `${A}-description` : void 0, F = M ? `${A}-error` : void 0, I = [
 		E,
-		N,
+		P,
 		F
-	].filter(Boolean).join(" "), [L, R] = P({
-		value: a,
-		defaultValue: p,
+	].filter(Boolean).join(" "), [L, R] = ge({
+		value: s,
+		defaultValue: m,
 		onChange: S
-	}), ee = o((e) => {
+	}), z = u((e) => {
 		if (j.current = e, typeof O == "function") {
 			O(e);
 			return;
 		}
 		O && (O.current = e);
 	}, [O]);
-	c(() => {
+	f(() => {
 		j.current && (j.current.indeterminate = y);
 	}, [y]);
-	let z = (e) => {
+	let ee = (e) => {
 		R(e.target.checked);
 	};
-	return xn(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ _("div", {
-		className: V(Z.container, Tn[s], f === "start" && Z.containerLabelStart, b),
+	return Jn(!!(t || w || T), "Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby."), /* @__PURE__ */ r("div", {
+		className: N(Z.container, Qn[c], d === "start" && Z.containerLabelStart, b),
 		children: [
-			/* @__PURE__ */ _("label", {
+			/* @__PURE__ */ r("label", {
 				htmlFor: A,
-				className: V(Z.wrapper, wn[s], En[u], f === "start" && Z.labelStart, !t && Z.iconOnly, m && Z.disabled, x),
+				className: N(Z.wrapper, Zn[c], $n[l], d === "start" && Z.labelStart, !t && Z.iconOnly, g && Z.disabled, x),
 				children: [
-					/* @__PURE__ */ g("input", {
+					/* @__PURE__ */ n("input", {
 						...D,
-						ref: ee,
+						ref: z,
 						id: A,
 						type: "checkbox",
 						checked: L,
-						disabled: m,
-						required: h,
-						onChange: z,
+						disabled: g,
+						required: _,
+						onChange: ee,
 						className: Z.input,
 						"aria-label": w,
 						"aria-labelledby": T,
@@ -2389,20 +3178,20 @@ var Z = {
 						"aria-invalid": M ? !0 : D["aria-invalid"],
 						"aria-describedby": I || void 0
 					}),
-					/* @__PURE__ */ g("span", {
-						className: V(Z.customCheckbox, M && Z.error, y && Z.indeterminate),
+					/* @__PURE__ */ n("span", {
+						className: N(Z.customCheckbox, M && Z.error, y && Z.indeterminate),
 						"aria-hidden": "true",
-						children: y ? /* @__PURE__ */ g("span", {
-							className: V(Z.indeterminateMark, i && Z.customMark),
-							children: i
-						}) : L && /* @__PURE__ */ g("span", {
+						children: y ? /* @__PURE__ */ n("span", {
+							className: N(Z.indeterminateMark, o && Z.customMark),
+							children: o
+						}) : L && /* @__PURE__ */ n("span", {
 							className: Z.checkmark,
-							children: r ?? /* @__PURE__ */ g(v, {})
+							children: a ?? /* @__PURE__ */ n(v, {})
 						})
 					}),
-					t && /* @__PURE__ */ _("span", {
-						className: V(Z.label, Cn[s]),
-						children: [t, h && /* @__PURE__ */ g("span", {
+					t && /* @__PURE__ */ r("span", {
+						className: N(Z.label, Xn[c]),
+						children: [t, _ && /* @__PURE__ */ n("span", {
 							className: Z.requiredMark,
 							"aria-hidden": "true",
 							children: "*"
@@ -2410,12 +3199,12 @@ var Z = {
 					})
 				]
 			}),
-			n && /* @__PURE__ */ g("span", {
-				id: N,
+			i && /* @__PURE__ */ n("span", {
+				id: P,
 				className: Z.descriptionText,
-				children: n
+				children: i
 			}),
-			M && /* @__PURE__ */ g("span", {
+			M && /* @__PURE__ */ n("span", {
 				id: F,
 				className: Z.errorText,
 				children: C
@@ -2423,7 +3212,7 @@ var Z = {
 		]
 	});
 });
-Dn.displayName = "Checkbox";
+er.displayName = "Checkbox";
 var Q = {
 	inputGroup: "_inputGroup_1fjhk_1",
 	primary: "_primary_1fjhk_29",
@@ -2465,7 +3254,7 @@ var Q = {
 	toneDanger: "_toneDanger_1fjhk_876",
 	toneMuted: "_toneMuted_1fjhk_880",
 	toneInverse: "_toneInverse_1fjhk_884"
-}, On = {
+}, tr = {
 	default: Q.toneDefault,
 	primary: Q.tonePrimary,
 	secondary: Q.toneSecondary,
@@ -2473,7 +3262,7 @@ var Q = {
 	danger: Q.toneDanger,
 	muted: Q.toneMuted,
 	inverse: Q.toneInverse
-}, kn = (e = "text", t) => {
+}, nr = (e = "text", t) => {
 	if (t) return t;
 	switch (e) {
 		case "email": return "email";
@@ -2483,7 +3272,7 @@ var Q = {
 		case "search": return "off";
 		default: return;
 	}
-}, An = (e, t) => {
+}, rr = (e, t) => {
 	let n = e.replace(/\D/g, ""), r = 0, i = "";
 	for (let e of t) {
 		if (e === "#") {
@@ -2495,149 +3284,149 @@ var Q = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, jn = (e, t) => t ? typeof t == "function" ? t(e) : An(e, t) : e, Mn = i(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: s, type: c = "text", size: u, color: p = "primary", variant: m = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: C = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: N, endIcon: P, startAddon: F, endAddon: I, prefix: L, suffix: R, clearIcon: ee, mask: z, format: B, parse: te, startIconTone: ne = "default", endIconTone: re = "default", clearIconTone: ie = "danger", autoFocus: ae, maxLength: H, onMouseEnter: U, onMouseLeave: oe, "aria-describedby": se, "aria-invalid": ce, "aria-labelledby": le, ...ue }, de) => {
-	let fe = l(), pe = zt(), me = !!(t || r || v), he = e ?? (me ? void 0 : pe?.controlId) ?? fe, ge = d(null), [W, _e] = f(!1), [ve, ye] = f(s ?? ""), be = a !== void 0, xe = String((be ? a : ve) ?? ""), Se = B ? B(xe) : xe, Ce = xe.length > 0, we = u ?? pe?.size ?? "md", Te = y || !!v || !me && !!pe?.invalid, Ee = b || !me && !!pe?.disabled, De = x || !me && !!pe?.required, Oe = D || C, ke = c === "password", Ae = ke && j && W ? "text" : c, je = N ?? (c === "search" ? /* @__PURE__ */ g(S, {}) : null), Me = P, Ne = kn(c, E), Pe = C && !Ee, Fe = O && Ce && !Ee && !Oe && !Pe, Ie = j && ke && !Ee && !Pe && !Fe, Le = !Pe && !Fe && !Ie && !!Me, Re = !!(M && H), ze = r ? `${he}-description` : void 0, Be = v ? `${he}-error` : void 0, G = Re ? `${he}-counter` : void 0, K = [
-		se,
-		!me && !se ? pe?.ariaDescribedBy : void 0,
+}, ir = (e, t) => t ? typeof t == "function" ? t(e) : rr(e, t) : e, ar = c(({ id: e, label: i, name: a, description: o, placeholder: s, value: c, defaultValue: l, type: d = "text", size: f, color: m = "primary", variant: _ = "outline", error: v, invalid: y = !1, disabled: b = !1, required: x = !1, loading: C = !1, className: w, wrapperClassName: T, autoComplete: E, readOnly: D = !1, clearable: O = !1, onClear: k, onValueChange: A, revealPassword: j = !1, showCounter: M = !1, startIcon: P, endIcon: F, startAddon: I, endAddon: L, prefix: R, suffix: z, clearIcon: ee, mask: B, format: te, parse: ne, startIconTone: re = "default", endIconTone: ie = "default", clearIconTone: ae = "danger", autoFocus: oe, maxLength: V, onMouseEnter: se, onMouseLeave: ce, "aria-describedby": le, "aria-invalid": ue, "aria-labelledby": de, ...H }, fe) => {
+	let pe = p(), me = hn(), he = !!(i || o || v), ge = e ?? (he ? void 0 : me?.controlId) ?? pe, _e = h(null), [ve, ye] = g(!1), [be, xe] = g(l ?? ""), U = c !== void 0, Se = String((U ? c : be) ?? ""), Ce = te ? te(Se) : Se, we = Se.length > 0, Te = f ?? me?.size ?? "md", Ee = y || !!v || !he && !!me?.invalid, De = b || !he && !!me?.disabled, Oe = x || !he && !!me?.required, ke = D || C, Ae = d === "password", je = Ae && j && ve ? "text" : d, Me = P ?? (d === "search" ? /* @__PURE__ */ n(S, {}) : null), Ne = F, Pe = nr(d, E), W = C && !De, Fe = O && we && !De && !ke && !W, G = j && Ae && !De && !W && !Fe, Ie = !W && !Fe && !G && !!Ne, Le = !!(M && V), Re = o ? `${ge}-description` : void 0, ze = v ? `${ge}-error` : void 0, Be = Le ? `${ge}-counter` : void 0, Ve = [
+		le,
+		!he && !le ? me?.ariaDescribedBy : void 0,
+		Re,
 		ze,
-		Be,
-		G
-	].filter(Boolean).join(" "), Ve = ee ?? "×", He = !!(je || L), Ue = !!(Me || R || Fe || Ie || Pe), We = !!(je && L), Ge = !!(Me && R), Ke = !!(F || I), qe = o((e) => {
-		if (ge.current = e, typeof de == "function") {
-			de(e);
+		Be
+	].filter(Boolean).join(" "), K = ee ?? "×", q = !!(Me || R), He = !!(Ne || z || Fe || G || W), Ue = !!(Me && R), We = !!(Ne && z), Ge = !!(I || L), Ke = u((e) => {
+		if (_e.current = e, typeof fe == "function") {
+			fe(e);
 			return;
 		}
-		de && (de.current = e);
-	}, [de]), Je = o((e) => {
-		let t = jn(te ? te(e.target.value) : e.target.value, z);
-		be || ye(t), A?.(t);
+		fe && (fe.current = e);
+	}, [fe]), qe = u((e) => {
+		let t = ir(ne ? ne(e.target.value) : e.target.value, B);
+		U || xe(t), A?.(t);
 	}, [
-		be,
-		z,
+		U,
+		B,
 		A,
-		te
-	]), Ye = o(() => {
-		be || ye(""), A?.(""), k?.(), ge.current?.focus();
+		ne
+	]), Je = u(() => {
+		U || xe(""), A?.(""), k?.(), _e.current?.focus();
 	}, [
-		be,
+		U,
 		k,
 		A
-	]), Xe = /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("div", {
-		className: V(Q.inputGroup, Q[m], Q[p], {
-			[Q.hasAddons]: Ke,
-			[Q.isDisabled]: Ee,
-			[Q.isInvalid]: Te,
-			[Q.isLoading]: Pe
+	]), Ye = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+		className: N(Q.inputGroup, Q[_], Q[m], {
+			[Q.hasAddons]: Ge,
+			[Q.isDisabled]: De,
+			[Q.isInvalid]: Ee,
+			[Q.isLoading]: W
 		}),
 		children: [
-			F && /* @__PURE__ */ g("span", {
+			I && /* @__PURE__ */ n("span", {
 				className: Q.addon,
-				children: F
+				children: I
 			}),
-			/* @__PURE__ */ _("div", {
-				className: V(Q.inputWrapper, {
-					[Q.hasLeftAdornment]: He,
-					[Q.hasRightAdornment]: Ue,
-					[Q.hasStartIconAndPrefix]: We,
-					[Q.hasEndIconAndSuffix]: Ge
+			/* @__PURE__ */ r("div", {
+				className: N(Q.inputWrapper, {
+					[Q.hasLeftAdornment]: q,
+					[Q.hasRightAdornment]: He,
+					[Q.hasStartIconAndPrefix]: Ue,
+					[Q.hasEndIconAndSuffix]: We
 				}),
 				children: [
-					je && /* @__PURE__ */ g("span", {
+					Me && /* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
-						className: V(Q.startAdornment, On[ne]),
-						children: je
+						className: N(Q.startAdornment, tr[re]),
+						children: Me
 					}),
-					L && /* @__PURE__ */ g("span", {
+					R && /* @__PURE__ */ n("span", {
 						className: Q.prefix,
-						children: L
+						children: R
 					}),
-					/* @__PURE__ */ g("input", {
-						...ue,
-						ref: qe,
-						id: he,
-						name: n,
-						type: Ae,
-						autoComplete: Ne,
-						className: V(Q.input, Q[we], { [Q.error]: Te }, w),
-						value: Se,
-						onChange: Je,
-						placeholder: i,
-						disabled: Ee,
-						readOnly: Oe,
-						required: De,
-						autoFocus: ae,
-						maxLength: H,
-						"aria-invalid": Te ? !0 : ce,
-						"aria-labelledby": le ?? (me ? void 0 : pe?.ariaLabelledBy),
-						"aria-describedby": K || void 0,
+					/* @__PURE__ */ n("input", {
+						...H,
+						ref: Ke,
+						id: ge,
+						name: a,
+						type: je,
+						autoComplete: Pe,
+						className: N(Q.input, Q[Te], { [Q.error]: Ee }, w),
+						value: Ce,
+						onChange: qe,
+						placeholder: s,
+						disabled: De,
+						readOnly: ke,
+						required: Oe,
+						autoFocus: oe,
+						maxLength: V,
+						"aria-invalid": Ee ? !0 : ue,
+						"aria-labelledby": de ?? (he ? void 0 : me?.ariaLabelledBy),
+						"aria-describedby": Ve || void 0,
 						"aria-busy": C || void 0,
-						onMouseEnter: U,
-						onMouseLeave: oe
+						onMouseEnter: se,
+						onMouseLeave: ce
 					}),
-					R && /* @__PURE__ */ g("span", {
+					z && /* @__PURE__ */ n("span", {
 						className: Q.suffix,
-						children: R
+						children: z
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ r("div", {
 						className: Q.endSlot,
 						children: [
-							Pe && /* @__PURE__ */ g("span", {
+							W && /* @__PURE__ */ n("span", {
 								className: Q.spinner,
 								"aria-hidden": "true",
 								"data-testid": "input-spinner"
 							}),
-							Ie && /* @__PURE__ */ g("button", {
+							G && /* @__PURE__ */ n("button", {
 								type: "button",
 								className: Q.iconButton,
-								onClick: () => _e((e) => !e),
-								"aria-label": W ? "Hide password" : "Show password",
-								children: W ? "Hide" : "Show"
+								onClick: () => ye((e) => !e),
+								"aria-label": ve ? "Hide password" : "Show password",
+								children: ve ? "Hide" : "Show"
 							}),
-							Fe && /* @__PURE__ */ g("button", {
+							Fe && /* @__PURE__ */ n("button", {
 								type: "button",
-								className: V(Q.clearButton, On[ie]),
-								onClick: Ye,
+								className: N(Q.clearButton, tr[ae]),
+								onClick: Je,
 								"aria-label": "Clear input",
-								children: Ve
+								children: K
 							}),
-							Le && Me && /* @__PURE__ */ g("span", {
+							Ie && Ne && /* @__PURE__ */ n("span", {
 								"aria-hidden": "true",
-								className: V(Q.endAdornment, On[re]),
-								children: Me
+								className: N(Q.endAdornment, tr[ie]),
+								children: Ne
 							})
 						]
 					})
 				]
 			}),
-			I && /* @__PURE__ */ g("span", {
+			L && /* @__PURE__ */ n("span", {
 				className: Q.addon,
-				children: I
+				children: L
 			})
 		]
-	}), Re && /* @__PURE__ */ _("div", {
-		id: G,
+	}), Le && /* @__PURE__ */ r("div", {
+		id: Be,
 		className: Q.counter,
 		children: [
-			xe.length,
+			Se.length,
 			" / ",
-			H
+			V
 		]
 	})] });
-	return !me && pe ? Xe : /* @__PURE__ */ g(Ht, {
-		id: he,
-		label: t,
-		description: r,
+	return !he && me ? Ye : /* @__PURE__ */ n(vn, {
+		id: ge,
+		label: i,
+		description: o,
 		error: v,
-		required: De,
-		disabled: Ee,
-		invalid: Te,
-		size: we,
+		required: Oe,
+		disabled: De,
+		invalid: Ee,
+		size: Te,
 		className: T,
 		bindControl: !1,
-		children: Xe
+		children: Ye
 	});
 });
-Mn.displayName = "Input";
+ar.displayName = "Input";
 var $ = {
 	root: "_root_1avxs_1",
 	invalid: "_invalid_1avxs_27",
@@ -2661,23 +3450,23 @@ var $ = {
 	"radio-indicator-in": "_radio-indicator-in_1avxs_1",
 	content: "_content_1avxs_339",
 	error: "_error_1avxs_356"
-}, Nn = {
+}, or = {
 	primary: $.colorPrimary,
 	neutral: $.colorNeutral,
 	success: $.colorSuccess,
 	warning: $.colorWarning,
 	danger: $.colorDanger
-}, Pn = i(({ value: e, checked: t, defaultChecked: n = !1, disabled: r = !1, required: i = !1, size: a, color: o, error: s, onCheckedChange: c, label: u, description: d, icon: f, wrapperClassName: p, className: m, id: h, name: v, "aria-describedby": y, ...b }, x) => {
-	let S = gt(), C = l(), w = h ?? C, T = d ? `${w}-description` : void 0, E = s ? `${w}-error` : void 0, D = [
+}, sr = c(({ value: e, checked: t, defaultChecked: i = !1, disabled: a = !1, required: o = !1, size: s, color: c, error: l, onCheckedChange: u, label: d, description: f, icon: m, wrapperClassName: h, className: g, id: _, name: v, "aria-describedby": y, ...b }, x) => {
+	let S = Wt(), C = p(), w = _ ?? C, T = f ? `${w}-description` : void 0, E = l ? `${w}-error` : void 0, D = [
 		T,
 		E,
 		S?.describedBy,
 		y
-	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = P({
+	].filter(Boolean).join(" ") || void 0, O = S !== null, [k, A] = ge({
 		value: t,
-		defaultValue: n,
-		onChange: c
-	}), j = O ? S.value === e : k, M = !!S?.disabled || r, N = !!S?.required || i, F = S?.name ?? v, I = !!(s || S?.invalid), L = a ?? S?.size ?? "md", R = o ?? S?.color ?? "primary", ee = (t) => {
+		defaultValue: i,
+		onChange: u
+	}), j = O ? S.value === e : k, M = !!S?.disabled || a, P = !!S?.required || o, F = S?.name ?? v, I = !!(l || S?.invalid), L = s ?? S?.size ?? "md", R = c ?? S?.color ?? "primary", z = (t) => {
 		if (!M) {
 			if (O) {
 				S.onValueChange(e);
@@ -2686,13 +3475,13 @@ var $ = {
 			A(t.currentTarget.checked);
 		}
 	};
-	return /* @__PURE__ */ _("div", {
-		className: V($.root, $[L], I && $.invalid, M && $.disabled, Nn[R], m),
-		children: [/* @__PURE__ */ _("label", {
+	return /* @__PURE__ */ r("div", {
+		className: N($.root, $[L], I && $.invalid, M && $.disabled, or[R], g),
+		children: [/* @__PURE__ */ r("label", {
 			htmlFor: w,
-			className: V($.wrapper, p),
+			className: N($.wrapper, h),
 			children: [
-				/* @__PURE__ */ g("input", {
+				/* @__PURE__ */ n("input", {
 					...b,
 					ref: x,
 					id: w,
@@ -2701,78 +3490,78 @@ var $ = {
 					value: e,
 					checked: j,
 					disabled: M,
-					required: N,
+					required: P,
 					"aria-invalid": I || void 0,
 					"aria-describedby": D,
 					className: $.input,
-					onChange: ee
+					onChange: z
 				}),
-				/* @__PURE__ */ g("span", {
+				/* @__PURE__ */ n("span", {
 					className: $.control,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ g("span", {
-						className: V($.indicator, f && $.customIcon),
-						children: f
+					children: /* @__PURE__ */ n("span", {
+						className: N($.indicator, m && $.customIcon),
+						children: m
 					})
 				}),
-				(u || d) && /* @__PURE__ */ _("span", {
+				(d || f) && /* @__PURE__ */ r("span", {
 					className: $.content,
-					children: [u && /* @__PURE__ */ g("span", {
+					children: [d && /* @__PURE__ */ n("span", {
 						className: $.label,
-						children: u
-					}), d && /* @__PURE__ */ g("span", {
+						children: d
+					}), f && /* @__PURE__ */ n("span", {
 						id: T,
 						className: $.description,
-						children: d
+						children: f
 					})]
 				})
 			]
-		}), s && /* @__PURE__ */ g("div", {
+		}), l && /* @__PURE__ */ n("div", {
 			id: E,
 			className: $.error,
-			children: s
+			children: l
 		})]
 	});
 });
-Pn.displayName = "Radio";
+sr.displayName = "Radio";
 //#endregion
 //#region src/theme/ThemeContext.ts
-var Fn = r(null), In = (e) => e === "highContrast" ? "high-contrast" : e, Ln = ({ theme: e, defaultTheme: t = "light", onThemeChange: n, children: r }) => {
-	let [i, a] = P({
+var cr = s(null), lr = (e) => e === "highContrast" ? "high-contrast" : e, ur = ({ theme: e, defaultTheme: t = "light", onThemeChange: r, children: i }) => {
+	let [a, o] = ge({
 		value: e,
 		defaultValue: t,
-		onChange: n
-	}), o = In(i);
-	c(() => {
+		onChange: r
+	}), s = lr(a);
+	f(() => {
 		if (typeof document > "u") return;
 		let { documentElement: e } = document, t = e.dataset.velliraTheme;
-		return e.dataset.velliraTheme = o, () => {
+		return e.dataset.velliraTheme = s, () => {
 			if (t === void 0) {
 				delete e.dataset.velliraTheme;
 				return;
 			}
 			e.dataset.velliraTheme = t;
 		};
-	}, [o]);
-	let s = u(() => ({
-		theme: i,
-		setTheme: a
-	}), [i, a]);
-	return /* @__PURE__ */ g(Fn.Provider, {
-		value: s,
-		children: /* @__PURE__ */ g("div", {
-			"data-vellira-theme": o,
-			children: r
+	}, [s]);
+	let c = m(() => ({
+		theme: a,
+		setTheme: o
+	}), [a, o]);
+	return /* @__PURE__ */ n(cr.Provider, {
+		value: c,
+		children: /* @__PURE__ */ n("div", {
+			"data-vellira-theme": s,
+			children: i
 		})
 	});
 };
-Ln.displayName = "ThemeProvider";
+ur.displayName = "ThemeProvider";
 //#endregion
 //#region src/theme/useTheme.ts
-function Rn() {
-	let e = s(Fn);
+function dr() {
+	let e = d(cr);
 	if (!e) throw Error("useTheme must be used within ThemeProvider.");
 	return e;
 }
 //#endregion
-export { Sn as Button, Dn as Checkbox, Xe as Dropdown, Ht as FormField, Mn as Input, pt as Modal, Pn as Radio, vt as RadioGroup, on as Select, _n as Tabs, Ln as ThemeProvider, bn as Tooltip, Rn as useTheme };
+export { Yn as Button, er as Checkbox, gt as Dropdown, vn as FormField, ar as Input, Vt as Modal, we as Portal, Ce as PortalProvider, sr as Radio, Kt as RadioGroup, Nn as Select, Wn as Tabs, ur as ThemeProvider, qn as Tooltip, dr as useTheme };