strata-ui-react 0.1.14 → 0.2.1

package/dist/strata-ui-react.es.js

@@ -1,7 +1,16 @@
 import * as React from "react";
 import { createContext, createElement, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import * as ReactDOM from "react-dom";
-var __commonJSMin = (t, n) => () => (n || t((n = { exports: {} }).exports, n), n.exports), __require = /* @__PURE__ */ ((t) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(t, { get: (t, n) => (typeof require < "u" ? require : t)[n] }) : t)(function(t) {
+var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __commonJSMin = (t, n) => () => (n || t((n = { exports: {} }).exports, n), n.exports), __copyProps = (t, n, i, s) => {
+	if (n && typeof n == "object" || typeof n == "function") for (var c = __getOwnPropNames(n), l = 0, u = c.length, d; l < u; l++) d = c[l], !__hasOwnProp.call(t, d) && d !== i && __defProp(t, d, {
+		get: ((t) => n[t]).bind(null, d),
+		enumerable: !(s = __getOwnPropDesc(n, d)) || s.enumerable
+	});
+	return t;
+}, __toESM = (t, n, i) => (i = t == null ? {} : __create(__getProtoOf(t)), __copyProps(n || !t || !t.__esModule ? __defProp(i, "default", {
+	value: t,
+	enumerable: !0
+}) : i, t)), __require = /* @__PURE__ */ ((t) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(t, { get: (t, n) => (typeof require < "u" ? require : t)[n] }) : t)(function(t) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + t + "\" in an environment that doesn't expose the `require` function.");
 }), require_react_compiler_runtime_production = /* @__PURE__ */ __commonJSMin(((t) => {
@@ -274,15 +283,15 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((t) =>
 			if (typeof t == "function") return t.$$typeof === P ? null : t.displayName || t.name || null;
 			if (typeof t == "string") return t;
 			switch (t) {
-				case C: return "Fragment";
+				case S: return "Fragment";
 				case T: return "Profiler";
-				case w: return "StrictMode";
+				case C: return "StrictMode";
 				case k: return "Suspense";
 				case A: return "SuspenseList";
 				case N: return "Activity";
 			}
 			if (typeof t == "object") switch (typeof t.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), t.$$typeof) {
-				case S: return "Portal";
+				case x: return "Portal";
 				case D: return t.displayName || "Context";
 				case E: return (t._context.displayName || "Context") + ".Consumer";
 				case O:
@@ -314,7 +323,7 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((t) =>
 			}
 		}
 		function c(t) {
-			if (t === C) return "<>";
+			if (t === S) return "<>";
 			if (typeof t == "object" && t && t.$$typeof === M) return "<...>";
 			try {
 				var i = n(t);
@@ -353,7 +362,7 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((t) =>
 		function h(t, n, i, s, c, l) {
 			var u = i.ref;
 			return t = {
-				$$typeof: x,
+				$$typeof: b,
 				type: t,
 				key: n,
 				props: i,
@@ -386,48 +395,48 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((t) =>
 				value: l
 			}), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
 		}
-		function _(t, i, c, u, m, g) {
-			var _ = i.children;
-			if (_ !== void 0) if (u) if (L(_)) {
-				for (u = 0; u < _.length; u++) v(_[u]);
-				Object.freeze && Object.freeze(_);
+		function g(t, i, c, u, m, g) {
+			var v = i.children;
+			if (v !== void 0) if (u) if (L(v)) {
+				for (u = 0; u < v.length; u++) _(v[u]);
+				Object.freeze && Object.freeze(v);
 			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-			else v(_);
+			else _(v);
 			if (I.call(i, "key")) {
-				_ = n(t);
+				v = n(t);
 				var y = Object.keys(i).filter(function(t) {
 					return t !== "key";
 				});
-				u = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[_ + u] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", u, _, y, _), U[_ + u] = !0);
+				u = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", U[v + u] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", u, v, y, v), U[v + u] = !0);
 			}
-			if (_ = null, c !== void 0 && (s(c), _ = "" + c), d(i) && (s(i.key), _ = "" + i.key), "key" in i) for (var b in c = {}, i) b !== "key" && (c[b] = i[b]);
+			if (v = null, c !== void 0 && (s(c), v = "" + c), d(i) && (s(i.key), v = "" + i.key), "key" in i) for (var b in c = {}, i) b !== "key" && (c[b] = i[b]);
 			else c = i;
-			return _ && f(c, typeof t == "function" ? t.displayName || t.name || "Unknown" : t), h(t, _, c, l(), m, g);
+			return v && f(c, typeof t == "function" ? t.displayName || t.name || "Unknown" : t), h(t, v, c, l(), m, g);
 		}
-		function v(t) {
-			y(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t && t.$$typeof === M && (t._payload.status === "fulfilled" ? y(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+		function _(t) {
+			v(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t && t.$$typeof === M && (t._payload.status === "fulfilled" ? v(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
 		}
-		function y(t) {
-			return typeof t == "object" && !!t && t.$$typeof === x;
+		function v(t) {
+			return typeof t == "object" && !!t && t.$$typeof === b;
 		}
-		var b = __require("react"), x = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), D = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), F = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, L = Array.isArray, R = console.createTask ? console.createTask : function() {
+		var y = __require("react"), b = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), D = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), F = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, L = Array.isArray, R = console.createTask ? console.createTask : function() {
 			return null;
 		};
-		b = { react_stack_bottom_frame: function(t) {
+		y = { react_stack_bottom_frame: function(t) {
 			return t();
 		} };
-		var z, B = {}, V = b.react_stack_bottom_frame.bind(b, u)(), H = R(c(u)), U = {};
-		t.Fragment = C, t.jsx = function(t, n, i) {
+		var z, B = {}, V = y.react_stack_bottom_frame.bind(y, u)(), H = R(c(u)), U = {};
+		t.Fragment = S, t.jsx = function(t, n, i) {
 			var s = 1e4 > F.recentlyCreatedOwnerStacks++;
-			return _(t, n, i, !1, s ? Error("react-stack-top-frame") : V, s ? R(c(t)) : H);
+			return g(t, n, i, !1, s ? Error("react-stack-top-frame") : V, s ? R(c(t)) : H);
 		}, t.jsxs = function(t, n, i) {
 			var s = 1e4 > F.recentlyCreatedOwnerStacks++;
-			return _(t, n, i, !0, s ? Error("react-stack-top-frame") : V, s ? R(c(t)) : H);
+			return g(t, n, i, !0, s ? Error("react-stack-top-frame") : V, s ? R(c(t)) : H);
 		};
 	})();
-})), import_jsx_runtime = (/* @__PURE__ */ __commonJSMin(((t, n) => {
+})), import_jsx_runtime = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((t, n) => {
 	process.env.NODE_ENV === "production" ? n.exports = require_react_jsx_runtime_production() : n.exports = require_react_jsx_runtime_development();
-})))();
+})))());
 const AvatarRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { className: s, render: c, ...l } = n, [u, d] = React.useState("idle"), f = React.useMemo(() => ({ imageLoadingStatus: u }), [u]), m = React.useMemo(() => ({
 		imageLoadingStatus: u,
@@ -966,7 +975,7 @@ var concatArrays = (t, n) => {
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], fh = () => [
+	], $ = () => [
 		isFraction,
 		"full",
 		...k()
@@ -1848,10 +1857,10 @@ var concatArrays = (t, n) => {
 			] }],
 			"transform-origin": [{ origin: E() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: fh() }],
-			"translate-x": [{ "translate-x": fh() }],
-			"translate-y": [{ "translate-y": fh() }],
-			"translate-z": [{ "translate-z": fh() }],
+			translate: [{ translate: $() }],
+			"translate-x": [{ "translate-x": $() }],
+			"translate-y": [{ "translate-y": $() }],
+			"translate-z": [{ "translate-z": $() }],
 			"translate-none": ["translate-none"],
 			accent: [{ accent: z() }],
 			appearance: [{ appearance: ["none", "auto"] }],
@@ -2161,40 +2170,40 @@ const Avatar = (t) => {
 	let n = (0, import_compiler_runtime$31.c)(12), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
 	let u;
-	n[5] === s ? u = n[6] : (u = cn("inline-flex size-xl items-center justify-center overflow-hidden rounded-full bg-surface-container align-middle font-medium select-none raised-2", s), n[5] = s, n[6] = u);
+	n[5] === s ? u = n[6] : (u = cn("raised-2 inline-flex size-xl select-none items-center justify-center overflow-hidden rounded-full bg-surface-container align-middle font-medium", s), n[5] = s, n[6] = u);
 	let d;
 	return n[7] !== i || n[8] !== c || n[9] !== l || n[10] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarRoot, {
-		"data-slot": "avatar",
 		className: u,
+		"data-slot": "avatar",
 		ref: l,
 		...c,
 		children: i
 	}), n[7] = i, n[8] = c, n[9] = l, n[10] = u, n[11] = d) : d = n[11], d;
 };
 var import_compiler_runtime$30 = require_compiler_runtime();
-const AvatarImage = (t) => {
+const AvatarFallback = (t) => {
 	let n = (0, import_compiler_runtime$30.c)(10), i, s, c;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3]) : ({className: i, ref: c, ...s} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c);
 	let l;
-	n[4] === i ? l = n[5] : (l = cn("size-full object-cover", i), n[4] = i, n[5] = l);
+	n[4] === i ? l = n[5] : (l = cn("flex size-full items-center justify-center", i), n[4] = i, n[5] = l);
 	let u;
-	return n[6] !== s || n[7] !== c || n[8] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage$1, {
-		"data-slot": "avatar-image",
+	return n[6] !== s || n[7] !== c || n[8] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback$1, {
 		className: l,
+		"data-slot": "avatar-fallback",
 		ref: c,
 		...s
 	}), n[6] = s, n[7] = c, n[8] = l, n[9] = u) : u = n[9], u;
 };
 var import_compiler_runtime$29 = require_compiler_runtime();
-const AvatarFallback = (t) => {
+const AvatarImage = (t) => {
 	let n = (0, import_compiler_runtime$29.c)(10), i, s, c;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3]) : ({className: i, ref: c, ...s} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c);
 	let l;
-	n[4] === i ? l = n[5] : (l = cn("flex size-full items-center justify-center", i), n[4] = i, n[5] = l);
+	n[4] === i ? l = n[5] : (l = cn("size-full object-cover", i), n[4] = i, n[5] = l);
 	let u;
-	return n[6] !== s || n[7] !== c || n[8] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback$1, {
-		"data-slot": "avatar-fallback",
+	return n[6] !== s || n[7] !== c || n[8] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage$1, {
 		className: l,
+		"data-slot": "avatar-image",
 		ref: c,
 		...s
 	}), n[6] = s, n[7] = c, n[8] = l, n[9] = u) : u = n[9], u;
@@ -3363,54 +3372,54 @@ function useValueChanged(n, i) {
 	}, [n]);
 }
 const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
-	let { checked: s, className: c, defaultChecked: l = !1, disabled: u = !1, id: d, indeterminate: f = !1, inputRef: m, name: h, onCheckedChange: g, parent: _ = !1, readOnly: v = !1, render: y, required: b = !1, uncheckedValue: x, value: S, nativeButton: w = !1, ...T } = n, { clearErrors: E } = useFormContext(), { disabled: D, name: O, setDirty: k, setFilled: A, setFocused: j, setTouched: M, state: N, validationMode: P, validityData: F, shouldValidateOnChange: I, validation: R } = useFieldRootContext(), z = useFieldItemContext(), { labelId: B, controlId: V, setControlId: H, getDescriptionProps: U } = useLabelableContext(), W = useCheckboxGroupContext(), G = W?.parent, K = G && W.allValues, q = D || z.disabled || W?.disabled || u, Y = O ?? h, Z = S ?? Y, Q = useBaseUiId(), fh = useBaseUiId(), $ = V;
-	K ? $ = _ ? fh : `${G.id}-${Z}` : d && ($ = d);
-	let mh = {};
-	K && (_ ? mh = W.parent.getParentProps() : Z && (mh = W.parent.getChildProps(Z)));
-	let hh = useStableCallback(g), { checked: gh = s, indeterminate: _h = f, onCheckedChange: vh, ...yh } = mh, bh = W?.value, Sh = W?.setValue, Ch = W?.defaultValue, wh = React.useRef(null), { getButtonProps: Th, buttonRef: Eh } = useButton({
+	let { checked: s, className: c, defaultChecked: l = !1, disabled: u = !1, id: d, indeterminate: f = !1, inputRef: m, name: h, onCheckedChange: g, parent: _ = !1, readOnly: v = !1, render: y, required: b = !1, uncheckedValue: x, value: S, nativeButton: C = !1, ...w } = n, { clearErrors: T } = useFormContext(), { disabled: E, name: D, setDirty: O, setFilled: k, setFocused: A, setTouched: M, state: N, validationMode: P, validityData: F, shouldValidateOnChange: I, validation: L } = useFieldRootContext(), R = useFieldItemContext(), { labelId: z, controlId: B, setControlId: V, getDescriptionProps: H } = useLabelableContext(), U = useCheckboxGroupContext(), W = U?.parent, K = W && U.allValues, q = E || R.disabled || U?.disabled || u, J = D ?? h, Y = S ?? J, X = useBaseUiId(), Z = useBaseUiId(), Q = B;
+	K ? Q = _ ? Z : `${W.id}-${Y}` : d && (Q = d);
+	let $ = {};
+	K && (_ ? $ = U.parent.getParentProps() : Y && ($ = U.parent.getChildProps(Y)));
+	let yh = useStableCallback(g), { checked: bh = s, indeterminate: Sh = f, onCheckedChange: wh, ...Th } = $, Eh = U?.value, Oh = U?.setValue, kh = U?.defaultValue, Ah = React.useRef(null), { getButtonProps: jh, buttonRef: Mh } = useButton({
 		disabled: q,
-		native: w
-	}), Dh = W?.validation ?? R, [Oh, kh] = useControlled({
-		controlled: Z && bh && !_ ? bh.includes(Z) : gh,
-		default: Z && Ch && !_ ? Ch.includes(Z) : l,
+		native: C
+	}), Nh = U?.validation ?? L, [Ph, Fh] = useControlled({
+		controlled: Y && Eh && !_ ? Eh.includes(Y) : bh,
+		default: Y && kh && !_ ? kh.includes(Y) : l,
 		name: "Checkbox",
 		state: "checked"
 	});
 	useIsoLayoutEffect(() => {
-		if (H !== NOOP) return H($), () => {
-			H(void 0);
+		if (V !== NOOP) return V(Q), () => {
+			V(void 0);
 		};
 	}, [
-		$,
-		W,
-		H,
+		Q,
+		U,
+		V,
 		_
 	]), useField({
-		enabled: !W,
-		id: Q,
-		commit: Dh.commit,
-		value: Oh,
-		controlRef: wh,
-		name: Y,
-		getValue: () => Oh
+		enabled: !U,
+		id: X,
+		commit: Nh.commit,
+		value: Ph,
+		controlRef: Ah,
+		name: J,
+		getValue: () => Ph
 	});
-	let Ah = React.useRef(null), jh = useMergedRefs(m, Ah, Dh.inputRef);
+	let Lh = React.useRef(null), Rh = useMergedRefs(m, Lh, Nh.inputRef);
 	useIsoLayoutEffect(() => {
-		Ah.current && (Ah.current.indeterminate = _h, Oh && A(!0));
+		Lh.current && (Lh.current.indeterminate = Sh, Ph && k(!0));
 	}, [
-		Oh,
-		_h,
-		A
-	]), useValueChanged(Oh, () => {
-		W && !_ || (E(Y), A(Oh), k(Oh !== F.initialValue), I() ? Dh.commit(Oh) : Dh.commit(Oh, !0));
+		Ph,
+		Sh,
+		k
+	]), useValueChanged(Ph, () => {
+		U && !_ || (T(J), k(Ph), O(Ph !== F.initialValue), I() ? Nh.commit(Ph) : Nh.commit(Ph, !0));
 	});
-	let Mh = mergeProps({
-		checked: Oh,
+	let zh = mergeProps({
+		checked: Ph,
 		disabled: q,
-		name: _ ? void 0 : Y,
-		id: $ ?? void 0,
+		name: _ ? void 0 : J,
+		id: Q ?? void 0,
 		required: b,
-		ref: jh,
+		ref: Rh,
 		style: visuallyHidden,
 		tabIndex: -1,
 		type: "checkbox",
@@ -3418,79 +3427,79 @@ const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		onChange(t) {
 			if (t.nativeEvent.defaultPrevented) return;
 			let n = t.target.checked, i = createChangeEventDetails(none, t.nativeEvent);
-			vh?.(n, i), hh(n, i), !i.isCanceled && (kh(n), Z && bh && Sh && !_ && Sh(n ? [...bh, Z] : bh.filter((t) => t !== Z), i));
+			wh?.(n, i), yh(n, i), !i.isCanceled && (Fh(n), Y && Eh && Oh && !_ && Oh(n ? [...Eh, Y] : Eh.filter((t) => t !== Y), i));
 		},
 		onFocus() {
-			wh.current?.focus();
+			Ah.current?.focus();
 		}
-	}, S === void 0 ? EMPTY_OBJECT : { value: (W ? Oh && S : S) || "" }, U, W ? Dh.getValidationProps : Dh.getInputValidationProps), Nh = K ? !!gh : Oh, Ph = K && _h || f;
+	}, S === void 0 ? EMPTY_OBJECT : { value: (U ? Ph && S : S) || "" }, H, U ? Nh.getValidationProps : Nh.getInputValidationProps), Bh = K ? !!bh : Ph, Vh = K && Sh || f;
 	React.useEffect(() => {
-		G && Z && G.disabledStatesRef.current.set(Z, q);
+		W && Y && W.disabledStatesRef.current.set(Y, q);
 	}, [
-		G,
+		W,
 		q,
-		Z
+		Y
 	]);
-	let Fh = React.useMemo(() => ({
+	let Hh = React.useMemo(() => ({
 		...N,
-		checked: Nh,
+		checked: Bh,
 		disabled: q,
 		readOnly: v,
 		required: b,
-		indeterminate: Ph
+		indeterminate: Vh
 	}), [
 		N,
-		Nh,
+		Bh,
 		q,
 		v,
 		b,
-		Ph
-	]), Ih = useStateAttributesMapping(Fh), Lh = useRenderElement("span", n, {
-		state: Fh,
+		Vh
+	]), Uh = useStateAttributesMapping(Hh), Wh = useRenderElement("span", n, {
+		state: Hh,
 		ref: [
-			Eh,
-			wh,
+			Mh,
+			Ah,
 			i,
-			W?.registerControlRef
+			U?.registerControlRef
 		],
 		props: [
 			{
-				id: Q,
+				id: X,
 				role: "checkbox",
-				"aria-checked": _h ? "mixed" : Oh,
+				"aria-checked": Sh ? "mixed" : Ph,
 				"aria-readonly": v || void 0,
 				"aria-required": b || void 0,
-				"aria-labelledby": B,
+				"aria-labelledby": z,
 				"data-parent": _ ? "" : void 0,
 				onFocus() {
-					j(!0);
+					A(!0);
 				},
 				onBlur() {
-					let t = Ah.current;
-					t && (M(!0), j(!1), P === "onBlur" && Dh.commit(W ? bh : t.checked));
+					let t = Lh.current;
+					t && (M(!0), A(!1), P === "onBlur" && Nh.commit(U ? Eh : t.checked));
 				},
 				onClick(t) {
-					v || q || (t.preventDefault(), Ah.current?.click());
+					v || q || (t.preventDefault(), Lh.current?.click());
 				}
 			},
-			U,
-			Dh.getValidationProps,
-			T,
-			yh,
-			Th
+			H,
+			Nh.getValidationProps,
+			w,
+			Th,
+			jh
 		],
-		stateAttributesMapping: Ih
+		stateAttributesMapping: Uh
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CheckboxRootContext.Provider, {
-		value: Fh,
+		value: Hh,
 		children: [
-			Lh,
-			!Oh && !W && Y && !_ && x !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+			Wh,
+			!Ph && !U && J && !_ && x !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
 				type: "hidden",
-				name: Y,
+				name: J,
 				value: x
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...Mh })
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...zh })
 		]
 	});
 });
@@ -3669,18 +3678,6 @@ const transitionStatusMapping = { transitionStatus(t) {
 	return b ? x : null;
 });
 process.env.NODE_ENV !== "production" && (CheckboxIndicator$1.displayName = "CheckboxIndicator");
-var import_compiler_runtime$26 = require_compiler_runtime();
-const CheckboxIndicator = (t) => {
-	let n = (0, import_compiler_runtime$26.c)(8), i, s;
-	n[0] === t ? (i = n[1], s = n[2]) : ({className: i, ...s} = t, n[0] = t, n[1] = i, n[2] = s);
-	let c;
-	n[3] === i ? c = n[4] : (c = cn("flex", i), n[3] = i, n[4] = c);
-	let l;
-	return n[5] !== s || n[6] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicator$1, {
-		className: c,
-		...s
-	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
-};
 var a$2 = /* @__PURE__ */ new Map([
 	["bold", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z" }))],
 	["duotone", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", {
@@ -3749,27 +3746,39 @@ var e = React.forwardRef((n, i) => /* @__PURE__ */ React.createElement(p, {
 	weights: a
 }));
 e.displayName = "XIcon";
+var import_compiler_runtime$26 = require_compiler_runtime();
+const CheckboxIndicator = (t) => {
+	let n = (0, import_compiler_runtime$26.c)(8), i, s;
+	n[0] === t ? (i = n[1], s = n[2]) : ({className: i, ...s} = t, n[0] = t, n[1] = i, n[2] = s);
+	let c;
+	n[3] === i ? c = n[4] : (c = cn("flex", i), n[3] = i, n[4] = c);
+	let l;
+	return n[5] !== s || n[6] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicator$1, {
+		className: c,
+		...s
+	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
+};
 var import_compiler_runtime$25 = require_compiler_runtime();
 const Checkbox = (t) => {
 	let n = (0, import_compiler_runtime$25.c)(23), i, s, c, l, u, d;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5], d = n[6]) : ({className: i, ref: d, label: l, id: c, disabled: s, ...u} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u, n[6] = d);
 	let f;
-	n[7] === i ? f = n[8] : (f = cn("flex size-md items-center text-on-accent justify-center rounded-sm bg-surface-dim inset-shadow-1-shadow data-checked:bg-accent data-checked:raised-1 hover:cursor-pointer transition-colors hover:disabled:cursor-not-allowed", i), n[7] = i, n[8] = f);
+	n[7] === i ? f = n[8] : (f = cn("data-checked:raised-1 inset-shadow-1-shadow flex size-md items-center justify-center rounded-sm bg-surface-dim text-on-accent transition-colors hover:cursor-pointer hover:disabled:cursor-not-allowed data-checked:bg-accent", i), n[7] = i, n[8] = f);
 	let m;
 	n[9] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(o$1, { weight: "bold" }) }), n[9] = m) : m = n[9];
 	let h;
 	n[10] !== s || n[11] !== c || n[12] !== u || n[13] !== d || n[14] !== f ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxRoot, {
-		id: c,
-		disabled: s,
 		className: f,
+		disabled: s,
+		id: c,
 		ref: d,
 		...u,
 		children: m
 	}), n[10] = s, n[11] = c, n[12] = u, n[13] = d, n[14] = f, n[15] = h) : h = n[15];
 	let g;
 	n[16] !== s || n[17] !== c || n[18] !== l ? (g = l && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+		className: cn("body-base cursor-pointer", s && "cursor-not-allowed text-text-neutral-primary-disabled"),
 		htmlFor: c,
-		className: cn("body-base cursor-pointer", s && "text-text-neutral-primary-disabled cursor-not-allowed"),
 		children: l
 	}), n[16] = s, n[17] = c, n[18] = l, n[19] = g) : g = n[19];
 	let _;
