themelia-react-ui 2.0.5 → 3.0.0

package/dist/{overlays-BSgCtM2v.js → overlays-D-gAIfPF.js}

@@ -1,89 +1,86 @@
 "use client";
-import { h as e, i as t } from "./ui-provider-C-74NVLc.js";
+import { a as e, g as t } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-B6kKb8jB.js";
-import { a as i, c as a, d as o, f as s, i as c, l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./sheet-BGPERY55.js";
-import { n as _ } from "./buttons-BedGfygC.js";
-import { c as v } from "./typography-BQnine1k.js";
-import { l as y, o as b, s as x } from "./text.styles-B64My8RZ.js";
-import { t as S } from "./portal-recipes-BpsV_iRw.js";
-import { t as C } from "./motion-recipes-DitYv6P2.js";
-import { t as w } from "./slot-CLF9kLrS.js";
-import { t as T } from "./button-S2Cubiiz.js";
-import { t as E } from "./structure-DuxKl954.js";
-import { i as D } from "./tone-recipes-BPsRAvhu.js";
-import { h as ee, p as te } from "./smart-card-CW0hjetE.js";
-import { a as O, r as k } from "./surface-recipes-BKRVW8Os.js";
-import { n as ne } from "./composition.recipes-COdiFhxB.js";
-import { t as A } from "./overlay.recipes-8GHqmlb4.js";
-import { t as j } from "./use-popup-focus-recovery-C0QPvgOR.js";
-import { t as M } from "./interaction-recipes-XR9ZpVYL.js";
-import * as N from "react";
-import { isValidElement as re, memo as P, useCallback as F, useLayoutEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { jsx as B, jsxs as V } from "react/jsx-runtime";
-import { AlertCircle as H, AlertTriangle as U, CheckCircle as W, HelpCircle as G, Info as K, X as ie, XIcon as q } from "lucide-react";
-import { Dialog as J } from "@base-ui/react/dialog";
-import { AlertDialog as Y } from "@base-ui/react/alert-dialog";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { a as i, c as a, d as o, f as s, i as c, l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./sheet-B6j_BE9O.js";
+import { c as _ } from "./typography-C0dELqYV.js";
+import { l as v, o as y, s as b } from "./text.styles-B64My8RZ.js";
+import { n as x } from "./buttons-pZVgPTZn.js";
+import { t as ee } from "./portal-recipes-BPeS4rGB.js";
+import { t as S } from "./motion-recipes-CUc_aHuG.js";
+import { t as C } from "./button-rd6FiHfQ.js";
+import { t as w } from "./structure-DElaQwwN.js";
+import { i as T } from "./tone-recipes-BPsRAvhu.js";
+import { i as E, s as te } from "./surface-recipes-DV6rrOFq.js";
+import { f as ne, m as re } from "./smart-card-C59z6KFO.js";
+import { n as ie } from "./composition.recipes-COdiFhxB.js";
+import { t as D } from "./overlay.recipes-8GHqmlb4.js";
+import { t as O } from "./use-popup-focus-recovery-C0QPvgOR.js";
+import { t as k } from "./interaction-recipes-DmuS1ase.js";
+import * as A from "react";
+import { isValidElement as ae, memo as j, useCallback as M, useEffect as N, useLayoutEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { jsx as R, jsxs as z } from "react/jsx-runtime";
+import { AlertCircle as B, AlertTriangle as V, CheckCircle as H, HelpCircle as U, Info as W, X as G, XIcon as K } from "lucide-react";
+import { Dialog as q } from "@base-ui/react/dialog";
+import { AlertDialog as J } from "@base-ui/react/alert-dialog";
 //#region src/components/ui/dialog.tsx
-function X({ ...e }) {
-	return /* @__PURE__ */ B(J.Root, {
+function oe({ ...e }) {
+	return /* @__PURE__ */ R(q.Root, {
 		"data-slot": "dialog",
 		modal: "trap-focus",
 		...e
 	});
 }
-function Z({ asChild: e = !1, ...t }) {
-	let n = e ? /* @__PURE__ */ B(w, {}) : void 0;
-	return /* @__PURE__ */ B(J.Trigger, {
+function Y({ ...e }) {
+	return /* @__PURE__ */ R(q.Trigger, {
 		"data-slot": "dialog-trigger",
-		render: n,
-		...t
+		...e
 	});
 }
-function ae({ container: e, className: n, ...r }) {
-	let i = t(e);
-	return /* @__PURE__ */ B(J.Portal, {
+function X({ container: t, className: n, ...r }) {
+	let i = e(t);
+	return /* @__PURE__ */ R(q.Portal, {
 		container: i,
 		"data-slot": "dialog-portal",
-		className: S(n),
+		className: ee(n),
 		...r
 	});
 }
-function Q({ ...e }) {
-	return /* @__PURE__ */ B(J.Close, {
+function Z({ ...e }) {
+	return /* @__PURE__ */ R(q.Close, {
 		"data-slot": "dialog-close",
 		...e
 	});
 }
-function oe({ className: e, ...t }) {
-	return /* @__PURE__ */ B(J.Backdrop, {
+function Q({ className: e, ...t }) {
+	return /* @__PURE__ */ R(q.Backdrop, {
 		"data-slot": "dialog-overlay",
-		className: r(A, C.backdrop, "isolate", e),
+		className: r(D, S.backdrop, "isolate", e),
 		...t
 	});
 }
-function se({ className: e, container: n, children: i, showCloseButton: a = !0, onFocusCapture: c, finalFocus: l, ...u }) {
-	let d = t(n), p = j(c), m = o(), { capture: h, finalFocus: _ } = s(l);
-	return /* @__PURE__ */ V(ae, {
+function se({ className: t, container: n, children: i, showCloseButton: a = !0, onFocusCapture: c, finalFocus: l, ...u }) {
+	let d = e(n), p = O(c), m = o(), { capture: h, finalFocus: _ } = s(l);
+	return /* @__PURE__ */ z(X, {
 		container: d,
-		children: [/* @__PURE__ */ B(oe, { forceRender: !m }), /* @__PURE__ */ V(J.Popup, {
+		children: [/* @__PURE__ */ R(Q, { forceRender: !m }), /* @__PURE__ */ z(q.Popup, {
 			"data-slot": "dialog-content",
-			className: r(C.dialog, "bg-background grid max-w-[calc(100%-2rem)] gap-space-xl rounded-surface p-surface text-sm sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none", e),
+			className: r(S.dialog, "bg-background grid max-w-[calc(100%-2rem)] gap-space-xl rounded-surface p-surface text-sm sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none", t),
 			...u,
 			finalFocus: _,
 			onFocusCapture: p,
 			children: [
 				h,
-				/* @__PURE__ */ B(g, { children: i }),
-				!!a && /* @__PURE__ */ V(J.Close, {
+				/* @__PURE__ */ R(g, { children: i }),
+				!!a && /* @__PURE__ */ z(q.Close, {
 					"data-slot": "dialog-close",
-					render: /* @__PURE__ */ B(T, {
+					render: /* @__PURE__ */ R(C, {
 						variant: "ghost",
 						"data-overlay-close": "",
 						className: f.close,
 						size: "icon-sm"
 					}),
-					children: [/* @__PURE__ */ B(q, {}), /* @__PURE__ */ B("span", {
+					children: [/* @__PURE__ */ R(K, {}), /* @__PURE__ */ R("span", {
 						className: "sr-only",
 						children: "Close"
 					})]
@@ -92,40 +89,36 @@ function se({ className: e, container: n, children: i, showCloseButton: a = !0,
 		})]
 	});
 }
-function $({ className: e, ...t }) {
-	return /* @__PURE__ */ B("div", {
+function ce({ className: e, ...t }) {
+	return /* @__PURE__ */ R("div", {
 		"data-slot": "dialog-header",
 		className: r("flex flex-col", e),
 		...t
 	});
 }
-function ce({ className: e, showCloseButton: t = !1, children: n, ...i }) {
-	return /* @__PURE__ */ V("div", {
+function $({ className: e, showCloseButton: t = !1, children: n, ...i }) {
+	return /* @__PURE__ */ z("div", {
 		"data-slot": "dialog-footer",
 		className: r("flex flex-col-reverse sm:flex-row sm:justify-end", e),
 		...i,
-		children: [n, !!t && /* @__PURE__ */ B(J.Close, {
-			render: /* @__PURE__ */ B(T, { variant: "outline" }),
+		children: [n, !!t && /* @__PURE__ */ R(q.Close, {
+			render: /* @__PURE__ */ R(C, { variant: "outline" }),
 			children: "Close"
 		})]
 	});
 }
-function le({ className: e, asChild: t = !1, ...n }) {
-	let i = t ? /* @__PURE__ */ B(w, {}) : void 0;
-	return /* @__PURE__ */ B(J.Title, {
+function le({ className: e, ...t }) {
+	return /* @__PURE__ */ R(q.Title, {
 		"data-slot": "dialog-title",
-		render: i,
 		className: r("leading-none font-medium", e),
-		...n
+		...t
 	});
 }
-function ue({ className: e, asChild: t = !1, ...n }) {
-	let i = t ? /* @__PURE__ */ B(w, {}) : void 0;
-	return /* @__PURE__ */ B(J.Description, {
+function ue({ className: e, ...t }) {
+	return /* @__PURE__ */ R(q.Description, {
 		"data-slot": "dialog-description",
-		render: i,
 		className: r("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", e),
-		...n
+		...t
 	});
 }
 //#endregion
@@ -133,64 +126,64 @@ function ue({ className: e, asChild: t = !1, ...n }) {
 function de(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var fe = r(x.base, y.semibold, b.snug), pe = X, me = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(Z, {
+var fe = r(b.base, v.semibold, y.snug), pe = oe, me = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(Y, {
 		ref: n,
 		className: r("dialog-trigger--component", e),
 		...t
 	});
 });
 me.displayName = "DialogTrigger";
-var he = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(Q, {
+var he = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(Z, {
 		ref: n,
 		className: r("dialog-close--component", e),
 		...t
 	});
 });
 he.displayName = "DialogClose";
-var ge = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(se, {
+var ge = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(se, {
 		ref: n,
-		className: r("dialog-content--component flex max-h-[min(90vh,48rem)] flex-col gap-0 overflow-hidden rounded-surface bg-popover p-0 text-popover-foreground shadow-xl sm:max-w-lg", O.modal.shell, e),
+		className: r("dialog-content--component flex max-h-[min(90vh,48rem)] flex-col gap-0 overflow-hidden rounded-surface bg-popover p-0 text-popover-foreground shadow-xl sm:max-w-lg", te.modal.shell, e),
 		...t
 	});
 });
 ge.displayName = "DialogContent";
-var _e = N.forwardRef(function({ className: e, textGap: t = "normal", ...n }, i) {
-	return /* @__PURE__ */ B($, {
+var _e = A.forwardRef(function({ className: e, textGap: t = "normal", ...n }, i) {
+	return /* @__PURE__ */ R(ce, {
 		ref: i,
 		"data-modal-region": "",
-		className: r("dialog-header--component", k.header, f.header, t === "dense" ? "gap-dense" : "gap-normal", e),
+		className: r("dialog-header--component", E.header, f.header, t === "dense" ? "gap-dense" : "gap-normal", e),
 		...n
 	});
 });
 _e.displayName = "DialogHeader";
-var ve = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B("div", {
+var ve = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R("div", {
 		ref: n,
 		"data-slot": "dialog-body",
 		"data-modal-region": "",
-		className: r("dialog-body--component", k.body, e),
+		className: r("dialog-body--component", E.body, e),
 		...t
 	});
 });
 ve.displayName = "DialogBody";
-var ye = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(ce, {
+var ye = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R($, {
 		ref: n,
 		"data-modal-region": "",
-		className: r("dialog-footer--component", k.footer, e),
+		className: r("dialog-footer--component", E.footer, e),
 		...t
 	});
 });
 ye.displayName = "DialogFooter";
-var be = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ B(le, {
+var be = A.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ R(le, {
 		ref: i,
 		className: r("dialog-title--component m-0", fe, t),
 		...n,
-		children: de(e) ? /* @__PURE__ */ B(v, {
+		children: de(e) ? /* @__PURE__ */ R(_, {
 			tag: "span",
 			type: "inherit",
 			size: "base",
@@ -202,12 +195,12 @@ var be = N.forwardRef(function({ children: e, className: t, ...n }, i) {
 	});
 });
 be.displayName = "DialogTitle";
-var xe = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ B(ue, {
+var xe = A.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ R(ue, {
 		ref: i,
 		className: r("dialog-description--component m-0", t),
 		...n,
-		children: de(e) ? /* @__PURE__ */ B(v, {
+		children: de(e) ? /* @__PURE__ */ R(_, {
 			tag: "span",
 			type: "secondary",
 			lineHeight: "relaxed",
@@ -239,7 +232,7 @@ var Se = {
 //#endregion
 //#region src/components/features/overlays/hooks/use-overlay-actions.ts
 function we({ closeDialog: e, onConfirm: t, onAsyncConfirm: r, closeOnAsyncComplete: i = !0, confirmTone: a = "primary", loading: o = !1, formId: s, onCancel: c, customStrings: l, emphasis: u = !1, tone: d = "neutral", onError: f }) {
-	let p = n(Se, l), [m, h] = z(!1), g = R(!1), _ = F(async () => {
+	let p = n(Se, l), [m, h] = L(!1), g = I(!1), _ = M(async () => {
 		if (!(o || g.current)) {
 			if (t) {
 				t(), e();
@@ -265,13 +258,13 @@ function we({ closeDialog: e, onConfirm: t, onAsyncConfirm: r, closeOnAsyncCompl
 		i,
 		e,
 		f
-	]), v = F(() => {
+	]), v = M(() => {
 		o || g.current || (c?.(), e());
 	}, [
 		o,
 		c,
 		e
-	]), y = F(async () => {
+	]), y = M(async () => {
 		if (!s || o || g.current) return;
 		let e = document.getElementById(s);
 		e instanceof HTMLFormElement && e.requestSubmit();
@@ -281,7 +274,7 @@ function we({ closeDialog: e, onConfirm: t, onAsyncConfirm: r, closeOnAsyncCompl
 		isExecuting: m,
 		handleConfirm: _,
 		handleCancel: v,
-		finalConfirmTone: L(() => u ? d === "destructive" ? "destructive" : d === "warning" ? "warning" : d === "success" ? "success" : a ?? "primary" : a ?? "primary", [
+		finalConfirmTone: F(() => u ? d === "destructive" ? "destructive" : d === "warning" ? "warning" : d === "success" ? "success" : a ?? "primary" : a ?? "primary", [
 			u,
 			d,
 			a
@@ -304,84 +297,93 @@ function De(e, t, n) {
 	return n.some((n) => e[n] !== t[n]);
 }
 function Oe({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: i } = {}) {
-	let [a, o] = z(e), s = t !== void 0, c = s ? t : a, l = R(c);
-	l.current = c;
-	let u = F((e) => {
-		let t = Te(e, l.current), a = l.current !== t;
-		s || o(t), a && (l.current = t, n?.(t), t ? r?.() : i?.());
+	let [a, o] = L(e), s = t !== void 0, c = s ? t : a, l = I(c), u = I(c);
+	P(() => {
+		l.current = c;
+	}, [s, c]), N(() => {
+		u.current !== c && (u.current = c, c ? r?.() : i?.());
 	}, [
-		s,
 		i,
 		r,
-		n
+		c
 	]);
+	let d = M((e) => {
+		let t = Te(e, l.current);
+		l.current !== t && (s || (l.current = t, o(t)), n?.(t));
+	}, [s, n]);
 	return {
 		open: c,
 		isOpen: c,
-		setOpen: u,
-		show: F(() => {
-			u(!0);
-		}, [u]),
-		hide: F(() => {
-			u(!1);
-		}, [u]),
-		toggle: F(() => {
-			u((e) => !e);
-		}, [u]),
-		overlayProps: L(() => ({
+		setOpen: d,
+		show: M(() => {
+			d(!0);
+		}, [d]),
+		hide: M(() => {
+			d(!1);
+		}, [d]),
+		toggle: M(() => {
+			d((e) => !e);
+		}, [d]),
+		overlayProps: F(() => ({
 			open: c,
-			onOpenChange: u
-		}), [c, u])
+			onOpenChange: d
+		}), [c, d])
 	};
 }
 function ke(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i = !1 } = {}) {
-	let a = e, [o, s] = z(() => Ee(a, t)), c = n !== void 0, l = Ee(a, c ? n : o), u = R(l);
-	u.current = l;
-	let d = F((e, t) => {
-		let n = u.current, o = Te(t, n[e]), l = {
+	let a = e.join("\0"), o = F(() => e, [a]), [s, c] = L(() => Ee(o, t)), l = n !== void 0, u = l ? n : s, d = o.map((e) => u?.[e] ? "1" : "0").join(""), f = F(() => Ee(o, u), [o, d]), p = I(f), m = I(r);
+	P(() => {
+		p.current = f, m.current = r;
+	}, [r, f]);
+	let h = M((e, t) => {
+		let n = p.current, r = Te(t, n[e]), a = {
 			...n,
-			[e]: o
+			[e]: r
 		};
-		if (i && o) for (let t of a) t !== e && (l[t] = !1);
-		let d = De(n, l, a);
-		c || s(l), d && (u.current = l, r?.(e, o, l));
+		if (i && r) for (let t of o) t !== e && (a[t] = !1);
+		De(n, a, o) && (l || (p.current = a, c(a)), m.current?.(e, r, a));
 	}, [
 		i,
-		c,
-		a,
-		r
-	]);
-	return L(() => {
+		l,
+		o
+	]), g = F(() => {
 		let e = {};
-		for (let t of a) {
-			let n = l[t], r = (e) => {
-				d(t, e);
-			};
-			e[t] = {
-				open: n,
-				isOpen: n,
-				setOpen: r,
-				show: () => d(t, !0),
-				hide: () => d(t, !1),
-				toggle: () => d(t, (e) => !e),
+		for (let t of o) e[t] = {
+			setOpen: (e) => h(t, e),
+			show: () => h(t, !0),
+			hide: () => h(t, !1),
+			toggle: () => h(t, (e) => !e)
+		};
+		return e;
+	}, [o, h]), _ = I(null), v = F(() => {
+		let e = _.current, t = {};
+		for (let n of o) {
+			let r = f[n], i = g[n], a = e?.[n];
+			t[n] = a && a.open === r && a.setOpen === i.setOpen ? a : {
+				open: r,
+				isOpen: r,
+				...i,
 				overlayProps: {
-					open: n,
-					onOpenChange: r
+					open: r,
+					onOpenChange: i.setOpen
 				}
 			};
 		}
-		return e;
+		return t;
 	}, [
-		a,
-		d,
-		l
+		g,
+		o,
+		f
 	]);
+	return P(() => {
+		_.current = v;
+	}, [v]), v;
 }
 //#endregion
 //#region src/components/features/overlays/hooks/use-pending-overlay-focus.ts
 function Ae(e, t = !0) {
-	let n = R(null);
-	return I(() => {
+	let n = I(null);
+	return P(() => {
 		let r = n.current;
 		if (!e || !t || !r) return;
 		let i = r.ownerDocument.activeElement;
@@ -392,37 +394,37 @@ function Ae(e, t = !0) {
 //#region src/components/features/overlays/overlay-tone-icon.tsx
 var je = {
 	neutral: {
-		Glyph: G,
+		Glyph: U,
 		color: "text-muted-foreground",
 		surface: "bg-muted"
 	},
 	destructive: {
-		Glyph: H,
+		Glyph: B,
 		color: "text-destructive",
-		surface: D.destructive.tint
+		surface: T.destructive.tint
 	},
 	warning: {
-		Glyph: U,
+		Glyph: V,
 		color: "text-warning-accent",
-		surface: D.warning.tint
+		surface: T.warning.tint
 	},
 	info: {
-		Glyph: K,
+		Glyph: W,
 		color: "text-info",
-		surface: D.info.tint
+		surface: T.info.tint
 	},
 	success: {
-		Glyph: W,
+		Glyph: H,
 		color: "text-success",
-		surface: D.success.tint
+		surface: T.success.tint
 	}
 };
 function Me({ tone: e }) {
 	let { Glyph: t, color: n } = je[e];
-	return /* @__PURE__ */ B("span", {
+	return /* @__PURE__ */ R("span", {
 		"aria-hidden": "true",
-		className: r("overlay-tone-icon--component flex h-lh shrink-0 items-center", x.base, b.snug),
-		children: /* @__PURE__ */ B(t, { className: r("size-icon", n) })
+		className: r("overlay-tone-icon--component flex h-lh shrink-0 items-center", b.base, y.snug),
+		children: /* @__PURE__ */ R(t, { className: r("size-icon", n) })
 	});
 }
 //#endregion
@@ -439,128 +441,129 @@ var Ne = {
 	"5xl": "sm:max-w-5xl",
 	full: "sm:max-w-[calc(100vw-2rem)]"
 };
-function Pe({ open: t, onOpenChange: n, onClose: i, children: a, title: o, description: s, visuallyHideHeader: c = !1, className: l, contentClassName: u, showCloseButton: d = !0, surfaceStyle: p, initialFocusRef: m, closeOnEscape: h = !0, closeOnBackdropClick: g = !0, strings: v, showCancel: y = !0, showConfirm: b = !0, onCancel: x, onConfirm: S, onAsyncConfirm: C, onError: w, closeOnAsyncComplete: T = !0, confirmTone: D = "primary", confirmStyle: O = "solid", loading: k = !1, formId: A, footer: j, emphasis: N = !1, tone: P = "neutral", showIcon: F = !1, alertMessage: I, size: L = "lg", trigger: R, align: z }) {
-	let { defaultDialogAlign: H } = e(), U = (z ?? H ?? "start") === "center", W = Oe({
-		open: t,
+function Pe({ open: e, onOpenChange: n, onClose: i, children: a, title: o, description: s, visuallyHideHeader: c = !1, className: l, contentClassName: u, showCloseButton: d = !0, surfaceStyle: p, initialFocusRef: m, finalFocus: h, closeOnEscape: g = !0, closeOnBackdropClick: _ = !0, strings: v, showCancel: y = !0, showConfirm: b = !0, onCancel: ee, onConfirm: S, onAsyncConfirm: C, onError: T, closeOnAsyncComplete: E = !0, confirmTone: te = "primary", confirmStyle: D = "solid", loading: O = !1, formId: A, footer: j, emphasis: M = !1, tone: N = "neutral", showIcon: P = !1, alertMessage: F, size: I = "lg", trigger: L, align: B }) {
+	let { defaultDialogAlign: V } = t(), H = (B ?? V ?? "start") === "center", U = Oe({
+		open: e,
 		onOpenChange: n,
 		onClose: i
-	}), { strings: G, finalConfirmTone: K, confirmButtonOnClick: q, effectiveLoading: J, handleCancel: Y } = we({
-		closeDialog: W.hide,
+	}), { strings: W, finalConfirmTone: K, confirmButtonOnClick: q, effectiveLoading: J, handleCancel: oe } = we({
+		closeDialog: U.hide,
 		onConfirm: S,
 		onAsyncConfirm: C,
-		onError: w,
-		closeOnAsyncComplete: T,
-		confirmTone: D,
-		loading: k,
+		onError: T,
+		closeOnAsyncComplete: E,
+		confirmTone: te,
+		loading: O,
 		formId: A,
-		onCancel: x,
+		onCancel: ee,
 		customStrings: v,
-		emphasis: N,
-		tone: P
-	}), X = Ae(J), Z = !!(a || I), ae = y || b || j;
-	return /* @__PURE__ */ V(pe, {
-		open: W.open,
+		emphasis: M,
+		tone: N
+	}), Y = Ae(J), X = !!(a || F), Z = j !== null && !!(y || b || j);
+	return /* @__PURE__ */ z(pe, {
+		open: U.open,
 		modal: !0,
-		disablePointerDismissal: J || !g,
+		disablePointerDismissal: J || !_,
 		onOpenChange: (e, t) => {
-			if (!e && (J || t.reason === "escape-key" && !h)) {
+			if (!e && (J || t.reason === "escape-key" && !g)) {
 				t.cancel();
 				return;
 			}
-			W.setOpen(e);
+			U.setOpen(e);
 		},
-		children: [!!R && (re(R) ? /* @__PURE__ */ B(me, { render: R }) : /* @__PURE__ */ B(me, {
-			render: /* @__PURE__ */ B(_, {
+		children: [!!L && (ae(L) ? /* @__PURE__ */ R(me, { render: L }) : /* @__PURE__ */ R(me, {
+			render: /* @__PURE__ */ R(x, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline"
 			}),
 			className: "overlay-trigger--fallback",
-			children: R
-		})), /* @__PURE__ */ V(ge, {
-			ref: X,
+			children: L
+		})), /* @__PURE__ */ z(ge, {
+			ref: Y,
 			showCloseButton: !1,
 			style: p,
 			initialFocus: m,
-			"aria-label": o ? void 0 : G.dialogLabel,
-			className: r("action-dialog--component dialog--component", Ne[L], l),
+			finalFocus: h,
+			"aria-label": o ? void 0 : W.dialogLabel,
+			className: r("action-dialog--component dialog--component", Ne[I], l),
 			children: [
-				!!(o || s) && /* @__PURE__ */ B(_e, {
-					"data-align": U ? "center" : "start",
-					className: r("dialog--header", U && r("text-center", f.headerCentered), c && "sr-only"),
-					children: /* @__PURE__ */ V(E, {
-						direction: U ? "vertical" : "horizontal",
+				!!(o || s) && /* @__PURE__ */ R(_e, {
+					"data-align": H ? "center" : "start",
+					className: r("dialog--header", H && r("text-center", f.headerCentered), c && "sr-only"),
+					children: /* @__PURE__ */ z(w, {
+						direction: H ? "vertical" : "horizontal",
 						gap: "sm",
-						align: U ? "center" : "start",
+						align: H ? "center" : "start",
 						wrap: !1,
-						children: [!!F && /* @__PURE__ */ B(Me, { tone: P }), /* @__PURE__ */ V(E, {
+						children: [!!P && /* @__PURE__ */ R(Me, { tone: N }), /* @__PURE__ */ z(w, {
 							gap: "normal",
-							align: U ? "center" : void 0,
-							className: r("min-w-0", U ? "w-full" : "flex-1"),
-							children: [!!o && /* @__PURE__ */ B(be, { children: o }), !!s && /* @__PURE__ */ B(xe, { children: s })]
+							align: H ? "center" : void 0,
+							className: r("min-w-0", H ? "w-full" : "flex-1"),
+							children: [!!o && /* @__PURE__ */ R(be, { children: o }), !!s && /* @__PURE__ */ R(xe, { children: s })]
 						})]
 					})
 				}),
-				!!Z && /* @__PURE__ */ V(ve, {
+				!!X && /* @__PURE__ */ z(ve, {
 					className: r("dialog--body", u),
-					children: [!!I && /* @__PURE__ */ B(te, {
-						tone: P,
+					children: [!!F && /* @__PURE__ */ R(ne, {
+						tone: N,
 						className: "mb-space-md",
-						children: /* @__PURE__ */ B(ee, { children: I })
+						children: /* @__PURE__ */ R(re, { children: F })
 					}), a]
 				}),
-				!!ae && /* @__PURE__ */ B(ye, {
+				!!Z && /* @__PURE__ */ R(ye, {
 					className: "dialog--footer",
-					children: j ?? /* @__PURE__ */ V(E, {
+					children: j ?? /* @__PURE__ */ z(w, {
 						direction: {
 							base: "vertical",
 							sm: "horizontal"
 						},
-						gap: ne.commands,
+						gap: ie.commands,
 						align: {
 							base: "stretch",
 							sm: "center"
 						},
-						justify: U ? "center" : "end",
+						justify: H ? "center" : "end",
 						className: "w-full",
-						children: [!!y && /* @__PURE__ */ B(_, {
+						children: [!!y && /* @__PURE__ */ R(x, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "outline",
-							onClick: Y,
+							onClick: oe,
 							disabled: J,
-							children: G.cancel
-						}), !!b && /* @__PURE__ */ B(_, {
+							children: W.cancel
+						}), !!b && /* @__PURE__ */ R(x, {
 							type: "button",
 							tone: K,
-							buttonStyle: O,
+							buttonStyle: D,
 							onClick: q,
 							disabled: J,
 							loading: J,
-							strings: { loading: G.loading },
-							children: G.confirm
+							strings: { loading: W.loading },
+							children: W.confirm
 						})]
 					})
 				}),
-				!!d && /* @__PURE__ */ B(he, {
+				!!d && /* @__PURE__ */ R(he, {
 					disabled: J,
-					render: /* @__PURE__ */ B(_, {
+					render: /* @__PURE__ */ R(x, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
 						size: "sm",
 						iconOnly: !0,
 						"data-overlay-close": "",
-						className: r(f.close, `z-10 text-muted-foreground ${M.rowHover}`),
-						children: /* @__PURE__ */ B(ie, { className: "size-icon" })
+						className: r(f.close, `z-10 text-muted-foreground ${k.rowHover}`),
+						children: /* @__PURE__ */ R(G, { className: "size-icon" })
 					}),
-					"aria-label": G.close
+					"aria-label": W.close
 				})
 			]
 		})]
 	});
 }
-var Fe = P(Pe);
+var Fe = j(Pe);
 Fe.displayName = "ActionDialog";
 //#endregion
 //#region src/components/features/overlays/drawer.tsx
@@ -576,102 +579,103 @@ var Ie = {
 	"5xl": "data-[side=left]:sm:max-w-5xl data-[side=right]:sm:max-w-5xl",
 	full: "data-[side=left]:sm:max-w-[calc(100vw-2rem)] data-[side=right]:sm:max-w-[calc(100vw-2rem)]"
 };
-function Le({ open: e, onOpenChange: t, onClose: n, children: o, title: s, description: g, visuallyHideHeader: v = !1, showCloseButton: y = !0, className: b, contentClassName: x, surfaceStyle: S, initialFocusRef: C, closeOnEscape: w = !0, closeOnBackdropClick: T = !0, strings: D, showCancel: O = !0, showConfirm: k = !0, onCancel: A, onConfirm: j, onAsyncConfirm: N, onError: P, closeOnAsyncComplete: F = !0, confirmTone: I = "primary", confirmStyle: L = "solid", loading: R = !1, formId: z, footer: H, emphasis: U = !1, tone: W = "neutral", showIcon: G = !1, alertMessage: K, direction: q = "right", width: J = "lg", showFooter: Y = !0, modal: X = !0, trigger: Z }) {
-	let ae = Oe({
+function Le({ open: e, onOpenChange: t, onClose: n, children: o, title: s, description: g, visuallyHideHeader: _ = !1, showCloseButton: v = !0, className: y, contentClassName: b, surfaceStyle: ee, initialFocusRef: S, finalFocus: C, closeOnEscape: T = !0, closeOnBackdropClick: E = !0, strings: te, showCancel: D = !0, showConfirm: O = !0, onCancel: A, onConfirm: j, onAsyncConfirm: M, onError: N, closeOnAsyncComplete: P = !0, confirmTone: F = "primary", confirmStyle: I = "solid", loading: L = !1, formId: B, footer: V, emphasis: H = !1, tone: U = "neutral", showIcon: W = !1, alertMessage: K, direction: q = "right", width: J = "lg", showFooter: oe = !0, modal: Y = !0, trigger: X }) {
+	let Z = Oe({
 		open: e,
 		onOpenChange: t,
 		onClose: n
-	}), { strings: Q, finalConfirmTone: oe, confirmButtonOnClick: se, effectiveLoading: $, handleCancel: ce } = we({
-		closeDialog: ae.hide,
+	}), { strings: Q, finalConfirmTone: se, confirmButtonOnClick: ce, effectiveLoading: $, handleCancel: le } = we({
+		closeDialog: Z.hide,
 		onConfirm: j,
-		onAsyncConfirm: N,
-		onError: P,
-		closeOnAsyncComplete: F,
-		confirmTone: I,
-		loading: R,
-		formId: z,
+		onAsyncConfirm: M,
+		onError: N,
+		closeOnAsyncComplete: P,
+		confirmTone: F,
+		loading: L,
+		formId: B,
 		onCancel: A,
-		customStrings: D,
-		emphasis: U,
-		tone: W
-	}), le = q === "left" || q === "right", ue = Ae($, X), de = !!(o || K), fe = Y && (O || k || H);
-	return /* @__PURE__ */ V(h, {
-		open: ae.open,
-		modal: X,
-		disablePointerDismissal: $ || !T || X === !1,
+		customStrings: te,
+		emphasis: H,
+		tone: U
+	}), ue = q === "left" || q === "right", de = Ae($, Y), fe = !!(o || K), pe = oe && V !== null && !!(D || O || V);
+	return /* @__PURE__ */ z(h, {
+		open: Z.open,
+		modal: Y,
+		disablePointerDismissal: $ || !E || Y === !1,
 		onOpenChange: (e, t) => {
-			if (!e && ($ || t.reason === "escape-key" && !w)) {
+			if (!e && ($ || t.reason === "escape-key" && !T)) {
 				t.cancel();
 				return;
 			}
-			ae.setOpen(e);
+			Z.setOpen(e);
 		},
-		children: [!!Z && (re(Z) ? /* @__PURE__ */ B(l, { render: Z }) : /* @__PURE__ */ B(l, {
-			render: /* @__PURE__ */ B(_, {
+		children: [!!X && (ae(X) ? /* @__PURE__ */ R(l, { render: X }) : /* @__PURE__ */ R(l, {
+			render: /* @__PURE__ */ R(x, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline"
 			}),
 			className: "overlay-trigger--fallback",
-			children: Z
-		})), /* @__PURE__ */ V(c, {
-			ref: ue,
+			children: X
+		})), /* @__PURE__ */ z(c, {
+			ref: de,
 			side: q,
 			showCloseButton: !1,
-			style: S,
-			initialFocus: C,
+			style: ee,
+			initialFocus: S,
+			finalFocus: C,
 			"aria-label": s ? void 0 : Q.drawerLabel,
-			"data-modal": X === !1 ? "false" : void 0,
-			className: r("action-drawer--component drawer--component", le && "data-[side=left]:w-full data-[side=right]:w-full", le && Ie[J], b),
+			"data-modal": Y === !1 ? "false" : void 0,
+			className: r("action-drawer--component drawer--component", ue && "data-[side=left]:w-full data-[side=right]:w-full", ue && Ie[J], y),
 			children: [
-				!!(s || g) && /* @__PURE__ */ B(m, {
-					className: r("drawer--header", v && "sr-only"),
-					children: /* @__PURE__ */ V(E, {
+				!!(s || g) && /* @__PURE__ */ R(m, {
+					className: r("drawer--header", _ && "sr-only"),
+					children: /* @__PURE__ */ z(w, {
 						direction: "horizontal",
 						gap: "sm",
 						align: "start",
 						wrap: !1,
-						children: [!!G && /* @__PURE__ */ B(Me, { tone: W }), /* @__PURE__ */ V(E, {
+						children: [!!W && /* @__PURE__ */ R(Me, { tone: U }), /* @__PURE__ */ z(w, {
 							gap: "normal",
 							className: "min-w-0 flex-1",
-							children: [!!s && /* @__PURE__ */ B(a, { children: s }), !!g && /* @__PURE__ */ B(i, { children: g })]
+							children: [!!s && /* @__PURE__ */ R(a, { children: s }), !!g && /* @__PURE__ */ R(i, { children: g })]
 						})]
 					})
 				}),
-				!!de && /* @__PURE__ */ V(u, {
-					className: r("drawer--body", x),
-					children: [!!K && /* @__PURE__ */ B(te, {
-						tone: W,
+				!!fe && /* @__PURE__ */ z(u, {
+					className: r("drawer--body", b),
+					children: [!!K && /* @__PURE__ */ R(ne, {
+						tone: U,
 						className: "mb-space-md",
-						children: /* @__PURE__ */ B(ee, { children: K })
+						children: /* @__PURE__ */ R(re, { children: K })
 					}), o]
 				}),
-				!!fe && /* @__PURE__ */ B(d, {
+				!!pe && /* @__PURE__ */ R(d, {
 					className: "drawer--footer",
-					children: H ?? /* @__PURE__ */ V(E, {
+					children: V ?? /* @__PURE__ */ z(w, {
 						direction: {
 							base: "vertical",
 							sm: "horizontal"
 						},
-						gap: ne.commands,
+						gap: ie.commands,
 						align: {
 							base: "stretch",
 							sm: "center"
 						},
 						justify: "end",
 						className: "w-full",
-						children: [!!O && /* @__PURE__ */ B(_, {
+						children: [!!D && /* @__PURE__ */ R(x, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "outline",
-							onClick: ce,
+							onClick: le,
 							disabled: $,
 							children: Q.cancel
-						}), !!k && /* @__PURE__ */ B(_, {
+						}), !!O && /* @__PURE__ */ R(x, {
 							type: "button",
-							tone: oe,
-							buttonStyle: L,
-							onClick: se,
+							tone: se,
+							buttonStyle: I,
+							onClick: ce,
 							disabled: $,
 							loading: $,
 							strings: { loading: Q.loading },
@@ -679,17 +683,17 @@ function Le({ open: e, onOpenChange: t, onClose: n, children: o, title: s, descr
 						})]
 					})
 				}),
-				!!y && /* @__PURE__ */ B(p, {
+				!!v && /* @__PURE__ */ R(p, {
 					disabled: $,
-					render: /* @__PURE__ */ B(_, {
+					render: /* @__PURE__ */ R(x, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
 						size: "sm",
 						iconOnly: !0,
 						"data-overlay-close": "",
-						className: r(f.close, `z-10 text-muted-foreground ${M.rowHover}`),
-						children: /* @__PURE__ */ B(ie, { className: "size-icon" })
+						className: r(f.close, `z-10 text-muted-foreground ${k.rowHover}`),
+						children: /* @__PURE__ */ R(G, { className: "size-icon" })
 					}),
 					"aria-label": Q.close
 				})
@@ -697,92 +701,92 @@ function Le({ open: e, onOpenChange: t, onClose: n, children: o, title: s, descr
 		})]
 	});
 }
-var Re = P(Le);
+var Re = j(Le);
 Re.displayName = "ActionDrawer";
 //#endregion
 //#region src/components/ui/alert-dialog.tsx
 function ze({ ...e }) {
-	return /* @__PURE__ */ B(Y.Root, {
+	return /* @__PURE__ */ R(J.Root, {
 		"data-slot": "alert-dialog",
 		...e
 	});
 }
 function Be({ ...e }) {
-	return /* @__PURE__ */ B(Y.Trigger, {
+	return /* @__PURE__ */ R(J.Trigger, {
 		"data-slot": "alert-dialog-trigger",
 		...e
 	});
 }
-function Ve({ container: e, className: n, ...r }) {
-	let i = t(e);
-	return /* @__PURE__ */ B(Y.Portal, {
+function Ve({ container: t, className: n, ...r }) {
+	let i = e(t);
+	return /* @__PURE__ */ R(J.Portal, {
 		container: i,
 		"data-slot": "alert-dialog-portal",
-		className: S(n),
+		className: ee(n),
 		...r
 	});
 }
 function He({ className: e, ...t }) {
-	return /* @__PURE__ */ B(Y.Backdrop, {
+	return /* @__PURE__ */ R(J.Backdrop, {
 		"data-slot": "alert-dialog-overlay",
-		className: r(A, C.backdrop, "isolate", e),
+		className: r(D, S.backdrop, "isolate", e),
 		...t
 	});
 }
-function Ue({ className: e, container: n, size: i = "default", children: a, finalFocus: c, ...l }) {
-	let u = t(n), d = o(), { capture: f, finalFocus: p } = s(c);
-	return /* @__PURE__ */ V(Ve, {
+function Ue({ className: t, container: n, size: i = "default", children: a, finalFocus: c, ...l }) {
+	let u = e(n), d = o(), { capture: f, finalFocus: p } = s(c);
+	return /* @__PURE__ */ z(Ve, {
 		container: u,
-		children: [/* @__PURE__ */ B(He, { forceRender: !d }), /* @__PURE__ */ V(Y.Popup, {
+		children: [/* @__PURE__ */ R(He, { forceRender: !d }), /* @__PURE__ */ z(J.Popup, {
 			"data-slot": "alert-dialog-content",
 			"data-size": i,
-			className: r(C.dialog, "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-space-xl rounded-surface bg-popover p-surface text-popover-foreground shadow-xl outline-none data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md", e),
+			className: r(S.dialog, "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-space-xl rounded-surface bg-popover p-surface text-popover-foreground shadow-xl outline-none data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md", t),
 			...l,
 			finalFocus: p,
-			children: [f, /* @__PURE__ */ B(g, { children: a })]
+			children: [f, /* @__PURE__ */ R(g, { children: a })]
 		})]
 	});
 }
 function We({ className: e, ...t }) {
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ R("div", {
 		"data-slot": "alert-dialog-footer",
 		className: r("flex flex-col-reverse group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", e),
 		...t
 	});
 }
 function Ge({ className: e, ...t }) {
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ R("div", {
 		"data-slot": "alert-dialog-media",
 		className: r("mb-space-md inline-flex size-16 items-center justify-center rounded-full bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8", e),
 		...t
 	});
 }
 function Ke({ className: e, ...t }) {
-	return /* @__PURE__ */ B(Y.Title, {
+	return /* @__PURE__ */ R(J.Title, {
 		"data-slot": "alert-dialog-title",
 		className: r("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
 		...t
 	});
 }
 function qe({ className: e, ...t }) {
-	return /* @__PURE__ */ B(Y.Description, {
+	return /* @__PURE__ */ R(J.Description, {
 		"data-slot": "alert-dialog-description",
 		className: r("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
 		...t
 	});
 }
 function Je({ className: e, ...t }) {
-	return /* @__PURE__ */ B(T, {
+	return /* @__PURE__ */ R(C, {
 		"data-slot": "alert-dialog-action",
 		className: r(e),
 		...t
 	});
 }
 function Ye({ className: e, variant: t = "outline", size: n = "default", ...i }) {
-	return /* @__PURE__ */ B(Y.Close, {
+	return /* @__PURE__ */ R(J.Close, {
 		"data-slot": "alert-dialog-cancel",
 		className: r(e),
-		render: /* @__PURE__ */ B(T, {
+		render: /* @__PURE__ */ R(C, {
 			variant: t,
 			size: n
 		}),
@@ -794,58 +798,58 @@ function Ye({ className: e, variant: t = "outline", size: n = "default", ...i })
 function Xe(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var Ze = r(x.base, y.semibold, b.snug), Qe = ze, $e = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(Be, {
+var Ze = r("font-sans", b.base, v.semibold, y.snug), Qe = ze, $e = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(Be, {
 		ref: n,
 		className: r("alert-dialog-trigger--component", e),
 		...t
 	});
 });
 $e.displayName = "AlertDialogTrigger";
-var et = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(Ue, {
+var et = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(Ue, {
 		ref: n,
-		className: r("alert-dialog-content--component flex max-h-[min(90vh,48rem)] flex-col gap-0 overflow-hidden rounded-surface bg-popover p-0 text-popover-foreground sm:max-w-md", O.modal.shell, e),
+		className: r("alert-dialog-content--component flex max-h-[min(90vh,48rem)] flex-col gap-0 overflow-hidden rounded-surface bg-popover p-0 text-popover-foreground sm:max-w-md", te.modal.shell, e),
 		...t
 	});
 });
 et.displayName = "AlertDialogContent";
-var tt = N.forwardRef(function({ className: e, textGap: t = "normal", align: n = "start", ...i }, a) {
-	return /* @__PURE__ */ B("div", {
+var tt = A.forwardRef(function({ className: e, textGap: t = "normal", align: n = "start", ...i }, a) {
+	return /* @__PURE__ */ R("div", {
 		ref: a,
 		"data-slot": "alert-dialog-header",
 		"data-modal-region": "",
 		"data-align": n,
-		className: r("alert-dialog-header--component flex flex-col", k.header, n === "center" ? "items-center text-center" : "items-start text-start", t === "dense" ? "gap-dense" : "gap-normal", e),
+		className: r("alert-dialog-header--component flex flex-col", E.header, n === "center" ? "items-center text-center" : "items-start text-start", t === "dense" ? "gap-dense" : "gap-normal", e),
 		...i
 	});
 });
 tt.displayName = "AlertDialogHeader";
-var nt = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B("div", {
+var nt = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R("div", {
 		ref: n,
 		"data-slot": "alert-dialog-body",
 		"data-modal-region": "",
-		className: r("alert-dialog-body--component", k.body, e),
+		className: r("alert-dialog-body--component", E.body, e),
 		...t
 	});
 });
 nt.displayName = "AlertDialogBody";
-var rt = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(We, {
+var rt = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(We, {
 		ref: n,
 		"data-modal-region": "",
-		className: r("alert-dialog-footer--component", k.footer, e),
+		className: r("alert-dialog-footer--component", E.footer, e),
 		...t
 	});
 });
 rt.displayName = "AlertDialogFooter";
-var it = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ B(Ke, {
+var it = A.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ R(Ke, {
 		ref: i,
 		className: r("alert-dialog-title--component m-0", Ze, t),
 		...n,
-		children: Xe(e) ? /* @__PURE__ */ B(v, {
+		children: Xe(e) ? /* @__PURE__ */ R(_, {
 			tag: "span",
 			type: "inherit",
 			size: "base",
@@ -856,12 +860,12 @@ var it = N.forwardRef(function({ children: e, className: t, ...n }, i) {
 	});
 });
 it.displayName = "AlertDialogTitle";
-var at = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ B(qe, {
+var at = A.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ R(qe, {
 		ref: i,
 		className: r("alert-dialog-description--component m-0", t),
 		...n,
-		children: Xe(e) ? /* @__PURE__ */ B(v, {
+		children: Xe(e) ? /* @__PURE__ */ R(_, {
 			tag: "span",
 			type: "secondary",
 			lineHeight: "relaxed",
@@ -870,24 +874,24 @@ var at = N.forwardRef(function({ children: e, className: t, ...n }, i) {
 	});
 });
 at.displayName = "AlertDialogDescription";
-var ot = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(Ge, {
+var ot = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(Ge, {
 		ref: n,
 		className: r("alert-dialog-media--component", e),
 		...t
 	});
 });
 ot.displayName = "AlertDialogMedia";
-var st = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(Je, {
+var st = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(Je, {
 		ref: n,
 		className: r("alert-dialog-action--component", e),
 		...t
 	});
 });
 st.displayName = "AlertDialogAction";
-var ct = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ B(Ye, {
+var ct = A.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ R(Ye, {
 		ref: n,
 		className: r("alert-dialog-cancel--component", e),
 		...t
@@ -896,108 +900,109 @@ var ct = N.forwardRef(function({ className: e, ...t }, n) {
 ct.displayName = "AlertDialogCancel";
 //#endregion
 //#region src/components/features/overlays/alert-dialog.tsx
-function lt({ open: t, onOpenChange: i, onClose: a, children: o, title: s, description: c, visuallyHideHeader: l = !1, className: u, contentClassName: d, surfaceStyle: f, initialFocusRef: p, closeOnEscape: m = !0, strings: h, showCancel: g = !0, showConfirm: v = !0, onCancel: y, onConfirm: b, onAsyncConfirm: x, onError: S, closeOnAsyncComplete: C = !0, confirmTone: w, confirmStyle: T = "solid", loading: D = !1, formId: O, footer: k, tone: A = "neutral", showIcon: j = !1, alertMessage: M, trigger: N, destructive: P = !1, align: F }) {
-	let { defaultConfirmAlign: I } = e(), R = F ?? I ?? "center", z = Oe({
-		open: t,
+function lt({ open: e, onOpenChange: i, onClose: a, children: o, title: s, description: c, visuallyHideHeader: l = !1, className: u, contentClassName: d, surfaceStyle: f, initialFocusRef: p, finalFocus: m, closeOnEscape: h = !0, strings: g, showCancel: _ = !0, showConfirm: v = !0, onCancel: y, onConfirm: b, onAsyncConfirm: ee, onError: S, closeOnAsyncComplete: C = !0, confirmTone: T, confirmStyle: E = "solid", loading: te = !1, formId: D, footer: O, tone: k = "neutral", showIcon: A = !1, alertMessage: j, trigger: M, destructive: N = !1, align: P }) {
+	let { defaultConfirmAlign: I } = t(), L = P ?? I ?? "center", B = Oe({
+		open: e,
 		onOpenChange: i,
 		onClose: a
-	}), H = n(Ce, h), U = L(() => P ? "destructive" : w || {
+	}), V = n(Ce, g), H = F(() => N ? "destructive" : T || {
 		neutral: "primary",
 		destructive: "destructive",
 		warning: "warning",
 		info: "primary",
 		success: "success"
-	}[A], [
-		P,
-		w,
-		A
-	]), { strings: W, confirmButtonOnClick: G, effectiveLoading: K, handleCancel: ie } = we({
-		closeDialog: z.hide,
+	}[k], [
+		N,
+		T,
+		k
+	]), { strings: U, confirmButtonOnClick: W, effectiveLoading: G, handleCancel: K } = we({
+		closeDialog: B.hide,
 		onConfirm: b,
-		onAsyncConfirm: x,
+		onAsyncConfirm: ee,
 		onError: S,
 		closeOnAsyncComplete: C,
-		confirmTone: U,
-		loading: D,
-		formId: O,
+		confirmTone: H,
+		loading: te,
+		formId: D,
 		onCancel: y,
-		customStrings: H
-	}), q = P && A === "neutral" ? "destructive" : A, J = je[q], Y = Ae(K), X = !!(s || c || j && !l), Z = !!(o || M);
-	return /* @__PURE__ */ V(Qe, {
-		open: z.open,
+		customStrings: V
+	}), q = N && k === "neutral" ? "destructive" : k, J = je[q], oe = Ae(G), Y = !!(s || c || A && !l), X = !!(o || j), Z = O !== null && !!(_ || v || O);
+	return /* @__PURE__ */ z(Qe, {
+		open: B.open,
 		onOpenChange: (e, t) => {
-			if (!e && (K || t.reason === "escape-key" && !m)) {
+			if (!e && (G || t.reason === "escape-key" && !h)) {
 				t.cancel();
 				return;
 			}
-			z.setOpen(e);
+			!e && B.open && y?.(), B.setOpen(e);
 		},
-		children: [!!N && (re(N) ? /* @__PURE__ */ B($e, { render: N }) : /* @__PURE__ */ B($e, {
-			render: /* @__PURE__ */ B(_, {
+		children: [!!M && (ae(M) ? /* @__PURE__ */ R($e, { render: M }) : /* @__PURE__ */ R($e, {
+			render: /* @__PURE__ */ R(x, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "outline"
 			}),
 			className: "overlay-trigger--fallback",
-			children: N
-		})), /* @__PURE__ */ V(et, {
-			ref: Y,
+			children: M
+		})), /* @__PURE__ */ z(et, {
+			ref: oe,
 			style: f,
 			initialFocus: p,
-			"aria-label": s ? void 0 : W.alertDialogLabel,
+			finalFocus: m,
+			"aria-label": s ? void 0 : U.alertDialogLabel,
 			className: r("confirm-dialog--component alert-dialog--component", u),
 			children: [
-				!!X && /* @__PURE__ */ V(tt, {
-					align: R,
+				!!Y && /* @__PURE__ */ z(tt, {
+					align: L,
 					className: r("alert-dialog--header", l && "sr-only"),
 					children: [
-						!!j && !l && /* @__PURE__ */ B("span", {
+						!!A && !l && /* @__PURE__ */ R("span", {
 							"aria-hidden": "true",
 							className: r("mb-space-sm flex size-avatar-lg shrink-0 items-center justify-center rounded-full", J.surface, J.color),
-							children: /* @__PURE__ */ B(J.Glyph, { className: "size-icon-lg" })
+							children: /* @__PURE__ */ R(J.Glyph, { className: "size-icon-lg" })
 						}),
-						!!s && /* @__PURE__ */ B(it, { children: s }),
-						!!c && /* @__PURE__ */ B(at, { children: c })
+						!!s && /* @__PURE__ */ R(it, { children: s }),
+						!!c && /* @__PURE__ */ R(at, { children: c })
 					]
 				}),
-				!!Z && /* @__PURE__ */ V(nt, {
+				!!X && /* @__PURE__ */ z(nt, {
 					className: r("alert-dialog--body", d),
-					children: [!!M && /* @__PURE__ */ B(te, {
+					children: [!!j && /* @__PURE__ */ R(ne, {
 						tone: q,
 						className: r(!!o && "mb-space-md"),
-						children: /* @__PURE__ */ B(ee, { children: M })
+						children: /* @__PURE__ */ R(re, { children: j })
 					}), o]
 				}),
-				!!(g || v || k) && /* @__PURE__ */ B(rt, {
+				!!Z && /* @__PURE__ */ R(rt, {
 					className: "alert-dialog--footer",
-					children: k ?? /* @__PURE__ */ V(E, {
+					children: O ?? /* @__PURE__ */ z(w, {
 						direction: {
 							base: "vertical",
 							sm: "horizontal"
 						},
-						gap: ne.commands,
+						gap: ie.commands,
 						align: {
 							base: "stretch",
 							sm: "center"
 						},
-						justify: R === "center" ? "center" : "end",
+						justify: L === "center" ? "center" : "end",
 						className: "w-full",
-						children: [!!g && /* @__PURE__ */ B(_, {
+						children: [!!_ && /* @__PURE__ */ R(x, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "outline",
-							onClick: ie,
-							disabled: K,
-							children: W.cancel
-						}), !!v && /* @__PURE__ */ B(_, {
+							onClick: K,
+							disabled: G,
+							children: U.cancel
+						}), !!v && /* @__PURE__ */ R(x, {
 							type: "button",
-							tone: U,
-							buttonStyle: T,
-							onClick: G,
-							disabled: K,
-							loading: K,
-							strings: { loading: W.loading },
-							children: W.confirm
+							tone: H,
+							buttonStyle: E,
+							onClick: W,
+							disabled: G,
+							loading: G,
+							strings: { loading: U.loading },
+							children: U.confirm
 						})]
 					})
 				})
@@ -1005,9 +1010,9 @@ function lt({ open: t, onOpenChange: i, onClose: a, children: o, title: s, descr
 		})]
 	});
 }
-var ut = P(lt);
+var ut = j(lt);
 ut.displayName = "ConfirmDialog";
 //#endregion
 export { ke as a, Se as c, Oe as i, Re as n, we as o, Fe as r, Ce as s, ut as t };
 
-//# sourceMappingURL=overlays-BSgCtM2v.js.map
+//# sourceMappingURL=overlays-D-gAIfPF.js.map