strata-ui-react 0.2.9 → 0.2.11

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { createContext, createElement, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import * as ReactDOM from "react-dom";
+import { useSyncExternalStore } from "use-sync-external-store/shim";
 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),
@@ -13,22 +14,7 @@ var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDes
 }) : 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) => {
-	var n = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-	t.c = function(t) {
-		return n.H.useMemoCache(t);
-	};
-})), require_react_compiler_runtime_development = /* @__PURE__ */ __commonJSMin(((t) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		var n = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-		t.c = function(t) {
-			var i = n.H;
-			return i === null && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."), i.useMemoCache(t);
-		};
-	})();
-})), require_compiler_runtime = /* @__PURE__ */ __commonJSMin(((t, n) => {
-	process.env.NODE_ENV === "production" ? n.exports = require_react_compiler_runtime_production() : n.exports = require_react_compiler_runtime_development();
-}));
+});
 function formatErrorMessage(t, ...n) {
 	let i = new URL(`https://base-ui.com/production-error/${t}`);
 	return n.forEach((t) => i.searchParams.append("args[]", t)), `Base UI error #${t}; visit ${i} for the full message.`;
@@ -284,7 +270,7 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((t) =>
 			if (typeof t == "string") return t;
 			switch (t) {
 				case S: return "Fragment";
-				case T: return "Profiler";
+				case w: return "Profiler";
 				case C: return "StrictMode";
 				case k: return "Suspense";
 				case A: return "SuspenseList";
@@ -419,7 +405,7 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((t) =>
 		function v(t) {
 			return typeof t == "object" && !!t && t.$$typeof === b;
 		}
-		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() {
+		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"), w = 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;
 		};
 		y = { react_stack_bottom_frame: function(t) {
@@ -2165,49 +2151,23 @@ var concatArrays = (t, n) => {
 function cn(...t) {
 	return twMerge(clsx(t));
 }
-var import_compiler_runtime$31 = require_compiler_runtime();
-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("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, {
-		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 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("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)(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 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("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)(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;
-};
+const Avatar = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarRoot, {
+	className: cn("raised-2 inline-flex size-xl select-none items-center justify-center overflow-hidden rounded-full bg-surface-container align-middle font-medium", t),
+	"data-slot": "avatar",
+	ref: i,
+	...s,
+	children: n
+}), AvatarFallback = ({ className: t, ref: n, ...i }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback$1, {
+	className: cn("flex size-full items-center justify-center", t),
+	"data-slot": "avatar-fallback",
+	ref: n,
+	...i
+}), AvatarImage = ({ className: t, ref: n, ...i }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage$1, {
+	className: cn("size-full object-cover", t),
+	"data-slot": "avatar-image",
+	ref: n,
+	...i
+});
 var falsyToString = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t;
 const cx = clsx, cva = (t, n) => (i) => {
 	if (n?.variants == null) return cx(t, i?.class, i?.className);
@@ -2334,26 +2294,17 @@ const cx = clsx, cva = (t, n) => (i) => {
 			className: "outline-warning text-warning"
 		}
 	]
-});
-var import_compiler_runtime$28 = require_compiler_runtime();
-const Badge = (t) => {
-	let n = (0, import_compiler_runtime$28.c)(18), i, s, c, l, u, d, f;
-	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5], d = n[6], f = n[7]) : ({className: s, tone: f, style: d, radius: l, children: i, ref: u, ...c} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u, n[6] = d, n[7] = f);
-	let m;
-	n[8] !== s || n[9] !== l || n[10] !== d || n[11] !== f ? (m = cn(badgeVariants({
-		className: s,
-		tone: f,
-		style: d,
-		radius: l
-	})), n[8] = s, n[9] = l, n[10] = d, n[11] = f, n[12] = m) : m = n[12];
-	let h;
-	return n[13] !== i || n[14] !== c || n[15] !== u || n[16] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: m,
-		ref: u,
-		...c,
-		children: i
-	}), n[13] = i, n[14] = c, n[15] = u, n[16] = m, n[17] = h) : h = n[17], h;
-}, buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-full select-none transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer", {
+}), Badge = ({ className: t, tone: n, style: i, radius: s, children: c, ref: l, ...u }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: cn(badgeVariants({
+		className: t,
+		tone: n,
+		style: i,
+		radius: s
+	})),
+	ref: l,
+	...u,
+	children: c
+}), buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-full select-none transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer", {
 	variants: {
 		tone: {
 			destructive: "",
@@ -2870,23 +2821,17 @@ const Badge = (t) => {
 		}
 	]
 });