@@ -4738,7 +4747,7 @@ function handleTabIndex(t, n) {
 	n.current.includes("floating") || s.length === 0 ? c !== "0" && t.setAttribute("tabindex", "0") : (c !== "-1" || t.hasAttribute("data-tabindex") && t.getAttribute("data-tabindex") !== "-1") && (t.setAttribute("tabindex", "-1"), t.setAttribute("data-tabindex", "-1"));
 }
 function FloatingFocusManager(n) {
-	let { context: i, children: s, disabled: c = !1, order: l = ["content"], initialFocus: u = !0, returnFocus: d = !0, restoreFocus: f = !1, modal: m = !0, closeOnFocusOut: h = !0, openInteractionType: g = "", getInsideElements: _ = () => [], nextFocusableElement: v, previousFocusableElement: y, beforeContentFocusGuardRef: b, externalTree: x } = n, S = "rootStore" in i ? i.rootStore : i, w = S.useState("open"), T = S.useState("domReferenceElement"), E = S.useState("floatingElement"), { events: D, dataRef: O } = S.context, k = useStableCallback(() => O.current.floatingContext?.nodeId), A = useStableCallback(_), j = u === !1, M = isTypeableCombobox(T) && j, N = useValueAsRef(l), P = useValueAsRef(u), F = useValueAsRef(d), I = useValueAsRef(g), L = useFloatingTree(x), R = usePortalContext(), z = React.useRef(null), B = React.useRef(null), V = React.useRef(!1), H = React.useRef(!1), U = React.useRef(!1), W = React.useRef(-1), G = React.useRef(""), K = React.useRef(""), q = useTimeout(), J = useTimeout(), Y = useAnimationFrame(), X = R != null, Z = getFloatingFocusElement(E), Q = useStableCallback((t = Z) => t ? tabbable(t, getTabbableOptions()) : []), fh = useStableCallback((t) => {
+	let { context: i, children: s, disabled: c = !1, order: l = ["content"], initialFocus: u = !0, returnFocus: d = !0, restoreFocus: f = !1, modal: m = !0, closeOnFocusOut: h = !0, openInteractionType: g = "", getInsideElements: _ = () => [], nextFocusableElement: v, previousFocusableElement: y, beforeContentFocusGuardRef: b, externalTree: x } = n, S = "rootStore" in i ? i.rootStore : i, C = S.useState("open"), w = S.useState("domReferenceElement"), T = S.useState("floatingElement"), { events: E, dataRef: D } = S.context, O = useStableCallback(() => D.current.floatingContext?.nodeId), k = useStableCallback(_), A = u === !1, M = isTypeableCombobox(w) && A, N = useValueAsRef(l), P = useValueAsRef(u), F = useValueAsRef(d), I = useValueAsRef(g), L = useFloatingTree(x), R = usePortalContext(), z = React.useRef(null), B = React.useRef(null), V = React.useRef(!1), H = React.useRef(!1), U = React.useRef(!1), W = React.useRef(-1), G = React.useRef(""), K = React.useRef(""), q = useTimeout(), J = useTimeout(), Y = useAnimationFrame(), X = R != null, Z = getFloatingFocusElement(T), Q = useStableCallback((t = Z) => t ? tabbable(t, getTabbableOptions()) : []), $ = useStableCallback((t) => {
 		let n = Q(t);
 		return N.current.map(() => n).filter(Boolean).flat();
 	});
@@ -4753,35 +4762,35 @@ function FloatingFocusManager(n) {
 		};
 	}, [
 		c,
-		T,
+		w,
 		Z,
 		m,
 		N,
 		M,
 		Q,
-		fh
+		$
 	]), React.useEffect(() => {
-		if (c || !E) return;
+		if (c || !T) return;
 		function t(t) {
 			let n = getTarget(t), i = Q().indexOf(n);
 			i !== -1 && (W.current = i);
 		}
-		return E.addEventListener("focusin", t), () => {
-			E.removeEventListener("focusin", t);
+		return T.addEventListener("focusin", t), () => {
+			T.removeEventListener("focusin", t);
 		};
 	}, [
 		c,
-		E,
+		T,
 		Q
 	]), React.useEffect(() => {
-		if (c || !w) return;
+		if (c || !C) return;
 		let t = getDocument(Z);
 		function n() {
 			U.current = !1;
 		}
 		function i(t) {
 			let n = getTarget(t);
-			U.current = !(contains(E, n) || contains(T, n) || contains(R?.portalNode, n)), K.current = t.pointerType || "keyboard";
+			U.current = !(contains(T, n) || contains(w, n) || contains(R?.portalNode, n)), K.current = t.pointerType || "keyboard";
 		}
 		function s() {
 			K.current = "keyboard";
@@ -4791,10 +4800,10 @@ function FloatingFocusManager(n) {
 		};
 	}, [
 		c,
-		E,
 		T,
-		Z,
 		w,
+		Z,
+		C,
 		R
 	]), React.useEffect(() => {
 		if (c || !h) return;
@@ -4806,8 +4815,8 @@ function FloatingFocusManager(n) {
 		function n(t) {
 			let n = t.relatedTarget, i = t.currentTarget, s = getTarget(t);
 			queueMicrotask(() => {
-				let c = k(), l = S.context.triggerElements, u = !(contains(T, n) || contains(E, n) || contains(n, E) || contains(R?.portalNode, n) || n != null && l.hasElement(n) || l.hasMatchingElement((t) => contains(t, n)) || n?.hasAttribute(createAttribute("focus-guard")) || L && (getNodeChildren(L.nodesRef.current, c).find((t) => contains(t.context?.elements.floating, n) || contains(t.context?.elements.domReference, n)) || getNodeAncestors(L.nodesRef.current, c).find((t) => [t.context?.elements.floating, getFloatingFocusElement(t.context?.elements.floating)].includes(n) || t.context?.elements.domReference === n)));
-				if (i === T && Z && handleTabIndex(Z, N), f && i !== T && !isFocusable(s) && activeElement(getDocument(Z)) === getDocument(Z).body) {
+				let c = O(), l = S.context.triggerElements, u = !(contains(w, n) || contains(T, n) || contains(n, T) || contains(R?.portalNode, n) || n != null && l.hasElement(n) || l.hasMatchingElement((t) => contains(t, n)) || n?.hasAttribute(createAttribute("focus-guard")) || L && (getNodeChildren(L.nodesRef.current, c).find((t) => contains(t.context?.elements.floating, n) || contains(t.context?.elements.domReference, n)) || getNodeAncestors(L.nodesRef.current, c).find((t) => [t.context?.elements.floating, getFloatingFocusElement(t.context?.elements.floating)].includes(n) || t.context?.elements.domReference === n)));
+				if (i === w && Z && handleTabIndex(Z, N), f && i !== w && !isFocusable(s) && activeElement(getDocument(Z)) === getDocument(Z).body) {
 					if (isHTMLElement(Z) && (Z.focus(), f === "popup")) {
 						Y.request(() => {
 							Z.focus();
@@ -4817,25 +4826,25 @@ function FloatingFocusManager(n) {
 					let t = W.current, n = Q(), i = n[t] || n[n.length - 1] || Z;
 					isHTMLElement(i) && i.focus();
 				}
-				if (O.current.insideReactTree) {
-					O.current.insideReactTree = !1;
+				if (D.current.insideReactTree) {
+					D.current.insideReactTree = !1;
 					return;
 				}
 				(M || !m) && n && u && !H.current && (M || n !== getPreviouslyFocusedElement()) && (V.current = !0, S.setOpen(!1, createChangeEventDetails("focus-out", t)));
 			});
 		}
 		function i() {
-			U.current || (O.current.insideReactTree = !0, q.start(0, () => {
-				O.current.insideReactTree = !1;
+			U.current || (D.current.insideReactTree = !0, q.start(0, () => {
+				D.current.insideReactTree = !1;
 			}));
 		}
-		let s = isHTMLElement(T) ? T : null, l = [];
-		if (!(!E && !s)) return s && (s.addEventListener("focusout", n), s.addEventListener("pointerdown", t), l.push(() => {
+		let s = isHTMLElement(w) ? w : null, l = [];
+		if (!(!T && !s)) return s && (s.addEventListener("focusout", n), s.addEventListener("pointerdown", t), l.push(() => {
 			s.removeEventListener("focusout", n), s.removeEventListener("pointerdown", t);
-		})), E && (E.addEventListener("focusout", n), R && (E.addEventListener("focusout", i, !0), l.push(() => {
-			E.removeEventListener("focusout", i, !0);
+		})), T && (T.addEventListener("focusout", n), R && (T.addEventListener("focusout", i, !0), l.push(() => {
+			T.removeEventListener("focusout", i, !0);
 		})), l.push(() => {
-			E.removeEventListener("focusout", n);
+			T.removeEventListener("focusout", n);
 		})), () => {
 			l.forEach((t) => {
 				t();
@@ -4843,8 +4852,8 @@ function FloatingFocusManager(n) {
 		};
 	}, [
 		c,
+		w,
 		T,
-		E,
 		Z,
 		m,
 		L,
@@ -4854,63 +4863,63 @@ function FloatingFocusManager(n) {
 		f,
 		Q,
 		M,
-		k,
-		N,
 		O,
+		N,
+		D,
 		q,
 		J,
 		Y
 	]);
-	let ph = React.useRef(null), $ = React.useRef(null), mh = useMergedRefs(ph, b, R?.beforeInsideRef), hh = useMergedRefs($, R?.afterInsideRef);
+	let yh = React.useRef(null), bh = React.useRef(null), xh = useMergedRefs(yh, b, R?.beforeInsideRef), Sh = useMergedRefs(bh, R?.afterInsideRef);
 	React.useEffect(() => {
-		if (c || !E || !w) return;
+		if (c || !T || !C) return;
 		let t = Array.from(R?.portalNode?.querySelectorAll(`[${createAttribute("portal")}]`) || []), n = markOthers([
-			E,
-			(L ? getNodeAncestors(L.nodesRef.current, k()) : []).find((t) => isTypeableCombobox(t.context?.elements.domReference || null))?.context?.elements.domReference,
+			T,
+			(L ? getNodeAncestors(L.nodesRef.current, O()) : []).find((t) => isTypeableCombobox(t.context?.elements.domReference || null))?.context?.elements.domReference,
 			...t,
-			...A(),
+			...k(),
 			z.current,
 			B.current,
-			ph.current,
-			$.current,
+			yh.current,
+			bh.current,
 			R?.beforeOutsideRef.current,
 			R?.afterOutsideRef.current,
 			resolveRef(y),
 			resolveRef(v),
-			M ? T : null
+			M ? w : null
 		].filter((t) => t != null), m || M);
 		return () => {
 			n();
 		};
 	}, [
-		w,
+		C,
 		c,
+		w,
 		T,
-		E,
 		m,
 		N,
 		R,
 		M,
 		L,
+		O,
 		k,
-		A,
 		v,
 		y
 	]), useIsoLayoutEffect(() => {
-		if (!w || c || !isHTMLElement(Z)) return;
+		if (!C || c || !isHTMLElement(Z)) return;
 		let t = activeElement(getDocument(Z));
 		queueMicrotask(() => {
-			let n = fh(Z), i = P.current, s = typeof i == "function" ? i(I.current || "") : i;
+			let n = $(Z), i = P.current, s = typeof i == "function" ? i(I.current || "") : i;
 			if (s === void 0 || s === !1) return;
 			let c;
 			c = s === !0 || s === null ? n[0] || Z : resolveRef(s), c = c || n[0] || Z, !contains(Z, t) && enqueueFocus(c, { preventScroll: c === Z });
 		});
 	}, [
 		c,
-		w,
+		C,
 		Z,
-		j,
-		fh,
+		A,
+		$,
 		P,
 		I
 	]), useIsoLayoutEffect(() => {
@@ -4927,22 +4936,22 @@ function FloatingFocusManager(n) {
 				} }), t ? V.current = !1 : V.current = !0;
 			}
 		}
-		D.on("openchange", n);
+		E.on("openchange", n);
 		let i = t.createElement("span");
-		i.setAttribute("tabindex", "-1"), i.setAttribute("aria-hidden", "true"), Object.assign(i.style, visuallyHidden), X && T && T.insertAdjacentElement("afterend", i);
+		i.setAttribute("tabindex", "-1"), i.setAttribute("aria-hidden", "true"), Object.assign(i.style, visuallyHidden), X && w && w.insertAdjacentElement("afterend", i);
 		function s() {
 			let t = F.current, n = typeof t == "function" ? t(G.current) : t;
 			if (n === void 0 || n === !1) return null;
 			if (n === null && (n = !0), typeof n == "boolean") {
-				let t = T || getPreviouslyFocusedElement();
+				let t = w || getPreviouslyFocusedElement();
 				return t && t.isConnected ? t : i;
 			}
-			let s = T || getPreviouslyFocusedElement() || i;
+			let s = w || getPreviouslyFocusedElement() || i;
 			return resolveRef(n) || s;
 		}
 		return () => {
-			D.off("openchange", n);
-			let c = activeElement(t), l = contains(E, c) || L && getNodeChildren(L.nodesRef.current, k(), !1).some((t) => contains(t.context?.elements.floating, c)), u = s();
+			E.off("openchange", n);
+			let c = activeElement(t), l = contains(T, c) || L && getNodeChildren(L.nodesRef.current, O(), !1).some((t) => contains(t.context?.elements.floating, c)), u = s();
 			queueMicrotask(() => {
 				let n = getFirstTabbableElement(u), s = typeof F.current != "boolean";
 				F.current && !V.current && isHTMLElement(n) && (!(!s && n !== c && c !== t.body) || l) && n.focus({ preventScroll: !0 }), i.remove();
@@ -4950,21 +4959,21 @@ function FloatingFocusManager(n) {
 		};
 	}, [
 		c,
-		E,
+		T,
 		Z,
 		F,
-		O,
 		D,
+		E,
 		L,
 		X,
-		T,
-		k
+		w,
+		O
 	]), React.useEffect(() => {
 		queueMicrotask(() => {
 			V.current = !1;
 		});
 	}, [c]), React.useEffect(() => {
-		if (c || !w) return;
+		if (c || !C) return;
 		function t(t) {
 			getTarget(t)?.closest("[data-base-ui-click-trigger]") && (H.current = !0);
 		}
@@ -4974,15 +4983,15 @@ function FloatingFocusManager(n) {
 		};
 	}, [
 		c,
-		w,
+		C,
 		Z
 	]), useIsoLayoutEffect(() => {
 		if (!c && R) return R.setFocusManagerState({
 			modal: m,
 			closeOnFocusOut: h,
-			open: w,
+			open: C,
 			onOpenChange: S.setOpen,
-			domReference: T
+			domReference: w
 		}), () => {
 			R.setFocusManagerState(null);
 		};
@@ -4990,10 +4999,10 @@ function FloatingFocusManager(n) {
 		c,
 		R,
 		m,
-		w,
+		C,
 		S,
 		h,
-		T
+		w
 	]), useIsoLayoutEffect(() => {
 		if (!(c || !Z)) return handleTabIndex(Z, N), () => {
 			queueMicrotask(clearDisconnectedPreviouslyFocusedElements);
@@ -5003,24 +5012,24 @@ function FloatingFocusManager(n) {
 		Z,
 		N
 	]);
-	let gh = !c && (m ? !M : !0) && (X || m);
+	let Ch = !c && (m ? !M : !0) && (X || m);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React.Fragment, { children: [
-		gh && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
+		Ch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
 			"data-type": "inside",
-			ref: mh,
+			ref: xh,
 			onFocus: (t) => {
 				if (m) {
-					let t = fh();
+					let t = $();
 					enqueueFocus(t[t.length - 1]);
-				} else R?.portalNode && (V.current = !1, isOutsideEvent(t, R.portalNode) ? getNextTabbable(T)?.focus() : resolveRef(y ?? R.beforeOutsideRef)?.focus());
+				} else R?.portalNode && (V.current = !1, isOutsideEvent(t, R.portalNode) ? getNextTabbable(w)?.focus() : resolveRef(y ?? R.beforeOutsideRef)?.focus());
 			}
 		}),
 		s,
-		gh && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
+		Ch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
 			"data-type": "inside",
-			ref: hh,
+			ref: Sh,
 			onFocus: (t) => {
-				m ? enqueueFocus(fh()[0]) : R?.portalNode && (h && (V.current = !0), isOutsideEvent(t, R.portalNode) ? getPreviousTabbable(T)?.focus() : resolveRef(v ?? R.afterOutsideRef)?.focus());
+				m ? enqueueFocus($()[0]) : R?.portalNode && (h && (V.current = !0), isOutsideEvent(t, R.portalNode) ? getPreviousTabbable(w)?.focus() : resolveRef(v ?? R.afterOutsideRef)?.focus());
 			}
 		})
 	] });
@@ -6504,34 +6513,34 @@ var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJS
 	function h(t, n) {
 		return n();
 	}
-	var _ = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? h : f;
-	t.useSyncExternalStore = n.useSyncExternalStore === void 0 ? _ : n.useSyncExternalStore;
+	var g = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? h : f;
+	t.useSyncExternalStore = n.useSyncExternalStore === void 0 ? g : n.useSyncExternalStore;
 })), require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJSMin(((t) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function n(t, n) {
 			return t === n && (t !== 0 || 1 / t == 1 / n) || t !== t && n !== n;
 		}
 		function i(t, n) {
-			_ || l.startTransition === void 0 || (_ = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			g || l.startTransition === void 0 || (g = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
 			var i = n();
-			if (!v) {
+			if (!_) {
 				var c = n();
-				u(i, c) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), v = !0);
+				u(i, c) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), _ = !0);
 			}
 			c = d({ inst: {
 				value: i,
 				getSnapshot: n
 			} });
-			var g = c[0].inst, y = c[1];
+			var v = c[0].inst, y = c[1];
 			return m(function() {
-				g.value = i, g.getSnapshot = n, s(g) && y({ inst: g });
+				v.value = i, v.getSnapshot = n, s(v) && y({ inst: v });
 			}, [
 				t,
 				i,
 				n
 			]), f(function() {
-				return s(g) && y({ inst: g }), t(function() {
-					s(g) && y({ inst: g });
+				return s(v) && y({ inst: v }), t(function() {
+					s(v) && y({ inst: v });
 				});
 			}, [t]), h(i), i;
 		}
@@ -6549,8 +6558,8 @@ var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJS
 			return n();
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var l = __require("react"), u = typeof Object.is == "function" ? Object.is : n, d = l.useState, f = l.useEffect, m = l.useLayoutEffect, h = l.useDebugValue, _ = !1, v = !1, y = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? c : i;
-		t.useSyncExternalStore = l.useSyncExternalStore === void 0 ? y : l.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+		var l = __require("react"), u = typeof Object.is == "function" ? Object.is : n, d = l.useState, f = l.useEffect, m = l.useLayoutEffect, h = l.useDebugValue, g = !1, _ = !1, v = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? c : i;
+		t.useSyncExternalStore = l.useSyncExternalStore === void 0 ? v : l.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
 })), require_shim = /* @__PURE__ */ __commonJSMin(((t, n) => {
 	process.env.NODE_ENV === "production" ? n.exports = require_use_sync_external_store_shim_production() : n.exports = require_use_sync_external_store_shim_development();
@@ -8121,9 +8130,9 @@ function DialogRoot(n) {
 		onOpenChange: l,
 		triggerIdProp: g
 	});
-	let C = React.useMemo(() => ({ store: b }), [b]);
+	let S = React.useMemo(() => ({ store: b }), [b]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRootContext.Provider, {
-		value: C,
+		value: S,
 		children: typeof i == "function" ? i({ payload: x }) : i
 	});
 }
@@ -8138,38 +8147,45 @@ process.env.NODE_ENV !== "production" && (DialogTitle$1.displayName = "DialogTit
 const DialogTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { render: s, className: c, disabled: l = !1, nativeButton: u = !0, id: d, payload: f, handle: m, ...h } = n, g = useDialogRootContext(!0), _ = m?.store ?? g?.store;
 	if (!_) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(79) : "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle.");
-	let v = useBaseUiId(d), y = _.useState("floatingRootContext"), x = _.useState("isOpenedByTrigger", v), S = React.useRef(null), { registerTrigger: C, isMountedByThisTrigger: w } = useTriggerDataForwarding(v, S, _, { payload: f }), { getButtonProps: T, buttonRef: E } = useButton({
+	let v = useBaseUiId(d), y = _.useState("floatingRootContext"), b = _.useState("isOpenedByTrigger", v), x = React.useRef(null), { registerTrigger: S, isMountedByThisTrigger: C } = useTriggerDataForwarding(v, x, _, { payload: f }), { getButtonProps: w, buttonRef: T } = useButton({
 		disabled: l,
 		native: u
-	}), D = useInteractions([useClick(y, { enabled: y != null })]), O = React.useMemo(() => ({
+	}), E = useInteractions([useClick(y, { enabled: y != null })]), D = React.useMemo(() => ({
 		disabled: l,
-		open: x
-	}), [l, x]), k = _.useState("triggerProps", w);
+		open: b
+	}), [l, b]), k = _.useState("triggerProps", C);
 	return useRenderElement("button", n, {
-		state: O,
+		state: D,
 		ref: [
-			E,
+			T,
 			i,
-			C,
-			S
+			S,
+			x
 		],
 		props: [
-			D.getReferenceProps(),
+			E.getReferenceProps(),
 			k,
 			{
 				"data-base-ui-click-trigger": "",
 				id: v
 			},
 			h,
-			T
+			w
 		],
 		stateAttributesMapping: triggerOpenStateMapping
 	});
 });
 process.env.NODE_ENV !== "production" && (DialogTrigger$1.displayName = "DialogTrigger");
 var import_compiler_runtime$24 = require_compiler_runtime();
+const Dialog = (t) => {
+	let n = (0, import_compiler_runtime$24.c)(4), i;
+	n[0] === t ? i = n[1] : ({...i} = t, n[0] = t, n[1] = i);
+	let s;
+	return n[2] === i ? s = n[3] : (s = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRoot, { ...i }), n[2] = i, n[3] = s), s;
+};
+var import_compiler_runtime$23 = require_compiler_runtime();
 const DialogClose = (t) => {
-	let n = (0, import_compiler_runtime$24.c)(13), i, s, c, l;
+	let n = (0, import_compiler_runtime$23.c)(13), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
 	let u;
 	n[5] === s ? u = n[6] : (u = cn("", s), n[5] = s, n[6] = u);
@@ -8188,12 +8204,12 @@ const DialogClose = (t) => {
 		children: i
 	}), n[8] = i, n[9] = c, n[10] = l, n[11] = u, n[12] = f) : f = n[12], f;
 };
-var import_compiler_runtime$23 = require_compiler_runtime();
+var import_compiler_runtime$22 = require_compiler_runtime();
 const DialogDescription = (t) => {
-	let n = (0, import_compiler_runtime$23.c)(12), i, s, c, l;
+	let n = (0, import_compiler_runtime$22.c)(12), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
 	let u;
-	n[5] === s ? u = n[6] : (u = cn("text-prose-0 mb-0", s), n[5] = s, n[6] = u);
+	n[5] === s ? u = n[6] : (u = cn("mb-0 text-prose-0", s), n[5] = s, n[6] = u);
 	let d;
 	return n[7] !== i || n[8] !== c || n[9] !== l || n[10] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription$1, {
 		className: u,
@@ -8202,14 +8218,14 @@ const DialogDescription = (t) => {
 		children: i
 	}), n[7] = i, n[8] = c, n[9] = l, n[10] = u, n[11] = d) : d = n[11], d;
 };
-var import_compiler_runtime$22 = require_compiler_runtime();
+var import_compiler_runtime$21 = require_compiler_runtime();
 const DialogPopup = (t) => {
-	let n = (0, import_compiler_runtime$22.c)(19), i, s, c, l, u;
+	let n = (0, import_compiler_runtime$21.c)(19), i, s, c, l, u;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5]) : ({className: s, children: i, showCloseButton: u, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u);
 	let d = u === void 0 ? !0 : u, f;
 	n[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogBackdrop, { className: "fixed inset-[0px] min-h-dvh bg-scrim opacity-50 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute" }), n[6] = f) : f = n[6];
 	let m;
-	n[7] === s ? m = n[8] : (m = cn("fixed top-1/2 left-1/2 min-w-1/3 max-w-[calc(100vw-3rem)] px-md py-sm space-y-2xs -translate-x-1/2 -translate-y-1/2 rounded-lg bg-surface-container outline-1 outline-outline transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", s), n[7] = s, n[8] = m);
+	n[7] === s ? m = n[8] : (m = cn("fixed top-1/2 left-1/2 min-w-1/3 max-w-[calc(100vw-3rem)] -translate-x-1/2 -translate-y-1/2 space-y-2xs rounded-lg bg-surface-container px-md py-sm outline-1 outline-outline transition-all duration-150 data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0", s), n[7] = s, n[8] = m);
 	let h;
 	n[9] === d ? h = n[10] : (h = d && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose, {}), n[9] = d, n[10] = h);
 	let g;
@@ -8225,9 +8241,9 @@ const DialogPopup = (t) => {
 		children: [i, g]
 	})] }), n[13] = i, n[14] = c, n[15] = l, n[16] = m, n[17] = g, n[18] = _) : _ = n[18], _;
 };
-var import_compiler_runtime$21 = require_compiler_runtime();
+var import_compiler_runtime$20 = require_compiler_runtime();
 const DialogTitle = (t) => {
-	let n = (0, import_compiler_runtime$21.c)(12), i, s, c, l;
+	let n = (0, import_compiler_runtime$20.c)(12), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
 	let u;
 	n[5] === s ? u = n[6] : (u = cn("text-strong-2", s), n[5] = s, n[6] = u);
@@ -8239,9 +8255,9 @@ const DialogTitle = (t) => {
 		children: i
 	}), n[7] = i, n[8] = c, n[9] = l, n[10] = u, n[11] = d) : d = n[11], d;
 };
