@vellira-ui/react 2.110.1 → 2.112.0

package/dist/index.js

@@ -4,8 +4,8 @@ import { Check as v, ChevronDown as y, ChevronRight as b, Close as x, Search as
 import { createAutoFocusEvent as C, createConsoleOverlayDiagnostics as w, createOutsideEvent as T, createOverlayManagerStore as E, createOverlayZIndexPolicy as D, createRetainedResourceRegistry as O, deferOverlayFocusRestore as k, focusFirstElement as A, getCompoundSlot as j, getFocusableElements as M, markCompoundSlot as N, resolveOverlayPresentation as P, resolveSelectGroupSelection as F, runOverlayCloseAutoFocus as I } from "@vellira-ui/core";
 import L from "clsx";
 import { createPortal as R } from "react-dom";
-import { FloatingArrow as z, arrow as B, autoUpdate as V, flip as H, offset as U, shift as W, size as ee, useFloating as te, useFocus as ne, useHover as re, useInteractions as G } from "@floating-ui/react";
-import { controlSizes as ie, lightTheme as K } from "@vellira-ui/tokens";
+import { FloatingArrow as z, arrow as B, autoUpdate as V, flip as H, offset as U, shift as W, size as G, useFloating as ee, useFocus as te, useHover as ne, useInteractions as K } from "@floating-ui/react";
+import { controlSizes as re, lightTheme as ie } from "@vellira-ui/tokens";
 var ae = {
 	root: "_root_n1iaz_1",
 	item: "_item_n1iaz_11",
@@ -730,7 +730,7 @@ var Je = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 	let f = Xe(l), p = d(() => [
 		U(i),
 		...s ? [H({ padding: a })] : [],
-		ee({ apply({ rects: e, elements: t }) {
+		G({ apply({ rects: e, elements: t }) {
 			!o || f || Object.assign(t.floating.style, { width: `${e.reference.width}px` });
 		} }),
 		...s ? [W({ padding: a })] : [],
@@ -742,7 +742,7 @@ var Je = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 		f,
 		o,
 		i
-	]), { refs: m, floatingStyles: h, isPositioned: g, update: _, context: v, middlewareData: y, placement: b } = te({
+	]), { refs: m, floatingStyles: h, isPositioned: g, update: _, context: v, middlewareData: y, placement: b } = ee({
 		open: e,
 		onOpenChange: t,
 		placement: n,
@@ -769,7 +769,7 @@ var Je = ({ active: e, enabled: t = !0, finalFocus: n, onCloseAutoFocus: r }) =>
 	};
 }, Qe = D({
 	defaultLevel: "popover",
-	levels: K.tokens.zIndex
+	levels: ie.tokens.zIndex
 }), $e = w("WebOverlayManager");
 function et() {
 	let e = E({
@@ -1373,19 +1373,19 @@ function It(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
 var Lt = { wrapper: "_wrapper_14ue8_1" }, Rt = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, size: i = "md", color: a = "primary", placement: s = "bottom-start", strategy: u, offset: m = 2, collisionPadding: h = 8, matchTriggerWidth: v = !1, minWidth: y, maxWidth: b, portal: x = !0, avoidCollisions: S = !0, modal: C = !1, closeOnSelect: w = !0, loop: T = !0, disabled: E = !1, loading: D = !1, loadingText: O = "Loading actions...", searchable: k = !1, command: A = !1, searchValue: j, defaultSearchValue: M = "", searchPlaceholder: N, onSearch: P, empty: F, className: I }) => {
-	let L = l(), R = `${L}-trigger`, z = `${L}-menu`, B = f(null), V = f(null), [H, U] = p(), [W, ee] = p({}), [te, ne] = p(M), re = j ?? te, G = d(() => he(e), [e]), ie = G.content?.props.command ?? !1, K = k || A || ie || !!G.search, ae = d(() => Bt(G.items), [G.items]), oe = d(() => G.items.map((e) => ({
+	let L = l(), R = `${L}-trigger`, z = `${L}-menu`, B = f(null), V = f(null), [H, U] = p(), [W, G] = p({}), [ee, te] = p(M), ne = j ?? ee, K = d(() => he(e), [e]), re = K.content?.props.command ?? !1, ie = k || A || re || !!K.search, ae = d(() => Bt(K.items), [K.items]), oe = d(() => K.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
-	})), [G.items]), se = d(() => !K || !re.trim() ? G : Vt(G, re), [
+	})), [K.items]), se = d(() => !ie || !ne.trim() ? K : Vt(K, ne), [
+		ie,
 		K,
-		G,
-		re
+		ne
 	]), ce = d(() => se.items.map((e) => ({
 		disabled: e.disabled,
 		label: e.label
 	})), [se.items]);
 	c(() => {
-		ee((e) => {
+		G((e) => {
 			let t = { ...e };
 			return ae.forEach((e) => {
 				e.type === "radio" && t[e.groupId] === void 0 && (t[e.groupId] = e.groupProps?.value ?? e.groupProps?.defaultValue);
@@ -1393,12 +1393,12 @@ var Lt = { wrapper: "_wrapper_14ue8_1" }, Rt = ({ children: e, open: t, defaultO
 		});
 	}, [ae]);
 	let { activeIndex: le, setActiveIndex: ue, isOpen: de, closeDropdown: q, toggleDropdown: fe, onKeyDown: pe } = bt({
-		items: K ? ce : oe,
+		items: ie ? ce : oe,
 		open: t,
 		defaultOpen: n,
 		disabled: E,
 		onOpenChange: r,
-		getItemValue: (e, t) => (K ? se.items : G.items)[t]?.id ?? "",
+		getItemValue: (e, t) => (ie ? se.items : K.items)[t]?.id ?? "",
 		getItemText: (e) => e.label,
 		loop: T
 	}), { floatingStyles: me, isMobileSheet: Y, isPositioned: ge, setRef: _e, setFloatingRef: ve } = ut({
@@ -1412,7 +1412,7 @@ var Lt = { wrapper: "_wrapper_14ue8_1" }, Rt = ({ children: e, open: t, defaultO
 		collisionPadding: h,
 		mobileSheetBreakpoint: 640
 	}), ye = o((e) => {
-		j === void 0 && ne(e), P?.(e), ue(0);
+		j === void 0 && te(e), P?.(e), ue(0);
 	}, [
 		P,
 		j,
@@ -1430,7 +1430,7 @@ var Lt = { wrapper: "_wrapper_14ue8_1" }, Rt = ({ children: e, open: t, defaultO
 			U(e.id);
 			return;
 		}
-		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (ee((t) => ({
+		e.type === "item" && e.props.onSelect?.(t), e.type === "radio" && (G((t) => ({
 			...t,
 			[e.groupId]: e.props.value
 		})), e.groupProps?.onValueChange?.(e.props.value));
@@ -1497,7 +1497,7 @@ var Lt = { wrapper: "_wrapper_14ue8_1" }, Rt = ({ children: e, open: t, defaultO
 		color: a,
 		contentReadyToFocus: Y || ge,
 		contentId: z,
-		contentProps: G.content?.props,
+		contentProps: K.content?.props,
 		disabled: E,
 		entries: se.entries,
 		getItemId: (e) => `${z}-item-${e}`,
@@ -1510,18 +1510,18 @@ var Lt = { wrapper: "_wrapper_14ue8_1" }, Rt = ({ children: e, open: t, defaultO
 		minWidth: y,
 		openSubId: H,
 		onKeyDown: Se,
-		portal: !G.portal && x,
+		portal: !K.portal && x,
 		radioValues: W,
-		searchPlaceholder: G.search?.props.placeholder ?? N ?? (A || ie ? "Type a command..." : "Search actions..."),
-		searchProps: G.search?.props,
-		searchValue: re,
-		searchable: K,
+		searchPlaceholder: K.search?.props.placeholder ?? N ?? (A || re ? "Type a command..." : "Search actions..."),
+		searchProps: K.search?.props,
+		searchValue: ne,
+		searchable: ie,
 		selectItem: xe,
 		setActiveIndex: ue,
 		setContentRef: Te,
 		setOpenSubId: U,
 		setRadioValue: (e, t) => {
-			ee((n) => ({
+			G((n) => ({
 				...n,
 				[e]: t
 			}));
@@ -1538,7 +1538,7 @@ var Lt = { wrapper: "_wrapper_14ue8_1" }, Rt = ({ children: e, open: t, defaultO
 			children: /* @__PURE__ */ _("div", {
 				className: J(Lt.wrapper, I),
 				"data-disabled": E || void 0,
-				children: [G.trigger ?? null, G.portal ?? G.content ?? /* @__PURE__ */ g(Dt, {})]
+				children: [K.trigger ?? null, K.portal ?? K.content ?? /* @__PURE__ */ g(Dt, {})]
 			})
 		})
 	});
@@ -1710,7 +1710,7 @@ var sn = {
 		active: h,
 		contentRef: f.contentRef,
 		enabled: f.trapFocus,
-		finalFocus: f.finalFocus,
+		finalFocus: f.finalFocus ?? f.triggerRef,
 		initialFocus: f.initialFocus,
 		onCloseAutoFocus: f.onCloseAutoFocus,
 		onOpenAutoFocus: f.onOpenAutoFocus,
@@ -1810,7 +1810,7 @@ var gn = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 	onPointerDownOutside: s ? (e) => s(e) : void 0,
 	requestClose: l
 }), _n = {
-	standard: K.components.modal.motion.easing,
+	standard: ie.components.modal.motion.easing,
 	linear: "linear",
 	ease: "ease",
 	"ease-in": "ease-in",
@@ -1820,84 +1820,84 @@ var gn = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 	close: e,
 	open: e
 } : {
-	close: e?.close ?? vn(K.components.modal.motion.closeDuration),
-	open: e?.open ?? vn(K.components.modal.motion.openDuration)
+	close: e?.close ?? vn(ie.components.modal.motion.closeDuration),
+	open: e?.open ?? vn(ie.components.modal.motion.openDuration)
 }, bn = ({ open: e, defaultOpen: t = !1, onOpenChange: n, animation: r = "scale", duration: i, easing: a = "standard", modal: s = !0, closeOnEscape: l = !0, closeOnOutsidePress: u = !0, preventScroll: m = !0, restoreFocus: h = !0, trapFocus: g = !0, initialFocus: _, finalFocus: v, onOpenAutoFocus: y, onCloseAutoFocus: b, onEscapeKeyDown: x, onPointerDownOutside: S, onInteractOutside: C, role: w = "dialog" }) => {
-	let T = f(null), { contentId: E, descriptionId: D, open: O, requestClose: k, setOpen: A, titleId: j } = xt({
+	let T = f(null), E = f(null), { contentId: D, descriptionId: O, open: k, requestClose: A, setOpen: j, titleId: M } = xt({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n,
 		closeOnEscape: l,
 		closeOnOutsidePress: u
-	}), [M, N] = p(!1), [P, F] = p(!1), [I, L] = p(0), R = yn(i), z = r === "none" ? 0 : R.close, [B, V] = p(O);
+	}), [N, P] = p(!1), [F, I] = p(!1), [L, R] = p(0), z = yn(i), B = r === "none" ? 0 : z.close, [V, H] = p(k);
 	c(() => {
-		if (O) {
-			V(!0);
+		if (k) {
+			H(!0);
 			return;
 		}
-		if (z === 0) {
-			V(!1);
+		if (B === 0) {
+			H(!1);
 			return;
 		}
 		let e = window.setTimeout(() => {
-			V(!1);
-		}, z);
+			H(!1);
+		}, B);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [z, O]);
-	let H = o(() => {
-		k();
-	}, [k]), U = o((e) => {
-		T.current !== e && (T.current = e, L((e) => e + 1));
+	}, [B, k]);
+	let U = o(() => {
+		A();
+	}, [A]), W = o((e) => {
+		T.current !== e && (T.current = e, R((e) => e + 1));
 	}, []);
 	mt({
-		active: O,
+		active: k,
 		enabled: m
 	});
-	let W = gn({
-		active: O,
-		registrationActive: B,
-		id: E,
+	let G = gn({
+		active: k,
+		registrationActive: V,
+		id: D,
 		contentRef: T,
 		closeOnEscape: l,
 		closeOnOutsidePress: u,
 		onEscapeKeyDown: x,
 		onInteractOutside: C,
 		onPointerDownOutside: S,
-		requestClose: H
+		requestClose: U
 	}), ee = d(() => ({
-		"--modal-animation-close-duration": `${R.close}ms`,
+		"--modal-animation-close-duration": `${z.close}ms`,
 		"--modal-animation-easing": _n[a],
-		"--modal-animation-open-duration": `${R.open}ms`,
-		"--z-index-modal": W.zIndex === void 0 ? void 0 : `${W.zIndex}`
+		"--modal-animation-open-duration": `${z.open}ms`,
+		"--z-index-modal": G.zIndex === void 0 ? void 0 : `${G.zIndex}`
 	}), [
-		R.close,
-		R.open,
+		z.close,
+		z.open,
 		a,
-		W.zIndex
+		G.zIndex
 	]), te = ut({
 		presentation: "modal",
 		animationStyle: ee
 	}).animationStyle ?? ee;
 	return c(() => {
-		if (process.env.NODE_ENV === "production" || !O || M || !T.current) return;
+		if (process.env.NODE_ENV === "production" || !k || N || !T.current) return;
 		let e = window.setTimeout(() => {
 			let e = T.current, t = e?.getAttribute("aria-labelledby"), n = t ? !!document.getElementById(t) : !1;
-			!O || M || !e || e.hasAttribute("aria-label") || n || console.warn("Modal.Content requires Modal.Title or ariaLabel.");
+			!k || N || !e || e.hasAttribute("aria-label") || n || console.warn("Modal.Content requires Modal.Title or ariaLabel.");
 		}, 0);
 		return () => {
 			window.clearTimeout(e);
 		};
 	}, [
-		I,
-		O,
-		M
+		L,
+		k,
+		N
 	]), c(() => {
-		process.env.NODE_ENV === "production" || !O || w !== "alertdialog" || P || console.warn("Modal with role=\"alertdialog\" requires Modal.Description.");
+		process.env.NODE_ENV === "production" || !k || w !== "alertdialog" || F || console.warn("Modal with role=\"alertdialog\" requires Modal.Description.");
 	}, [
-		P,
-		O,
+		F,
+		k,
 		w
 	]), {
 		context: d(() => ({
@@ -1905,41 +1905,42 @@ var gn = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 			animationStyle: te,
 			closeOnEscape: l,
 			closeOnOutsidePress: u,
-			contentId: E,
+			contentId: D,
 			contentRef: T,
-			descriptionId: D,
+			descriptionId: O,
 			finalFocus: v,
 			initialFocus: _,
-			zIndex: W.zIndex,
+			zIndex: G.zIndex,
 			modal: s,
 			onCloseAutoFocus: b,
 			onEscapeKeyDown: x,
 			onInteractOutside: C,
 			onOpenAutoFocus: y,
 			onPointerDownOutside: S,
-			open: O,
+			open: k,
 			preventScroll: m,
-			requestClose: H,
+			requestClose: U,
 			restoreFocus: h,
 			role: w,
-			setContentRef: U,
-			setDescriptionPresent: F,
-			setOpen: A,
-			setTitlePresent: N,
-			shouldRender: B,
-			titleId: j,
-			trapFocus: g
+			setContentRef: W,
+			setDescriptionPresent: I,
+			setOpen: j,
+			setTitlePresent: P,
+			shouldRender: V,
+			titleId: M,
+			trapFocus: g,
+			triggerRef: E
 		}), [
 			r,
 			te,
 			l,
 			u,
-			E,
 			D,
+			O,
 			v,
 			_,
-			W.zIndex,
-			O,
+			G.zIndex,
+			k,
 			s,
 			b,
 			x,
@@ -1947,16 +1948,16 @@ var gn = ({ active: e, registrationActive: t = e, id: n, contentRef: r, closeOnE
 			y,
 			S,
 			m,
-			H,
+			U,
 			h,
 			w,
-			U,
-			A,
-			B,
+			W,
 			j,
+			V,
+			M,
 			g
 		]),
-		open: O
+		open: k
 	};
 }, xn = ({ children: e, className: t, ...n }) => {
 	let { context: r, open: i } = bn(n);
@@ -1987,9 +1988,12 @@ var Sn = ({ children: e, asChild: t = !1, disabled: r = !1, className: i }) => {
 	};
 	return s ? n(s, {
 		...l,
-		ref: Ft(s.props.ref),
+		ref: Ft(s.props.ref, o.triggerRef),
 		className: J(s.props.className, i)
 	}) : /* @__PURE__ */ g("button", {
+		ref: (e) => {
+			o.triggerRef.current = e;
+		},
 		type: "button",
 		...l,
 		children: e
@@ -2707,27 +2711,27 @@ var pr = {
 };
 cr(mr, "content"), mr.displayName = "Select.Content";
 var hr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style: i, options: a, entries: s, multiple: l, selectedValues: u, color: m = "primary", variant: v = "outline", searchable: y, command: b, virtual: S, portal: C = !0, searchValue: w = "", searchPlaceholder: T = "Search...", loading: E, loadingText: D = "Loading...", emptyText: O, searchSlot: k, headerSlot: A, emptySlot: j, loadingSlot: M, renderOption: N, selectedValue: P, activeIndex: F, visualActiveIndex: I = F, className: L, onSelect: R, onSelectGroup: z, onMouseEnter: B, onSearchChange: V }) => {
-	let H = f(null), U = f(!1), [W, ee] = p(null), [te, ne] = p(0), [re, G] = p(), { bottomSpacerHeight: ie, isVirtual: K, itemHeight: ae, maxHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: le, visibleOptions: ue } = d(() => sr({
+	let H = f(null), U = f(!1), [W, G] = p(null), [ee, te] = p(0), [ne, K] = p(), { bottomSpacerHeight: re, isVirtual: ie, itemHeight: ae, maxHeight: oe, startIndex: se, topSpacerHeight: ce, viewportHeight: le, visibleOptions: ue } = d(() => sr({
 		loading: E,
 		options: a,
-		scrollTop: te,
+		scrollTop: ee,
 		virtual: S,
-		viewportHeight: re
+		viewportHeight: ne
 	}), [
 		E,
 		a,
-		te,
-		re,
+		ee,
+		ne,
 		S
 	]), de = o((e) => {
-		ee(e), r(e), e && G(e.clientHeight || void 0);
+		G(e), r(e), e && K(e.clientHeight || void 0);
 	}, [r]);
 	c(() => {
-		e || (U.current = !1, ne(0), G(void 0));
+		e || (U.current = !1, te(0), K(void 0));
 	}, [e, w]), c(() => {
-		if (!e || !W || (G(W.clientHeight || void 0), !("ResizeObserver" in window))) return;
+		if (!e || !W || (K(W.clientHeight || void 0), !("ResizeObserver" in window))) return;
 		let t = new ResizeObserver(([e]) => {
-			G(e?.contentRect.height || void 0);
+			K(e?.contentRect.height || void 0);
 		});
 		return t.observe(W), () => t.disconnect();
 	}, [W, e]), c(() => {
@@ -2743,9 +2747,9 @@ var hr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 			U.current = !0;
 			return;
 		}
-		if (U.current = !0, K) {
+		if (U.current = !0, ie) {
 			let e = Math.max(0, r * ae - (le - ae) / 2);
-			ne(e), W.scrollTop = e;
+			te(e), W.scrollTop = e;
 			return;
 		}
 		document.getElementById(`${t}-option-${r}`)?.scrollIntoView?.({ block: "nearest" });
@@ -2753,7 +2757,7 @@ var hr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 		F,
 		W,
 		e,
-		K,
+		ie,
 		ae,
 		t,
 		E,
@@ -2767,7 +2771,7 @@ var hr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 		"--select-dropdown-max-height": typeof oe == "number" ? `${oe}px` : oe
 	}), [oe, i]);
 	if (!e) return null;
-	let fe = s && !K ? s : ue.map((e, t) => ({
+	let fe = s && !ie ? s : ue.map((e, t) => ({
 		type: "option",
 		option: e,
 		optionIndex: se + t
@@ -2783,7 +2787,7 @@ var hr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 		].filter(Boolean).join(" "),
 		style: q,
 		onScroll: (e) => {
-			K && ne(e.currentTarget.scrollTop);
+			ie && te(e.currentTarget.scrollTop);
 		},
 		children: [
 			A,
@@ -2819,7 +2823,7 @@ var hr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 					className: pr.empty,
 					children: M ?? D
 				}) : a.length ? /* @__PURE__ */ _(h, { children: [
-					K && /* @__PURE__ */ g("li", {
+					ie && /* @__PURE__ */ g("li", {
 						"aria-hidden": "true",
 						className: pr.virtualSpacer,
 						style: { height: ce }
@@ -2877,10 +2881,10 @@ var hr = ({ isOpen: e, listboxId: t, labelledById: n, setDropdownRef: r, style:
 							onMouseEnter: () => B(r)
 						}, n.value);
 					}),
-					K && /* @__PURE__ */ g("li", {
+					ie && /* @__PURE__ */ g("li", {
 						"aria-hidden": "true",
 						className: pr.virtualSpacer,
-						style: { height: ie }
+						style: { height: re }
 					})
 				] }) : /* @__PURE__ */ g("li", {
 					role: "option",
@@ -3244,20 +3248,20 @@ function Br(t) {
 	}), n.length > 0 && (r.fallbackChildren = n.length === 1 ? n[0] : n), r;
 }
 var Vr = ({ id: e, label: r, description: i, error: o, message: s, messageTone: c, messageLive: u, required: d = !1, disabled: f = !1, invalid: p = !1, orientation: m = "vertical", labelPosition: h = "top", size: v = "md", labelInfo: y, labelAction: b, optionalText: x, children: S, bindControl: C = !0, className: w, controlClassName: T, labelClassName: E, descriptionClassName: D, errorClassName: O, messageClassName: k, ...A }) => {
-	let j = Br(S), M = r ?? j.label?.children, N = i ?? j.description?.children, P = s ?? j.message?.children, F = c ?? j.message?.tone ?? "neutral", I = u ?? j.message?.live ?? "off", L = y ?? j.label?.info, R = b ?? j.label?.action, z = x ?? j.label?.optionalText, B = j.hasSlots ? j.control?.children ?? j.fallbackChildren : S, V = j.control?.bindControl ?? C, H = l(), U = e ?? H, W = M ? `${U}-label` : void 0, ee = N && U ? `${U}-description` : void 0, te = o && U ? `${U}-error` : void 0, ne = !o && P && U ? `${U}-message` : void 0, re = p || !!o, G = o ?? P, ie = o ? "danger" : F, K = {
+	let j = Br(S), M = r ?? j.label?.children, N = i ?? j.description?.children, P = s ?? j.message?.children, F = c ?? j.message?.tone ?? "neutral", I = u ?? j.message?.live ?? "off", L = y ?? j.label?.info, R = b ?? j.label?.action, z = x ?? j.label?.optionalText, B = j.hasSlots ? j.control?.children ?? j.fallbackChildren : S, V = j.control?.bindControl ?? C, H = l(), U = e ?? H, W = M ? `${U}-label` : void 0, G = N && U ? `${U}-description` : void 0, ee = o && U ? `${U}-error` : void 0, te = !o && P && U ? `${U}-message` : void 0, ne = p || !!o, K = o ?? P, re = o ? "danger" : F, ie = {
 		neutral: Lr.messageToneNeutral,
 		success: Lr.messageToneSuccess,
 		warning: Lr.messageToneWarning,
 		danger: Lr.messageToneDanger
-	}[ie], ae = Rr(W), oe = Rr(ee, te, ne), se = {
+	}[re], ae = Rr(W), oe = Rr(G, ee, te), se = {
 		controlId: U,
 		labelId: W,
-		descriptionId: ee,
-		errorId: te,
-		messageId: ne,
+		descriptionId: G,
+		errorId: ee,
+		messageId: te,
 		required: d,
 		disabled: f,
-		invalid: re,
+		invalid: ne,
 		size: v,
 		ariaLabelledBy: ae,
 		ariaDescribedBy: oe
@@ -3265,7 +3269,7 @@ var Vr = ({ id: e, label: r, description: i, error: o, message: s, messageTone:
 		id: ce.props.id ?? U,
 		required: ce.props.required ?? d,
 		disabled: ce.props.disabled ?? f,
-		"aria-invalid": ce.props["aria-invalid"] ?? (re || void 0),
+		"aria-invalid": ce.props["aria-invalid"] ?? (ne || void 0),
 		"aria-labelledby": Rr(ce.props["aria-labelledby"], ae),
 		"aria-describedby": Rr(ce.props["aria-describedby"], oe)
 	}) : B;
@@ -3274,7 +3278,7 @@ var Vr = ({ id: e, label: r, description: i, error: o, message: s, messageTone:
 		"aria-disabled": f || void 0,
 		className: J(Lr.wrapper, Lr[m], Lr[h], Lr[v], f && Lr.disabled, w),
 		"data-disabled": f || void 0,
-		"data-invalid": re || void 0,
+		"data-invalid": ne || void 0,
 		"data-orientation": m,
 		"data-size": v,
 		children: [
@@ -3309,7 +3313,7 @@ var Vr = ({ id: e, label: r, description: i, error: o, message: s, messageTone:
 				})]
 			}),
 			N && /* @__PURE__ */ g("div", {
-				id: ee,
+				id: G,
 				className: J(Lr.description, j.description?.className, D),
 				children: N
 			}),
@@ -3320,12 +3324,12 @@ var Vr = ({ id: e, label: r, description: i, error: o, message: s, messageTone:
 					children: le
 				})
 			}),
-			G && /* @__PURE__ */ g("div", {
-				id: o ? te : ne,
-				className: J(Lr.message, K, !o && j.message?.className, o ? O : k),
+			K && /* @__PURE__ */ g("div", {
+				id: o ? ee : te,
+				className: J(Lr.message, ie, !o && j.message?.className, o ? O : k),
 				role: o ? "alert" : void 0,
 				"aria-live": !o && I === "polite" ? "polite" : void 0,
-				children: G
+				children: K
 			})
 		]
 	});
@@ -3339,7 +3343,7 @@ var Vr = ({ id: e, label: r, description: i, error: o, message: s, messageTone:
 //#endregion
 //#region src/components/Select/Root/useSelectRootState.tsx
 function qr(e) {
-	let { children: t, label: n, description: r, id: i, name: a, "aria-label": s, "aria-describedby": u, "aria-labelledby": m, multiple: v = !1, maxSelected: y, closeOnSelect: b, placeholder: x = "Select...", empty: S, loadingText: C = "Loading...", size: w, color: T = "primary", variant: E = "outline", required: D = !1, disabled: O = !1, invalid: k = !1, loading: A = !1, clearable: j = !1, searchable: M = !1, virtual: N, modal: P = !1, command: I = !1, error: L, placement: R = "bottom", matchTriggerWidth: z = !0, avoidCollisions: B = !0, portal: V = !0, open: H, defaultOpen: U = !1, onOpenChange: W, onSearch: ee, onClear: te, startIcon: ne, endIcon: re, prefix: G, suffix: ie, renderValue: K, renderOption: ae, onBlur: oe, onFocus: se, className: ce, triggerClassName: le, dropdownClassName: ue } = e, de = l(), q = Ir(), fe = !!(n || r || L), J = i ?? (fe ? void 0 : q?.controlId) ?? de, pe = `${J}-listbox`, [me, Y] = p(""), he = !!L, ge = he ? `${J}-error` : void 0, _e = r ? `${J}-description` : void 0, ve = w ?? q?.size ?? "md", ye = k || he || !fe && !!q?.invalid, be = O || !fe && !!q?.disabled, xe = D || !fe && !!q?.required, Se = [
+	let { children: t, label: n, description: r, id: i, name: a, "aria-label": s, "aria-describedby": u, "aria-labelledby": m, multiple: v = !1, maxSelected: y, closeOnSelect: b, placeholder: x = "Select...", empty: S, loadingText: C = "Loading...", size: w, color: T = "primary", variant: E = "outline", required: D = !1, disabled: O = !1, invalid: k = !1, loading: A = !1, clearable: j = !1, searchable: M = !1, virtual: N, modal: P = !1, command: I = !1, error: L, placement: R = "bottom", matchTriggerWidth: z = !0, avoidCollisions: B = !0, portal: V = !0, open: H, defaultOpen: U = !1, onOpenChange: W, onSearch: G, onClear: ee, startIcon: te, endIcon: ne, prefix: K, suffix: re, renderValue: ie, renderOption: ae, onBlur: oe, onFocus: se, className: ce, triggerClassName: le, dropdownClassName: ue } = e, de = l(), q = Ir(), fe = !!(n || r || L), J = i ?? (fe ? void 0 : q?.controlId) ?? de, pe = `${J}-listbox`, [me, Y] = p(""), he = !!L, ge = he ? `${J}-error` : void 0, _e = r ? `${J}-description` : void 0, ve = w ?? q?.size ?? "md", ye = k || he || !fe && !!q?.invalid, be = O || !fe && !!q?.disabled, xe = D || !fe && !!q?.required, Se = [
 		u,
 		!fe && !u ? q?.ariaDescribedBy : void 0,
 		_e,
@@ -3404,16 +3408,16 @@ function qr(e) {
 		Fe,
 		Re
 	]), et = o(() => {
-		Ue(""), te?.(), Ce.current?.focus();
-	}, [te, Ue]), tt = o(() => {
+		Ue(""), ee?.(), Ce.current?.focus();
+	}, [ee, Ue]), tt = o(() => {
 		Ie || Ee(!1), He();
 	}, [Ie, He]), nt = o((e) => {
 		Jr(e, Ie) && Ee(!0), We(e);
 	}, [Ie, We]), rt = o((e) => {
 		Ee(!0), Be(e);
 	}, [Be]), it = o((e) => {
-		Y(e), ee?.(e);
-	}, [ee]), at = lt({
+		Y(e), G?.(e);
+	}, [G]), at = lt({
 		active: Ie,
 		id: pe,
 		zIndexLevel: "dropdown",
@@ -3435,7 +3439,7 @@ function qr(e) {
 		Ce.current = e, Xe(e);
 	}, [Xe]), st = o((e) => {
 		we.current = e, Ze(e);
-	}, [Ze]), ct = d(() => K ? K({
+	}, [Ze]), ct = d(() => ie ? ie({
 		multiple: v,
 		option: Ge,
 		options: Ke,
@@ -3444,7 +3448,7 @@ function qr(e) {
 	}) : v && Ke.length ? Ke.map((e) => e.label).join(", ") : Ge?.label ?? x, [
 		v,
 		x,
-		K,
+		ie,
 		Ge,
 		Ke,
 		Fe,
@@ -3469,10 +3473,10 @@ function qr(e) {
 		size: ve,
 		color: T,
 		variant: E,
-		startIcon: ne,
-		endIcon: re,
-		prefix: G,
-		suffix: ie,
+		startIcon: te,
+		endIcon: ne,
+		prefix: K,
+		suffix: re,
 		clearable: dt,
 		className: le,
 		buttonRef: ot,
@@ -3487,7 +3491,7 @@ function qr(e) {
 		m,
 		T,
 		Se,
-		re,
+		ne,
 		q?.labelId,
 		et,
 		tt,
@@ -3503,14 +3507,14 @@ function qr(e) {
 		oe,
 		se,
 		x,
-		G,
+		K,
 		ve,
 		ct,
 		Ge?.label,
 		ot,
 		dt,
-		ne,
-		ie,
+		te,
+		re,
 		le,
 		J,
 		E
@@ -4131,13 +4135,13 @@ var vi = i(({ value: t, children: r, className: i, disabled: s = !1, asChild: c
 		v,
 		O,
 		t
-	]), H = z && !R || u || d, U = L.every((e) => typeof e == "string" || typeof e == "number"), W = J(hi.trigger, hi[T], hi[E], w === "vertical" && hi.vertical, z && hi.withIcon, B && hi.iconOnly, i), ee = (e) => {
+	]), H = z && !R || u || d, U = L.every((e) => typeof e == "string" || typeof e == "number"), W = J(hi.trigger, hi[T], hi[E], w === "vertical" && hi.vertical, z && hi.withIcon, B && hi.iconOnly, i), G = (e) => {
 		if (M) {
 			e.preventDefault();
 			return;
 		}
 		S(t), x(t);
-	}, te = (e) => {
+	}, ee = (e) => {
 		e.defaultPrevented || k(e);
 	};
 	return C === "navigation" && F ? n(F, {
@@ -4154,10 +4158,10 @@ var vi = i(({ value: t, children: r, className: i, disabled: s = !1, asChild: c
 				e.preventDefault();
 				return;
 			}
-			ee(e);
+			G(e);
 		},
 		onKeyDown: (e) => {
-			F.props.onKeyDown?.(e), !e.defaultPrevented && te(e);
+			F.props.onKeyDown?.(e), !e.defaultPrevented && ee(e);
 		},
 		children: /* @__PURE__ */ _(h, { children: [
 			z && !R && /* @__PURE__ */ g("span", {
@@ -4198,10 +4202,10 @@ var vi = i(({ value: t, children: r, className: i, disabled: s = !1, asChild: c
 		"data-disabled": M ? "" : void 0,
 		className: W,
 		onClick: (e) => {
-			f?.(e), !e.defaultPrevented && ee(e);
+			f?.(e), !e.defaultPrevented && G(e);
 		},
 		onKeyDown: (e) => {
-			p?.(e), !e.defaultPrevented && te(e);
+			p?.(e), !e.defaultPrevented && ee(e);
 		},
 		children: [
 			z && !R && /* @__PURE__ */ g("span", {
@@ -4348,13 +4352,13 @@ function ji(e, t) {
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipInteractions.ts
 function Mi({ context: e, delay: t, disabled: n, interactive: r }) {
-	let i = re(e, {
+	let i = ne(e, {
 		delay: t,
 		enabled: !n,
 		move: !1,
 		handleClose: r ? void 0 : null
-	}), a = ne(e, { enabled: !n });
-	return G([i, a]);
+	}), a = te(e, { enabled: !n });
+	return K([i, a]);
 }
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipPosition.ts
@@ -4496,23 +4500,23 @@ var Li = {
 	badge: "_badge_1jj4q_815",
 	shortcut: "_shortcut_1jj4q_829"
 }, Ri = 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, style: w, onClick: T, "aria-label": E, "aria-labelledby": D, href: O, target: k, rel: A, download: j, id: M, role: N, tabIndex: P, ...F }, I) => {
-	let L = S && a(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(d || f), B = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = c || l, H = r === "bare", U = ie[i], W = {
+	let L = S && a(e) ? e : void 0, R = L ? L.props.children : e, z = x || !R && !!(d || f), B = !!(E || D || L?.props["aria-label"] || L?.props["aria-labelledby"]), V = c || l, H = r === "bare", U = re[i], W = {
 		"--button-height": `${U.height}px`,
 		"--button-font-size": `${U.fontSize}px`,
 		"--button-line-height": `${U.lineHeight}px`,
 		"--icon-size": `${U.iconSize}px`
-	}, ee = l && u ? u : R, te = u && R && !z && (typeof R == "string" || typeof R == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? R : u) : void 0, ne = k === "_blank" && !A ? "noreferrer noopener" : A, re = J(H ? Li.bare : Li.button, H ? null : Li[t], H ? null : Li[r], H ? null : Li[i], H ? null : Li[o], C, {
+	}, G = l && u ? u : R, ee = u && R && !z && (typeof R == "string" || typeof R == "number") && (typeof u == "string" || typeof u == "number") ? String(l ? R : u) : void 0, te = k === "_blank" && !A ? "noreferrer noopener" : A, ne = J(H ? Li.bare : Li.button, H ? null : Li[t], H ? null : Li[r], H ? null : Li[i], H ? null : Li[o], C, {
 		[Li.disabled]: V,
 		[Li.loading]: l,
 		[Li.fullWidth]: b,
 		[Li.iconOnly]: z
 	});
 	Me(!S || !O, "Button: pass href to the child element when using asChild."), Me(!S || !!L, "Button: asChild requires a single valid React element child."), Me(!z || B, "Button: icon-only buttons must provide aria-label or aria-labelledby.");
-	let G = (e) => {
+	let K = (e) => {
 		e.preventDefault(), e.stopPropagation();
-	}, K = (e) => {
+	}, ie = (e) => {
 		if (V) {
-			G(e);
+			K(e);
 			return;
 		}
 		L?.props.onClick?.(e), e.defaultPrevented || T?.(e);
@@ -4529,12 +4533,12 @@ var Li = {
 			className: Li.icon,
 			children: d
 		}),
-		ee && !z && (H ? ee : /* @__PURE__ */ g("span", {
+		G && !z && (H ? G : /* @__PURE__ */ g("span", {
 			className: Li.label,
-			"data-measure": te,
+			"data-measure": ee,
 			children: /* @__PURE__ */ g("span", {
 				className: Li.labelText,
-				children: ee
+				children: G
 			})
 		})),
 		m && !z && (H ? m : /* @__PURE__ */ g("span", {
@@ -4562,9 +4566,9 @@ var Li = {
 		"aria-disabled": V || void 0,
 		"aria-label": E || L.props["aria-label"] || void 0,
 		"aria-labelledby": D || L.props["aria-labelledby"] || void 0,
-		className: J(L.props.className, re),
+		className: J(L.props.className, ne),
 		href: V ? void 0 : L.props.href,
-		onClick: K,
+		onClick: ie,
 		tabIndex: V ? -1 : L.props.tabIndex,
 		title: y || L.props.title,
 		children: ae
@@ -4575,14 +4579,14 @@ var Li = {
 		role: N,
 		tabIndex: V ? -1 : P,
 		target: k,
-		rel: ne,
+		rel: te,
 		download: j,
-		onClick: V ? G : T,
+		onClick: V ? K : T,
 		"aria-disabled": V || void 0,
 		"aria-label": E || void 0,
 		"aria-labelledby": D || void 0,
 		"aria-busy": l || void 0,
-		className: re,
+		className: ne,
 		title: y,
 		style: {
 			...W,
@@ -4601,7 +4605,7 @@ var Li = {
 		"aria-label": E || void 0,
 		"aria-labelledby": D || void 0,
 		"aria-busy": l || void 0,
-		className: re,
+		className: ne,
 		title: y,
 		style: {
 			...W,
@@ -4816,13 +4820,13 @@ var $ = {
 		r < n.length && (i += e);
 	}
 	return i;
-}, qi = (e, t) => t ? typeof t == "function" ? t(e) : Ki(e, t) : e, Ji = i(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: s, type: c = "text", size: u, color: d = "primary", variant: m = "outline", error: v, invalid: y = !1, disabled: b = !1, required: C = !1, loading: w = !1, className: T, style: E, wrapperClassName: D, autoComplete: O, readOnly: k = !1, clearable: A = !1, onClear: j, onValueChange: M, revealPassword: N = !1, showCounter: P = !1, startIcon: F, endIcon: I, startAddon: L, endAddon: R, prefix: z, suffix: B, clearIcon: V, mask: H, format: U, parse: W, startIconTone: ee = "default", endIconTone: te = "default", clearIconTone: ne = "danger", autoFocus: re, maxLength: G, onMouseEnter: K, onMouseLeave: ae, "aria-describedby": oe, "aria-invalid": se, "aria-labelledby": ce, ...le }, ue) => {
-	let de = l(), q = Ir(), fe = !!(t || r || v), pe = e ?? (fe ? void 0 : q?.controlId) ?? de, me = f(null), [Y, he] = p(!1), [ge, _e] = p(s ?? ""), ve = a !== void 0, ye = String((ve ? a : ge) ?? ""), be = U ? U(ye) : ye, xe = ye.length > 0, Se = u ?? q?.size ?? "md", Ce = ie[Se], we = {
+}, qi = (e, t) => t ? typeof t == "function" ? t(e) : Ki(e, t) : e, Ji = i(({ id: e, label: t, name: n, description: r, placeholder: i, value: a, defaultValue: s, type: c = "text", size: u, color: d = "primary", variant: m = "outline", error: v, invalid: y = !1, disabled: b = !1, required: C = !1, loading: w = !1, className: T, style: E, wrapperClassName: D, autoComplete: O, readOnly: k = !1, clearable: A = !1, onClear: j, onValueChange: M, revealPassword: N = !1, showCounter: P = !1, startIcon: F, endIcon: I, startAddon: L, endAddon: R, prefix: z, suffix: B, clearIcon: V, mask: H, format: U, parse: W, startIconTone: G = "default", endIconTone: ee = "default", clearIconTone: te = "danger", autoFocus: ne, maxLength: K, onMouseEnter: ie, onMouseLeave: ae, "aria-describedby": oe, "aria-invalid": se, "aria-labelledby": ce, ...le }, ue) => {
+	let de = l(), q = Ir(), fe = !!(t || r || v), pe = e ?? (fe ? void 0 : q?.controlId) ?? de, me = f(null), [Y, he] = p(!1), [ge, _e] = p(s ?? ""), ve = a !== void 0, ye = String((ve ? a : ge) ?? ""), be = U ? U(ye) : ye, xe = ye.length > 0, Se = u ?? q?.size ?? "md", Ce = re[Se], we = {
 		"--input-height": `${Ce.height}px`,
 		"--input-font-size": `${Ce.fontSize}px`,
 		"--input-line-height": `${Ce.lineHeight}px`,
 		"--input-icon-size": `${Ce.iconSize}px`
-	}, Te = y || !!v || !fe && !!q?.invalid, Ee = b || !fe && !!q?.disabled, De = C || !fe && !!q?.required, Oe = k || w, ke = c === "password", Ae = ke && N && Y ? "text" : c, je = F ?? (c === "search" ? /* @__PURE__ */ g(S, {}) : null), X = I, Me = Gi(c, O), Ne = w && !Ee, Pe = A && xe && !Ee && !Oe && !Ne, Fe = N && ke && !Ee && !Ne && !Pe, Ie = !Ne && !Pe && !Fe && !!X, Le = !!(P && G), Re = r ? `${pe}-description` : void 0, ze = v ? `${pe}-error` : void 0, Be = Le ? `${pe}-counter` : void 0, Ve = [
+	}, Te = y || !!v || !fe && !!q?.invalid, Ee = b || !fe && !!q?.disabled, De = C || !fe && !!q?.required, Oe = k || w, ke = c === "password", Ae = ke && N && Y ? "text" : c, je = F ?? (c === "search" ? /* @__PURE__ */ g(S, {}) : null), X = I, Me = Gi(c, O), Ne = w && !Ee, Pe = A && xe && !Ee && !Oe && !Ne, Fe = N && ke && !Ee && !Ne && !Pe, Ie = !Ne && !Pe && !Fe && !!X, Le = !!(P && K), Re = r ? `${pe}-description` : void 0, ze = v ? `${pe}-error` : void 0, Be = Le ? `${pe}-counter` : void 0, Ve = [
 		oe,
 		!fe && !oe ? q?.ariaDescribedBy : void 0,
 		Re,
@@ -4870,7 +4874,7 @@ var $ = {
 				children: [
 					je && /* @__PURE__ */ g("span", {
 						"aria-hidden": "true",
-						className: J($.startAdornment, Wi[ee]),
+						className: J($.startAdornment, Wi[G]),
 						children: je
 					}),
 					z && /* @__PURE__ */ g("span", {
@@ -4895,13 +4899,13 @@ var $ = {
 						disabled: Ee,
 						readOnly: Oe,
 						required: De,
-						autoFocus: re,
-						maxLength: G,
+						autoFocus: ne,
+						maxLength: K,
 						"aria-invalid": Te ? !0 : se,
 						"aria-labelledby": ce ?? (fe ? void 0 : q?.ariaLabelledBy),
 						"aria-describedby": Ve || void 0,
 						"aria-busy": w || void 0,
-						onMouseEnter: K,
+						onMouseEnter: ie,
 						onMouseLeave: ae
 					}),
 					B && /* @__PURE__ */ g("span", {
@@ -4925,14 +4929,14 @@ var $ = {
 							}),
 							Pe && /* @__PURE__ */ g("button", {
 								type: "button",
-								className: J($.clearButton, Wi[ne]),
+								className: J($.clearButton, Wi[te]),
 								onClick: Xe,
 								"aria-label": "Clear input",
 								children: He
 							}),
 							Ie && X && /* @__PURE__ */ g("span", {
 								"aria-hidden": "true",
-								className: J($.endAdornment, Wi[te]),
+								className: J($.endAdornment, Wi[ee]),
 								children: X
 							})
 						]
@@ -4950,7 +4954,7 @@ var $ = {
 		children: [
 			ye.length,
 			" / ",
-			G
+			K
 		]
 	})] });
 	return !fe && q ? Ze : /* @__PURE__ */ g(Kr, {