themelia-react-ui 2.0.3 → 2.0.4

package/dist/{overlays-tMkF-VAN.js → overlays-BlKynmde.js}

@@ -1,60 +1,61 @@
 "use client";
-import { d as e } from "./ui-provider-C_U0Xma4.js";
+import { d as e } from "./ui-provider-CQCuCBcy.js";
 import { r as t } from "./theme-scope-BJ6eE2xt.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-BRhFDwuU.js";
-import { a as i, c as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "./sheet-ijlsjq-n.js";
-import { n as m } from "./buttons-DPZekJFu.js";
-import { c as h } from "./typography-UTnveOEy.js";
-import { a as g, i as _, s as v } from "./text.styles-g4He6UIW.js";
+import { t as r } from "./utils-CF3c95Io.js";
+import { a as i, c as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "./sheet-DoAxTb2J.js";
+import { n as m } from "./buttons-BbfzgczK.js";
+import { c as h } from "./typography-CSyJrh28.js";
+import { l as g, o as _, s as v } from "./text.styles-B64My8RZ.js";
 import { t as y } from "./motion-recipes-ChBg4HBq.js";
 import { t as b } from "./slot-CLF9kLrS.js";
-import { t as x } from "./button-DVzspB_G.js";
-import { t as S } from "./structure-BmisBK-3.js";
+import { t as x } from "./button-DkmK-z8E.js";
+import { t as S } from "./structure-C0V0_Fyf.js";
 import { i as C } from "./tone-recipes-BPsRAvhu.js";
-import { h as ee, p as te } from "./smart-card-DiC5aac3.js";
+import { h as ee, p as te } from "./smart-card-CqkzQsK-.js";
 import { a as w, r as T } from "./surface-recipes-BKRVW8Os.js";
+import { n as ne } from "./composition.recipes-COdiFhxB.js";
 import { t as E } from "./overlay.recipes-8GHqmlb4.js";
 import { t as D } from "./use-popup-focus-recovery-C0QPvgOR.js";
-import { t as ne } from "./interaction-recipes-XR9ZpVYL.js";
+import { t as re } from "./interaction-recipes-XR9ZpVYL.js";
 import * as O from "react";
-import { isValidElement as re, memo as k, useCallback as A, useLayoutEffect as j, useMemo as M, useRef as N, useState as P } from "react";
+import { isValidElement as ie, memo as k, useCallback as A, useLayoutEffect as j, useMemo as M, useRef as N, useState as P } from "react";
 import { jsx as F, jsxs as I } from "react/jsx-runtime";
-import { AlertCircle as L, AlertTriangle as R, CheckCircle as z, HelpCircle as B, Info as V, X as ie, XIcon as H } from "lucide-react";
-import { Dialog as U } from "@base-ui/react/dialog";
-import { AlertDialog as W } from "@base-ui/react/alert-dialog";
+import { AlertCircle as L, AlertTriangle as R, CheckCircle as z, HelpCircle as B, Info as V, X as H, XIcon as U } from "lucide-react";
+import { Dialog as W } from "@base-ui/react/dialog";
+import { AlertDialog as G } from "@base-ui/react/alert-dialog";
 //#region src/components/ui/dialog.tsx
-function G({ ...e }) {
-	return /* @__PURE__ */ F(U.Root, {
+function K({ ...e }) {
+	return /* @__PURE__ */ F(W.Root, {
 		"data-slot": "dialog",
 		modal: "trap-focus",
 		...e
 	});
 }
-function K({ asChild: e = !1, ...t }) {
+function q({ asChild: e = !1, ...t }) {
 	let n = e ? /* @__PURE__ */ F(b, {}) : void 0;
-	return /* @__PURE__ */ F(U.Trigger, {
+	return /* @__PURE__ */ F(W.Trigger, {
 		"data-slot": "dialog-trigger",
 		render: n,
 		...t
 	});
 }
-function q({ container: e, ...n }) {
+function J({ container: e, ...n }) {
 	let r = t(e);
-	return /* @__PURE__ */ F(U.Portal, {
+	return /* @__PURE__ */ F(W.Portal, {
 		container: r,
 		"data-slot": "dialog-portal",
 		...n
 	});
 }
-function J({ ...e }) {
-	return /* @__PURE__ */ F(U.Close, {
+function ae({ ...e }) {
+	return /* @__PURE__ */ F(W.Close, {
 		"data-slot": "dialog-close",
 		...e
 	});
 }
 function Y({ className: e, ...t }) {
-	return /* @__PURE__ */ F(U.Backdrop, {
+	return /* @__PURE__ */ F(W.Backdrop, {
 		"data-slot": "dialog-overlay",
 		className: r(E, y.backdrop, "isolate", e),
 		...t
@@ -62,14 +63,14 @@ function Y({ className: e, ...t }) {
 }
 function X({ className: e, container: n, children: i, showCloseButton: a = !0, onFocusCapture: o, ...s }) {
 	let c = t(n), l = D(o);
-	return /* @__PURE__ */ I(q, {
+	return /* @__PURE__ */ I(J, {
 		container: c,
-		children: [/* @__PURE__ */ F(Y, {}), /* @__PURE__ */ I(U.Popup, {
+		children: [/* @__PURE__ */ F(Y, {}), /* @__PURE__ */ I(W.Popup, {
 			"data-slot": "dialog-content",
 			className: r(y.dialog, "bg-background grid max-w-[calc(100%-2rem)] gap-space-xl rounded-radius 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),
 			...s,
 			onFocusCapture: l,
-			children: [i, !!a && /* @__PURE__ */ I(U.Close, {
+			children: [i, !!a && /* @__PURE__ */ I(W.Close, {
 				"data-slot": "dialog-close",
 				render: /* @__PURE__ */ F(x, {
 					variant: "ghost",
@@ -77,7 +78,7 @@ function X({ className: e, container: n, children: i, showCloseButton: a = !0, o
 					className: p.close,
 					size: "icon-sm"
 				}),
-				children: [/* @__PURE__ */ F(H, {}), /* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ F(U, {}), /* @__PURE__ */ F("span", {
 					className: "sr-only",
 					children: "Close"
 				})]
@@ -97,24 +98,24 @@ function Q({ className: e, showCloseButton: t = !1, children: n, ...i }) {
 		"data-slot": "dialog-footer",
 		className: r("flex flex-col-reverse sm:flex-row sm:justify-end", e),
 		...i,
-		children: [n, !!t && /* @__PURE__ */ F(U.Close, {
+		children: [n, !!t && /* @__PURE__ */ F(W.Close, {
 			render: /* @__PURE__ */ F(x, { variant: "outline" }),
 			children: "Close"
 		})]
 	});
 }
-function ae({ className: e, asChild: t = !1, ...n }) {
+function oe({ className: e, asChild: t = !1, ...n }) {
 	let i = t ? /* @__PURE__ */ F(b, {}) : void 0;
-	return /* @__PURE__ */ F(U.Title, {
+	return /* @__PURE__ */ F(W.Title, {
 		"data-slot": "dialog-title",
 		render: i,
 		className: r("leading-none font-medium", e),
 		...n
 	});
 }
-function oe({ className: e, asChild: t = !1, ...n }) {
+function se({ className: e, asChild: t = !1, ...n }) {
 	let i = t ? /* @__PURE__ */ F(b, {}) : void 0;
-	return /* @__PURE__ */ F(U.Description, {
+	return /* @__PURE__ */ F(W.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),
@@ -126,31 +127,31 @@ function oe({ className: e, asChild: t = !1, ...n }) {
 function $(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var se = r(g.base, v.semibold, _.snug), ce = G, le = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(K, {
+var ce = r(v.base, g.semibold, _.snug), le = K, ue = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(q, {
 		ref: n,
 		className: r("dialog-trigger--component", e),
 		...t
 	});
 });
-le.displayName = "DialogTrigger";
-var ue = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(J, {
+ue.displayName = "DialogTrigger";
+var de = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(ae, {
 		ref: n,
 		className: r("dialog-close--component active:translate-y-0!", e),
 		...t
 	});
 });
-ue.displayName = "DialogClose";
-var de = O.forwardRef(function({ className: e, ...t }, n) {
+de.displayName = "DialogClose";
+var fe = O.forwardRef(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ F(X, {
 		ref: n,
 		className: r("dialog-content--component flex max-h-[min(90vh,48rem)] flex-col gap-0 overflow-hidden rounded-radius bg-popover p-0 text-popover-foreground shadow-xl sm:max-w-lg [&_[data-slot=dialog-close]]:active:translate-y-0!", w.modal.shell, e),
 		...t
 	});
 });
-de.displayName = "DialogContent";
-var fe = O.forwardRef(function({ className: e, textGap: t = "normal", ...n }, i) {
+fe.displayName = "DialogContent";
+var pe = O.forwardRef(function({ className: e, textGap: t = "normal", ...n }, i) {
 	return /* @__PURE__ */ F(Z, {
 		ref: i,
 		"data-modal-region": "",
@@ -158,8 +159,8 @@ var fe = O.forwardRef(function({ className: e, textGap: t = "normal", ...n }, i)
 		...n
 	});
 });
-fe.displayName = "DialogHeader";
-var pe = O.forwardRef(function({ className: e, ...t }, n) {
+pe.displayName = "DialogHeader";
+var me = O.forwardRef(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ F("div", {
 		ref: n,
 		"data-slot": "dialog-body",
@@ -168,8 +169,8 @@ var pe = O.forwardRef(function({ className: e, ...t }, n) {
 		...t
 	});
 });
-pe.displayName = "DialogBody";
-var me = O.forwardRef(function({ className: e, ...t }, n) {
+me.displayName = "DialogBody";
+var he = O.forwardRef(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ F(Q, {
 		ref: n,
 		"data-modal-region": "",
@@ -177,11 +178,11 @@ var me = O.forwardRef(function({ className: e, ...t }, n) {
 		...t
 	});
 });
-me.displayName = "DialogFooter";
-var he = O.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ F(ae, {
+he.displayName = "DialogFooter";
+var ge = O.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ F(oe, {
 		ref: i,
-		className: r("dialog-title--component m-0", se, t),
+		className: r("dialog-title--component m-0", ce, t),
 		...n,
 		children: $(e) ? /* @__PURE__ */ F(h, {
 			tag: "span",
@@ -194,9 +195,9 @@ var he = O.forwardRef(function({ children: e, className: t, ...n }, i) {
 		}) : e
 	});
 });
-he.displayName = "DialogTitle";
-var ge = O.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ F(oe, {
+ge.displayName = "DialogTitle";
+var _e = O.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ F(se, {
 		ref: i,
 		className: r("dialog-description--component m-0", t),
 		...n,
@@ -209,10 +210,10 @@ var ge = O.forwardRef(function({ children: e, className: t, ...n }, i) {
 		}) : e
 	});
 });
-ge.displayName = "DialogDescription";
+_e.displayName = "DialogDescription";
 //#endregion
 //#region src/components/features/overlays/overlays.strings.ts
-var _e = {
+var ve = {
 	confirm: "Confirm",
 	cancel: "Cancel",
 	close: "Close",
@@ -220,7 +221,7 @@ var _e = {
 	dialogLabel: "Dialog",
 	drawerLabel: "Drawer",
 	alertDialogLabel: "Confirmation"
-}, ve = {
+}, ye = {
 	confirm: "Continue",
 	cancel: "Cancel",
 	close: "Close",
@@ -231,8 +232,8 @@ var _e = {
 };
 //#endregion
 //#region src/components/features/overlays/hooks/use-overlay-actions.ts
-function ye({ 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(_e, l), [m, h] = P(!1), g = N(!1), _ = A(async () => {
+function be({ 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(ve, l), [m, h] = P(!1), g = N(!1), _ = A(async () => {
 		if (!(o || g.current)) {
 			if (t) {
 				t(), e();
@@ -285,22 +286,22 @@ function ye({ closeDialog: e, onConfirm: t, onAsyncConfirm: r, closeOnAsyncCompl
 }
 //#endregion
 //#region src/components/features/overlays/hooks/use-overlay-visibility.ts
-function be(e, t) {
+function xe(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function xe(e, t) {
+function Se(e, t) {
 	let n = {};
 	for (let r of e) n[r] = !!t?.[r];
 	return n;
 }
-function Se(e, t, n) {
+function Ce(e, t, n) {
 	return n.some((n) => e[n] !== t[n]);
 }
-function Ce({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: i } = {}) {
+function we({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: i } = {}) {
 	let [a, o] = P(e), s = t !== void 0, c = s ? t : a, l = N(c);
 	l.current = c;
 	let u = A((e) => {
-		let t = be(e, l.current), a = l.current !== t;
+		let t = xe(e, l.current), a = l.current !== t;
 		s || o(t), a && (l.current = t, n?.(t), t ? r?.() : i?.());
 	}, [
 		s,
@@ -327,16 +328,16 @@ function Ce({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose:
 		}), [c, u])
 	};
 }
-function we(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i = !1 } = {}) {
-	let a = e, [o, s] = P(() => xe(a, t)), c = n !== void 0, l = xe(a, c ? n : o), u = N(l);
+function Te(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i = !1 } = {}) {
+	let a = e, [o, s] = P(() => Se(a, t)), c = n !== void 0, l = Se(a, c ? n : o), u = N(l);
 	u.current = l;
 	let d = A((e, t) => {
-		let n = u.current, o = be(t, n[e]), l = {
+		let n = u.current, o = xe(t, n[e]), l = {
 			...n,
 			[e]: o
 		};
 		if (i && o) for (let t of a) t !== e && (l[t] = !1);
-		let d = Se(n, l, a);
+		let d = Ce(n, l, a);
 		c || s(l), d && (u.current = l, r?.(e, o, l));
 	}, [
 		i,
@@ -372,7 +373,7 @@ function we(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i
 }
 //#endregion
 //#region src/components/features/overlays/hooks/use-pending-overlay-focus.ts
-function Te(e, t = !0) {
+function Ee(e, t = !0) {
 	let n = N(null);
 	return j(() => {
 		let r = n.current;
@@ -383,7 +384,7 @@ function Te(e, t = !0) {
 }
 //#endregion
 //#region src/components/features/overlays/overlay-tone-icon.tsx
-var Ee = {
+var De = {
 	neutral: {
 		Glyph: B,
 		color: "text-muted-foreground",
@@ -410,17 +411,17 @@ var Ee = {
 		surface: C.success.tint
 	}
 };
-function De({ tone: e }) {
-	let { Glyph: t, color: n } = Ee[e];
+function Oe({ tone: e }) {
+	let { Glyph: t, color: n } = De[e];
 	return /* @__PURE__ */ F("span", {
 		"aria-hidden": "true",
-		className: r("overlay-tone-icon--component flex h-lh shrink-0 items-center", g.base, _.snug),
+		className: r("overlay-tone-icon--component flex h-lh shrink-0 items-center", v.base, _.snug),
 		children: /* @__PURE__ */ F(t, { className: r("size-icon", n) })
 	});
 }
 //#endregion
 //#region src/components/features/overlays/dialog.tsx
-var Oe = {
+var ke = {
 	xs: "sm:max-w-xs",
 	sm: "sm:max-w-sm",
 	md: "sm:max-w-md",
@@ -432,13 +433,13 @@ var Oe = {
 	"5xl": "sm:max-w-5xl",
 	full: "sm:max-w-[calc(100vw-2rem)]"
 };
-function ke({ open: t, onOpenChange: n, onClose: i, children: a, title: o, description: s, visuallyHideHeader: c = !1, className: l, contentClassName: u, showCloseButton: d = !0, surfaceStyle: f, initialFocusRef: h, closeOnEscape: g = !0, closeOnBackdropClick: _ = !0, strings: v, showCancel: y = !0, showConfirm: b = !0, onCancel: x, onConfirm: C, onAsyncConfirm: w, onError: T, closeOnAsyncComplete: E = !0, confirmTone: D = "primary", confirmStyle: O = "solid", loading: k = !1, formId: A, footer: j, emphasis: M = !1, tone: N = "neutral", showIcon: P = !1, alertMessage: L, size: R = "lg", trigger: z, align: B }) {
-	let { defaultDialogAlign: V } = e(), H = (B ?? V ?? "start") === "center", U = Ce({
+function Ae({ open: t, onOpenChange: n, onClose: i, children: a, title: o, description: s, visuallyHideHeader: c = !1, className: l, contentClassName: u, showCloseButton: d = !0, surfaceStyle: f, initialFocusRef: h, closeOnEscape: g = !0, closeOnBackdropClick: _ = !0, strings: v, showCancel: y = !0, showConfirm: b = !0, onCancel: x, onConfirm: C, onAsyncConfirm: w, onError: T, closeOnAsyncComplete: E = !0, confirmTone: D = "primary", confirmStyle: O = "solid", loading: k = !1, formId: A, footer: j, emphasis: M = !1, tone: N = "neutral", showIcon: P = !1, alertMessage: L, size: R = "lg", trigger: z, align: B }) {
+	let { defaultDialogAlign: V } = e(), U = (B ?? V ?? "start") === "center", W = we({
 		open: t,
 		onOpenChange: n,
 		onClose: i
-	}), { strings: W, finalConfirmTone: G, confirmButtonOnClick: K, effectiveLoading: q, handleCancel: J } = ye({
-		closeDialog: U.hide,
+	}), { strings: G, finalConfirmTone: K, confirmButtonOnClick: q, effectiveLoading: J, handleCancel: ae } = be({
+		closeDialog: W.hide,
 		onConfirm: C,
 		onAsyncConfirm: w,
 		onError: T,
@@ -450,19 +451,19 @@ function ke({ open: t, onOpenChange: n, onClose: i, children: a, title: o, descr
 		customStrings: v,
 		emphasis: M,
 		tone: N
-	}), Y = Te(q), X = !!(a || L), Z = y || b || j;
-	return /* @__PURE__ */ I(ce, {
-		open: U.open,
+	}), Y = Ee(J), X = !!(a || L), Z = y || b || j;
+	return /* @__PURE__ */ I(le, {
+		open: W.open,
 		modal: !0,
-		disablePointerDismissal: q || !_,
+		disablePointerDismissal: J || !_,
 		onOpenChange: (e, t) => {
-			if (!e && (q || t.reason === "escape-key" && !g)) {
+			if (!e && (J || t.reason === "escape-key" && !g)) {
 				t.cancel();
 				return;
 			}
-			U.setOpen(e);
+			W.setOpen(e);
 		},
-		children: [!!z && (re(z) ? /* @__PURE__ */ F(le, { render: z }) : /* @__PURE__ */ F(le, {
+		children: [!!z && (ie(z) ? /* @__PURE__ */ F(ue, { render: z }) : /* @__PURE__ */ F(ue, {
 			render: /* @__PURE__ */ F(m, {
 				type: "button",
 				tone: "secondary",
@@ -470,31 +471,31 @@ function ke({ open: t, onOpenChange: n, onClose: i, children: a, title: o, descr
 			}),
 			className: "overlay-trigger--fallback",
 			children: z
-		})), /* @__PURE__ */ I(de, {
+		})), /* @__PURE__ */ I(fe, {
 			ref: Y,
 			showCloseButton: !1,
 			style: f,
 			initialFocus: h,
-			"aria-label": o ? void 0 : W.dialogLabel,
-			className: r("action-dialog--component dialog--component", Oe[R], l),
+			"aria-label": o ? void 0 : G.dialogLabel,
+			className: r("action-dialog--component dialog--component", ke[R], l),
 			children: [
-				!!(o || s) && /* @__PURE__ */ F(fe, {
-					"data-align": H ? "center" : "start",
-					className: r("dialog--header", H && r("text-center", p.headerCentered), c && "sr-only"),
+				!!(o || s) && /* @__PURE__ */ F(pe, {
+					"data-align": U ? "center" : "start",
+					className: r("dialog--header", U && r("text-center", p.headerCentered), c && "sr-only"),
 					children: /* @__PURE__ */ I(S, {
-						direction: H ? "vertical" : "horizontal",
+						direction: U ? "vertical" : "horizontal",
 						gap: "sm",
-						align: H ? "center" : "start",
+						align: U ? "center" : "start",
 						wrap: !1,
-						children: [!!P && /* @__PURE__ */ F(De, { tone: N }), /* @__PURE__ */ I(S, {
+						children: [!!P && /* @__PURE__ */ F(Oe, { tone: N }), /* @__PURE__ */ I(S, {
 							gap: "normal",
-							align: H ? "center" : void 0,
-							className: r("min-w-0", H ? "w-full" : "flex-1"),
-							children: [!!o && /* @__PURE__ */ F(he, { children: o }), !!s && /* @__PURE__ */ F(ge, { children: s })]
+							align: U ? "center" : void 0,
+							className: r("min-w-0", U ? "w-full" : "flex-1"),
+							children: [!!o && /* @__PURE__ */ F(ge, { children: o }), !!s && /* @__PURE__ */ F(_e, { children: s })]
 						})]
 					})
 				}),
-				!!X && /* @__PURE__ */ I(pe, {
+				!!X && /* @__PURE__ */ I(me, {
 					className: r("dialog--body", u),
 					children: [!!L && /* @__PURE__ */ F(te, {
 						tone: N,
@@ -502,41 +503,41 @@ function ke({ open: t, onOpenChange: n, onClose: i, children: a, title: o, descr
 						children: /* @__PURE__ */ F(ee, { children: L })
 					}), a]
 				}),
-				!!Z && /* @__PURE__ */ F(me, {
+				!!Z && /* @__PURE__ */ F(he, {
 					className: "dialog--footer",
 					children: j ?? /* @__PURE__ */ I(S, {
 						direction: {
 							base: "vertical",
 							sm: "horizontal"
 						},
-						gap: "sm",
+						gap: ne.commands,
 						align: {
 							base: "stretch",
 							sm: "center"
 						},
-						justify: H ? "center" : "end",
+						justify: U ? "center" : "end",
 						className: "w-full",
 						children: [!!y && /* @__PURE__ */ F(m, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "outline",
-							onClick: J,
-							disabled: q,
-							children: W.cancel
+							onClick: ae,
+							disabled: J,
+							children: G.cancel
 						}), !!b && /* @__PURE__ */ F(m, {
 							type: "button",
-							tone: G,
+							tone: K,
 							buttonStyle: O,
-							onClick: K,
-							disabled: q,
-							loading: q,
-							strings: { loading: W.loading },
-							children: W.confirm
+							onClick: q,
+							disabled: J,
+							loading: J,
+							strings: { loading: G.loading },
+							children: G.confirm
 						})]
 					})
 				}),
-				!!d && /* @__PURE__ */ F(ue, {
-					disabled: q,
+				!!d && /* @__PURE__ */ F(de, {
+					disabled: J,
 					render: /* @__PURE__ */ F(m, {
 						type: "button",
 						tone: "secondary",
@@ -544,20 +545,20 @@ function ke({ open: t, onOpenChange: n, onClose: i, children: a, title: o, descr
 						size: "sm",
 						iconOnly: !0,
 						"data-overlay-close": "",
-						className: r(p.close, `z-10 text-muted-foreground ${ne.rowHover}`),
-						children: /* @__PURE__ */ F(ie, { className: "size-icon" })
+						className: r(p.close, `z-10 text-muted-foreground ${re.rowHover}`),
+						children: /* @__PURE__ */ F(H, { className: "size-icon" })
 					}),
-					"aria-label": W.close
+					"aria-label": G.close
 				})
 			]
 		})]
 	});
 }
-var Ae = k(ke);
-Ae.displayName = "ActionDialog";
+var je = k(Ae);
+je.displayName = "ActionDialog";
 //#endregion
 //#region src/components/features/overlays/drawer.tsx
-var je = {
+var Me = {
 	xs: "data-[side=left]:sm:max-w-xs data-[side=right]:sm:max-w-xs",
 	sm: "data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
 	md: "data-[side=left]:sm:max-w-md data-[side=right]:sm:max-w-md",
@@ -569,12 +570,12 @@ var je = {
 	"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 Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, description: _, visuallyHideHeader: v = !1, showCloseButton: y = !0, className: b, contentClassName: x, surfaceStyle: C, initialFocusRef: w, closeOnEscape: T = !0, closeOnBackdropClick: E = !0, strings: D, showCancel: O = !0, showConfirm: k = !0, onCancel: A, onConfirm: j, onAsyncConfirm: M, onError: N, closeOnAsyncComplete: P = !0, confirmTone: L = "primary", confirmStyle: R = "solid", loading: z = !1, formId: B, footer: V, emphasis: H = !1, tone: U = "neutral", showIcon: W = !1, alertMessage: G, direction: K = "right", width: q = "lg", showFooter: J = !0, modal: Y = !0, trigger: X }) {
-	let Z = Ce({
+function Ne({ open: e, onOpenChange: t, onClose: n, children: h, title: g, description: _, visuallyHideHeader: v = !1, showCloseButton: y = !0, className: b, contentClassName: x, surfaceStyle: C, initialFocusRef: w, closeOnEscape: T = !0, closeOnBackdropClick: E = !0, strings: D, showCancel: O = !0, showConfirm: k = !0, onCancel: A, onConfirm: j, onAsyncConfirm: M, onError: N, closeOnAsyncComplete: P = !0, confirmTone: L = "primary", confirmStyle: R = "solid", loading: z = !1, formId: B, footer: V, emphasis: U = !1, tone: W = "neutral", showIcon: G = !1, alertMessage: K, direction: q = "right", width: J = "lg", showFooter: ae = !0, modal: Y = !0, trigger: X }) {
+	let Z = we({
 		open: e,
 		onOpenChange: t,
 		onClose: n
-	}), { strings: Q, finalConfirmTone: ae, confirmButtonOnClick: oe, effectiveLoading: $, handleCancel: se } = ye({
+	}), { strings: Q, finalConfirmTone: oe, confirmButtonOnClick: se, effectiveLoading: $, handleCancel: ce } = be({
 		closeDialog: Z.hide,
 		onConfirm: j,
 		onAsyncConfirm: M,
@@ -585,9 +586,9 @@ function Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, descr
 		formId: B,
 		onCancel: A,
 		customStrings: D,
-		emphasis: H,
-		tone: U
-	}), ce = K === "left" || K === "right", le = Te($, Y), ue = !!(h || G), de = J && (O || k || V);
+		emphasis: U,
+		tone: W
+	}), le = q === "left" || q === "right", ue = Ee($, Y), de = !!(h || K), fe = ae && (O || k || V);
 	return /* @__PURE__ */ I(f, {
 		open: Z.open,
 		modal: Y,
@@ -599,7 +600,7 @@ function Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, descr
 			}
 			Z.setOpen(e);
 		},
-		children: [!!X && (re(X) ? /* @__PURE__ */ F(s, { render: X }) : /* @__PURE__ */ F(s, {
+		children: [!!X && (ie(X) ? /* @__PURE__ */ F(s, { render: X }) : /* @__PURE__ */ F(s, {
 			render: /* @__PURE__ */ F(m, {
 				type: "button",
 				tone: "secondary",
@@ -608,14 +609,14 @@ function Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, descr
 			className: "overlay-trigger--fallback",
 			children: X
 		})), /* @__PURE__ */ I(o, {
-			ref: le,
-			side: K,
+			ref: ue,
+			side: q,
 			showCloseButton: !1,
 			style: C,
 			initialFocus: w,
 			"aria-label": g ? void 0 : Q.drawerLabel,
 			"data-modal": Y === !1 ? "false" : void 0,
-			className: r("action-drawer--component drawer--component", ce && "data-[side=left]:w-full data-[side=right]:w-full", ce && je[q], b),
+			className: r("action-drawer--component drawer--component", le && "data-[side=left]:w-full data-[side=right]:w-full", le && Me[J], b),
 			children: [
 				!!(g || _) && /* @__PURE__ */ F(d, {
 					className: r("drawer--header", v && "sr-only"),
@@ -624,29 +625,29 @@ function Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, descr
 						gap: "sm",
 						align: "start",
 						wrap: !1,
-						children: [!!W && /* @__PURE__ */ F(De, { tone: U }), /* @__PURE__ */ I(S, {
+						children: [!!G && /* @__PURE__ */ F(Oe, { tone: W }), /* @__PURE__ */ I(S, {
 							gap: "normal",
 							className: "min-w-0 flex-1",
 							children: [!!g && /* @__PURE__ */ F(a, { children: g }), !!_ && /* @__PURE__ */ F(i, { children: _ })]
 						})]
 					})
 				}),
-				!!ue && /* @__PURE__ */ I(c, {
+				!!de && /* @__PURE__ */ I(c, {
 					className: r("drawer--body", x),
-					children: [!!G && /* @__PURE__ */ F(te, {
-						tone: U,
+					children: [!!K && /* @__PURE__ */ F(te, {
+						tone: W,
 						className: "mb-space-md",
-						children: /* @__PURE__ */ F(ee, { children: G })
+						children: /* @__PURE__ */ F(ee, { children: K })
 					}), h]
 				}),
-				!!de && /* @__PURE__ */ F(l, {
+				!!fe && /* @__PURE__ */ F(l, {
 					className: "drawer--footer",
 					children: V ?? /* @__PURE__ */ I(S, {
 						direction: {
 							base: "vertical",
 							sm: "horizontal"
 						},
-						gap: "sm",
+						gap: ne.commands,
 						align: {
 							base: "stretch",
 							sm: "center"
@@ -657,14 +658,14 @@ function Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, descr
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "outline",
-							onClick: se,
+							onClick: ce,
 							disabled: $,
 							children: Q.cancel
 						}), !!k && /* @__PURE__ */ F(m, {
 							type: "button",
-							tone: ae,
+							tone: oe,
 							buttonStyle: R,
-							onClick: oe,
+							onClick: se,
 							disabled: $,
 							loading: $,
 							strings: { loading: Q.loading },
@@ -681,8 +682,8 @@ function Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, descr
 						size: "sm",
 						iconOnly: !0,
 						"data-overlay-close": "",
-						className: r(p.close, `z-10 text-muted-foreground ${ne.rowHover}`),
-						children: /* @__PURE__ */ F(ie, { className: "size-icon" })
+						className: r(p.close, `z-10 text-muted-foreground ${re.rowHover}`),
+						children: /* @__PURE__ */ F(H, { className: "size-icon" })
 					}),
 					"aria-label": Q.close
 				})
@@ -690,42 +691,42 @@ function Me({ open: e, onOpenChange: t, onClose: n, children: h, title: g, descr
 		})]
 	});
 }
-var Ne = k(Me);
-Ne.displayName = "ActionDrawer";
+var Pe = k(Ne);
+Pe.displayName = "ActionDrawer";
 //#endregion
 //#region src/components/ui/alert-dialog.tsx
-function Pe({ ...e }) {
-	return /* @__PURE__ */ F(W.Root, {
+function Fe({ ...e }) {
+	return /* @__PURE__ */ F(G.Root, {
 		"data-slot": "alert-dialog",
 		...e
 	});
 }
-function Fe({ ...e }) {
-	return /* @__PURE__ */ F(W.Trigger, {
+function Ie({ ...e }) {
+	return /* @__PURE__ */ F(G.Trigger, {
 		"data-slot": "alert-dialog-trigger",
 		...e
 	});
 }
-function Ie({ container: e, ...n }) {
+function Le({ container: e, ...n }) {
 	let r = t(e);
-	return /* @__PURE__ */ F(W.Portal, {
+	return /* @__PURE__ */ F(G.Portal, {
 		container: r,
 		"data-slot": "alert-dialog-portal",
 		...n
 	});
 }
-function Le({ className: e, ...t }) {
-	return /* @__PURE__ */ F(W.Backdrop, {
+function Re({ className: e, ...t }) {
+	return /* @__PURE__ */ F(G.Backdrop, {
 		"data-slot": "alert-dialog-overlay",
 		className: r(E, y.backdrop, "isolate", e),
 		...t
 	});
 }
-function Re({ className: e, container: n, size: i = "default", ...a }) {
+function ze({ className: e, container: n, size: i = "default", ...a }) {
 	let o = t(n);
-	return /* @__PURE__ */ I(Ie, {
+	return /* @__PURE__ */ I(Le, {
 		container: o,
-		children: [/* @__PURE__ */ F(Le, {}), /* @__PURE__ */ F(W.Popup, {
+		children: [/* @__PURE__ */ F(Re, {}), /* @__PURE__ */ F(G.Popup, {
 			"data-slot": "alert-dialog-content",
 			"data-size": i,
 			className: r(y.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-radius 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),
@@ -733,43 +734,43 @@ function Re({ className: e, container: n, size: i = "default", ...a }) {
 		})]
 	});
 }
-function ze({ className: e, ...t }) {
+function Be({ className: e, ...t }) {
 	return /* @__PURE__ */ F("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 Be({ className: e, ...t }) {
+function Ve({ className: e, ...t }) {
 	return /* @__PURE__ */ F("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 Ve({ className: e, ...t }) {
-	return /* @__PURE__ */ F(W.Title, {
+function He({ className: e, ...t }) {
+	return /* @__PURE__ */ F(G.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 He({ className: e, ...t }) {
-	return /* @__PURE__ */ F(W.Description, {
+function Ue({ className: e, ...t }) {
+	return /* @__PURE__ */ F(G.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 Ue({ className: e, ...t }) {
+function We({ className: e, ...t }) {
 	return /* @__PURE__ */ F(x, {
 		"data-slot": "alert-dialog-action",
 		className: r(e),
 		...t
 	});
 }
-function We({ className: e, variant: t = "outline", size: n = "default", ...i }) {
-	return /* @__PURE__ */ F(W.Close, {
+function Ge({ className: e, variant: t = "outline", size: n = "default", ...i }) {
+	return /* @__PURE__ */ F(G.Close, {
 		"data-slot": "alert-dialog-cancel",
 		className: r(e),
 		render: /* @__PURE__ */ F(x, {
@@ -781,26 +782,26 @@ function We({ className: e, variant: t = "outline", size: n = "default", ...i })
 }
 //#endregion
 //#region src/components/base/display/alert-dialog.tsx
-function Ge(e) {
+function Ke(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-var Ke = r(g.base, v.semibold, _.snug), qe = Pe, Je = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(Fe, {
+var qe = r(v.base, g.semibold, _.snug), Je = Fe, Ye = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(Ie, {
 		ref: n,
 		className: r("alert-dialog-trigger--component", e),
 		...t
 	});
 });
-Je.displayName = "AlertDialogTrigger";
-var Ye = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(Re, {
+Ye.displayName = "AlertDialogTrigger";
+var Xe = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(ze, {
 		ref: n,
 		className: r("alert-dialog-content--component flex max-h-[min(90vh,48rem)] flex-col gap-0 overflow-hidden rounded-radius bg-popover p-0 text-popover-foreground sm:max-w-md", w.modal.shell, e),
 		...t
 	});
 });
-Ye.displayName = "AlertDialogContent";
-var Xe = O.forwardRef(function({ className: e, textGap: t = "normal", align: n = "start", ...i }, a) {
+Xe.displayName = "AlertDialogContent";
+var Ze = O.forwardRef(function({ className: e, textGap: t = "normal", align: n = "start", ...i }, a) {
 	return /* @__PURE__ */ F("div", {
 		ref: a,
 		"data-slot": "alert-dialog-header",
@@ -810,8 +811,8 @@ var Xe = O.forwardRef(function({ className: e, textGap: t = "normal", align: n =
 		...i
 	});
 });
-Xe.displayName = "AlertDialogHeader";
-var Ze = O.forwardRef(function({ className: e, ...t }, n) {
+Ze.displayName = "AlertDialogHeader";
+var Qe = O.forwardRef(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ F("div", {
 		ref: n,
 		"data-slot": "alert-dialog-body",
@@ -820,22 +821,22 @@ var Ze = O.forwardRef(function({ className: e, ...t }, n) {
 		...t
 	});
 });
-Ze.displayName = "AlertDialogBody";
-var Qe = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(ze, {
+Qe.displayName = "AlertDialogBody";
+var $e = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(Be, {
 		ref: n,
 		"data-modal-region": "",
 		className: r("alert-dialog-footer--component", T.footer, e),
 		...t
 	});
 });
-Qe.displayName = "AlertDialogFooter";
-var $e = O.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ F(Ve, {
+$e.displayName = "AlertDialogFooter";
+var et = O.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ F(He, {
 		ref: i,
-		className: r("alert-dialog-title--component m-0", Ke, t),
+		className: r("alert-dialog-title--component m-0", qe, t),
 		...n,
-		children: Ge(e) ? /* @__PURE__ */ F(h, {
+		children: Ke(e) ? /* @__PURE__ */ F(h, {
 			tag: "span",
 			type: "inherit",
 			size: "base",
@@ -845,13 +846,13 @@ var $e = O.forwardRef(function({ children: e, className: t, ...n }, i) {
 		}) : e
 	});
 });
-$e.displayName = "AlertDialogTitle";
-var et = O.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ F(He, {
+et.displayName = "AlertDialogTitle";
+var tt = O.forwardRef(function({ children: e, className: t, ...n }, i) {
+	return /* @__PURE__ */ F(Ue, {
 		ref: i,
 		className: r("alert-dialog-description--component m-0", t),
 		...n,
-		children: Ge(e) ? /* @__PURE__ */ F(h, {
+		children: Ke(e) ? /* @__PURE__ */ F(h, {
 			tag: "span",
 			type: "secondary",
 			lineHeight: "relaxed",
@@ -859,39 +860,39 @@ var et = O.forwardRef(function({ children: e, className: t, ...n }, i) {
 		}) : e
 	});
 });
-et.displayName = "AlertDialogDescription";
-var tt = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(Be, {
+tt.displayName = "AlertDialogDescription";
+var nt = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(Ve, {
 		ref: n,
 		className: r("alert-dialog-media--component", e),
 		...t
 	});
 });
-tt.displayName = "AlertDialogMedia";
-var nt = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(Ue, {
+nt.displayName = "AlertDialogMedia";
+var rt = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(We, {
 		ref: n,
 		className: r("alert-dialog-action--component", e),
 		...t
 	});
 });
-nt.displayName = "AlertDialogAction";
-var rt = O.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ F(We, {
+rt.displayName = "AlertDialogAction";
+var it = O.forwardRef(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ F(Ge, {
 		ref: n,
 		className: r("alert-dialog-cancel--component", e),
 		...t
 	});
 });
-rt.displayName = "AlertDialogCancel";
+it.displayName = "AlertDialogCancel";
 //#endregion
 //#region src/components/features/overlays/alert-dialog.tsx
-function it({ open: t, onOpenChange: i, onClose: a, children: o, title: s, description: c, visuallyHideHeader: l = !1, className: u, contentClassName: d, surfaceStyle: f, initialFocusRef: p, closeOnEscape: h = !0, strings: g, showCancel: _ = !0, showConfirm: v = !0, onCancel: y, onConfirm: b, onAsyncConfirm: x, onError: C, closeOnAsyncComplete: w = !0, confirmTone: T, confirmStyle: E = "solid", loading: D = !1, formId: ne, footer: O, tone: k = "neutral", showIcon: A = !1, alertMessage: j, trigger: N, destructive: P = !1, align: L }) {
-	let { defaultConfirmAlign: R } = e(), z = L ?? R ?? "center", B = Ce({
+function at({ open: t, onOpenChange: i, onClose: a, children: o, title: s, description: c, visuallyHideHeader: l = !1, className: u, contentClassName: d, surfaceStyle: f, initialFocusRef: p, closeOnEscape: h = !0, strings: g, showCancel: _ = !0, showConfirm: v = !0, onCancel: y, onConfirm: b, onAsyncConfirm: x, onError: C, closeOnAsyncComplete: w = !0, confirmTone: T, confirmStyle: E = "solid", loading: D = !1, formId: re, footer: O, tone: k = "neutral", showIcon: A = !1, alertMessage: j, trigger: N, destructive: P = !1, align: L }) {
+	let { defaultConfirmAlign: R } = e(), z = L ?? R ?? "center", B = we({
 		open: t,
 		onOpenChange: i,
 		onClose: a
-	}), V = n(ve, g), ie = M(() => P ? "destructive" : T || {
+	}), V = n(ye, g), H = M(() => P ? "destructive" : T || {
 		neutral: "primary",
 		destructive: "destructive",
 		warning: "warning",
@@ -901,28 +902,28 @@ function it({ open: t, onOpenChange: i, onClose: a, children: o, title: s, descr
 		P,
 		T,
 		k
-	]), { strings: H, confirmButtonOnClick: U, effectiveLoading: W, handleCancel: G } = ye({
+	]), { strings: U, confirmButtonOnClick: W, effectiveLoading: G, handleCancel: K } = be({
 		closeDialog: B.hide,
 		onConfirm: b,
 		onAsyncConfirm: x,
 		onError: C,
 		closeOnAsyncComplete: w,
-		confirmTone: ie,
+		confirmTone: H,
 		loading: D,
-		formId: ne,
+		formId: re,
 		onCancel: y,
 		customStrings: V
-	}), K = P && k === "neutral" ? "destructive" : k, q = Ee[K], J = Te(W), Y = !!(s || c || A && !l), X = !!(o || j);
-	return /* @__PURE__ */ I(qe, {
+	}), q = P && k === "neutral" ? "destructive" : k, J = De[q], ae = Ee(G), Y = !!(s || c || A && !l), X = !!(o || j);
+	return /* @__PURE__ */ I(Je, {
 		open: B.open,
 		onOpenChange: (e, t) => {
-			if (!e && (W || t.reason === "escape-key" && !h)) {
+			if (!e && (G || t.reason === "escape-key" && !h)) {
 				t.cancel();
 				return;
 			}
 			B.setOpen(e);
 		},
-		children: [!!N && (re(N) ? /* @__PURE__ */ F(Je, { render: N }) : /* @__PURE__ */ F(Je, {
+		children: [!!N && (ie(N) ? /* @__PURE__ */ F(Ye, { render: N }) : /* @__PURE__ */ F(Ye, {
 			render: /* @__PURE__ */ F(m, {
 				type: "button",
 				tone: "secondary",
@@ -930,42 +931,42 @@ function it({ open: t, onOpenChange: i, onClose: a, children: o, title: s, descr
 			}),
 			className: "overlay-trigger--fallback",
 			children: N
-		})), /* @__PURE__ */ I(Ye, {
-			ref: J,
+		})), /* @__PURE__ */ I(Xe, {
+			ref: ae,
 			style: f,
 			initialFocus: p,
-			"aria-label": s ? void 0 : H.alertDialogLabel,
+			"aria-label": s ? void 0 : U.alertDialogLabel,
 			className: r("confirm-dialog--component alert-dialog--component", u),
 			children: [
-				!!Y && /* @__PURE__ */ I(Xe, {
+				!!Y && /* @__PURE__ */ I(Ze, {
 					align: z,
 					className: r("alert-dialog--header", l && "sr-only"),
 					children: [
 						!!A && !l && /* @__PURE__ */ F("span", {
 							"aria-hidden": "true",
-							className: r("mb-space-sm flex size-avatar-lg shrink-0 items-center justify-center rounded-full", q.surface, q.color),
-							children: /* @__PURE__ */ F(q.Glyph, { className: "size-icon-lg" })
+							className: r("mb-space-sm flex size-avatar-lg shrink-0 items-center justify-center rounded-full", J.surface, J.color),
+							children: /* @__PURE__ */ F(J.Glyph, { className: "size-icon-lg" })
 						}),
-						!!s && /* @__PURE__ */ F($e, { children: s }),
-						!!c && /* @__PURE__ */ F(et, { children: c })
+						!!s && /* @__PURE__ */ F(et, { children: s }),
+						!!c && /* @__PURE__ */ F(tt, { children: c })
 					]
 				}),
-				!!X && /* @__PURE__ */ I(Ze, {
+				!!X && /* @__PURE__ */ I(Qe, {
 					className: r("alert-dialog--body", d),
 					children: [!!j && /* @__PURE__ */ F(te, {
-						tone: K,
+						tone: q,
 						className: r(!!o && "mb-space-md"),
 						children: /* @__PURE__ */ F(ee, { children: j })
 					}), o]
 				}),
-				!!(_ || v || O) && /* @__PURE__ */ F(Qe, {
+				!!(_ || v || O) && /* @__PURE__ */ F($e, {
 					className: "alert-dialog--footer",
 					children: O ?? /* @__PURE__ */ I(S, {
 						direction: {
 							base: "vertical",
 							sm: "horizontal"
 						},
-						gap: "sm",
+						gap: ne.commands,
 						align: {
 							base: "stretch",
 							sm: "center"
@@ -976,18 +977,18 @@ function it({ open: t, onOpenChange: i, onClose: a, children: o, title: s, descr
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "outline",
-							onClick: G,
-							disabled: W,
-							children: H.cancel
+							onClick: K,
+							disabled: G,
+							children: U.cancel
 						}), !!v && /* @__PURE__ */ F(m, {
 							type: "button",
-							tone: ie,
+							tone: H,
 							buttonStyle: E,
-							onClick: U,
-							disabled: W,
-							loading: W,
-							strings: { loading: H.loading },
-							children: H.confirm
+							onClick: W,
+							disabled: G,
+							loading: G,
+							strings: { loading: U.loading },
+							children: U.confirm
 						})]
 					})
 				})
@@ -995,9 +996,9 @@ function it({ open: t, onOpenChange: i, onClose: a, children: o, title: s, descr
 		})]
 	});
 }
-var at = k(it);
-at.displayName = "ConfirmDialog";
+var ot = k(at);
+ot.displayName = "ConfirmDialog";
 //#endregion
-export { we as a, _e as c, Ce as i, Ne as n, ye as o, Ae as r, ve as s, at as t };
+export { Te as a, ve as c, we as i, Pe as n, be as o, je as r, ye as s, ot as t };
 
-//# sourceMappingURL=overlays-tMkF-VAN.js.map
+//# sourceMappingURL=overlays-BlKynmde.js.map