-var import_compiler_runtime$20 = require_compiler_runtime();
+var import_compiler_runtime$19 = require_compiler_runtime();
 const DialogTrigger = (t) => {
-	let n = (0, import_compiler_runtime$20.c)(12), i, s, c, l;
+	let n = (0, import_compiler_runtime$19.c)(12), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
 	let u;
 	n[5] === s ? u = n[6] : (u = cn("", s), n[5] = s, n[6] = u);
@@ -8253,13 +8269,6 @@ const DialogTrigger = (t) => {
 		children: i
 	}), n[7] = i, n[8] = c, n[9] = l, n[10] = u, n[11] = d) : d = n[11], d;
 };
-var import_compiler_runtime$19 = require_compiler_runtime();
-const Dialog = (t) => {
-	let n = (0, import_compiler_runtime$19.c)(4), i;
-	n[0] === t ? i = n[1] : ({...i} = t, n[0] = t, n[1] = i);
-	let s;
-	return n[2] === i ? s = n[3] : (s = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRoot, { ...i }), n[2] = i, n[3] = s), s;
-};
 var __storeToDerived = /* @__PURE__ */ new WeakMap(), __derivedToStore = /* @__PURE__ */ new WeakMap(), __depsThatHaveWrittenThisTick = { current: [] }, __isFlushing = !1, __batchDepth = 0, __pendingUpdates = /* @__PURE__ */ new Set(), __initialBatchValues = /* @__PURE__ */ new Map();
 function __flush_internals(t) {
 	let n = Array.from(t).sort((t, n) => t instanceof Derived && t.options.deps.includes(n) ? 1 : n instanceof Derived && n.options.deps.includes(t) ? -1 : 0);
@@ -10078,7 +10087,7 @@ const FieldErrors = (t) => {
 	let f;
 	n[7] === u.state.meta.errors ? f = n[8] : (f = u.state.meta.errors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "mt-2",
-		children: u.state.meta.errors.map(_temp$2)
+		children: u.state.meta.errors.map(_temp$1)
 	}), n[7] = u.state.meta.errors, n[8] = f);
 	let m;
 	return n[9] !== i || n[10] !== c || n[11] !== l || n[12] !== d || n[13] !== f ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -10088,11 +10097,11 @@ const FieldErrors = (t) => {
 		children: [i, f]
 	}), n[9] = i, n[10] = c, n[11] = l, n[12] = d, n[13] = f, n[14] = m) : m = n[14], m;
 };
-function _temp$2(t, n) {
+function _temp$1(t) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 		className: "text-error text-sm",
 		children: t.message
-	}, n);
+	}, t.message);
 }
 function useLabelableId(t = {}) {
 	let { id: n, implicit: i = !1, controlRef: s } = t, { controlId: c, setControlId: l } = useLabelableContext(), u = useBaseUiId(n);
@@ -10200,18 +10209,18 @@ var import_compiler_runtime$16 = require_compiler_runtime();
 const Input = (t) => {
 	let n = (0, import_compiler_runtime$16.c)(20), s, c, l, u, d;
 	n[0] === t ? (s = n[1], c = n[2], l = n[3], u = n[4], d = n[5]) : ({leadingIcon: c, showSeparator: d, className: s, ref: u, ...l} = t, n[0] = t, n[1] = s, n[2] = c, n[3] = l, n[4] = u, n[5] = d);
-	let f = d === void 0 ? !0 : d, m = l.disabled, h = l.disabled, g;
-	n[6] === s ? g = n[7] : (g = cn("flex items-center gap-xs px-md w-full py-sm group h-xl inset-shadow-2-shadow inset-shadow-sm bg-surface-dim rounded-xl data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:hover:outline-transparent outline-2 outline-transparent hover:not-focus-within:outline-outline focus-within:outline-primary focus-within:caret-primary transition-all", s), n[6] = s, n[7] = g);
-	let _;
+	let f = d === void 0 ? !0 : d, m = l.disabled, h;
+	n[6] === s ? h = n[7] : (h = cn("group inset-shadow-2-shadow inset-shadow-sm flex h-xl w-full items-center gap-xs rounded-xl bg-surface-dim px-md py-sm outline-2 outline-transparent transition-all focus-within:caret-primary focus-within:outline-primary hover:not-focus-within:outline-outline data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[disabled=true]:hover:outline-transparent", s), n[6] = s, n[7] = h);
+	let g = l.disabled, _;
 	n[8] !== c || n[9] !== f ? (_ = c && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: cn("flex items-center text-on-surface-variant justify-center [&>svg]:size-s group-focus-within:text-primary transition-all"),
+		className: cn("flex items-center justify-center text-on-surface-variant transition-all group-focus-within:text-primary [&>svg]:size-s"),
 		children: createElement(c, { weight: "bold" })
 	}), f && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
-		orientation: "vertical",
-		className: "group-focus-within:bg-primary"
+		className: "group-focus-within:bg-primary",
+		orientation: "vertical"
 	})] }), n[8] = c, n[9] = f, n[10] = _) : _ = n[10];
 	let v;