-var import_compiler_runtime$27 = require_compiler_runtime();
-function Button(t) {
-	let n = (0, import_compiler_runtime$27.c)(16), 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: s, children: i, tone: d, style: u, size: l, ...c} = 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] !== s || n[8] !== l || n[9] !== u || n[10] !== d ? (f = cn(buttonVariants({
-		tone: d,
-		style: u,
-		size: l,
-		className: s
-	})), n[7] = s, n[8] = l, n[9] = u, n[10] = d, n[11] = f) : f = n[11];
-	let m;
-	return n[12] !== i || n[13] !== c || n[14] !== f ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-		className: f,
-		...c,
-		children: i
-	}), n[12] = i, n[13] = c, n[14] = f, n[15] = m) : m = n[15], m;
+function Button({ className: t, children: n, tone: i, style: s, size: c, ...l }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		className: cn(buttonVariants({
+			tone: i,
+			style: s,
+			size: c,
+			className: t
+		})),
+		...l,
+		children: n
+	});
 }
 function useControlled({ controlled: n, default: i, name: s, state: c = "value" }) {
 	let { current: l } = React.useRef(n !== void 0), [u, d] = React.useState(i), f = l ? n : u;
@@ -3372,16 +3317,16 @@ 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: 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 { 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: A, setFocused: j, setTouched: M, state: N, validationMode: P, validityData: F, shouldValidateOnChange: I, validation: L } = useFieldRootContext(), R = useFieldItemContext(), { labelId: z, controlId: B, setControlId: V, getDescriptionProps: H } = useLabelableContext(), W = useCheckboxGroupContext(), G = W?.parent, K = G && W.allValues, q = E || R.disabled || W?.disabled || u, J = D ?? h, Y = S ?? J, X = useBaseUiId(), Z = useBaseUiId(), Q = B;
+	K ? Q = _ ? Z : `${G.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({
+	K && (_ ? $ = W.parent.getParentProps() : Y && ($ = W.parent.getChildProps(Y)));
+	let Nm = useStableCallback(g), { checked: Fm = s, indeterminate: Im = f, onCheckedChange: Lm, ...zm } = $, Bm = W?.value, Vm = W?.setValue, Hm = W?.defaultValue, Um = React.useRef(null), { getButtonProps: Wm, buttonRef: Gm } = useButton({
 		disabled: q,
 		native: C
-	}), Nh = U?.validation ?? L, [Ph, Fh] = useControlled({
-		controlled: Y && Eh && !_ ? Eh.includes(Y) : bh,
-		default: Y && kh && !_ ? kh.includes(Y) : l,
+	}), Km = W?.validation ?? L, [Jm, Ym] = useControlled({
+		controlled: Y && Bm && !_ ? Bm.includes(Y) : Fm,
+		default: Y && Hm && !_ ? Hm.includes(Y) : l,
 		name: "Checkbox",
 		state: "checked"
 	});
@@ -3391,35 +3336,35 @@ const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		};
 	}, [
 		Q,
-		U,
+		W,
 		V,
 		_
 	]), useField({
-		enabled: !U,
+		enabled: !W,
 		id: X,
-		commit: Nh.commit,
-		value: Ph,
-		controlRef: Ah,
+		commit: Km.commit,
+		value: Jm,
+		controlRef: Um,
 		name: J,
-		getValue: () => Ph
+		getValue: () => Jm
 	});
-	let Lh = React.useRef(null), Rh = useMergedRefs(m, Lh, Nh.inputRef);
+	let Xm = React.useRef(null), Zm = useMergedRefs(m, Xm, Km.inputRef);
 	useIsoLayoutEffect(() => {
-		Lh.current && (Lh.current.indeterminate = Sh, Ph && k(!0));
+		Xm.current && (Xm.current.indeterminate = Im, Jm && A(!0));
 	}, [
-		Ph,
-		Sh,
-		k
-	]), useValueChanged(Ph, () => {
-		U && !_ || (T(J), k(Ph), O(Ph !== F.initialValue), I() ? Nh.commit(Ph) : Nh.commit(Ph, !0));
+		Jm,
+		Im,
+		A
+	]), useValueChanged(Jm, () => {
+		W && !_ || (T(J), A(Jm), O(Jm !== F.initialValue), I() ? Km.commit(Jm) : Km.commit(Jm, !0));
 	});
-	let zh = mergeProps({
-		checked: Ph,
+	let Qm = mergeProps({
+		checked: Jm,
 		disabled: q,
 		name: _ ? void 0 : J,
 		id: Q ?? void 0,
 		required: b,
-		ref: Rh,
+		ref: Zm,
 		style: visuallyHidden,
 		tabIndex: -1,
 		type: "checkbox",
@@ -3427,79 +3372,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);
-			wh?.(n, i), yh(n, i), !i.isCanceled && (Fh(n), Y && Eh && Oh && !_ && Oh(n ? [...Eh, Y] : Eh.filter((t) => t !== Y), i));
+			Lm?.(n, i), Nm(n, i), !i.isCanceled && (Ym(n), Y && Bm && Vm && !_ && Vm(n ? [...Bm, Y] : Bm.filter((t) => t !== Y), i));
 		},
 		onFocus() {
-			Ah.current?.focus();
+			Um.current?.focus();
 		}
-	}, S === void 0 ? EMPTY_OBJECT : { value: (U ? Ph && S : S) || "" }, H, U ? Nh.getValidationProps : Nh.getInputValidationProps), Bh = K ? !!bh : Ph, Vh = K && Sh || f;
+	}, S === void 0 ? EMPTY_OBJECT : { value: (W ? Jm && S : S) || "" }, H, W ? Km.getValidationProps : Km.getInputValidationProps), $m = K ? !!Fm : Jm, eh = K && Im || f;
 	React.useEffect(() => {
-		W && Y && W.disabledStatesRef.current.set(Y, q);
+		G && Y && G.disabledStatesRef.current.set(Y, q);
 	}, [
-		W,
+		G,
 		q,
 		Y
 	]);
-	let Hh = React.useMemo(() => ({
+	let th = React.useMemo(() => ({
 		...N,
-		checked: Bh,
+		checked: $m,
 		disabled: q,
 		readOnly: v,
 		required: b,
-		indeterminate: Vh
+		indeterminate: eh
 	}), [
 		N,
-		Bh,
+		$m,
 		q,
 		v,
 		b,
-		Vh
-	]), Uh = useStateAttributesMapping(Hh), Wh = useRenderElement("span", n, {
-		state: Hh,
+		eh
+	]), nh = useStateAttributesMapping(th), rh = useRenderElement("span", n, {
+		state: th,
 		ref: [
-			Mh,
-			Ah,
+			Gm,
+			Um,
 			i,
-			U?.registerControlRef
+			W?.registerControlRef
 		],
 		props: [
 			{
 				id: X,
 				role: "checkbox",
-				"aria-checked": Sh ? "mixed" : Ph,
+				"aria-checked": Im ? "mixed" : Jm,
 				"aria-readonly": v || void 0,
 				"aria-required": b || void 0,
 				"aria-labelledby": z,
 				"data-parent": _ ? "" : void 0,
 				onFocus() {
-					A(!0);
+					j(!0);
 				},
 				onBlur() {
-					let t = Lh.current;
-					t && (M(!0), A(!1), P === "onBlur" && Nh.commit(U ? Eh : t.checked));
+					let t = Xm.current;
+					t && (M(!0), j(!1), P === "onBlur" && Km.commit(W ? Bm : t.checked));
 				},
 				onClick(t) {
-					v || q || (t.preventDefault(), Lh.current?.click());
+					v || q || (t.preventDefault(), Xm.current?.click());
 				}
 			},
 			H,
-			Nh.getValidationProps,
+			Km.getValidationProps,
 			w,
-			Th,
-			jh
+			zm,
+			Wm
 		],
-		stateAttributesMapping: Uh
+		stateAttributesMapping: nh
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CheckboxRootContext.Provider, {
-		value: Hh,
+		value: th,
 		children: [
-			Wh,
-			!Ph && !U && J && !_ && x !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+			rh,
+			!Jm && !W && J && !_ && x !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
 				type: "hidden",
 				name: J,
 				value: x
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...zh })
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...Qm })
 		]
 	});
 });
@@ -3746,47 +3691,24 @@ 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("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, {
-		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,
-		children: l
-	}), n[16] = s, n[17] = c, n[18] = l, n[19] = g) : g = n[19];
-	let _;
-	return n[20] !== h || n[21] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2",
-		children: [h, g]
-	}), n[20] = h, n[21] = g, n[22] = _) : _ = n[22], _;
-}, DialogRootContext = /* @__PURE__ */ React.createContext(void 0);
+const CheckboxIndicator = ({ className: t, ...n }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicator$1, {
+	className: cn("flex", t),
+	...n
+}), Checkbox = ({ className: t, ref: n, label: i, id: s, disabled: c, ...l }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	className: "flex items-center gap-2",
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxRoot, {
+		className: 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", t),
+		disabled: c,
+		id: s,
+		ref: n,
+		...l,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(o$1, { weight: "bold" }) })
+	}), i && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+		className: cn("body-base cursor-pointer", c && "cursor-not-allowed text-text-neutral-primary-disabled"),
+		htmlFor: s,
+		children: i
+	})]
+}), DialogRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (DialogRootContext.displayName = "DialogRootContext");
 function useDialogRootContext(n) {
 	let i = React.useContext(DialogRootContext);
@@ -4747,7 +4669,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, 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 { 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), A = useStableCallback(_), j = u === !1, M = isTypeableCombobox(w) && 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(T), Q = useStableCallback((t = Z) => t ? tabbable(t, getTabbableOptions()) : []), $ = useStableCallback((t) => {
 		let n = Q(t);
 		return N.current.map(() => n).filter(Boolean).flat();
 	});
@@ -4870,18 +4792,18 @@ function FloatingFocusManager(n) {
 		J,
 		Y
 	]);
-	let yh = React.useRef(null), bh = React.useRef(null), xh = useMergedRefs(yh, b, R?.beforeInsideRef), Sh = useMergedRefs(bh, R?.afterInsideRef);
+	let Mm = React.useRef(null), Nm = React.useRef(null), Pm = useMergedRefs(Mm, b, R?.beforeInsideRef), Fm = useMergedRefs(Nm, R?.afterInsideRef);
 	React.useEffect(() => {
 		if (c || !T || !C) return;
 		let t = Array.from(R?.portalNode?.querySelectorAll(`[${createAttribute("portal")}]`) || []), n = markOthers([
 			T,
 			(L ? getNodeAncestors(L.nodesRef.current, O()) : []).find((t) => isTypeableCombobox(t.context?.elements.domReference || null))?.context?.elements.domReference,
 			...t,
-			...k(),
+			...A(),
 			z.current,
 			B.current,
-			yh.current,
-			bh.current,
+			Mm.current,
+			Nm.current,
 			R?.beforeOutsideRef.current,
 			R?.afterOutsideRef.current,
 			resolveRef(y),
@@ -4902,7 +4824,7 @@ function FloatingFocusManager(n) {
 		M,
 		L,
 		O,
-		k,
+		A,
 		v,
 		y
 	]), useIsoLayoutEffect(() => {
@@ -4918,7 +4840,7 @@ function FloatingFocusManager(n) {
 		c,
 		C,
 		Z,
-		A,
+		j,
 		$,
 		P,
 		I
@@ -5012,11 +4934,11 @@ function FloatingFocusManager(n) {
 		Z,
 		N
 	]);
-	let Ch = !c && (m ? !M : !0) && (X || m);
+	let Im = !c && (m ? !M : !0) && (X || m);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React.Fragment, { children: [
-		Ch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
+		Im && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
 			"data-type": "inside",
-			ref: xh,
+			ref: Pm,
 			onFocus: (t) => {
 				if (m) {
 					let t = $();
@@ -5025,9 +4947,9 @@ function FloatingFocusManager(n) {
 			}
 		}),
 		s,
-		Ch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
+		Im && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
 			"data-type": "inside",
-			ref: Sh,
+			ref: Fm,
 			onFocus: (t) => {
 				m ? enqueueFocus($()[0]) : R?.portalNode && (h && (V.current = !0), isOutsideEvent(t, R.portalNode) ? getPreviousTabbable(w)?.focus() : resolveRef(v ?? R.afterOutsideRef)?.focus());
 			}
@@ -6470,101 +6392,15 @@ const createSelector = (t, n, i, s, c, l, ...u) => {
 };
 /**
 * @license React
-* use-sync-external-store-shim.production.js
+* use-sync-external-store-shim/with-selector.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
-var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJSMin(((t) => {
-	var n = __require("react");
-	function i(t, n) {
-		return t === n && (t !== 0 || 1 / t == 1 / n) || t !== t && n !== n;
-	}
-	var s = typeof Object.is == "function" ? Object.is : i, c = n.useState, l = n.useEffect, u = n.useLayoutEffect, d = n.useDebugValue;
-	function f(t, n) {
-		var i = n(), s = c({ inst: {
-			value: i,
-			getSnapshot: n
-		} }), f = s[0].inst, h = s[1];
-		return u(function() {
-			f.value = i, f.getSnapshot = n, m(f) && h({ inst: f });
-		}, [
-			t,
-			i,
-			n
-		]), l(function() {
-			return m(f) && h({ inst: f }), t(function() {
-				m(f) && h({ inst: f });
-			});
-		}, [t]), d(i), i;
-	}
-	function m(t) {
-		var n = t.getSnapshot;
-		t = t.value;
-		try {
-			var i = n();
-			return !s(t, i);
-		} catch {
-			return !0;
-		}
-	}
-	function h(t, n) {
-		return n();
-	}
-	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) {
-			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 (!_) {
-				var c = n();
-				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 v = c[0].inst, y = c[1];
-			return m(function() {
-				v.value = i, v.getSnapshot = n, s(v) && y({ inst: v });
-			}, [
-				t,
-				i,
-				n
-			]), f(function() {
-				return s(v) && y({ inst: v }), t(function() {
-					s(v) && y({ inst: v });
-				});
-			}, [t]), h(i), i;
-		}
-		function s(t) {
-			var n = t.getSnapshot;
-			t = t.value;
-			try {
-				var i = n();
-				return !u(t, i);
-			} catch {
-				return !0;
-			}
-		}
-		function c(t, n) {
-			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, 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();
-})), require_with_selector_production = /* @__PURE__ */ __commonJSMin(((t) => {
-	var n = __require("react"), i = require_shim();
+var require_with_selector_production = /* @__PURE__ */ __commonJSMin(((t) => {
+	var n = __require("react"), i = __require("use-sync-external-store/shim");
 	function s(t, n) {
 		return t === n && (t !== 0 || 1 / t == 1 / n) || t !== t && n !== n;
 	}
@@ -6614,7 +6450,7 @@ var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJS
 			return t === n && (t !== 0 || 1 / t == 1 / n) || t !== t && n !== n;
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var i = __require("react"), s = require_shim(), c = typeof Object.is == "function" ? Object.is : n, l = s.useSyncExternalStore, u = i.useRef, d = i.useEffect, f = i.useMemo, m = i.useDebugValue;
+		var i = __require("react"), s = __require("use-sync-external-store/shim"), c = typeof Object.is == "function" ? Object.is : n, l = s.useSyncExternalStore, u = i.useRef, d = i.useEffect, f = i.useMemo, m = i.useDebugValue;
 		t.useSyncExternalStoreWithSelector = function(t, n, i, s, h) {
 			var g = u(null);
 			if (g.current === null) {
@@ -6657,7 +6493,7 @@ var require_use_sync_external_store_shim_production = /* @__PURE__ */ __commonJS
 	})();
 })), require_with_selector = /* @__PURE__ */ __commonJSMin(((t, n) => {
 	process.env.NODE_ENV === "production" ? n.exports = require_with_selector_production() : n.exports = require_with_selector_development();
-})), import_shim = require_shim(), import_with_selector$1 = require_with_selector(), useStoreImplementation = isReactVersionAtLeast(19) ? useStoreR19 : useStoreLegacy;
+})), import_with_selector$1 = require_with_selector(), useStoreImplementation = isReactVersionAtLeast(19) ? useStoreR19 : useStoreLegacy;
 function useStore$1(t, n, i, s, c) {
 	return useStoreImplementation(t, n, i, s, c);
 }
@@ -6669,7 +6505,7 @@ function useStoreR19(n, i, s, c, l) {
 		c,
 		l
 	]);
-	return (0, import_shim.useSyncExternalStore)(n.subscribe, u, u);
+	return useSyncExternalStore(n.subscribe, u, u);
 }
 function useStoreLegacy(t, n, i, s, c) {
 	return (0, import_with_selector$1.useSyncExternalStoreWithSelector)(t.subscribe, t.getSnapshot, t.getSnapshot, (t) => n(t, i, s, c));
@@ -8150,12 +7986,12 @@ const DialogTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	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
-	}), E = useInteractions([useClick(y, { enabled: y != null })]), D = React.useMemo(() => ({
+	}), D = useInteractions([useClick(y, { enabled: y != null })]), O = React.useMemo(() => ({
 		disabled: l,
 		open: b
 	}), [l, b]), k = _.useState("triggerProps", C);
 	return useRenderElement("button", n, {
-		state: D,
+		state: O,
 		ref: [
 			T,
 			i,
@@ -8163,7 +7999,7 @@ const DialogTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			x
 		],
 		props: [
-			E.getReferenceProps(),
+			D.getReferenceProps(),
 			k,
 			{
 				"data-base-ui-click-trigger": "",
@@ -8176,99 +8012,40 @@ const DialogTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	});
 });
 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$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);
-	let d;
-	n[7] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+const Dialog = ({ ...t }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRoot, { ...t }), DialogClose = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose$1, {
+	className: cn("", t),
+	ref: i,
+	...s,
+	render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 		style: "ghost",
 		tone: "neutral",
 		children: "Close"
-	}), n[7] = d) : d = n[7];
-	let f;
-	return n[8] !== i || n[9] !== c || n[10] !== l || n[11] !== u ? (f = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose$1, {
-		className: u,
-		ref: l,
-		...c,
-		render: d,
-		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$22 = require_compiler_runtime();
-const DialogDescription = (t) => {
-	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("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,
-		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$21 = require_compiler_runtime();
-const DialogPopup = (t) => {
-	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)] -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;
-	n[11] === h ? g = n[12] : (g = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	}),
+	children: n
+}), DialogDescription = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription$1, {
+	className: cn("mb-0 text-prose-0", t),
+	ref: i,
+	...s,
+	children: n
+}), DialogPopup = ({ className: t, children: n, showCloseButton: i = !0, ref: s, ...c }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { children: [/* @__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" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPopup$1, {
+	className: 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", t),
+	ref: s,
+	...c,
+	children: [n, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "flex justify-end",
-		children: h
-	}), n[11] = h, n[12] = g);
-	let _;
-	return n[13] !== i || n[14] !== c || n[15] !== l || n[16] !== m || n[17] !== g ? (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { children: [f, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPopup$1, {
-		className: m,
-		ref: l,
-		...c,
-		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$20 = require_compiler_runtime();
-const DialogTitle = (t) => {
-	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);
-	let d;
-	return n[7] !== i || n[8] !== c || n[9] !== l || n[10] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle$1, {
-		className: u,
-		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$19 = require_compiler_runtime();
-const DialogTrigger = (t) => {
-	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);
-	let d;
-	return n[7] !== i || n[8] !== c || n[9] !== l || n[10] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTrigger$1, {
-		className: u,
-		ref: l,
-		...c,
-		children: i
-	}), n[7] = i, n[8] = c, n[9] = l, n[10] = u, n[11] = d) : d = n[11], d;
-};
+		children: i && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogClose, {})
+	})]
+})] }), DialogTitle = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle$1, {
+	className: cn("text-strong-2", t),
+	ref: i,
+	...s,
+	children: n
+}), DialogTrigger = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTrigger$1, {
+	className: cn("", t),
+	ref: i,
+	...s,
+	children: n
+});
 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);
@@ -10077,32 +9854,21 @@ function createFormHook({ fieldComponents: t, fieldContext: n, formContext: i, f
 		withFieldGroup: d
 	};
 }
-const { fieldContext, useFieldContext, formContext, useFormContext: useFormContext$1 } = createFormHookContexts();
-var import_compiler_runtime$18 = require_compiler_runtime();
-const FieldErrors = (t) => {
-	let n = (0, import_compiler_runtime$18.c)(15), 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;
-	n[5] === s ? d = n[6] : (d = cn("", s), n[5] = s, n[6] = d);
-	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$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", {
-		className: d,
-		ref: l,
-		...c,
-		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;
+const { fieldContext, useFieldContext, formContext, useFormContext: useFormContext$1 } = createFormHookContexts(), FieldErrors = ({ className: t, children: n, ref: i, ...s }) => {
+	let c = useFieldContext();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: cn("", t),
+		ref: i,
+		...s,
+		children: [n, c.state.meta.errors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "mt-2",
+			children: c.state.meta.errors.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-error text-sm",
+				children: t.message
+			}, t.message))
+		})]
+	});
 };
-function _temp$1(t) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-		className: "text-error text-sm",
-		children: t.message
-	}, t.message);
-}
 function useLabelableId(t = {}) {
 	let { id: n, implicit: i = !1, controlRef: s } = t, { controlId: c, setControlId: l } = useLabelableContext(), u = useBaseUiId(n);
 	return useIsoLayoutEffect(() => {
@@ -10191,122 +9957,62 @@ const Input$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	});
 });
 process.env.NODE_ENV !== "production" && (Input$1.displayName = "Input");
-var import_compiler_runtime$17 = require_compiler_runtime();
-const Separator = (t) => {
-	let n = (0, import_compiler_runtime$17.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);
-	let d;
-	return n[7] !== i || n[8] !== c || n[9] !== l || n[10] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: u,
-		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$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;
-	n[6] === s ? h = n[7] : (h = cn("group inset-shadow-2-shadow 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", {
+const Separator = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: cn("", t),
+	ref: i,
+	...s,
+	children: n
+}), Input = ({ leadingIcon: t, showSeparator: n = !0, className: s, ref: c, ...l }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	"aria-disabled": l.disabled,
+	className: cn("group inset-shadow-2-shadow 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),
+	"data-disabled": l.disabled,
+	children: [t && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		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, {
+		children: createElement(t, { weight: "bold" })
+	}), n && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
 		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("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,
-		ref: u,
+	})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+		className: cn("w-full outline-none", "placeholder:opacity-60", "disabled:cursor-not-allowed disabled:text-text-neutral-primary-disabled", "overflow-ellipsis"),
+		ref: c,
 		...l
-	}), n[12] = l, n[13] = u, n[14] = y) : y = n[14];
-	let b;
-	return n[15] !== l.disabled || n[16] !== h || n[17] !== _ || n[18] !== y ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		"aria-disabled": m,
-		className: h,
-		"data-disabled": g,
-		children: [_, y]
-	}), 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;
-	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;
-	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,
-		ref: l,
+	})]
+}), FieldInput = ({ className: t, children: n, ref: i, ...s }) => {
+	let c = useFieldContext();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+		className: cn(c.state.value && c.getMeta().errors.length > 0 && "outline-error", c.state.value && c.getMeta().isValid && "outline-success", t),
+		id: c.name,
+		name: c.name,
+		onChange: (t) => c.handleChange(t.target.value),
+		ref: i,
 		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] = m, n[21] = h, n[22] = g) : g = n[22], g;
-};
-var import_compiler_runtime$14 = require_compiler_runtime();
-const FormErrors = (t) => {
-	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);
-	let f;
-	n[7] === u ? f = n[8] : (f = u.map(_temp2), n[7] = u, n[8] = f);
-	let m;
-	n[9] === f ? m = n[10] : (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "mt-2",
-		children: f
-	}), n[9] = f, n[10] = m);
-	let h;
-	return n[11] !== i || n[12] !== c || n[13] !== l || n[14] !== d || n[15] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: d,
-		ref: l,
-		...c,
-		children: [i, m]
-	}), n[11] = i, n[12] = c, n[13] = l, n[14] = d, n[15] = m, n[16] = h) : h = n[16], h;
-};
-function _temp(t) {
-	return t.errors;
-}
-function _temp2(t) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-		className: "text-error text-sm",
-		children: t.message
-	}, t.message);
-}
-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({
+		value: c.state.value,
+		...s,
+		children: n
+	});
+}, FormErrors = ({ className: t, children: n, ref: i, ...s }) => {
+	let c = useStore(useFormContext$1().store, (t) => t.errors);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: cn("", t),
+		ref: i,
+		...s,
+		children: [n, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "mt-2",
+			children: c.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-error text-sm",
+				children: t.message
+			}, t.message))
+		})]
+	});
+}, FormSubmit = ({ submittingText: t = "Submitting...", className: n, children: i, ref: s, ...c }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(useFormContext$1().Subscribe, { children: (l) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+	className: cn("w-full", n),
+	disabled: !l.canSubmit || l.isSubmitting,
+	ref: s,
+	type: "submit",
+	...c,
+	children: l.isSubmitting ? t : i
+}) }), Form = createFormHook({
 	fieldComponents: {
 		FieldErrors,
 		FieldInput
@@ -10317,63 +10023,31 @@ const FormSubmit = (t) => {
 	},
 	fieldContext,
 	formContext
-});
-var import_compiler_runtime$12 = require_compiler_runtime();
-const Label = (t) => {
-	let n = (0, import_compiler_runtime$12.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("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", {
-		className: u,
-		"data-slot": "label",
-		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$11 = require_compiler_runtime();
-const Profile = (t) => {
-	let n = (0, import_compiler_runtime$11.c)(36), i, s, c, l, u, d, f, m, h;
-	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5], d = n[6], f = n[7], m = n[8], h = n[9]) : ({className: s, imageUrl: l, fallbackText: c, profileName: f, profileEmail: m, compact: h, children: i, ref: d, ...u} = t, n[0] = t, n[1] = i, n[2] = s, n[3] = c, n[4] = l, n[5] = u, n[6] = d, n[7] = f, n[8] = m, n[9] = h);
-	let g = f === void 0 ? "" : f, _ = m === void 0 ? "" : m, v = h === void 0 ? !1 : h, y;
-	n[10] === s ? y = n[11] : (y = cn("flex items-center gap-xs transition-colors", s), n[10] = s, n[11] = y);
-	let b;
-	n[12] === l ? b = n[13] : (b = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage, { src: l }), n[12] = l, n[13] = b);
-	let x;
-	n[14] === c ? x = n[15] : (x = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { children: c }), n[14] = c, n[15] = x);
-	let S;
-	n[16] !== i || n[17] !== b || n[18] !== x ? (S = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Avatar, { children: [
-		b,
-		x,
-		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 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",
-		children: g
-	}), n[22] = g, n[23] = T);
-	let E;
-	n[24] === _ ? E = n[25] : (E = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		className: "text-on-surface-variant text-prose--1",
-		children: _
-	}), n[24] = _, n[25] = E);
-	let D;
-	n[26] !== T || n[27] !== E || n[28] !== w ? (D = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: w,
-		children: [T, E]
-	}), n[26] = T, n[27] = E, n[28] = w, n[29] = D) : D = n[29];
-	let O;
-	return n[30] !== u || n[31] !== d || n[32] !== D || n[33] !== y || n[34] !== S ? (O = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-		className: y,
-		ref: d,
-		...u,
-		children: [S, D]
-	}), n[30] = u, n[31] = d, n[32] = D, n[33] = y, n[34] = S, n[35] = O) : O = n[35], O;
-}, ScrollAreaRootContext = /* @__PURE__ */ React.createContext(void 0);
+}), Label = ({ className: t, children: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+	className: cn("hover:cursor-pointer", t),
+	"data-slot": "label",
+	ref: i,
+	...s,
+	children: n
+}), Profile = ({ className: t, imageUrl: n, fallbackText: i, profileName: s = "", profileEmail: c = "", compact: l = !1, children: u, ref: d, ...f }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+	className: cn("flex items-center gap-xs transition-colors", t),
+	ref: d,
+	...f,
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Avatar, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage, { src: n }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { children: i }),
+		u
+	] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: cn("flex flex-col items-start justify-start", l && "hidden"),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-prose-0",
+			children: s
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-on-surface-variant text-prose--1",
+			children: c
+		})]
+	})]
+}), ScrollAreaRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ScrollAreaRootContext.displayName = "ScrollAreaRootContext");
 function useScrollAreaRootContext() {
 	let n = React.useContext(ScrollAreaRootContext);
@@ -10496,7 +10170,7 @@ const ScrollAreaRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		ref: [i, D],
 		props: [Q, u],
 		stateAttributesMapping: scrollAreaStateAttributesMapping
-	}), yh = React.useMemo(() => ({
+	}), Mm = React.useMemo(() => ({
 		handlePointerDown: q,
 		handlePointerMove: J,
 		handlePointerUp: Y,
@@ -10554,7 +10228,7 @@ const ScrollAreaRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		G
 	]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScrollAreaRootContext.Provider, {
-		value: yh,
+		value: Mm,
 		children: [styleDisableScrollbar.element, $]
 	});
 });
@@ -10639,13 +10313,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), $ = clamp$1(L, 0, P), yh = clamp$1(R, 0, P), bh = [
+		let Z = clamp$1(F, 0, N), Q = clamp$1(I, 0, N), $ = clamp$1(L, 0, P), Mm = clamp$1(R, 0, P), Nm = [
 			[ScrollAreaViewportCssVars.scrollAreaOverflowXStart, Z],
 			[ScrollAreaViewportCssVars.scrollAreaOverflowXEnd, Q],
 			[ScrollAreaViewportCssVars.scrollAreaOverflowYStart, $],
-			[ScrollAreaViewportCssVars.scrollAreaOverflowYEnd, yh]
+			[ScrollAreaViewportCssVars.scrollAreaOverflowYEnd, Mm]
 		];
-		for (let [n, i] of bh) t.style.setProperty(n, `${i}px`);
+		for (let [n, i] of Nm) t.style.setProperty(n, `${i}px`);
 		l && (A || k ? v({
 			width: 0,
 			height: 0
@@ -10660,13 +10334,13 @@ const ScrollAreaViewport = /* @__PURE__ */ React.forwardRef(function(n, i) {
 				cornerHidden: n
 			};
 		});
-		let xh = {
+		let Pm = {
 			xStart: !A && Z > D.xStart,
 			xEnd: !A && Q > D.xEnd,
 			yStart: !k && $ > D.yStart,
-			yEnd: !k && yh > D.yEnd
+			yEnd: !k && Mm > D.yEnd
 		};
-		T((t) => t.xStart === xh.xStart && t.xEnd === xh.xEnd && t.yStart === xh.yStart && t.yEnd === xh.yEnd ? t : xh);
+		T((t) => t.xStart === Pm.xStart && t.xEnd === Pm.xEnd && t.yStart === Pm.yStart && t.yEnd === Pm.yEnd ? t : Pm);
 	}
 	let N = useStableCallback(() => {
 		ReactDOM.flushSync(M);
@@ -10877,41 +10551,23 @@ const ScrollAreaCorner = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	return d.cornerHidden ? null : f;
 });
 process.env.NODE_ENV !== "production" && (ScrollAreaCorner.displayName = "ScrollAreaCorner");
-var import_compiler_runtime$10 = require_compiler_runtime();
-const ScrollArea = (t) => {
-	let n = (0, import_compiler_runtime$10.c)(26), i, s, c, l, u;
-	n[0] === t ? (i = n[1], s = n[2], c = n[3], l = n[4], u = n[5]) : ({orientation: 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 ? "vertical" : u, f = d === "horizontal" && "h-full", m;
-	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: "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" && "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: "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, {
-		className: v,
-		orientation: d,
-		children: y
-	}), n[16] = d, n[17] = v, n[18] = b) : b = n[18];
-	let x;
-	n[19] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaCorner, {}), n[19] = x) : x = n[19];
-	let S;
-	return n[20] !== c || n[21] !== l || n[22] !== m || n[23] !== h || n[24] !== b ? (S = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScrollAreaRoot, {
-		className: m,
-		ref: l,
-		...c,
-		children: [
-			h,
-			b,
-			x
-		]
-	}), n[20] = c, n[21] = l, n[22] = m, n[23] = h, n[24] = b, n[25] = S) : S = n[25], S;
-};
+const ScrollArea = ({ orientation: t = "vertical", className: n, children: i, ref: s, ...c }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScrollAreaRoot, {
+	className: cn("h-[200px] rounded-lg bg-surface-container", t === "horizontal" && "h-full", n),
+	ref: s,
+	...c,
+	children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaViewport, {
+			className: "prose-step-0 flex h-full flex-col gap-xs overscroll-contain py-2xs pr-sm pl-sm",
+			children: i
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbar, {
+			className: 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", t === "vertical" && "my-2xs mr-2xs w-2xs", t === "horizontal" && "mx-xs mb-2xs h-2xs flex-col", n),
+			orientation: t,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaThumb, { className: "h-full w-full rounded-1 rounded-full bg-accent" })
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaCorner, {})
+	]
+});
 var getBoundingClientRect = (t) => {
 	let n = t.getBoundingClientRect();
 	return {
@@ -11177,7 +10833,7 @@ 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), 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, {
+	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: D, isMountedByThisTrigger: O } = useTriggerDataForwarding(y, C, v, {
 		payload: u,
 		closeDelay: T
 	}), k = useTooltipProviderContext(), { delayRef: A, isInstantPhase: j, hasProvider: M } = useDelayGroup(x, { open: S });
@@ -11197,12 +10853,12 @@ const TooltipTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		},
 		triggerElementRef: C,
 		isActiveTrigger: b
-	}), R = React.useMemo(() => ({ open: S }), [S]), z = v.useState("triggerProps", D);
+	}), R = React.useMemo(() => ({ open: S }), [S]), z = v.useState("triggerProps", O);
 	return useRenderElement("button", n, {
 		state: R,
 		ref: [
 			i,
-			E,
+			D,
 			C
 		],
 		props: [
@@ -11455,7 +11111,7 @@ function useAnchorPositioning(n) {
 	let $ = React.useMemo(() => ({
 		elementResize: !_ && typeof ResizeObserver < "u",
 		layoutShift: !_ && typeof IntersectionObserver < "u"
-	}), [_]), { refs: yh, elements: bh, x: xh, y: Sh, middlewareData: Ch, update: wh, placement: Th, context: Eh, isPositioned: Dh, floatingStyles: Oh } = useFloating({
+	}), [_]), { refs: Mm, elements: Nm, x: Pm, y: Fm, middlewareData: Im, update: Lm, placement: Rm, context: zm, isPositioned: Bm, floatingStyles: Vm } = useFloating({
 		rootContext: y,
 		placement: R,
 		middleware: J,
@@ -11463,89 +11119,89 @@ function useAnchorPositioning(n) {
 		whileElementsMounted: v ? void 0 : (...t) => autoUpdate(...t, $),
 		nodeId: C,
 		externalTree: E
-	}), { sideX: kh, sideY: Ah } = Ch.adaptiveOrigin || DEFAULT_SIDES, jh = Dh ? s : "fixed", Mh = React.useMemo(() => w ? {
-		position: jh,
-		[kh]: xh,
-		[Ah]: Sh
+	}), { sideX: Hm, sideY: Um } = Im.adaptiveOrigin || DEFAULT_SIDES, Wm = Bm ? s : "fixed", Gm = React.useMemo(() => w ? {
+		position: Wm,
+		[Hm]: Pm,
+		[Um]: Fm
 	} : {
-		position: jh,
-		...Oh
+		position: Wm,
+		...Vm
 	}, [
 		w,
-		jh,
-		kh,
-		xh,
-		Ah,
-		Sh,
-		Oh
-	]), Nh = React.useRef(null);
+		Wm,
+		Hm,
+		Pm,
+		Um,
+		Fm,
+		Vm
+	]), Km = 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 !== Nh.current && (yh.setPositionReference(i), Nh.current = i);
+		i !== Km.current && (Mm.setPositionReference(i), Km.current = i);
 	}, [
 		b,
-		yh,
+		Mm,
 		P,
 		F
 	]), React.useEffect(() => {
 		if (!b) return;
 		let t = F.current;
-		typeof t != "function" && isRef(t) && t.current !== Nh.current && (yh.setPositionReference(t.current), Nh.current = t.current);
+		typeof t != "function" && isRef(t) && t.current !== Km.current && (Mm.setPositionReference(t.current), Km.current = t.current);
 	}, [
 		b,
-		yh,
+		Mm,
 		P,
 		F
 	]), React.useEffect(() => {
-		if (v && b && bh.domReference && bh.floating) return autoUpdate(bh.domReference, bh.floating, wh, $);
+		if (v && b && Nm.domReference && Nm.floating) return autoUpdate(Nm.domReference, Nm.floating, Lm, $);
 	}, [
 		v,
 		b,
-		bh,
-		wh,
+		Nm,
+		Lm,
 		$
 	]);
-	let Ph = getSide(Th), Fh = getLogicalSide(c, Ph, I), Ih = getAlignment(Th) || "center", Lh = !!Ch.hide?.referenceHidden;
+	let qm = getSide(Rm), Jm = getLogicalSide(c, qm, I), Ym = getAlignment(Rm) || "center", Xm = !!Im.hide?.referenceHidden;
 	useIsoLayoutEffect(() => {
-		T && b && Dh && O(Ph);
+		T && b && Bm && O(qm);
 	}, [
 		T,
 		b,
-		Dh,
-		Ph
+		Bm,
+		qm
 	]);
-	let Rh = React.useMemo(() => ({
+	let Zm = React.useMemo(() => ({
 		position: "absolute",
-		top: Ch.arrow?.y,
-		left: Ch.arrow?.x
-	}), [Ch.arrow]), zh = Ch.arrow?.centerOffset !== 0;
+		top: Im.arrow?.y,
+		left: Im.arrow?.x
+	}), [Im.arrow]), Qm = Im.arrow?.centerOffset !== 0;
 	return React.useMemo(() => ({
-		positionerStyles: Mh,
-		arrowStyles: Rh,
+		positionerStyles: Gm,
+		arrowStyles: Zm,
 		arrowRef: G,
-		arrowUncentered: zh,
-		side: Fh,
-		align: Ih,
-		physicalSide: Ph,
-		anchorHidden: Lh,
-		refs: yh,
-		context: Eh,
-		isPositioned: Dh,
-		update: wh
+		arrowUncentered: Qm,
+		side: Jm,
+		align: Ym,
+		physicalSide: qm,
+		anchorHidden: Xm,
+		refs: Mm,
+		context: zm,
+		isPositioned: Bm,
+		update: Lm
 	}), [
-		Mh,
-		Rh,
+		Gm,
+		Zm,
 		G,
-		zh,
-		Fh,
-		Ih,
-		Ph,
-		Lh,
-		yh,
-		Eh,
-		Dh,
-		wh
+		Qm,
+		Jm,
+		Ym,
+		qm,
+		Xm,
+		Mm,
+		zm,
+		Bm,
+		Lm
 	]);
 }
 function isRef(t) {
@@ -11807,50 +11463,26 @@ const TooltipProvider = function(n) {
 	});
 };
 process.env.NODE_ENV !== "production" && (TooltipProvider.displayName = "TooltipProvider");
-var import_compiler_runtime$9 = require_compiler_runtime();
-const Tooltip = (t) => {
-	let n = (0, import_compiler_runtime$9.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)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipRoot, {
-		...s,
-		children: i
-	}) }), n[3] = i, n[4] = s, n[5] = c) : c = n[5], c;
-};
-var import_compiler_runtime$8 = require_compiler_runtime();
-const TooltipContent = (t) => {
-	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("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=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, {
-			className: "fill-surface-container-high",
-			weight: "fill"
-		})
-	}), n[6] = u) : u = n[6];
-	let d;
-	return n[7] !== i || n[8] !== c || n[9] !== l ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPositioner, {
-		sideOffset: 10,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipPopup, {
-			className: l,
-			...c,
-			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 }) => {
+const Tooltip = ({ children: t, ...n }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipRoot, {
+	...n,
+	children: t
+}) }), TooltipContent = ({ className: t, children: n, ...i }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPositioner, {
+	sideOffset: 10,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipPopup, {
+		className: 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", t),
+		...i,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipArrow, {
+			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, {
+				className: "fill-surface-container-high",
+				weight: "fill"
+			})
+		}), n]
+	})
+}) }), TooltipTrigger = ({ children: t, ...n }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger$1, {
+	...n,
+	children: t
+}), 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,
@@ -11972,11 +11604,11 @@ 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: 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({
+	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: A, validationMode: j, 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(), W = useLabelableId({
 		id: u,
 		implicit: !1,
 		controlRef: V
-	}), [W, K] = useControlled({
+	}), [G, K] = useControlled({
 		controlled: s,
 		default: !!l,
 		name: "Switch",
@@ -11985,14 +11617,14 @@ const stateAttributesMapping$2 = {
 	useField({
 		id: H,
 		commit: P.commit,
-		value: W,
+		value: G,
 		controlRef: V,
 		name: L,
-		getValue: () => W
+		getValue: () => G
 	}), useIsoLayoutEffect(() => {
 		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);
+	}, [z, D]), useValueChanged(G, () => {
+		S(L), T(G !== E.initialValue), D(G), A() ? P.commit(G) : P.commit(G, !0);
 	});
 	let { getButtonProps: q, buttonRef: J } = useButton({
 		disabled: I,
@@ -12000,7 +11632,7 @@ const stateAttributesMapping$2 = {
 	}), Y = {
 		id: H,
 		role: "switch",
-		"aria-checked": W,
+		"aria-checked": G,
 		"aria-readonly": g || void 0,
 		"aria-labelledby": F,
 		onFocus() {
@@ -12008,15 +11640,15 @@ const stateAttributesMapping$2 = {
 		},
 		onBlur() {
 			let t = z.current;
-			!t || I || (w(!0), O(!1), A === "onBlur" && P.commit(t.checked));
+			!t || I || (w(!0), O(!1), j === "onBlur" && P.commit(t.checked));
 		},
 		onClick(t) {
 			g || I || (t.preventDefault(), z?.current?.click());
 		}
 	}, X = React.useMemo(() => mergeProps({
-		checked: W,
+		checked: G,
 		disabled: I,
-		id: U,
+		id: W,
 		name: L,
 		required: _,
 		style: visuallyHidden,
@@ -12033,10 +11665,10 @@ const stateAttributesMapping$2 = {
 			V.current?.focus();
 		}
 	}, P.getInputValidationProps), [
-		W,
+		G,
 		I,
 		B,
-		U,
+		W,
 		L,
 		R,
 		_,
@@ -12044,13 +11676,13 @@ const stateAttributesMapping$2 = {
 		P
 	]), Z = React.useMemo(() => ({
 		...C,
-		checked: W,
+		checked: G,
 		disabled: I,
 		readOnly: g,
 		required: _
 	}), [
 		C,
-		W,
+		G,
 		I,
 		g,
 		_
@@ -12073,7 +11705,7 @@ const stateAttributesMapping$2 = {
 		value: Z,
 		children: [
 			Q,
-			!W && L && b !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+			!G && L && b !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
 				type: "hidden",
 				name: L,
 				value: b
@@ -12096,32 +11728,18 @@ const SwitchThumb = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	});
 });
 process.env.NODE_ENV !== "production" && (SwitchThumb.displayName = "SwitchThumb");
-var import_compiler_runtime$6 = require_compiler_runtime();
-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("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] 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,
-		ref: l,
-		...c,
-		children: d
-	}), n[8] = c, n[9] = l, n[10] = u, n[11] = f) : f = n[11];
-	let m;
-	n[12] !== s || n[13] !== c ? (m = s && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
-		htmlFor: c.id,
-		children: s
-	}), n[12] = s, n[13] = c, n[14] = m) : m = n[14];
-	let h;
-	return n[15] !== f || n[16] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-xs",
-		children: [f, m]
-	}), n[15] = f, n[16] = m, n[17] = h) : h = n[17], h;
-}, CompositeListContext = /* @__PURE__ */ React.createContext({
+const Switch = ({ label: t, className: n, ref: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	className: "flex items-center gap-xs",
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchRoot, {
+		className: 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", n),
+		ref: i,
+		...s,
+		children: /* @__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" })
+	}), t && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+		htmlFor: s.id,
+		children: t
+	})]
+}), CompositeListContext = /* @__PURE__ */ React.createContext({
 	register: () => {},
 	unregister: () => {},
 	subscribeMapChange: () => () => {},
@@ -12625,12 +12243,12 @@ function useCompositeRoot(n) {
 			let n = T.current[t];
 			scrollIntoViewIfNeeded(C.current, n, d, u);
 		}
-	}), k = useStableCallback((t) => {
+	}), A = 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 && O(s), scrollIntoViewIfNeeded(C.current, i, d, u);
-	}), A = React.useMemo(() => ({
+	}), j = React.useMemo(() => ({
 		"aria-orientation": u === "both" ? void 0 : u,
 		ref: w,
 		onFocus(t) {
@@ -12709,20 +12327,20 @@ function useCompositeRoot(n) {
 		_
 	]);
 	return React.useMemo(() => ({
-		props: A,
+		props: j,
 		highlightedIndex: D,
 		onHighlightedIndexChange: O,
 		elementsRef: T,
 		disabledIndices: v,
-		onMapChange: k,
-		relayKeyboardEvent: A.onKeyDown
+		onMapChange: A,
+		relayKeyboardEvent: j.onKeyDown
 	}), [
-		A,
+		j,
 		D,
 		O,
 		T,
 		v,
-		k
+		A
 	]);
 }
 function isModifierKeySet(t, n) {
@@ -12869,103 +12487,47 @@ function useActivationDirectionDetector(n, i, s, c) {
 		n
 	]);
 }
-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(() => {
+const TabsOrientationContext = createContext("vertical"), Tabs = ({ className: t, ref: n, ...i }) => {
+	let [s, l] = useState(i.orientation ?? "vertical");
+	return useEffect(() => {
 		let t = () => {
-			window.innerWidth < 768 ? d("horizontal") : d(l.orientation ?? "vertical");
+			window.innerWidth < 768 ? l("horizontal") : l(i.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$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 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,
-			...c
-		}), 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 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$3 = require_compiler_runtime();
-const TabsList = (t) => {
-	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 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,
-			...c
-		}), 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 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$2 = require_compiler_runtime();
-const TabsPanel = (t) => {
-	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" ? "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$1 = require_compiler_runtime();
-const TabsTab = (t) => {
-	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("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;
-};
+	}, [i.orientation]), i.orientation = s, i.orientation === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsOrientationContext.Provider, {
+		value: i.orientation,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
+			className: cn("flex flex-wrap gap-4 overflow-auto", t),
+			ref: n,
+			...i
+		})
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
+		className: cn("flex flex-col gap-2 overflow-clip", t),
+		ref: n,
+		...i
+	});
+}, TabsIndicator = ({ className: t, ...n }) => useContext(TabsOrientationContext) === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
+	className: 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", t),
+	...n
+}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
+	className: 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", t),
+	...n
+}), TabsList = ({ className: t, ...n }) => useContext(TabsOrientationContext) === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
+	className: cn("relative z-0 flex h-fit grow flex-col gap-2 rounded-3xl bg-surface-neutral-primary-default p-2", t),
+	...n
+}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
+	className: cn("relative z-0 flex gap-1 rounded-full bg-surface-neutral-primary-default p-2", t),
+	...n
+}), TabsPanel = ({ className: t, ...n }) => {
+	let i = useContext(TabsOrientationContext);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPanel$1, {
+		className: cn("relative rounded-xl bg-surface-neutral-primary-default", i === "horizontal" ? "h-full min-h-0 flex-1" : "grow", "flex items-center justify-center overflow-auto p-4", t),
+		...n
+	});
+}, TabsTab = ({ className: t, ...n }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTab$1, {
+	className: 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", t),
+	...n
+});
 var counter = 0;
 function generateId(t) {
 	return counter += 1, `${t}-${Math.random().toString(36).slice(2, 6)}-${counter}`;
@@ -13367,7 +12929,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			s.transitionStatus === "ending" && b(s.id);
 		}
 	});
-	let yh = useStableCallback((t = !1) => {
+	let Mm = useStableCallback((t = !1) => {
 		let n = U.current;
 		if (!n) return;
 		let i = n.style.height;
@@ -13384,15 +12946,15 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		}
 		t ? ReactDOM.flushSync(l) : l();
 	});
-	useIsoLayoutEffect(yh, [yh]);
-	function bh(t, n) {
+	useIsoLayoutEffect(Mm, [Mm]);
+	function Nm(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 xh(t) {
+	function Pm(t) {
 		if (t.button !== 0) return;
 		t.pointerType === "touch" && S();
 		let n = getTarget(t.nativeEvent);
@@ -13410,7 +12972,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 Sh(t) {
+	function Fm(t) {
 		if (!D) return;
 		t.preventDefault(), X.current &&= (W.current = {
 			x: t.clientX,
@@ -13435,13 +12997,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 = bh(l, u), _ = G.current.x, v = G.current.y;
+		let g = Nm(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 Ch(t) {
+	function Im(t) {
 		if (!D) return;
 		if (O(!1), A(!1), H(null), U.current?.releasePointerCapture(t.pointerId), J.current) {
 			P({
@@ -13474,7 +13036,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			y: F.y
 		}), E(void 0));
 	}
-	function wh(t) {
+	function Lm(t) {
 		if (t.key === "Escape") {
 			if (!U.current || !contains(U.current, activeElement(ownerDocument(U.current)))) return;
 			y(s.id);
@@ -13491,7 +13053,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			t.removeEventListener("touchmove", n);
 		};
 	}, [g]);
-	function Th() {
+	function zm() {
 		if (!D && N.x === F.x && N.y === F.y && !j) return {
 			[ToastRootCssVars.swipeMovementX]: "0px",
 			[ToastRootCssVars.swipeMovementY]: "0px"
@@ -13504,25 +13066,25 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 			[ToastRootCssVars.swipeMovementY]: `${n}px`
 		};
 	}
-	let Eh = s.priority === "high", Oh = {
-		role: Eh ? "alertdialog" : "dialog",
+	let Bm = s.priority === "high", Vm = {
+		role: Bm ? "alertdialog" : "dialog",
 		tabIndex: 0,
 		"aria-modal": !1,
 		"aria-labelledby": L,
 		"aria-describedby": z,
-		"aria-hidden": Eh && !v ? !0 : void 0,
-		onPointerDown: g ? xh : void 0,
-		onPointerMove: g ? Sh : void 0,
-		onPointerUp: g ? Ch : void 0,
-		onKeyDown: wh,
+		"aria-hidden": Bm && !v ? !0 : void 0,
+		onPointerDown: g ? Pm : void 0,
+		onPointerMove: g ? Fm : void 0,
+		onPointerUp: g ? Im : void 0,
+		onKeyDown: Lm,
 		inert: inertValue(s.limited),
 		style: {
-			...Th(),
+			...zm(),
 			[ToastRootCssVars.index]: s.transitionStatus === "ending" ? Z : Q,
 			[ToastRootCssVars.offsetY]: `${$}px`,
 			[ToastRootCssVars.height]: s.height ? `${s.height}px` : void 0
 		}
-	}, kh = React.useMemo(() => ({
+	}, Hm = React.useMemo(() => ({
 		rootRef: U,
 		toast: s,
 		titleId: L,
@@ -13531,7 +13093,7 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		setDescriptionId: B,
 		swiping: D,
 		swipeDirection: T,
-		recalculateHeight: yh,
+		recalculateHeight: Mm,
 		index: Z,
 		visibleIndex: Q,
 		expanded: C
@@ -13541,33 +13103,33 @@ const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 		z,
 		D,
 		T,
-		yh,
+		Mm,
 		Z,
 		Q,
 		C
-	]), Ah = React.useMemo(() => ({
+	]), Um = React.useMemo(() => ({
 		transitionStatus: s.transitionStatus,
 		expanded: C,
 		limited: s.limited || !1,
 		type: s.type,
-		swiping: kh.swiping,
-		swipeDirection: kh.swipeDirection
+		swiping: Hm.swiping,
+		swipeDirection: Hm.swipeDirection
 	}), [
 		C,
 		s.transitionStatus,
 		s.limited,
 		s.type,
-		kh.swiping,
-		kh.swipeDirection
-	]), jh = useRenderElement("div", n, {
-		ref: [i, kh.rootRef],
-		state: Ah,
+		Hm.swiping,
+		Hm.swipeDirection
+	]), Wm = useRenderElement("div", n, {
+		ref: [i, Hm.rootRef],
+		state: Um,
 		stateAttributesMapping,
-		props: [Oh, d]
+		props: [Vm, d]
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastRootContext.Provider, {
-		value: kh,
-		children: jh
+		value: Hm,
+		children: Wm
 	});
 });
 process.env.NODE_ENV !== "production" && (ToastRoot.displayName = "ToastRoot");
@@ -13696,33 +13258,20 @@ const Toast = ({ className: t, children: n, position: i = "top-right", ref: s, .
 			})
 		]
 	}, l.id));
-};
-var import_compiler_runtime = require_compiler_runtime();
-const ToastProvider = (t) => {
-	let n = (0, import_compiler_runtime.c)(24), i, s, c, l, u;
-	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 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);
-	let x;
-	n[16] !== c || n[17] !== l || n[18] !== y || n[19] !== b ? (x = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastViewport, {
-		className: y,
-		ref: l,
+}, ToastProvider = ({ position: t = "bottom-center", className: n, children: i, ref: s, ...c }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToastProvider$1, {
+	timeout: 5e3,
+	children: [i, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastViewport, {
+		className: cn({
+			"fixed top-[1rem] right-auto bottom-auto left-[1rem] z-10 mx-0 flex w-1/4": t === "top-left",
+			"fixed top-[1rem] right-auto bottom-auto left-1/2 z-10 mx-auto flex w-1/4 -translate-x-1/2": t === "top-center",
+			"fixed top-[1rem] right-[1rem] bottom-auto left-auto z-10 mx-0 flex w-1/4": t === "top-right",
+			"fixed top-auto right-auto bottom-[6rem] left-[1rem] z-10 mx-0 flex w-1/4": t === "bottom-left",
+			"fixed top-auto right-auto bottom-[6rem] left-1/2 z-10 mx-auto flex w-1/4 -translate-x-1/2": t === "bottom-center",
+			"fixed top-auto right-[1rem] bottom-[6rem] left-auto z-10 mx-0 flex w-1/4": t === "bottom-right"
+		}, n),
+		ref: s,
 		...c,
-		children: b
-	}) }), n[16] = c, n[17] = l, n[18] = y, n[19] = b, n[20] = x) : x = n[20];
-	let S;
-	return n[21] !== i || n[22] !== x ? (S = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToastProvider$1, {
-		timeout: 5e3,
-		children: [i, x]
-	}), n[21] = i, n[22] = x, n[23] = S) : S = n[23], S;
-};
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toast, { position: t })
+	}) })]
+});
 export { Avatar, AvatarFallback, AvatarImage, Badge, Button, Checkbox, CheckboxIndicator, Dialog, DialogClose, DialogDescription, DialogPopup, DialogTitle, DialogTrigger, FieldErrors, FieldInput, Form, FormErrors, FormSubmit, Input, Label, Profile, ScrollArea, Separator, Slider, SliderHandle, SliderSegment, SliderTick, SliderTickLabel, SliderTrack, Switch, Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab, Toast, ToastProvider, Tooltip, TooltipContent, TooltipTrigger, cn };