-	n[11] === Symbol.for("react.memo_cache_sentinel") ? (v = cn("outline-none w-full", "placeholder:opacity-60", "disabled:text-text-neutral-primary-disabled disabled:cursor-not-allowed", "overflow-ellipsis"), n[11] = v) : v = n[11];
+	n[11] === Symbol.for("react.memo_cache_sentinel") ? (v = cn("w-full outline-none", "placeholder:opacity-60", "disabled:cursor-not-allowed disabled:text-text-neutral-primary-disabled", "overflow-ellipsis"), n[11] = v) : v = n[11];
 	let y;
 	n[12] !== l || n[13] !== u ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
 		className: v,
@@ -10219,67 +10228,42 @@ const Input = (t) => {
 		...l
 	}), n[12] = l, n[13] = u, n[14] = y) : y = n[14];
 	let b;
-	return n[15] !== l.disabled || n[16] !== g || n[17] !== _ || n[18] !== y ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return n[15] !== l.disabled || n[16] !== h || n[17] !== _ || n[18] !== y ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"aria-disabled": m,
-		"data-disabled": h,
-		className: g,
+		className: h,
+		"data-disabled": g,
 		children: [_, y]
-	}), n[15] = l.disabled, n[16] = g, n[17] = _, n[18] = y, n[19] = b) : b = n[19], b;
+	}), n[15] = l.disabled, n[16] = h, n[17] = _, n[18] = y, n[19] = b) : b = n[19], b;
 };
 var import_compiler_runtime$15 = require_compiler_runtime();
 const FieldInput = (t) => {
 	let n = (0, import_compiler_runtime$15.c)(23), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
-	let u = useFieldContext(), d = u.name, f = u.name, m = u.state.value, h;
-	n[5] === u ? h = n[6] : (h = (t) => u.handleChange(t.target.value), n[5] = u, n[6] = h);
+	let u = useFieldContext(), d;
+	n[5] === u ? d = n[6] : (d = u.state.value && u.getMeta().errors.length > 0 && "outline-error", n[5] = u, n[6] = d);
+	let f;
+	n[7] === u ? f = n[8] : (f = u.state.value && u.getMeta().isValid && "outline-success", n[7] = u, n[8] = f);
+	let m;
+	n[9] !== s || n[10] !== d || n[11] !== f ? (m = cn(d, f, s), n[9] = s, n[10] = d, n[11] = f, n[12] = m) : m = n[12];
+	let h;
+	n[13] === u ? h = n[14] : (h = (t) => u.handleChange(t.target.value), n[13] = u, n[14] = h);
 	let g;
-	n[7] === u ? g = n[8] : (g = u.state.value && u.getMeta().errors.length > 0 && "outline-error", n[7] = u, n[8] = g);
-	let _;
-	n[9] === u ? _ = n[10] : (_ = u.state.value && u.getMeta().isValid && "outline-success", n[9] = u, n[10] = _);
-	let v;
-	n[11] !== s || n[12] !== g || n[13] !== _ ? (v = cn(g, _, s), n[11] = s, n[12] = g, n[13] = _, n[14] = v) : v = n[14];
-	let y;
-	return n[15] !== i || n[16] !== u.name || n[17] !== u.state.value || n[18] !== c || n[19] !== l || n[20] !== h || n[21] !== v ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
-		required: !0,
-		type: "text",
-		id: d,
-		name: f,
-		value: m,
+	return n[15] !== i || n[16] !== u.name || n[17] !== u.state.value || n[18] !== c || n[19] !== l || n[20] !== m || n[21] !== h ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+		className: m,
+		id: u.name,
+		name: u.name,
 		onChange: h,
-		className: v,
 		ref: l,
+		required: !0,
+		type: "text",
+		value: u.state.value,
 		...c,
 		children: i
-	}), n[15] = i, n[16] = u.name, n[17] = u.state.value, n[18] = c, n[19] = l, n[20] = h, n[21] = v, n[22] = y) : y = n[22], y;
+	}), n[15] = i, n[16] = u.name, n[17] = u.state.value, n[18] = c, n[19] = l, n[20] = m, n[21] = h, n[22] = g) : g = n[22], g;
 };
 var import_compiler_runtime$14 = require_compiler_runtime();
-const FormSubmit = (t) => {
-	let n = (0, import_compiler_runtime$14.c)(15), i, s, c, l, u;
-	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5]) : ({submittingText: u, className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u);
-	let d = u === void 0 ? "Submitting..." : u, f = useFormContext$1(), m;
-	n[6] !== i || n[7] !== s || n[8] !== c || n[9] !== l || n[10] !== d ? (m = (t) => {
-		let [n, u] = t;
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-			type: "submit",
-			disabled: !n || u,
-			className: cn("w-full", s),
-			ref: l,
-			...c,
-			children: u ? d : i
-		});
-	}, n[6] = i, n[7] = s, n[8] = c, n[9] = l, n[10] = d, n[11] = m) : m = n[11];
-	let h;
-	return n[12] !== f.Subscribe || n[13] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f.Subscribe, {
-		selector: _temp$1,
-		children: m
-	}), n[12] = f.Subscribe, n[13] = m, n[14] = h) : h = n[14], h;
-};
-function _temp$1(t) {
-	return [t.canSubmit, t.isSubmitting];
-}
-var import_compiler_runtime$13 = require_compiler_runtime();
 const FormErrors = (t) => {
-	let n = (0, import_compiler_runtime$13.c)(17), i, s, c, l;
+	let n = (0, import_compiler_runtime$14.c)(17), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
 	let u = useStore(useFormContext$1().store, _temp), d;
 	n[5] === s ? d = n[6] : (d = cn("", s), n[5] = s, n[6] = d);
@@ -10301,13 +10285,28 @@ const FormErrors = (t) => {
 function _temp(t) {
 	return t.errors;
 }
-function _temp2(t, n) {
+function _temp2(t) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 		className: "text-error text-sm",
 		children: t.message
-	}, n);
+	}, t.message);
 }
-const Form = createFormHook({
+var import_compiler_runtime$13 = require_compiler_runtime();
+const FormSubmit = (t) => {
+	let n = (0, import_compiler_runtime$13.c)(15), i, s, c, l, u;
+	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5]) : ({submittingText: u, className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u);
+	let d = u === void 0 ? "Submitting..." : u, f = useFormContext$1(), m;
+	n[6] !== i || n[7] !== s || n[8] !== c || n[9] !== l || n[10] !== d ? (m = (t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+		className: cn("w-full", s),
+		disabled: !t.canSubmit || t.isSubmitting,
+		ref: l,
+		type: "submit",
+		...c,
+		children: t.isSubmitting ? d : i
+	}), n[6] = i, n[7] = s, n[8] = c, n[9] = l, n[10] = d, n[11] = m) : m = n[11];
+	let h;
+	return n[12] !== f.Subscribe || n[13] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f.Subscribe, { children: m }), n[12] = f.Subscribe, n[13] = m, n[14] = h) : h = n[14], h;
+}, Form = createFormHook({
 	fieldComponents: {
 		FieldErrors,
 		FieldInput
@@ -10327,8 +10326,8 @@ const Label = (t) => {
 	n[5] === s ? u = n[6] : (u = cn("hover:cursor-pointer", s), n[5] = s, n[6] = u);
 	let d;
 	return n[7] !== i || n[8] !== c || n[9] !== l || n[10] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-		"data-slot": "label",
 		className: u,
+		"data-slot": "label",
 		ref: l,
 		...c,
 		children: i
@@ -10351,7 +10350,7 @@ const Profile = (t) => {
 		i
 	] }), n[16] = i, n[17] = b, n[18] = x, n[19] = S) : S = n[19];
 	let C = v && "hidden", w;
-	n[20] === C ? w = n[21] : (w = cn("flex flex-col justify-start items-start", C), n[20] = C, n[21] = w);
+	n[20] === C ? w = n[21] : (w = cn("flex flex-col items-start justify-start", C), n[20] = C, n[21] = w);
 	let T;
 	n[22] === g ? T = n[23] : (T = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		className: "text-prose-0",
@@ -10492,12 +10491,12 @@ const ScrollAreaRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			[ScrollAreaRootCssVars.scrollAreaCornerHeight]: `${v.height}px`,
 			[ScrollAreaRootCssVars.scrollAreaCornerWidth]: `${v.width}px`
 		}
-	}, fh = useRenderElement("div", n, {
+	}, $ = useRenderElement("div", n, {
 		state: Z,
 		ref: [i, D],
 		props: [Q, u],
 		stateAttributesMapping: scrollAreaStateAttributesMapping
-	}), $ = React.useMemo(() => ({
+	}), yh = React.useMemo(() => ({
 		handlePointerDown: q,
 		handlePointerMove: J,
 		handlePointerUp: Y,
@@ -10555,8 +10554,8 @@ const ScrollAreaRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		G
 	]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScrollAreaRootContext.Provider, {
-		value: $,
-		children: [styleDisableScrollbar.element, fh]
+		value: yh,
+		children: [styleDisableScrollbar.element, $]
 	});
 });
 process.env.NODE_ENV !== "production" && (ScrollAreaRoot.displayName = "ScrollAreaRoot");
@@ -10640,13 +10639,13 @@ const ScrollAreaViewport = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			let t = i.offsetWidth - Y - V - U, n = b - C, s = n === 0 ? 0 : E / n, l = O === "rtl" ? clamp$1(s * t, -t, 0) : clamp$1(s * t, 0, t);
 			c.style.transform = `translate3d(${l}px,0,0)`;
 		}
-		let Z = clamp$1(F, 0, N), Q = clamp$1(I, 0, N), fh = clamp$1(L, 0, P), ph = clamp$1(R, 0, P), $ = [
+		let Z = clamp$1(F, 0, N), Q = clamp$1(I, 0, N), $ = clamp$1(L, 0, P), yh = clamp$1(R, 0, P), bh = [
 			[ScrollAreaViewportCssVars.scrollAreaOverflowXStart, Z],
 			[ScrollAreaViewportCssVars.scrollAreaOverflowXEnd, Q],
-			[ScrollAreaViewportCssVars.scrollAreaOverflowYStart, fh],
-			[ScrollAreaViewportCssVars.scrollAreaOverflowYEnd, ph]
+			[ScrollAreaViewportCssVars.scrollAreaOverflowYStart, $],
+			[ScrollAreaViewportCssVars.scrollAreaOverflowYEnd, yh]
 		];
-		for (let [n, i] of $) t.style.setProperty(n, `${i}px`);
+		for (let [n, i] of bh) t.style.setProperty(n, `${i}px`);
 		l && (A || k ? v({
 			width: 0,
 			height: 0
@@ -10661,13 +10660,13 @@ const ScrollAreaViewport = /* @__PURE__ */ React.forwardRef(function(n, i) {
 				cornerHidden: n
 			};
 		});
-		let mh = {
+		let xh = {
 			xStart: !A && Z > D.xStart,
 			xEnd: !A && Q > D.xEnd,
-			yStart: !k && fh > D.yStart,
-			yEnd: !k && ph > D.yEnd
+			yStart: !k && $ > D.yStart,
+			yEnd: !k && yh > D.yEnd
 		};
-		T((t) => t.xStart === mh.xStart && t.xEnd === mh.xEnd && t.yStart === mh.yStart && t.yEnd === mh.yEnd ? t : mh);
+		T((t) => t.xStart === xh.xStart && t.xEnd === xh.xEnd && t.yStart === xh.yStart && t.yEnd === xh.yEnd ? t : xh);
 	}
 	let N = useStableCallback(() => {
 		ReactDOM.flushSync(M);
@@ -10886,17 +10885,17 @@ const ScrollArea = (t) => {
 	n[6] !== s || n[7] !== f ? (m = cn("h-[200px] rounded-lg bg-surface-container", f, s), n[6] = s, n[7] = f, n[8] = m) : m = n[8];
 	let h;
 	n[9] === i ? h = n[10] : (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaViewport, {
-		className: "h-full overscroll-contain flex flex-col gap-xs py-2xs pr-sm pl-sm prose-step-0",
+		className: "prose-step-0 flex h-full flex-col gap-xs overscroll-contain py-2xs pr-sm pl-sm",
 		children: i
 	}), n[9] = i, n[10] = h);
-	let g = d === "vertical" && "w-2xs mr-2xs my-2xs", _ = d === "horizontal" && "h-2xs flex-col mb-2xs mx-xs", v;
-	n[11] !== s || n[12] !== g || n[13] !== _ ? (v = cn("inset-shadow-1-shadow flex justify-center rounded p-[2px] bg-surface-dim opacity-0 transition-opacity delay-300 data-hovering:opacity-100 data-hovering:delay-0 data-hovering:duration-75 data-scrolling:opacity-100 data-scrolling:delay-0 data-scrolling:duration-75 hover:cursor-pointer", g, _, s), n[11] = s, n[12] = g, n[13] = _, n[14] = v) : v = n[14];
+	let g = d === "vertical" && "my-2xs mr-2xs w-2xs", _ = d === "horizontal" && "mx-xs mb-2xs h-2xs flex-col", v;
+	n[11] !== s || n[12] !== g || n[13] !== _ ? (v = cn("inset-shadow-1-shadow flex justify-center rounded bg-surface-dim p-[2px] opacity-0 transition-opacity delay-300 hover:cursor-pointer data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-75 data-scrolling:duration-75", g, _, s), n[11] = s, n[12] = g, n[13] = _, n[14] = v) : v = n[14];
 	let y;
-	n[15] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaThumb, { className: "w-full h-full rounded-full bg-accent rounded-1" }), n[15] = y) : y = n[15];
+	n[15] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaThumb, { className: "h-full w-full rounded-1 rounded-full bg-accent" }), n[15] = y) : y = n[15];
 	let b;
 	n[16] !== d || n[17] !== v ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbar, {
-		orientation: d,
 		className: v,
+		orientation: d,
 		children: y
 	}), n[16] = d, n[17] = v, n[18] = b) : b = n[18];
 	let x;
@@ -10912,86 +10911,211 @@ const ScrollArea = (t) => {
 			x
 		]
 	}), n[20] = c, n[21] = l, n[22] = m, n[23] = h, n[24] = b, n[25] = S) : S = n[25], S;
-}, TooltipRootContext = /* @__PURE__ */ React.createContext(void 0);
-process.env.NODE_ENV !== "production" && (TooltipRootContext.displayName = "TooltipRootContext");
-function useTooltipRootContext(n) {
-	let i = React.useContext(TooltipRootContext);
-	if (i === void 0 && !n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(72) : "Base UI: TooltipRootContext is missing. Tooltip parts must be placed within <Tooltip.Root>.");
-	return i;
-}
-var selectors = {
-	...popupStoreSelectors,
-	disabled: createSelector((t) => t.disabled),
-	instantType: createSelector((t) => t.instantType),
-	isInstantPhase: createSelector((t) => t.isInstantPhase),
-	trackCursorAxis: createSelector((t) => t.trackCursorAxis),
-	disableHoverablePopup: createSelector((t) => t.disableHoverablePopup),
-	lastOpenChangeReason: createSelector((t) => t.openChangeReason),
-	closeDelay: createSelector((t) => t.closeDelay)
-}, TooltipStore = class n extends ReactStore {
-	constructor(n) {
-		super({
-			...createInitialState(),
-			...n
-		}, {
-			popupRef: /* @__PURE__ */ React.createRef(),
-			onOpenChange: void 0,
-			onOpenChangeComplete: void 0,
-			triggerElements: new PopupTriggerMap()
-		}, selectors);
-	}
-	setOpen = (t, n) => {
-		let i = n.reason, s = i === triggerHover, c = t && i === "trigger-focus", l = !t && (i === "trigger-press" || i === "escape-key");
-		if (n.preventUnmountOnClose = () => {
-			this.set("preventUnmountingOnClose", !0);
-		}, this.context.onOpenChange?.(t, n), n.isCanceled) return;
-		let u = () => {
-			let s = {
-				open: t,
-				openChangeReason: i
-			};
-			c ? s.instantType = "focus" : l ? s.instantType = "dismiss" : i === "trigger-hover" && (s.instantType = void 0);
-			let u = n.trigger?.id ?? null;
-			(u || t) && (s.activeTriggerId = u, s.activeTriggerElement = n.trigger ?? null), this.update(s);
-		};
-		s ? ReactDOM.flushSync(u) : u();
-	};
-	static useStore(t, i) {
-		let s = useRefWithInit(() => t ?? new n(i)).current, c = useSyncedFloatingRootContext({
-			popupStore: s,
-			onOpenChange: s.setOpen
-		});
-		return s.state.floatingRootContext = c, s;
-	}
 };
-function createInitialState() {
+var getBoundingClientRect = (t) => {
+	let n = t.getBoundingClientRect();
 	return {
-		...createInitialPopupStoreState(),
-		disabled: !1,
-		instantType: void 0,
-		isInstantPhase: !1,
-		trackCursorAxis: "none",
-		disableHoverablePopup: !1,
-		openChangeReason: null,
-		closeDelay: 0
+		left: Math.ceil(n.left),
+		width: Math.ceil(n.width)
 	};
-}
-function TooltipRoot(n) {
-	let { disabled: i = !1, defaultOpen: s = !1, open: c, disableHoverablePopup: l = !1, trackCursorAxis: u = "none", actionsRef: d, onOpenChange: f, onOpenChangeComplete: m, handle: h, triggerId: g, defaultTriggerId: _ = null, children: v } = n, y = TooltipStore.useStore(h?.store, {
-		open: c ?? s,
-		activeTriggerId: g === void 0 ? _ : g
-	});
-	y.useControlledProp("open", c, s), y.useControlledProp("activeTriggerId", g, _), y.useContextCallback("onOpenChange", f), y.useContextCallback("onOpenChangeComplete", m);
-	let b = y.useState("open"), x = y.useState("activeTriggerId"), S = y.useState("payload");
-	y.useSyncedValues({
-		trackCursorAxis: u,
-		disableHoverablePopup: l
-	});
-	let C = !i && b;
-	useIsoLayoutEffect(() => {
-		b && i && y.setOpen(!1, createChangeEventDetails("disabled"));
-	}, [
-		b,
+}, sortNumList = (t) => [...t].map(Number).sort((t, n) => t - n), linearInterpolator = {
+	getPercentageForValue: (t, n, i) => Math.max(0, Math.min(100, (t - n) / (i - n) * 100)),
+	getValueForClientX: (t, n, i, s) => {
+		let { left: c, width: l } = n, u = (t - c) / l;
+		return (s - i) * u + i;
+	}
+}, Ranger = class {
+	constructor(t) {
+		this.sortedValues = [], this.rangerElement = null, this._willUpdate = () => {
+			let t = this.options.getRangerElement();
+			this.rangerElement !== t && (this.rangerElement = t);
+		}, this.getValueForClientX = (t) => {
+			let n = getBoundingClientRect(this.rangerElement);
+			return this.options.interpolator.getValueForClientX(t, n, this.options.min, this.options.max);
+		}, this.getNextStep = (t, n) => {
+			let { min: i, max: s } = this.options;
+			if ("steps" in this.options) {
+				let { steps: i } = this.options, s = i.indexOf(t) + n;
+				return s >= 0 && s < i.length ? i[s] : t;
+			} else {
+				let c = t + this.options.stepSize * n;
+				return c >= i && c <= s ? c : t;
+			}
+		}, this.roundToStep = (t) => {
+			let { min: n, max: i } = this.options, s = n, c = i;
+			if ("steps" in this.options) this.options.steps.forEach((n) => {
+				n <= t && n > s && (s = n), n >= t && n < c && (c = n);
+			});
+			else {
+				let { stepSize: n } = this.options;
+				for (; s < t && s + n < t;) s += n;
+				c = Math.min(s + n, i);
+			}
+			return t - s < c - t ? s : c;
+		}, this.handleDrag = (t) => {
+			if (this.activeHandleIndex === void 0) return;
+			let n = t.type === "touchmove" ? t.changedTouches[0].clientX : t.clientX, i = this.getValueForClientX(n), s = this.roundToStep(i);
+			this.sortedValues = [
+				...this.options.values.slice(0, this.activeHandleIndex),
+				s,
+				...this.options.values.slice(this.activeHandleIndex + 1)
+			], this.options.onDrag ? this.options.onDrag(this) : (this.tempValues = this.sortedValues, this.options.rerender());
+		}, this.handleKeyDown = (t, n) => {
+			let { values: i } = this.options;
+			if (t.keyCode === 37 || t.keyCode === 39) {
+				this.activeHandleIndex = n;
+				let s = t.keyCode === 37 ? -1 : 1, c = this.getNextStep(i[n], s);
+				this.sortedValues = sortNumList([
+					...i.slice(0, n),
+					c,
+					...i.slice(n + 1)
+				]), this.options.onChange && this.options.onChange(this);
+			}
+		}, this.handlePress = (t, n) => {
+			this.activeHandleIndex = n, this.options.rerender();
+			let i = () => {
+				let { tempValues: t, handleDrag: n } = this;
+				document.removeEventListener("mousemove", n), document.removeEventListener("touchmove", n), document.removeEventListener("mouseup", i), document.removeEventListener("touchend", i), this.sortedValues = sortNumList(t || this.options.values), this.options.onChange && this.options.onChange(this), this.options.onDrag && this.options.onDrag(this), this.activeHandleIndex = void 0, this.tempValues = void 0, this.options.rerender();
+			}, { handleDrag: s } = this;
+			document.addEventListener("mousemove", s), document.addEventListener("touchmove", s), document.addEventListener("mouseup", i), document.addEventListener("touchend", i);
+		}, this.getPercentageForValue = (t) => this.options.interpolator.getPercentageForValue(t, this.options.min, this.options.max), this.getTicks = () => {
+			let t = [];
+			if (this.options.ticks) t = [...this.options.ticks];
+			else if ("steps" in this.options) t = [...this.options.steps];
+			else {
+				for (t = [this.options.min]; t[t.length - 1] < this.options.max - this.options.tickSize;) t.push(t[t.length - 1] + this.options.tickSize);
+				t.push(this.options.max);
+			}
+			return t.map((t, n) => ({
+				value: t,
+				key: n,
+				percentage: this.getPercentageForValue(t)
+			}));
+		}, this.getSteps = () => {
+			let t = sortNumList(this.tempValues || this.options.values);
+			return [...t, this.options.max].map((n, i) => {
+				let s = t[i - 1], c = s === void 0 ? this.options.min : s, l = this.getPercentageForValue(c);
+				return {
+					left: l,
+					width: this.getPercentageForValue(n) - l
+				};
+			});
+		}, this.handles = () => (this.tempValues || this.options.values).map((t, n) => ({
+			value: t,
+			isActive: n === this.activeHandleIndex,
+			onKeyDownHandler: (t) => {
+				this.handleKeyDown(t, n);
+			},
+			onMouseDownHandler: (t) => {
+				this.handlePress(t, n);
+			},
+			onTouchStart: (t) => {
+				this.handlePress(t, n);
+			}
+		})), this.setOptions(t);
+	}
+	setOptions(t) {
+		Object.entries(t).forEach(([n, i]) => {
+			i === void 0 && delete t[n];
+		}), this.options = {
+			debug: !1,
+			tickSize: 10,
+			interpolator: linearInterpolator,
+			onChange: () => {},
+			...t
+		};
+	}
+}, useIsomorphicLayoutEffect = typeof window < "u" ? React.useLayoutEffect : React.useEffect;
+function useRanger(n) {
+	let i = React.useReducer(() => ({}), {})[1], s = {
+		...n,
+		rerender: i,
+		onChange: (t) => {
+			i(), n.onChange?.(t);
+		}
+	}, [c] = React.useState(() => new Ranger(s));
+	return c.setOptions(s), useIsomorphicLayoutEffect(() => c._willUpdate()), c;
+}
+const TooltipRootContext = /* @__PURE__ */ React.createContext(void 0);
+process.env.NODE_ENV !== "production" && (TooltipRootContext.displayName = "TooltipRootContext");
+function useTooltipRootContext(n) {
+	let i = React.useContext(TooltipRootContext);
+	if (i === void 0 && !n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(72) : "Base UI: TooltipRootContext is missing. Tooltip parts must be placed within <Tooltip.Root>.");
+	return i;
+}
+var selectors = {
+	...popupStoreSelectors,
+	disabled: createSelector((t) => t.disabled),
+	instantType: createSelector((t) => t.instantType),
+	isInstantPhase: createSelector((t) => t.isInstantPhase),
+	trackCursorAxis: createSelector((t) => t.trackCursorAxis),
+	disableHoverablePopup: createSelector((t) => t.disableHoverablePopup),
+	lastOpenChangeReason: createSelector((t) => t.openChangeReason),
+	closeDelay: createSelector((t) => t.closeDelay)
+}, TooltipStore = class n extends ReactStore {
+	constructor(n) {
+		super({
+			...createInitialState(),
+			...n
+		}, {
+			popupRef: /* @__PURE__ */ React.createRef(),
+			onOpenChange: void 0,
+			onOpenChangeComplete: void 0,
+			triggerElements: new PopupTriggerMap()
+		}, selectors);
+	}
+	setOpen = (t, n) => {
+		let i = n.reason, s = i === triggerHover, c = t && i === "trigger-focus", l = !t && (i === "trigger-press" || i === "escape-key");
+		if (n.preventUnmountOnClose = () => {
+			this.set("preventUnmountingOnClose", !0);
+		}, this.context.onOpenChange?.(t, n), n.isCanceled) return;
+		let u = () => {
+			let s = {
+				open: t,
+				openChangeReason: i
+			};
+			c ? s.instantType = "focus" : l ? s.instantType = "dismiss" : i === "trigger-hover" && (s.instantType = void 0);
+			let u = n.trigger?.id ?? null;
+			(u || t) && (s.activeTriggerId = u, s.activeTriggerElement = n.trigger ?? null), this.update(s);
+		};
+		s ? ReactDOM.flushSync(u) : u();
+	};
+	static useStore(t, i) {
+		let s = useRefWithInit(() => t ?? new n(i)).current, c = useSyncedFloatingRootContext({
+			popupStore: s,
+			onOpenChange: s.setOpen
+		});
+		return s.state.floatingRootContext = c, s;
+	}
+};
+function createInitialState() {
+	return {
+		...createInitialPopupStoreState(),
+		disabled: !1,
+		instantType: void 0,
+		isInstantPhase: !1,
+		trackCursorAxis: "none",
+		disableHoverablePopup: !1,
+		openChangeReason: null,
+		closeDelay: 0
+	};
+}
+function TooltipRoot(n) {
+	let { disabled: i = !1, defaultOpen: s = !1, open: c, disableHoverablePopup: l = !1, trackCursorAxis: u = "none", actionsRef: d, onOpenChange: f, onOpenChangeComplete: m, handle: h, triggerId: g, defaultTriggerId: _ = null, children: v } = n, y = TooltipStore.useStore(h?.store, {
+		open: c ?? s,
+		activeTriggerId: g === void 0 ? _ : g
+	});
+	y.useControlledProp("open", c, s), y.useControlledProp("activeTriggerId", g, _), y.useContextCallback("onOpenChange", f), y.useContextCallback("onOpenChangeComplete", m);
+	let b = y.useState("open"), x = y.useState("activeTriggerId"), S = y.useState("payload");
+	y.useSyncedValues({
+		trackCursorAxis: u,
+		disableHoverablePopup: l
+	});
+	let C = !i && b;
+	useIsoLayoutEffect(() => {
+		b && i && y.setOpen(!1, createChangeEventDetails("disabled"));
+	}, [
+		b,
 		i,
 		y
 	]), y.useSyncedValue("disabled", i), useImplicitActiveTrigger(y);
@@ -11053,33 +11177,33 @@ function useTooltipProviderContext() {
 const TooltipTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { className: s, render: c, handle: l, payload: u, disabled: d, delay: f, closeDelay: m, id: h, ...g } = n, _ = useTooltipRootContext(!0), v = l?.store ?? _;
 	if (!v) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(82) : "Base UI: <Tooltip.Trigger> must be either used within a <Tooltip.Root> component or provided with a handle.");
-	let y = useBaseUiId(h), x = v.useState("isTriggerActive", y), S = v.useState("floatingRootContext"), C = v.useState("isOpenedByTrigger", y), w = React.useRef(null), T = f ?? 600, E = m ?? 0, { registerTrigger: D, isMountedByThisTrigger: O } = useTriggerDataForwarding(y, w, v, {
+	let y = useBaseUiId(h), b = v.useState("isTriggerActive", y), x = v.useState("floatingRootContext"), S = v.useState("isOpenedByTrigger", y), C = React.useRef(null), w = f ?? 600, T = m ?? 0, { registerTrigger: E, isMountedByThisTrigger: D } = useTriggerDataForwarding(y, C, v, {
 		payload: u,
-		closeDelay: E
-	}), k = useTooltipProviderContext(), { delayRef: A, isInstantPhase: j, hasProvider: M } = useDelayGroup(S, { open: C });
+		closeDelay: T
+	}), k = useTooltipProviderContext(), { delayRef: A, isInstantPhase: j, hasProvider: M } = useDelayGroup(x, { open: S });
 	v.useSyncedValue("isInstantPhase", j);
-	let N = v.useState("disabled"), P = d ?? N, F = v.useState("trackCursorAxis"), I = v.useState("disableHoverablePopup"), L = useHoverReferenceInteraction(S, {
+	let N = v.useState("disabled"), P = d ?? N, F = v.useState("trackCursorAxis"), I = v.useState("disableHoverablePopup"), L = useHoverReferenceInteraction(x, {
 		enabled: !P,
 		mouseOnly: !0,
 		move: !1,
 		handleClose: !I && F !== "both" ? safePolygon() : null,
 		restMs() {
-			let t = k?.delay, n = typeof A.current == "object" ? A.current.open : void 0, i = T;
-			return M && (i = n === 0 ? 0 : f ?? t ?? T), i;
+			let t = k?.delay, n = typeof A.current == "object" ? A.current.open : void 0, i = w;
+			return M && (i = n === 0 ? 0 : f ?? t ?? w), i;
 		},
 		delay() {
-			let t = typeof A.current == "object" ? A.current.close : void 0, n = E;
+			let t = typeof A.current == "object" ? A.current.close : void 0, n = T;
 			return m == null && M && (n = t), { close: n };
 		},
-		triggerElementRef: w,
-		isActiveTrigger: x
-	}), R = React.useMemo(() => ({ open: C }), [C]), z = v.useState("triggerProps", O);
+		triggerElementRef: C,
+		isActiveTrigger: b
+	}), R = React.useMemo(() => ({ open: S }), [S]), z = v.useState("triggerProps", D);
 	return useRenderElement("button", n, {
 		state: R,
 		ref: [
 			i,
-			D,
-			w
+			E,
+			C
 		],
 		props: [
 			L,
@@ -11328,100 +11452,100 @@ function useAnchorPositioning(n) {
 			domReferenceElement: null
 		});
 	}, [b, y]);
-	let fh = React.useMemo(() => ({
+	let $ = React.useMemo(() => ({
 		elementResize: !_ && typeof ResizeObserver < "u",
 		layoutShift: !_ && typeof IntersectionObserver < "u"
-	}), [_]), { refs: ph, elements: $, x: mh, y: hh, middlewareData: gh, update: _h, placement: vh, context: yh, isPositioned: bh, floatingStyles: xh } = useFloating({
+	}), [_]), { refs: yh, elements: bh, x: xh, y: Sh, middlewareData: Ch, update: wh, placement: Th, context: Eh, isPositioned: Dh, floatingStyles: Oh } = useFloating({
 		rootContext: y,
 		placement: R,
 		middleware: J,
 		strategy: s,
-		whileElementsMounted: v ? void 0 : (...t) => autoUpdate(...t, fh),
+		whileElementsMounted: v ? void 0 : (...t) => autoUpdate(...t, $),
 		nodeId: C,
 		externalTree: E
-	}), { sideX: Sh, sideY: Ch } = gh.adaptiveOrigin || DEFAULT_SIDES, wh = bh ? s : "fixed", Th = React.useMemo(() => w ? {
-		position: wh,
-		[Sh]: mh,
-		[Ch]: hh
+	}), { sideX: kh, sideY: Ah } = Ch.adaptiveOrigin || DEFAULT_SIDES, jh = Dh ? s : "fixed", Mh = React.useMemo(() => w ? {
+		position: jh,
+		[kh]: xh,
+		[Ah]: Sh
 	} : {
-		position: wh,
-		...xh
+		position: jh,
+		...Oh
 	}, [
 		w,
-		wh,
+		jh,
+		kh,
+		xh,
+		Ah,
 		Sh,
-		mh,
-		Ch,
-		hh,
-		xh
-	]), Eh = React.useRef(null);
+		Oh
+	]), Nh = React.useRef(null);
 	useIsoLayoutEffect(() => {
 		if (!b) return;
 		let t = F.current, n = typeof t == "function" ? t() : t, i = (isRef(n) ? n.current : n) || null;
-		i !== Eh.current && (ph.setPositionReference(i), Eh.current = i);
+		i !== Nh.current && (yh.setPositionReference(i), Nh.current = i);
 	}, [
 		b,
-		ph,
+		yh,
 		P,
 		F
 	]), React.useEffect(() => {
 		if (!b) return;
 		let t = F.current;
-		typeof t != "function" && isRef(t) && t.current !== Eh.current && (ph.setPositionReference(t.current), Eh.current = t.current);
+		typeof t != "function" && isRef(t) && t.current !== Nh.current && (yh.setPositionReference(t.current), Nh.current = t.current);
 	}, [
 		b,
-		ph,
+		yh,
 		P,
 		F
 	]), React.useEffect(() => {
-		if (v && b && $.domReference && $.floating) return autoUpdate($.domReference, $.floating, _h, fh);
+		if (v && b && bh.domReference && bh.floating) return autoUpdate(bh.domReference, bh.floating, wh, $);
 	}, [
 		v,
 		b,
-		$,
-		_h,
-		fh
+		bh,
+		wh,
+		$
 	]);
-	let Dh = getSide(vh), Oh = getLogicalSide(c, Dh, I), kh = getAlignment(vh) || "center", Ah = !!gh.hide?.referenceHidden;
+	let Ph = getSide(Th), Fh = getLogicalSide(c, Ph, I), Ih = getAlignment(Th) || "center", Lh = !!Ch.hide?.referenceHidden;
 	useIsoLayoutEffect(() => {
-		T && b && bh && O(Dh);
+		T && b && Dh && O(Ph);
 	}, [
 		T,
 		b,
-		bh,
-		Dh
+		Dh,
+		Ph
 	]);
-	let jh = React.useMemo(() => ({
+	let Rh = React.useMemo(() => ({
 		position: "absolute",
-		top: gh.arrow?.y,
-		left: gh.arrow?.x
-	}), [gh.arrow]), Mh = gh.arrow?.centerOffset !== 0;
+		top: Ch.arrow?.y,
+		left: Ch.arrow?.x
+	}), [Ch.arrow]), zh = Ch.arrow?.centerOffset !== 0;
 	return React.useMemo(() => ({
-		positionerStyles: Th,
-		arrowStyles: jh,
+		positionerStyles: Mh,
+		arrowStyles: Rh,
 		arrowRef: G,
-		arrowUncentered: Mh,
-		side: Oh,
-		align: kh,
-		physicalSide: Dh,
-		anchorHidden: Ah,
-		refs: ph,
-		context: yh,
-		isPositioned: bh,
-		update: _h
+		arrowUncentered: zh,
+		side: Fh,
+		align: Ih,
+		physicalSide: Ph,
+		anchorHidden: Lh,
+		refs: yh,
+		context: Eh,
+		isPositioned: Dh,
+		update: wh
 	}), [
-		Th,
-		jh,
-		G,
 		Mh,
-		Oh,
-		kh,
-		Dh,
-		Ah,
-		ph,
+		Rh,
+		G,
+		zh,
+		Fh,
+		Ih,
+		Ph,
+		Lh,
 		yh,
-		bh,
-		_h
+		Eh,
+		Dh,
+		wh
 	]);
 }
 function isRef(t) {
@@ -11694,27 +11818,17 @@ const Tooltip = (t) => {
 	}) }), n[3] = i, n[4] = s, n[5] = c) : c = n[5], c;
 };
 var import_compiler_runtime$8 = require_compiler_runtime();
-const TooltipTrigger = (t) => {
-	let n = (0, import_compiler_runtime$8.c)(6), i, s;
-	n[0] === t ? (i = n[1], s = n[2]) : ({children: i, ...s} = t, n[0] = t, n[1] = i, n[2] = s);
-	let c;
-	return n[3] !== i || n[4] !== s ? (c = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger$1, {
-		...s,
-		children: i
-	}), n[3] = i, n[4] = s, n[5] = c) : c = n[5], c;
-};
-var import_compiler_runtime$7 = require_compiler_runtime();
 const TooltipContent = (t) => {
-	let n = (0, import_compiler_runtime$7.c)(11), i, s, c;
+	let n = (0, import_compiler_runtime$8.c)(11), i, s, c;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3]) : ({className: s, children: i, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c);
 	let l;
-	n[4] === s ? l = n[5] : (l = cn("bg-surface-container-high origin-(--transform-origin) px-xs py-3xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md text-sm text-balance", s), n[4] = s, n[5] = l);
+	n[4] === s ? l = n[5] : (l = cn("fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--transform-origin) animate-in text-balance rounded-md bg-surface-container-high px-xs py-3xs text-sm data-[state=closed]:animate-out", s), n[4] = s, n[5] = l);
 	let u;
 	n[6] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipArrow, {
-		className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
+		className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=top]:bottom-[-8px] data-[side=right]:left-[-13px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(o, {
-			weight: "fill",
-			className: "fill-surface-container-high "
+			className: "fill-surface-container-high",
+			weight: "fill"
 		})
 	}), n[6] = u) : u = n[6];
 	let d;
@@ -11726,183 +11840,68 @@ const TooltipContent = (t) => {
 			children: [u, i]
 		})
 	}) }), n[7] = i, n[8] = c, n[9] = l, n[10] = d) : d = n[10], d;
+};
+var import_compiler_runtime$7 = require_compiler_runtime();
+const TooltipTrigger = (t) => {
+	let n = (0, import_compiler_runtime$7.c)(6), i, s;
+	n[0] === t ? (i = n[1], s = n[2]) : ({children: i, ...s} = t, n[0] = t, n[1] = i, n[2] = s);
+	let c;
+	return n[3] !== i || n[4] !== s ? (c = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger$1, {
+		...s,
+		children: i
+	}), n[3] = i, n[4] = s, n[5] = c) : c = n[5], c;
 }, SliderHandle = ({ sliderInstance: t, isActive: n, onKeyDownHandler: i, onMouseDownHandler: s, onTouchStart: c, value: l, className: u, children: d, ref: m, ...h }) => {
 	let [g, _] = useState(!1);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip, {
 		open: n || g,
 		trackCursorAxis: "x",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			"aria-valuemax": t.options.max,
+			"aria-valuemin": t.options.min,
+			"aria-valuenow": l,
+			className: cn("absolute top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-primary bg-surface-container outline-none transition-[width,height,border] hover:cursor-pointer hover:border-secondary active:border-secondary", n ? "size-md shadow-4-shadow" : "size-sm shadow-1-shadow", u),
 			onKeyDown: i,
 			onMouseDown: s,
-			onTouchStart: c,
 			onMouseEnter: () => _(!0),
 			onMouseLeave: () => _(!1),
+			onTouchStart: c,
+			ref: m,
 			role: "slider",
-			"aria-valuemin": t.options.min,
-			"aria-valuemax": t.options.max,
-			"aria-valuenow": l,
 			style: {
 				left: `${t.getPercentageForValue(l)}%`,
 				zIndex: n ? "1" : "0"
 			},
-			className: cn("absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full outline-none border-2 border-primary bg-surface-container hover:cursor-pointer active:border-secondary hover:border-secondary transition-[width,height,border] aspect-square", n ? "size-md shadow-4-shadow" : "size-sm shadow-1-shadow", u),
-			ref: m,
 			...h,
 			children: d
 		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: l }) })]
 	});
 }, SliderSegment = ({ index: t, steps: n, left: i, width: s, className: c, children: l, ref: u, ...d }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn("absolute bg-primary h-full rounded-full inset-shadow-1-shadow", c),
+	className: cn("absolute inset-shadow-1-shadow h-full rounded-full bg-primary", c),
+	ref: u,
 	style: {
 		background: `${t === n - 1 ? "transparent" : "var(--color-primary)"}`,
 		left: `${i}%`,
 		width: `${s}%`
 	},
-	ref: u,
 	...d,
 	children: l
-}), SliderTickLabel = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-	className: cn("absolute text-[0.6rem] top-full -translate-x-1/2 translate-y-[1.2rem] whitespace-nowrap style-text-default--1 text-on-surface-variant", t),
-	ref: i,
-	...s,
-	children: n
 }), SliderTick = ({ percentage: t, className: n, children: i, ref: s, ...c }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 	className: cn("absolute top-2xs -translate-x-1/2", n),
 	ref: s,
 	...c,
 	style: { left: `${t}%` },
-	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute bg-on-surface-variant rounded-full left-0 h-2xs w-[2px] -translate-x-1/2 translate-y-[0.7rem]" }), i]
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-0 h-2xs w-[2px] -translate-x-1/2 translate-y-[0.7rem] rounded-full bg-on-surface-variant" }), i]
+}), SliderTickLabel = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+	className: cn("style-text-default--1 absolute top-full -translate-x-1/2 translate-y-[1.2rem] whitespace-nowrap text-[0.6rem] text-on-surface-variant", t),
+	ref: i,
+	...s,
+	children: n
 }), SliderTrack = ({ className: t, children: n, sliderRef: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn("relative h-2xs inset-shadow-1-shadow rounded-full bg-surface-dim grow", t),
+	className: cn("relative inset-shadow-1-shadow h-2xs grow rounded-full bg-surface-dim", t),
 	ref: i,
 	...s,
 	children: n
-});
-var getBoundingClientRect = (t) => {
-	let n = t.getBoundingClientRect();
-	return {
-		left: Math.ceil(n.left),
-		width: Math.ceil(n.width)
-	};
-}, sortNumList = (t) => [...t].map(Number).sort((t, n) => t - n), linearInterpolator = {
-	getPercentageForValue: (t, n, i) => Math.max(0, Math.min(100, (t - n) / (i - n) * 100)),
-	getValueForClientX: (t, n, i, s) => {
-		let { left: c, width: l } = n, u = (t - c) / l;
-		return (s - i) * u + i;
-	}
-}, Ranger = class {
-	constructor(t) {
-		this.sortedValues = [], this.rangerElement = null, this._willUpdate = () => {
-			let t = this.options.getRangerElement();
-			this.rangerElement !== t && (this.rangerElement = t);
-		}, this.getValueForClientX = (t) => {
-			let n = getBoundingClientRect(this.rangerElement);
-			return this.options.interpolator.getValueForClientX(t, n, this.options.min, this.options.max);
-		}, this.getNextStep = (t, n) => {
-			let { min: i, max: s } = this.options;
-			if ("steps" in this.options) {
-				let { steps: i } = this.options, s = i.indexOf(t) + n;
-				return s >= 0 && s < i.length ? i[s] : t;
-			} else {
-				let c = t + this.options.stepSize * n;
-				return c >= i && c <= s ? c : t;
-			}
-		}, this.roundToStep = (t) => {
-			let { min: n, max: i } = this.options, s = n, c = i;
-			if ("steps" in this.options) this.options.steps.forEach((n) => {
-				n <= t && n > s && (s = n), n >= t && n < c && (c = n);
-			});
-			else {
-				let { stepSize: n } = this.options;
-				for (; s < t && s + n < t;) s += n;
-				c = Math.min(s + n, i);
-			}
-			return t - s < c - t ? s : c;
-		}, this.handleDrag = (t) => {
-			if (this.activeHandleIndex === void 0) return;
-			let n = t.type === "touchmove" ? t.changedTouches[0].clientX : t.clientX, i = this.getValueForClientX(n), s = this.roundToStep(i);
-			this.sortedValues = [
-				...this.options.values.slice(0, this.activeHandleIndex),
-				s,
-				...this.options.values.slice(this.activeHandleIndex + 1)
-			], this.options.onDrag ? this.options.onDrag(this) : (this.tempValues = this.sortedValues, this.options.rerender());
-		}, this.handleKeyDown = (t, n) => {
-			let { values: i } = this.options;
-			if (t.keyCode === 37 || t.keyCode === 39) {
-				this.activeHandleIndex = n;
-				let s = t.keyCode === 37 ? -1 : 1, c = this.getNextStep(i[n], s);
-				this.sortedValues = sortNumList([
-					...i.slice(0, n),
-					c,
-					...i.slice(n + 1)
-				]), this.options.onChange && this.options.onChange(this);
-			}
-		}, this.handlePress = (t, n) => {
-			this.activeHandleIndex = n, this.options.rerender();
-			let i = () => {
-				let { tempValues: t, handleDrag: n } = this;
-				document.removeEventListener("mousemove", n), document.removeEventListener("touchmove", n), document.removeEventListener("mouseup", i), document.removeEventListener("touchend", i), this.sortedValues = sortNumList(t || this.options.values), this.options.onChange && this.options.onChange(this), this.options.onDrag && this.options.onDrag(this), this.activeHandleIndex = void 0, this.tempValues = void 0, this.options.rerender();
-			}, { handleDrag: s } = this;
-			document.addEventListener("mousemove", s), document.addEventListener("touchmove", s), document.addEventListener("mouseup", i), document.addEventListener("touchend", i);
-		}, this.getPercentageForValue = (t) => this.options.interpolator.getPercentageForValue(t, this.options.min, this.options.max), this.getTicks = () => {
-			let t = [];
-			if (this.options.ticks) t = [...this.options.ticks];
-			else if ("steps" in this.options) t = [...this.options.steps];
-			else {
-				for (t = [this.options.min]; t[t.length - 1] < this.options.max - this.options.tickSize;) t.push(t[t.length - 1] + this.options.tickSize);
-				t.push(this.options.max);
-			}
-			return t.map((t, n) => ({
-				value: t,
-				key: n,
-				percentage: this.getPercentageForValue(t)
-			}));
-		}, this.getSteps = () => {
-			let t = sortNumList(this.tempValues || this.options.values);
-			return [...t, this.options.max].map((n, i) => {
-				let s = t[i - 1], c = s === void 0 ? this.options.min : s, l = this.getPercentageForValue(c);
-				return {
-					left: l,
-					width: this.getPercentageForValue(n) - l
-				};
-			});
-		}, this.handles = () => (this.tempValues || this.options.values).map((t, n) => ({
-			value: t,
-			isActive: n === this.activeHandleIndex,
-			onKeyDownHandler: (t) => {
-				this.handleKeyDown(t, n);
-			},
-			onMouseDownHandler: (t) => {
-				this.handlePress(t, n);
-			},
-			onTouchStart: (t) => {
-				this.handlePress(t, n);
-			}
-		})), this.setOptions(t);
-	}
-	setOptions(t) {
-		Object.entries(t).forEach(([n, i]) => {
-			i === void 0 && delete t[n];
-		}), this.options = {
-			debug: !1,
-			tickSize: 10,
-			interpolator: linearInterpolator,
-			onChange: () => {},
-			...t
-		};
-	}
-}, useIsomorphicLayoutEffect = typeof window < "u" ? React.useLayoutEffect : React.useEffect;
-function useRanger(n) {
-	let i = React.useReducer(() => ({}), {})[1], s = {
-		...n,
-		rerender: i,
-		onChange: (t) => {
-			i(), n.onChange?.(t);
-		}
-	}, [c] = React.useState(() => new Ranger(s));
-	return c.setOptions(s), useIsomorphicLayoutEffect(() => c._willUpdate()), c;
-}
-const Slider = ({ leadingIcon: t, trailingIcon: n, min: i, max: s, stepSize: c, defaultValues: l, showTickLabels: u, label: m, className: h, ref: g, ..._ }) => {
+}), Slider = ({ leadingIcon: t, trailingIcon: n, min: i, max: s, stepSize: c, defaultValues: l, showTickLabels: u, label: m, className: h, ref: g, ..._ }) => {
 	let v = useRef(null), [y, b] = useState(l || [50]), x = useRanger({
 		getRangerElement: () => v.current,
 		values: y,
@@ -11914,14 +11913,14 @@ const Slider = ({ leadingIcon: t, trailingIcon: n, min: i, max: s, stepSize: c,
 		}
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		ref: g,
 		className: cn("space-y-2xs", h),
+		ref: g,
 		..._,
 		children: [m && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 			className: "style-text-default--1 text-on-surface-variant",
 			children: m
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-center w-full gap-sm",
+			className: "flex w-full items-center gap-sm",
 			children: [
 				t && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(t, {
 					className: "size-sm",
@@ -11936,16 +11935,16 @@ const Slider = ({ leadingIcon: t, trailingIcon: n, min: i, max: s, stepSize: c,
 						}, n)),
 						x.getSteps().map(({ left: t, width: n }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderSegment, {
 							index: i,
-							steps: x.getSteps().length,
 							left: t,
+							steps: x.getSteps().length,
 							width: n
 						}, i)),
 						x.handles().map(({ isActive: t, onKeyDownHandler: n, onMouseDownHandler: i, onTouchStart: s, value: c }, l) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderHandle, {
-							sliderInstance: x,
 							isActive: t,
 							onKeyDownHandler: n,
 							onMouseDownHandler: i,
 							onTouchStart: s,
+							sliderInstance: x,
 							value: c
 						}, l))
 					]
@@ -11973,85 +11972,85 @@ const stateAttributesMapping$2 = {
 		return t ? { [SwitchRootDataAttributes.checked]: "" } : { [SwitchRootDataAttributes.unchecked]: "" };
 	}
 }, SwitchRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
-	let { checked: s, className: c, defaultChecked: l, id: u, inputRef: d, name: f, nativeButton: m = !1, onCheckedChange: h, readOnly: g = !1, required: _ = !1, disabled: v = !1, render: y, uncheckedValue: b, ...x } = n, { clearErrors: S } = useFormContext(), { state: w, setTouched: T, setDirty: E, validityData: D, setFilled: O, setFocused: k, shouldValidateOnChange: A, validationMode: j, disabled: M, name: N, validation: P } = useFieldRootContext(), { labelId: F } = useLabelableContext(), I = M || v, R = N ?? f, z = useStableCallback(h), B = React.useRef(null), V = useMergedRefs(B, d, P.inputRef), H = React.useRef(null), U = useBaseUiId(), W = useLabelableId({
+	let { checked: s, className: c, defaultChecked: l, id: u, inputRef: d, name: f, nativeButton: m = !1, onCheckedChange: h, readOnly: g = !1, required: _ = !1, disabled: v = !1, render: y, uncheckedValue: b, ...x } = n, { clearErrors: S } = useFormContext(), { state: C, setTouched: w, setDirty: T, validityData: E, setFilled: D, setFocused: O, shouldValidateOnChange: k, validationMode: A, disabled: M, name: N, validation: P } = useFieldRootContext(), { labelId: F } = useLabelableContext(), I = M || v, L = N ?? f, R = useStableCallback(h), z = React.useRef(null), B = useMergedRefs(z, d, P.inputRef), V = React.useRef(null), H = useBaseUiId(), U = useLabelableId({
 		id: u,
 		implicit: !1,
-		controlRef: H
-	}), [G, K] = useControlled({
+		controlRef: V
+	}), [W, K] = useControlled({
 		controlled: s,
 		default: !!l,
 		name: "Switch",
 		state: "checked"
 	});
 	useField({
-		id: U,
+		id: H,
 		commit: P.commit,
-		value: G,
-		controlRef: H,
-		name: R,
-		getValue: () => G
+		value: W,
+		controlRef: V,
+		name: L,
+		getValue: () => W
 	}), useIsoLayoutEffect(() => {
-		B.current && O(B.current.checked);
-	}, [B, O]), useValueChanged(G, () => {
-		S(R), E(G !== D.initialValue), O(G), A() ? P.commit(G) : P.commit(G, !0);
+		z.current && D(z.current.checked);
+	}, [z, D]), useValueChanged(W, () => {
+		S(L), T(W !== E.initialValue), D(W), k() ? P.commit(W) : P.commit(W, !0);
 	});
 	let { getButtonProps: q, buttonRef: J } = useButton({
 		disabled: I,
 		native: m
 	}), Y = {
-		id: U,
+		id: H,
 		role: "switch",
-		"aria-checked": G,
+		"aria-checked": W,
 		"aria-readonly": g || void 0,
 		"aria-labelledby": F,
 		onFocus() {
-			I || k(!0);
+			I || O(!0);
 		},
 		onBlur() {
-			let t = B.current;
-			!t || I || (T(!0), k(!1), j === "onBlur" && P.commit(t.checked));
+			let t = z.current;
+			!t || I || (w(!0), O(!1), A === "onBlur" && P.commit(t.checked));
 		},
 		onClick(t) {
-			g || I || (t.preventDefault(), B?.current?.click());
+			g || I || (t.preventDefault(), z?.current?.click());
 		}
 	}, X = React.useMemo(() => mergeProps({
-		checked: G,
+		checked: W,
 		disabled: I,
-		id: W,
-		name: R,
+		id: U,
+		name: L,
 		required: _,
 		style: visuallyHidden,
 		tabIndex: -1,
 		type: "checkbox",
 		"aria-hidden": !0,
-		ref: V,
+		ref: B,
 		onChange(t) {
 			if (t.nativeEvent.defaultPrevented) return;
 			let n = t.target.checked, i = createChangeEventDetails(none, t.nativeEvent);
-			z?.(n, i), !i.isCanceled && K(n);
+			R?.(n, i), !i.isCanceled && K(n);
 		},
 		onFocus() {
-			H.current?.focus();
+			V.current?.focus();
 		}
 	}, P.getInputValidationProps), [
-		G,
-		I,
-		V,
 		W,
+		I,
+		B,
+		U,
+		L,
 		R,
-		z,
 		_,
 		K,
 		P
 	]), Z = React.useMemo(() => ({
-		...w,
-		checked: G,
+		...C,
+		checked: W,
 		disabled: I,
 		readOnly: g,
 		required: _
 	}), [
-		w,
-		G,
+		C,
+		W,
 		I,
 		g,
 		_
@@ -12059,7 +12058,7 @@ const stateAttributesMapping$2 = {
 		state: Z,
 		ref: [
 			i,
-			H,
+			V,
 			J
 		],
 		props: [
@@ -12074,9 +12073,9 @@ const stateAttributesMapping$2 = {
 		value: Z,
 		children: [
 			Q,
-			!G && R && b !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+			!W && L && b !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
 				type: "hidden",
-				name: R,
+				name: L,
 				value: b
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...X })
@@ -12102,9 +12101,9 @@ const Switch = (t) => {
 	let n = (0, import_compiler_runtime$6.c)(18), i, s, c, l;
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4]) : ({label: s, className: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l);
 	let u;
-	n[5] === i ? u = n[6] : (u = cn("relative group transition-colors flex items-center h-[26px] w-[50px] rounded-full bg-surface-dim bg-size-[6.5rem_100%] inset-shadow-1-shadow p-0.5 ease-[cubic-bezier(0.26,0.75,0.38,0.45)] before:absolute before:rounded-full data-checked:bg-accent data-checked:active:bg-gray-500 outline-2 outline-transparent not-disabled:hover:outline-accent hover:cursor-pointer disabled:opacity-50 disabled:pointer-events-none", i), n[5] = i, n[6] = u);
+	n[5] === i ? u = n[6] : (u = cn("group relative inset-shadow-1-shadow flex h-[26px] w-[50px] items-center rounded-full bg-size-[6.5rem_100%] bg-surface-dim p-0.5 outline-2 outline-transparent transition-colors ease-[cubic-bezier(0.26,0.75,0.38,0.45)] before:absolute before:rounded-full hover:cursor-pointer not-disabled:hover:outline-accent disabled:pointer-events-none disabled:opacity-50 data-checked:bg-accent data-checked:active:bg-gray-500", i), n[5] = i, n[6] = u);
 	let d;
-	n[7] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchThumb, { className: "size-[14px] data-checked:size-[18px] rounded-full bg-accent transition-transform duration-500 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)] translate-x-[6px] shadow-xs data-checked:translate-x-[26px] data-checked:scale-[1.1] data-unchecked:bg-accent data-checked:bg-on-accent" }), n[7] = d) : d = n[7];
+	n[7] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchThumb, { className: "size-[14px] translate-x-[6px] rounded-full bg-accent shadow-xs transition-transform duration-500 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)] data-checked:size-[18px] data-checked:translate-x-[26px] data-checked:scale-[1.1] data-checked:bg-on-accent data-unchecked:bg-accent" }), n[7] = d) : d = n[7];
 	let f;
 	n[8] !== c || n[9] !== l || n[10] !== u ? (f = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchRoot, {
 		className: u,
@@ -12180,7 +12179,7 @@ function CompositeList(n) {
 	useIsoLayoutEffect(() => {
 		f.forEach((t) => t(b));
 	}, [f, b]);
-	let C = React.useMemo(() => ({
+	let S = React.useMemo(() => ({
 		register: v,
 		unregister: y,
 		subscribeMapChange: x,
@@ -12196,7 +12195,7 @@ function CompositeList(n) {
 		d
 	]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeListContext.Provider, {
-		value: C,
+		value: S,
 		children: i
 	});
 }
@@ -12621,25 +12620,25 @@ function isElementDisabled(t) {
 }
 var EMPTY_ARRAY$1 = [];
 function useCompositeRoot(n) {
-	let { itemSizes: i, cols: s = 1, loopFocus: c = !0, dense: l = !1, orientation: u = "both", direction: d, highlightedIndex: f, onHighlightedIndexChange: m, rootRef: h, enableHomeAndEndKeys: g = !1, stopEventPropagation: _ = !1, disabledIndices: v, modifierKeys: y = EMPTY_ARRAY$1 } = n, [b, x] = React.useState(0), S = s > 1, w = React.useRef(null), T = useMergedRefs(w, h), E = React.useRef([]), D = React.useRef(!1), O = f ?? b, k = useStableCallback((t, n = !1) => {
+	let { itemSizes: i, cols: s = 1, loopFocus: c = !0, dense: l = !1, orientation: u = "both", direction: d, highlightedIndex: f, onHighlightedIndexChange: m, rootRef: h, enableHomeAndEndKeys: g = !1, stopEventPropagation: _ = !1, disabledIndices: v, modifierKeys: y = EMPTY_ARRAY$1 } = n, [b, x] = React.useState(0), S = s > 1, C = React.useRef(null), w = useMergedRefs(C, h), T = React.useRef([]), E = React.useRef(!1), D = f ?? b, O = useStableCallback((t, n = !1) => {
 		if ((m ?? x)(t), n) {
-			let n = E.current[t];
-			scrollIntoViewIfNeeded(w.current, n, d, u);
+			let n = T.current[t];
+			scrollIntoViewIfNeeded(C.current, n, d, u);
 		}
-	}), A = useStableCallback((t) => {
-		if (t.size === 0 || D.current) return;
-		D.current = !0;
+	}), k = useStableCallback((t) => {
+		if (t.size === 0 || E.current) return;
+		E.current = !0;
 		let n = Array.from(t.keys()), i = n.find((t) => t?.hasAttribute("data-composite-item-active")) ?? null, s = i ? n.indexOf(i) : -1;
-		s !== -1 && k(s), scrollIntoViewIfNeeded(w.current, i, d, u);
-	}), j = React.useMemo(() => ({
+		s !== -1 && O(s), scrollIntoViewIfNeeded(C.current, i, d, u);
+	}), A = React.useMemo(() => ({
 		"aria-orientation": u === "both" ? void 0 : u,
-		ref: T,
+		ref: w,
 		onFocus(t) {
-			!w.current || !isNativeInput(t.target) || t.target.setSelectionRange(0, t.target.value.length ?? 0);
+			!C.current || !isNativeInput(t.target) || t.target.setSelectionRange(0, t.target.value.length ?? 0);
 		},
 		onKeyDown(t) {
 			let n = g ? ALL_KEYS : ARROW_KEYS;
-			if (!n.has(t.key) || isModifierKeySet(t, y) || !w.current) return;
+			if (!n.has(t.key) || isModifierKeySet(t, y) || !C.current) return;
 			let f = d === "rtl", m = f ? ARROW_LEFT : ARROW_RIGHT, h = {
 				horizontal: m,
 				vertical: ARROW_DOWN,
@@ -12653,21 +12652,21 @@ function useCompositeRoot(n) {
 				let n = t.target.selectionStart, i = t.target.selectionEnd, s = t.target.value ?? "";
 				if (n == null || t.shiftKey || n !== i || t.key !== x && n < s.length || t.key !== h && n > 0) return;
 			}
-			let C = O, T = getMinListIndex(E, v), D = getMaxListIndex(E, v);
+			let w = D, E = getMinListIndex(T, v), k = getMaxListIndex(T, v);
 			if (S) {
-				let n = i || Array.from({ length: E.current.length }, () => ({
+				let n = i || Array.from({ length: T.current.length }, () => ({
 					width: 1,
 					height: 1
-				})), d = createGridCellMap(n, s, l), m = d.findIndex((t) => t != null && !isListIndexDisabled(E, t, v)), h = d.reduce((t, n, i) => n != null && !isListIndexDisabled(E, n, v) ? i : t, -1);
-				C = d[getGridNavigatedIndex({ current: d.map((t) => t ? E.current[t] : null) }, {
+				})), d = createGridCellMap(n, s, l), m = d.findIndex((t) => t != null && !isListIndexDisabled(T, t, v)), h = d.reduce((t, n, i) => n != null && !isListIndexDisabled(T, n, v) ? i : t, -1);
+				w = d[getGridNavigatedIndex({ current: d.map((t) => t ? T.current[t] : null) }, {
 					event: t,
 					orientation: u,
 					loopFocus: c,
 					cols: s,
-					disabledIndices: getGridCellIndices([...v || E.current.map((t, n) => isListIndexDisabled(E, n) ? n : void 0), void 0], d),
+					disabledIndices: getGridCellIndices([...v || T.current.map((t, n) => isListIndexDisabled(T, n) ? n : void 0), void 0], d),
 					minIndex: m,
 					maxIndex: h,
-					prevIndex: getGridCellIndexOfCorner(O > D ? T : O, n, d, s, t.key === "ArrowDown" ? "bl" : t.key === "ArrowRight" ? "tr" : "tl"),
+					prevIndex: getGridCellIndexOfCorner(D > k ? E : D, n, d, s, t.key === "ArrowDown" ? "bl" : t.key === "ArrowRight" ? "tr" : "tl"),
 					rtl: f
 				})];
 			}
@@ -12684,12 +12683,12 @@ function useCompositeRoot(n) {
 				vertical: g ? VERTICAL_KEYS_WITH_EXTRA_KEYS : VERTICAL_KEYS,
 				both: n
 			}[u];
-			g && (t.key === "Home" ? C = T : t.key === "End" && (C = D)), C === O && (A.includes(t.key) || j.includes(t.key)) && (C = c && C === D && A.includes(t.key) ? T : c && C === T && j.includes(t.key) ? D : findNonDisabledListIndex(E, {
-				startingIndex: C,
+			g && (t.key === "Home" ? w = E : t.key === "End" && (w = k)), w === D && (A.includes(t.key) || j.includes(t.key)) && (w = c && w === k && A.includes(t.key) ? E : c && w === E && j.includes(t.key) ? k : findNonDisabledListIndex(T, {
+				startingIndex: w,
 				decrement: j.includes(t.key),
 				disabledIndices: v
-			})), C !== O && !isIndexOutOfListBounds(E, C) && (_ && t.stopPropagation(), M.has(t.key) && t.preventDefault(), k(C, !0), queueMicrotask(() => {
-				E.current[C]?.focus();
+			})), w !== D && !isIndexOutOfListBounds(T, w) && (_ && t.stopPropagation(), M.has(t.key) && t.preventDefault(), O(w, !0), queueMicrotask(() => {
+				T.current[w]?.focus();
 			}));
 		}
 	}), [
@@ -12697,33 +12696,33 @@ function useCompositeRoot(n) {
 		l,
 		d,
 		v,
-		E,
+		T,
 		g,
-		O,
+		D,
 		S,
 		i,
 		c,
-		T,
+		w,
 		y,
-		k,
+		O,
 		u,
 		_
 	]);
 	return React.useMemo(() => ({
-		props: j,
-		highlightedIndex: O,
-		onHighlightedIndexChange: k,
-		elementsRef: E,
+		props: A,
+		highlightedIndex: D,
+		onHighlightedIndexChange: O,
+		elementsRef: T,
 		disabledIndices: v,
-		onMapChange: A,
-		relayKeyboardEvent: j.onKeyDown
+		onMapChange: k,
+		relayKeyboardEvent: A.onKeyDown
 	}), [
-		j,
+		A,
+		D,
 		O,
-		k,
-		E,
+		T,
 		v,
-		A
+		k
 	]);
 }
 function isModifierKeySet(t, n) {
@@ -12872,11 +12871,43 @@ function useActivationDirectionDetector(n, i, s, c) {
 }
 const TabsOrientationContext = createContext("vertical");
 var import_compiler_runtime$5 = require_compiler_runtime();
+const Tabs = (t) => {
+	let n = (0, import_compiler_runtime$5.c)(15), { className: i, ref: s, ...l } = t, [u, d] = useState(l.orientation ?? "vertical");
+	if (useEffect(() => {
+		let t = () => {
+			window.innerWidth < 768 ? d("horizontal") : d(l.orientation ?? "vertical");
+		};
+		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+	}, [l.orientation]), l.orientation = u, l.orientation === "horizontal") {
+		let t = l.orientation, c;
+		n[0] === i ? c = n[1] : (c = cn("flex flex-wrap gap-4 overflow-auto", i), n[0] = i, n[1] = c);
+		let u;
+		n[2] !== l || n[3] !== s || n[4] !== c ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
+			className: c,
+			ref: s,
+			...l
+		}), n[2] = l, n[3] = s, n[4] = c, n[5] = u) : u = n[5];
+		let d;
+		return n[6] !== l.orientation || n[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsOrientationContext.Provider, {
+			value: t,
+			children: u
+		}), n[6] = l.orientation, n[7] = u, n[8] = d) : d = n[8], d;
+	}
+	let m;
+	n[9] === i ? m = n[10] : (m = cn("flex flex-col gap-2 overflow-clip", i), n[9] = i, n[10] = m);
+	let h;
+	return n[11] !== l || n[12] !== s || n[13] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
+		className: m,
+		ref: s,
+		...l
+	}), n[11] = l, n[12] = s, n[13] = m, n[14] = h) : h = n[14], h;
+};
+var import_compiler_runtime$4 = require_compiler_runtime();
 const TabsIndicator = (t) => {
-	let n = (0, import_compiler_runtime$5.c)(13), i, c;
+	let n = (0, import_compiler_runtime$4.c)(13), i, c;
 	if (n[0] === t ? (i = n[1], c = n[2]) : ({className: i, ...c} = t, n[0] = t, n[1] = i, n[2] = c), useContext(TabsOrientationContext) === "horizontal") {
 		let t;
-		n[3] === i ? t = n[4] : (t = cn("absolute left-1/2 h-11 md:h-12 top-0 z-[-1] w-(--active-tab-width) translate-y-(--active-tab-top) -translate-x-1/2 rounded-2xl md:rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", i), n[3] = i, n[4] = t);
+		n[3] === i ? t = n[4] : (t = cn("absolute top-0 left-1/2 z-[-1] h-11 w-(--active-tab-width) -translate-x-1/2 translate-y-(--active-tab-top) rounded-2xl bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)] md:h-12 md:rounded-full", i), n[3] = i, n[4] = t);
 		let s;
 		return n[5] !== c || n[6] !== t ? (s = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
 			className: t,
@@ -12884,19 +12915,19 @@ const TabsIndicator = (t) => {
 		}), n[5] = c, n[6] = t, n[7] = s) : s = n[7], s;
 	}
 	let l;
-	n[8] === i ? l = n[9] : (l = cn("absolute top-1/2 h-11 md:h-12 left-0 z-[-1] w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", i), n[8] = i, n[9] = l);
+	n[8] === i ? l = n[9] : (l = cn("absolute top-1/2 left-0 z-[-1] h-11 w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)] md:h-12", i), n[8] = i, n[9] = l);
 	let u;
 	return n[10] !== c || n[11] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
 		className: l,
 		...c
 	}), n[10] = c, n[11] = l, n[12] = u) : u = n[12], u;
 };
-var import_compiler_runtime$4 = require_compiler_runtime();
+var import_compiler_runtime$3 = require_compiler_runtime();
 const TabsList = (t) => {
-	let n = (0, import_compiler_runtime$4.c)(13), i, c;
+	let n = (0, import_compiler_runtime$3.c)(13), i, c;
 	if (n[0] === t ? (i = n[1], c = n[2]) : ({className: i, ...c} = t, n[0] = t, n[1] = i, n[2] = c), useContext(TabsOrientationContext) === "horizontal") {
 		let t;
-		n[3] === i ? t = n[4] : (t = cn("relative z-0 flex flex-col h-fit grow gap-2 p-2 bg-surface-neutral-primary-default rounded-3xl", i), n[3] = i, n[4] = t);
+		n[3] === i ? t = n[4] : (t = cn("relative z-0 flex h-fit grow flex-col gap-2 rounded-3xl bg-surface-neutral-primary-default p-2", i), n[3] = i, n[4] = t);
 		let s;
 		return n[5] !== c || n[6] !== t ? (s = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
 			className: t,
@@ -12904,69 +12935,37 @@ const TabsList = (t) => {
 		}), n[5] = c, n[6] = t, n[7] = s) : s = n[7], s;
 	}
 	let l;
-	n[8] === i ? l = n[9] : (l = cn("relative z-0 flex gap-1 p-2 bg-surface-neutral-primary-default rounded-full", i), n[8] = i, n[9] = l);
+	n[8] === i ? l = n[9] : (l = cn("relative z-0 flex gap-1 rounded-full bg-surface-neutral-primary-default p-2", i), n[8] = i, n[9] = l);
 	let u;
 	return n[10] !== c || n[11] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
 		className: l,
 		...c
 	}), n[10] = c, n[11] = l, n[12] = u) : u = n[12], u;
 };
-var import_compiler_runtime$3 = require_compiler_runtime();
+var import_compiler_runtime$2 = require_compiler_runtime();
 const TabsPanel = (t) => {
-	let n = (0, import_compiler_runtime$3.c)(9), i, c;
+	let n = (0, import_compiler_runtime$2.c)(9), i, c;
 	n[0] === t ? (i = n[1], c = n[2]) : ({className: i, ...c} = t, n[0] = t, n[1] = i, n[2] = c);
-	let l = useContext(TabsOrientationContext) === "horizontal" ? "flex-1 min-h-0 h-full" : "grow", u;
-	n[3] !== i || n[4] !== l ? (u = cn("relative rounded-xl bg-surface-neutral-primary-default", l, "flex items-center justify-center p-4 overflow-auto", i), n[3] = i, n[4] = l, n[5] = u) : u = n[5];
+	let l = useContext(TabsOrientationContext) === "horizontal" ? "h-full min-h-0 flex-1" : "grow", u;
+	n[3] !== i || n[4] !== l ? (u = cn("relative rounded-xl bg-surface-neutral-primary-default", l, "flex items-center justify-center overflow-auto p-4", i), n[3] = i, n[4] = l, n[5] = u) : u = n[5];
 	let d;
 	return n[6] !== c || n[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPanel$1, {
 		className: u,
 		...c
 	}), n[6] = c, n[7] = u, n[8] = d) : d = n[8], d;
 };
-var import_compiler_runtime$2 = require_compiler_runtime();
+var import_compiler_runtime$1 = require_compiler_runtime();
 const TabsTab = (t) => {
-	let n = (0, import_compiler_runtime$2.c)(8), i, s;
+	let n = (0, import_compiler_runtime$1.c)(8), i, s;
 	n[0] === t ? (i = n[1], s = n[2]) : ({className: i, ...s} = t, n[0] = t, n[1] = i, n[2] = s);
 	let c;
-	n[3] === i ? c = n[4] : (c = cn("inline-flex rounded-2xl md:rounded-full h-11 md:h-12 px-6 body-base-semibold w-full text-text-brand-primary-default text-center items-center justify-center border-0 break-keep whitespace-nowrap outline-none select-none focus-visible:relative focus-visible:before:absolute focus-visible:before:outline data-selected:text-text-inverse-primary-default transition-colors duration-300 hover:cursor-pointer aria-[selected=false]:hover:bg-surface-neutral-primary-hover", i), n[3] = i, n[4] = c);
+	n[3] === i ? c = n[4] : (c = cn("body-base-semibold inline-flex h-11 w-full select-none items-center justify-center whitespace-nowrap break-keep rounded-2xl border-0 px-6 text-center text-text-brand-primary-default outline-none transition-colors duration-300 hover:cursor-pointer focus-visible:relative focus-visible:before:absolute focus-visible:before:outline aria-[selected=false]:hover:bg-surface-neutral-primary-hover data-selected:text-text-inverse-primary-default md:h-12 md:rounded-full", i), n[3] = i, n[4] = c);
 	let l;
 	return n[5] !== s || n[6] !== c ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTab$1, {
 		className: c,
 		...s
 	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
 };
-var import_compiler_runtime$1 = require_compiler_runtime();
-const Tabs = (t) => {
-	let n = (0, import_compiler_runtime$1.c)(15), { className: i, ref: s, ...l } = t, [u, d] = useState(l.orientation ?? "vertical");
-	if (useEffect(() => {
-		let t = () => {
-			window.innerWidth < 768 ? d("horizontal") : d(l.orientation ?? "vertical");
-		};
-		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-	}, [l.orientation]), l.orientation = u, l.orientation === "horizontal") {
-		let t = l.orientation, c;
-		n[0] === i ? c = n[1] : (c = cn("flex flex-wrap gap-4 overflow-auto", i), n[0] = i, n[1] = c);
-		let u;
-		n[2] !== l || n[3] !== s || n[4] !== c ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
-			className: c,
-			ref: s,
-			...l
-		}), n[2] = l, n[3] = s, n[4] = c, n[5] = u) : u = n[5];
-		let d;
-		return n[6] !== l.orientation || n[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsOrientationContext.Provider, {
-			value: t,
-			children: u
-		}), n[6] = l.orientation, n[7] = u, n[8] = d) : d = n[8], d;
-	}
-	let m;
-	n[9] === i ? m = n[10] : (m = cn("flex flex-col gap-2 overflow-clip", i), n[9] = i, n[10] = m);
-	let h;
-	return n[11] !== l || n[12] !== s || n[13] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
-		className: m,
-		ref: s,
-		...l
-	}), n[11] = l, n[12] = s, n[13] = m, n[14] = h) : h = n[14], h;
-};
 var counter = 0;
 function generateId(t) {
 	return counter += 1, `${t}-${Math.random().toString(36).slice(2, 6)}-${counter}`;
@@ -13360,7 +13359,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	}), K = React.useRef(void 0), q = React.useRef(0), J = React.useRef(!1), Y = React.useRef({
 		x: 0,
 		y: 0
-	}), X = React.useRef(!1), Z = React.useMemo(() => _.indexOf(s), [s, _]), Q = React.useMemo(() => _.filter((t) => t.transitionStatus !== "ending").indexOf(s), [s, _]), fh = React.useMemo(() => _.slice(0, _.indexOf(s)).reduce((t, n) => t + (n.height || 0), 0), [_, s]);
+	}), X = React.useRef(!1), Z = React.useMemo(() => _.indexOf(s), [s, _]), Q = React.useMemo(() => _.filter((t) => t.transitionStatus !== "ending").indexOf(s), [s, _]), $ = React.useMemo(() => _.slice(0, _.indexOf(s)).reduce((t, n) => t + (n.height || 0), 0), [_, s]);
 	useOpenChangeComplete({
 		open: s.transitionStatus !== "ending",
 		ref: U,
@@ -13368,7 +13367,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			s.transitionStatus === "ending" && b(s.id);
 		}
 	});
-	let $ = useStableCallback((t = !1) => {
+	let yh = useStableCallback((t = !1) => {
 		let n = U.current;
 		if (!n) return;
 		let i = n.style.height;
@@ -13385,15 +13384,15 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		}
 		t ? ReactDOM.flushSync(l) : l();
 	});
-	useIsoLayoutEffect($, [$]);
-	function mh(t, n) {
+	useIsoLayoutEffect(yh, [yh]);
+	function bh(t, n) {
 		let i = t, s = n;
 		return !h.includes("left") && !h.includes("right") ? i = t > 0 ? t ** OPPOSITE_DIRECTION_DAMPING_FACTOR : -(Math.abs(t) ** OPPOSITE_DIRECTION_DAMPING_FACTOR) : (!h.includes("right") && t > 0 && (i = t ** OPPOSITE_DIRECTION_DAMPING_FACTOR), !h.includes("left") && t < 0 && (i = -(Math.abs(t) ** OPPOSITE_DIRECTION_DAMPING_FACTOR))), !h.includes("up") && !h.includes("down") ? s = n > 0 ? n ** OPPOSITE_DIRECTION_DAMPING_FACTOR : -(Math.abs(n) ** OPPOSITE_DIRECTION_DAMPING_FACTOR) : (!h.includes("down") && n > 0 && (s = n ** OPPOSITE_DIRECTION_DAMPING_FACTOR), !h.includes("up") && n < 0 && (s = -(Math.abs(n) ** OPPOSITE_DIRECTION_DAMPING_FACTOR))), {
 			x: i,
 			y: s
 		};
 	}
-	function hh(t) {
+	function xh(t) {
 		if (t.button !== 0) return;
 		t.pointerType === "touch" && S();
 		let n = getTarget(t.nativeEvent);
@@ -13411,7 +13410,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			w(!0), O(!0), A(!1), H(null), X.current = !0, U.current?.setPointerCapture(t.pointerId);
 		}
 	}
-	function gh(t) {
+	function Sh(t) {
 		if (!D) return;
 		t.preventDefault(), X.current &&= (W.current = {
 			x: t.clientX,
@@ -13436,13 +13435,13 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			let t = K.current, n = getDisplacement(t, f, d);
 			n > SWIPE_THRESHOLD ? (J.current = !1, E(t)) : !(h.includes("left") && h.includes("right")) && !(h.includes("up") && h.includes("down")) && q.current - n >= REVERSE_CANCEL_THRESHOLD && (J.current = !0);
 		}
-		let g = mh(l, u), _ = G.current.x, v = G.current.y;
+		let g = bh(l, u), _ = G.current.x, v = G.current.y;
 		V === "horizontal" ? (h.includes("left") || h.includes("right")) && (_ += g.x) : (V === "vertical" || (h.includes("left") || h.includes("right")) && (_ += g.x), (h.includes("up") || h.includes("down")) && (v += g.y)), P({
 			x: _,
 			y: v
 		});
 	}
-	function _h(t) {
+	function Ch(t) {
 		if (!D) return;
 		if (O(!1), A(!1), H(null), U.current?.releasePointerCapture(t.pointerId), J.current) {
 			P({
@@ -13475,7 +13474,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			y: F.y
 		}), E(void 0));
 	}
-	function vh(t) {
+	function wh(t) {
 		if (t.key === "Escape") {
 			if (!U.current || !contains(U.current, activeElement(ownerDocument(U.current)))) return;
 			y(s.id);
@@ -13492,7 +13491,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			t.removeEventListener("touchmove", n);
 		};
 	}, [g]);
-	function yh() {
+	function Th() {
 		if (!D && N.x === F.x && N.y === F.y && !j) return {
 			[ToastRootCssVars.swipeMovementX]: "0px",
 			[ToastRootCssVars.swipeMovementY]: "0px"
@@ -13505,25 +13504,25 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			[ToastRootCssVars.swipeMovementY]: `${n}px`
 		};
 	}
-	let bh = s.priority === "high", Sh = {
-		role: bh ? "alertdialog" : "dialog",
+	let Eh = s.priority === "high", Oh = {
+		role: Eh ? "alertdialog" : "dialog",
 		tabIndex: 0,
 		"aria-modal": !1,
 		"aria-labelledby": L,
 		"aria-describedby": z,
-		"aria-hidden": bh && !v ? !0 : void 0,
-		onPointerDown: g ? hh : void 0,
-		onPointerMove: g ? gh : void 0,
-		onPointerUp: g ? _h : void 0,
-		onKeyDown: vh,
+		"aria-hidden": Eh && !v ? !0 : void 0,
+		onPointerDown: g ? xh : void 0,
+		onPointerMove: g ? Sh : void 0,
+		onPointerUp: g ? Ch : void 0,
+		onKeyDown: wh,
 		inert: inertValue(s.limited),
 		style: {
-			...yh(),
+			...Th(),
 			[ToastRootCssVars.index]: s.transitionStatus === "ending" ? Z : Q,
-			[ToastRootCssVars.offsetY]: `${fh}px`,
+			[ToastRootCssVars.offsetY]: `${$}px`,
 			[ToastRootCssVars.height]: s.height ? `${s.height}px` : void 0
 		}
-	}, Ch = React.useMemo(() => ({
+	}, kh = React.useMemo(() => ({
 		rootRef: U,
 		toast: s,
 		titleId: L,
@@ -13532,7 +13531,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		setDescriptionId: B,
 		swiping: D,
 		swipeDirection: T,
-		recalculateHeight: $,
+		recalculateHeight: yh,
 		index: Z,
 		visibleIndex: Q,
 		expanded: C
@@ -13542,33 +13541,33 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		z,
 		D,
 		T,
-		$,
+		yh,
 		Z,
 		Q,
 		C
-	]), wh = React.useMemo(() => ({
+	]), Ah = React.useMemo(() => ({
 		transitionStatus: s.transitionStatus,
 		expanded: C,
 		limited: s.limited || !1,
 		type: s.type,
-		swiping: Ch.swiping,
-		swipeDirection: Ch.swipeDirection
+		swiping: kh.swiping,
+		swipeDirection: kh.swipeDirection
 	}), [
 		C,
 		s.transitionStatus,
 		s.limited,
 		s.type,
-		Ch.swiping,
-		Ch.swipeDirection
-	]), Th = useRenderElement("div", n, {
-		ref: [i, Ch.rootRef],
-		state: wh,
+		kh.swiping,
+		kh.swipeDirection
+	]), jh = useRenderElement("div", n, {
+		ref: [i, kh.rootRef],
+		state: Ah,
 		stateAttributesMapping,
-		props: [Sh, d]
+		props: [Oh, d]
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastRootContext.Provider, {
-		value: Ch,
-		children: Th
+		value: kh,
+		children: jh
 	});
 });
 process.env.NODE_ENV !== "production" && (ToastRoot.displayName = "ToastRoot");
@@ -13677,22 +13676,22 @@ const Toast = ({ className: t, children: n, position: i = "top-right", ref: s, .
 		}
 	};
 	return l.map((l) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToastRoot, {
-		toast: l,
-		swipeDirection: u(i),
-		className: cn(i === "bottom-right" || i === "bottom-center" || i === "bottom-left" ? "absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 w-full transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] rounded-lg border border-outline bg-surface-container bg-clip-padding p-sm shadow-lg transition-all [transition-property:opacity,transform] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] select-none after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[\"\"] data-ending-style:opacity-0 data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))] data-limited:opacity-0 data-starting-style:transform-[translateY(150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] flex flex-col gap-3xs" : "absolute top-0 right-0 left-0 z-[calc(1000-var(--toast-index))] mx-auto w-full transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] rounded-lg border border-gray-200 bg-gray-50 bg-clip-padding p-sm shadow-lg transition-all [transition-property:opacity,transform] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] select-none after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-ending-style:opacity-0 data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y)))] data-limited:opacity-0 data-starting-style:transform-[translateY(-150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(-150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]", t, l.data.variant === "success" && "border-success bg-success-container", l.data.variant === "error" && "border-error bg-error-container", l.data.variant === "warning" && "border-warning bg-warning-container"),
+		className: cn(i === "bottom-right" || i === "bottom-center" || i === "bottom-left" ? "transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))] data-starting-style:transform-[translateY(150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 flex w-full select-none flex-col gap-3xs rounded-lg border border-outline bg-surface-container bg-clip-padding p-sm shadow-lg transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] [transition-property:opacity,transform] after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[\"\"] data-ending-style:opacity-0 data-limited:opacity-0" : "transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*15px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))] data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y)))] data-starting-style:transform-[translateY(-150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(-150%)] data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))] absolute top-0 right-0 left-0 z-[calc(1000-var(--toast-index))] mx-auto w-full select-none rounded-lg border border-gray-200 bg-gray-50 bg-clip-padding p-sm shadow-lg transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] [transition-property:opacity,transform] after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-ending-style:opacity-0 data-limited:opacity-0", t, l.data.variant === "success" && "border-success bg-success-container", l.data.variant === "error" && "border-error bg-error-container", l.data.variant === "warning" && "border-warning bg-warning-container"),
+		ref: s,
 		style: {
 			"--gap": "1rem",
 			"--offset-y": "calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"
 		},
-		ref: s,
+		swipeDirection: u(i),
+		toast: l,
 		...c,
 		children: [
 			n,
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastTitle, { className: cn("text-sm font-semibold text-on-surface", l.data.variant === "success" && "text-on-success-container", l.data.variant === "error" && "text-on-error-container", l.data.variant === "warning" && "text-on-warning-container") }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastDescription, { className: cn("text-sm text-on-surface", l.data.variant === "success" && "text-on-success-container", l.data.variant === "error" && "text-on-error-container", l.data.variant === "warning" && "text-on-warning-container") }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastTitle, { className: cn("font-semibold text-on-surface text-sm", l.data.variant === "success" && "text-on-success-container", l.data.variant === "error" && "text-on-error-container", l.data.variant === "warning" && "text-on-warning-container") }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastDescription, { className: cn("text-on-surface text-sm", l.data.variant === "success" && "text-on-success-container", l.data.variant === "error" && "text-on-error-container", l.data.variant === "warning" && "text-on-warning-container") }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastClose, {
-				className: "absolute top-xs right-2xs flex size-xs items-center justify-center rounded border-none bg-transparent text-on-surface hover:cursor-pointer",
 				"aria-label": "Close",
+				className: "absolute top-xs right-2xs flex size-xs items-center justify-center rounded border-none bg-transparent text-on-surface hover:cursor-pointer",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(e, { weight: "bold" })
 			})
 		]
@@ -13704,12 +13703,12 @@ const ToastProvider = (t) => {
 	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5]) : ({position: u, className: s, children: i, ref: l, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u);
 	let d = u === void 0 ? "bottom-center" : u, f = d === "top-left", m = d === "top-center", h = d === "top-right", g = d === "bottom-left", _ = d === "bottom-center", v = d === "bottom-right", y;
 	n[6] !== s || n[7] !== f || n[8] !== m || n[9] !== h || n[10] !== g || n[11] !== _ || n[12] !== v ? (y = cn({
-		"fixed z-10 top-[1rem] left-[1rem] right-auto bottom-auto mx-0 flex w-1/4": f,
-		"fixed z-10 top-[1rem] left-1/2 right-auto bottom-auto mx-auto flex w-1/4 -translate-x-1/2": m,
-		"fixed z-10 top-[1rem] right-[1rem] left-auto bottom-auto mx-0 flex w-1/4": h,
-		"fixed z-10 bottom-[6rem] left-[1rem] right-auto top-auto mx-0 flex w-1/4": g,
-		"fixed z-10 bottom-[6rem] left-1/2 right-auto top-auto mx-auto flex w-1/4 -translate-x-1/2": _,
-		"fixed z-10 bottom-[6rem] right-[1rem] left-auto top-auto mx-0 flex w-1/4": v
+		"fixed top-[1rem] right-auto bottom-auto left-[1rem] z-10 mx-0 flex w-1/4": f,
+		"fixed top-[1rem] right-auto bottom-auto left-1/2 z-10 mx-auto flex w-1/4 -translate-x-1/2": m,
+		"fixed top-[1rem] right-[1rem] bottom-auto left-auto z-10 mx-0 flex w-1/4": h,
+		"fixed top-auto right-auto bottom-[6rem] left-[1rem] z-10 mx-0 flex w-1/4": g,
+		"fixed top-auto right-auto bottom-[6rem] left-1/2 z-10 mx-auto flex w-1/4 -translate-x-1/2": _,
+		"fixed top-auto right-[1rem] bottom-[6rem] left-auto z-10 mx-0 flex w-1/4": v
 	}, s), n[6] = s, n[7] = f, n[8] = m, n[9] = h, n[10] = g, n[11] = _, n[12] = v, n[13] = y) : y = n[13];
 	let b;
 	n[14] === d ? b = n[15] : (b = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toast, { position: d }), n[14] = d, n[15] = b);