themelia-react-ui 2.0.6 → 3.0.0

package/dist/overlays-CC8zI3Du.js

@@ -1,1017 +0,0 @@
-"use client";
-import { h as e, i as t } from "./ui-provider-C-74NVLc.js";
-import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-DhuoqFy4.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-C4DHsgLk.js";
-import { n as _ } from "./buttons-DeW0bQeK.js";
-import { c as v } from "./typography-C7-YMW1S.js";
-import { l as y, o as b, s as x } from "./text.styles-B64My8RZ.js";
-import { t as S } from "./portal-recipes-DyUXqUtD.js";
-import { t as C } from "./motion-recipes-DitYv6P2.js";
-import { t as w } from "./slot-CLF9kLrS.js";
-import { t as T } from "./button-ChBovTx0.js";
-import { t as E } from "./structure-DZJ2wbAU.js";
-import { i as D } from "./tone-recipes-BPsRAvhu.js";
-import { h as ee, p as te } from "./smart-card-B6vLxqa_.js";
-import { a as O, r as k } from "./surface-recipes-C8mNycaY.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-4wZ2tvfb.js";
-import * as N from "react";
-import { isValidElement as re, memo as P, useCallback as F, useEffect as I, useLayoutEffect as L, useMemo as R, useRef as z, useState as B } from "react";
-import { jsx as V, jsxs as H } from "react/jsx-runtime";
-import { AlertCircle as U, AlertTriangle as W, CheckCircle as G, HelpCircle as K, Info as q, X as ie, XIcon as J } from "lucide-react";
-import { Dialog as Y } from "@base-ui/react/dialog";
-import { AlertDialog as X } from "@base-ui/react/alert-dialog";
-//#region src/components/ui/dialog.tsx
-function Z({ ...e }) {
-	return /* @__PURE__ */ V(Y.Root, {
-		"data-slot": "dialog",
-		modal: "trap-focus",
-		...e
-	});
-}
-function ae({ asChild: e = !1, ...t }) {
-	let n = e ? /* @__PURE__ */ V(w, {}) : void 0;
-	return /* @__PURE__ */ V(Y.Trigger, {
-		"data-slot": "dialog-trigger",
-		render: n,
-		...t
-	});
-}
-function Q({ container: e, className: n, ...r }) {
-	let i = t(e);
-	return /* @__PURE__ */ V(Y.Portal, {
-		container: i,
-		"data-slot": "dialog-portal",
-		className: S(n),
-		...r
-	});
-}
-function oe({ ...e }) {
-	return /* @__PURE__ */ V(Y.Close, {
-		"data-slot": "dialog-close",
-		...e
-	});
-}
-function se({ className: e, ...t }) {
-	return /* @__PURE__ */ V(Y.Backdrop, {
-		"data-slot": "dialog-overlay",
-		className: r(A, C.backdrop, "isolate", e),
-		...t
-	});
-}
-function $({ 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__ */ H(Q, {
-		container: d,
-		children: [/* @__PURE__ */ V(se, { forceRender: !m }), /* @__PURE__ */ H(Y.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),
-			...u,
-			finalFocus: _,
-			onFocusCapture: p,
-			children: [
-				h,
-				/* @__PURE__ */ V(g, { children: i }),
-				!!a && /* @__PURE__ */ H(Y.Close, {
-					"data-slot": "dialog-close",
-					render: /* @__PURE__ */ V(T, {
-						variant: "ghost",
-						"data-overlay-close": "",
-						className: f.close,
-						size: "icon-sm"
-					}),
-					children: [/* @__PURE__ */ V(J, {}), /* @__PURE__ */ V("span", {
-						className: "sr-only",
-						children: "Close"
-					})]
-				})
-			]
-		})]
-	});
-}
-function ce({ className: e, ...t }) {
-	return /* @__PURE__ */ V("div", {
-		"data-slot": "dialog-header",
-		className: r("flex flex-col", e),
-		...t
-	});
-}
-function le({ className: e, showCloseButton: t = !1, children: n, ...i }) {
-	return /* @__PURE__ */ H("div", {
-		"data-slot": "dialog-footer",
-		className: r("flex flex-col-reverse sm:flex-row sm:justify-end", e),
-		...i,
-		children: [n, !!t && /* @__PURE__ */ V(Y.Close, {
-			render: /* @__PURE__ */ V(T, { variant: "outline" }),
-			children: "Close"
-		})]
-	});
-}
-function ue({ className: e, asChild: t = !1, ...n }) {
-	let i = t ? /* @__PURE__ */ V(w, {}) : void 0;
-	return /* @__PURE__ */ V(Y.Title, {
-		"data-slot": "dialog-title",
-		render: i,
-		className: r("leading-none font-medium", e),
-		...n
-	});
-}
-function de({ className: e, asChild: t = !1, ...n }) {
-	let i = t ? /* @__PURE__ */ V(w, {}) : void 0;
-	return /* @__PURE__ */ V(Y.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
-	});
-}
-//#endregion
-//#region src/components/base/display/dialog.tsx
-function fe(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var pe = r(x.base, y.semibold, b.snug), me = Z, he = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(ae, {
-		ref: n,
-		className: r("dialog-trigger--component", e),
-		...t
-	});
-});
-he.displayName = "DialogTrigger";
-var ge = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(oe, {
-		ref: n,
-		className: r("dialog-close--component", e),
-		...t
-	});
-});
-ge.displayName = "DialogClose";
-var _e = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V($, {
-		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),
-		...t
-	});
-});
-_e.displayName = "DialogContent";
-var ve = N.forwardRef(function({ className: e, textGap: t = "normal", ...n }, i) {
-	return /* @__PURE__ */ V(ce, {
-		ref: i,
-		"data-modal-region": "",
-		className: r("dialog-header--component", k.header, f.header, t === "dense" ? "gap-dense" : "gap-normal", e),
-		...n
-	});
-});
-ve.displayName = "DialogHeader";
-var ye = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V("div", {
-		ref: n,
-		"data-slot": "dialog-body",
-		"data-modal-region": "",
-		className: r("dialog-body--component", k.body, e),
-		...t
-	});
-});
-ye.displayName = "DialogBody";
-var be = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(le, {
-		ref: n,
-		"data-modal-region": "",
-		className: r("dialog-footer--component", k.footer, e),
-		...t
-	});
-});
-be.displayName = "DialogFooter";
-var xe = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ V(ue, {
-		ref: i,
-		className: r("dialog-title--component m-0", pe, t),
-		...n,
-		children: fe(e) ? /* @__PURE__ */ V(v, {
-			tag: "span",
-			type: "inherit",
-			size: "base",
-			weight: "semibold",
-			lineHeight: "snug",
-			className: "dialog-title--text",
-			children: e
-		}) : e
-	});
-});
-xe.displayName = "DialogTitle";
-var Se = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ V(de, {
-		ref: i,
-		className: r("dialog-description--component m-0", t),
-		...n,
-		children: fe(e) ? /* @__PURE__ */ V(v, {
-			tag: "span",
-			type: "secondary",
-			lineHeight: "relaxed",
-			className: "dialog-description--text",
-			children: e
-		}) : e
-	});
-});
-Se.displayName = "DialogDescription";
-//#endregion
-//#region src/components/features/overlays/overlays.strings.ts
-var Ce = {
-	confirm: "Confirm",
-	cancel: "Cancel",
-	close: "Close",
-	loading: "Loading...",
-	dialogLabel: "Dialog",
-	drawerLabel: "Drawer",
-	alertDialogLabel: "Confirmation"
-}, we = {
-	confirm: "Continue",
-	cancel: "Cancel",
-	close: "Close",
-	loading: "Loading...",
-	dialogLabel: "Dialog",
-	drawerLabel: "Drawer",
-	alertDialogLabel: "Confirmation"
-};
-//#endregion
-//#region src/components/features/overlays/hooks/use-overlay-actions.ts
-function Te({ 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(Ce, l), [m, h] = B(!1), g = z(!1), _ = F(async () => {
-		if (!(o || g.current)) {
-			if (t) {
-				t(), e();
-				return;
-			}
-			if (r) {
-				g.current = !0, h(!0);
-				try {
-					await r(), i && e();
-				} catch (e) {
-					f && f(e);
-				} finally {
-					g.current = !1, h(!1);
-				}
-				return;
-			}
-			e();
-		}
-	}, [
-		o,
-		t,
-		r,
-		i,
-		e,
-		f
-	]), v = F(() => {
-		o || g.current || (c?.(), e());
-	}, [
-		o,
-		c,
-		e
-	]), y = F(async () => {
-		if (!s || o || g.current) return;
-		let e = document.getElementById(s);
-		e instanceof HTMLFormElement && e.requestSubmit();
-	}, [s, o]);
-	return {
-		strings: p,
-		isExecuting: m,
-		handleConfirm: _,
-		handleCancel: v,
-		finalConfirmTone: R(() => u ? d === "destructive" ? "destructive" : d === "warning" ? "warning" : d === "success" ? "success" : a ?? "primary" : a ?? "primary", [
-			u,
-			d,
-			a
-		]),
-		confirmButtonOnClick: s ? y : _,
-		effectiveLoading: m || o
-	};
-}
-//#endregion
-//#region src/components/features/overlays/hooks/use-overlay-visibility.ts
-function Ee(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-function De(e, t) {
-	let n = {};
-	for (let r of e) n[r] = !!t?.[r];
-	return n;
-}
-function Oe(e, t, n) {
-	return n.some((n) => e[n] !== t[n]);
-}
-function ke({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: i } = {}) {
-	let [a, o] = B(e), s = t !== void 0, c = s ? t : a, l = z(c), u = z(c);
-	L(() => {
-		l.current = c;
-	}, [s, c]), I(() => {
-		u.current !== c && (u.current = c, c ? r?.() : i?.());
-	}, [
-		i,
-		r,
-		c
-	]);
-	let d = F((e) => {
-		let t = Ee(e, l.current);
-		l.current !== t && (s || (l.current = t, o(t)), n?.(t));
-	}, [s, n]);
-	return {
-		open: c,
-		isOpen: c,
-		setOpen: d,
-		show: F(() => {
-			d(!0);
-		}, [d]),
-		hide: F(() => {
-			d(!1);
-		}, [d]),
-		toggle: F(() => {
-			d((e) => !e);
-		}, [d]),
-		overlayProps: R(() => ({
-			open: c,
-			onOpenChange: d
-		}), [c, d])
-	};
-}
-function Ae(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i = !1 } = {}) {
-	let a = e, [o, s] = B(() => De(a, t)), c = n !== void 0, l = De(a, c ? n : o), u = z(l);
-	L(() => {
-		u.current = l;
-	}, [l]);
-	let d = F((e, t) => {
-		let n = u.current, o = Ee(t, n[e]), l = {
-			...n,
-			[e]: o
-		};
-		if (i && o) for (let t of a) t !== e && (l[t] = !1);
-		Oe(n, l, a) && (c || (u.current = l, s(l)), r?.(e, o, l));
-	}, [
-		i,
-		c,
-		a,
-		r
-	]);
-	return R(() => {
-		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),
-				overlayProps: {
-					open: n,
-					onOpenChange: r
-				}
-			};
-		}
-		return e;
-	}, [
-		a,
-		d,
-		l
-	]);
-}
-//#endregion
-//#region src/components/features/overlays/hooks/use-pending-overlay-focus.ts
-function je(e, t = !0) {
-	let n = z(null);
-	return L(() => {
-		let r = n.current;
-		if (!e || !t || !r) return;
-		let i = r.ownerDocument.activeElement;
-		(i === r.ownerDocument.body || i && r.contains(i) && i.matches(":disabled")) && r.focus({ preventScroll: !0 });
-	}, [e, t]), n;
-}
-//#endregion
-//#region src/components/features/overlays/overlay-tone-icon.tsx
-var Me = {
-	neutral: {
-		Glyph: K,
-		color: "text-muted-foreground",
-		surface: "bg-muted"
-	},
-	destructive: {
-		Glyph: U,
-		color: "text-destructive",
-		surface: D.destructive.tint
-	},
-	warning: {
-		Glyph: W,
-		color: "text-warning-accent",
-		surface: D.warning.tint
-	},
-	info: {
-		Glyph: q,
-		color: "text-info",
-		surface: D.info.tint
-	},
-	success: {
-		Glyph: G,
-		color: "text-success",
-		surface: D.success.tint
-	}
-};
-function Ne({ tone: e }) {
-	let { Glyph: t, color: n } = Me[e];
-	return /* @__PURE__ */ V("span", {
-		"aria-hidden": "true",
-		className: r("overlay-tone-icon--component flex h-lh shrink-0 items-center", x.base, b.snug),
-		children: /* @__PURE__ */ V(t, { className: r("size-icon", n) })
-	});
-}
-//#endregion
-//#region src/components/features/overlays/dialog.tsx
-var Pe = {
-	xs: "sm:max-w-xs",
-	sm: "sm:max-w-sm",
-	md: "sm:max-w-md",
-	lg: "sm:max-w-lg",
-	xl: "sm:max-w-xl",
-	"2xl": "sm:max-w-2xl",
-	"3xl": "sm:max-w-3xl",
-	"4xl": "sm:max-w-4xl",
-	"5xl": "sm:max-w-5xl",
-	full: "sm:max-w-[calc(100vw-2rem)]"
-};
-function Fe({ 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: B } = e(), U = (z ?? B ?? "start") === "center", W = ke({
-		open: t,
-		onOpenChange: n,
-		onClose: i
-	}), { strings: G, finalConfirmTone: K, confirmButtonOnClick: q, effectiveLoading: J, handleCancel: Y } = Te({
-		closeDialog: W.hide,
-		onConfirm: S,
-		onAsyncConfirm: C,
-		onError: w,
-		closeOnAsyncComplete: T,
-		confirmTone: D,
-		loading: k,
-		formId: A,
-		onCancel: x,
-		customStrings: v,
-		emphasis: N,
-		tone: P
-	}), X = je(J), Z = !!(a || I), ae = y || b || j;
-	return /* @__PURE__ */ H(me, {
-		open: W.open,
-		modal: !0,
-		disablePointerDismissal: J || !g,
-		onOpenChange: (e, t) => {
-			if (!e && (J || t.reason === "escape-key" && !h)) {
-				t.cancel();
-				return;
-			}
-			W.setOpen(e);
-		},
-		children: [!!R && (re(R) ? /* @__PURE__ */ V(he, { render: R }) : /* @__PURE__ */ V(he, {
-			render: /* @__PURE__ */ V(_, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "outline"
-			}),
-			className: "overlay-trigger--fallback",
-			children: R
-		})), /* @__PURE__ */ H(_e, {
-			ref: X,
-			showCloseButton: !1,
-			style: p,
-			initialFocus: m,
-			"aria-label": o ? void 0 : G.dialogLabel,
-			className: r("action-dialog--component dialog--component", Pe[L], l),
-			children: [
-				!!(o || s) && /* @__PURE__ */ V(ve, {
-					"data-align": U ? "center" : "start",
-					className: r("dialog--header", U && r("text-center", f.headerCentered), c && "sr-only"),
-					children: /* @__PURE__ */ H(E, {
-						direction: U ? "vertical" : "horizontal",
-						gap: "sm",
-						align: U ? "center" : "start",
-						wrap: !1,
-						children: [!!F && /* @__PURE__ */ V(Ne, { tone: P }), /* @__PURE__ */ H(E, {
-							gap: "normal",
-							align: U ? "center" : void 0,
-							className: r("min-w-0", U ? "w-full" : "flex-1"),
-							children: [!!o && /* @__PURE__ */ V(xe, { children: o }), !!s && /* @__PURE__ */ V(Se, { children: s })]
-						})]
-					})
-				}),
-				!!Z && /* @__PURE__ */ H(ye, {
-					className: r("dialog--body", u),
-					children: [!!I && /* @__PURE__ */ V(te, {
-						tone: P,
-						className: "mb-space-md",
-						children: /* @__PURE__ */ V(ee, { children: I })
-					}), a]
-				}),
-				!!ae && /* @__PURE__ */ V(be, {
-					className: "dialog--footer",
-					children: j ?? /* @__PURE__ */ H(E, {
-						direction: {
-							base: "vertical",
-							sm: "horizontal"
-						},
-						gap: ne.commands,
-						align: {
-							base: "stretch",
-							sm: "center"
-						},
-						justify: U ? "center" : "end",
-						className: "w-full",
-						children: [!!y && /* @__PURE__ */ V(_, {
-							type: "button",
-							tone: "secondary",
-							buttonStyle: "outline",
-							onClick: Y,
-							disabled: J,
-							children: G.cancel
-						}), !!b && /* @__PURE__ */ V(_, {
-							type: "button",
-							tone: K,
-							buttonStyle: O,
-							onClick: q,
-							disabled: J,
-							loading: J,
-							strings: { loading: G.loading },
-							children: G.confirm
-						})]
-					})
-				}),
-				!!d && /* @__PURE__ */ V(ge, {
-					disabled: J,
-					render: /* @__PURE__ */ V(_, {
-						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__ */ V(ie, { className: "size-icon" })
-					}),
-					"aria-label": G.close
-				})
-			]
-		})]
-	});
-}
-var Ie = P(Fe);
-Ie.displayName = "ActionDialog";
-//#endregion
-//#region src/components/features/overlays/drawer.tsx
-var Le = {
-	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",
-	lg: "data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg",
-	xl: "data-[side=left]:sm:max-w-xl data-[side=right]:sm:max-w-xl",
-	"2xl": "data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl",
-	"3xl": "data-[side=left]:sm:max-w-3xl data-[side=right]:sm:max-w-3xl",
-	"4xl": "data-[side=left]:sm:max-w-4xl data-[side=right]:sm:max-w-4xl",
-	"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 Re({ 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: B, 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 = ke({
-		open: e,
-		onOpenChange: t,
-		onClose: n
-	}), { strings: Q, finalConfirmTone: oe, confirmButtonOnClick: se, effectiveLoading: $, handleCancel: ce } = Te({
-		closeDialog: ae.hide,
-		onConfirm: j,
-		onAsyncConfirm: N,
-		onError: P,
-		closeOnAsyncComplete: F,
-		confirmTone: I,
-		loading: R,
-		formId: z,
-		onCancel: A,
-		customStrings: D,
-		emphasis: U,
-		tone: W
-	}), le = q === "left" || q === "right", ue = je($, X), de = !!(o || K), fe = Y && (O || k || B);
-	return /* @__PURE__ */ H(h, {
-		open: ae.open,
-		modal: X,
-		disablePointerDismissal: $ || !T || X === !1,
-		onOpenChange: (e, t) => {
-			if (!e && ($ || t.reason === "escape-key" && !w)) {
-				t.cancel();
-				return;
-			}
-			ae.setOpen(e);
-		},
-		children: [!!Z && (re(Z) ? /* @__PURE__ */ V(l, { render: Z }) : /* @__PURE__ */ V(l, {
-			render: /* @__PURE__ */ V(_, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "outline"
-			}),
-			className: "overlay-trigger--fallback",
-			children: Z
-		})), /* @__PURE__ */ H(c, {
-			ref: ue,
-			side: q,
-			showCloseButton: !1,
-			style: S,
-			initialFocus: 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 && Le[J], b),
-			children: [
-				!!(s || g) && /* @__PURE__ */ V(m, {
-					className: r("drawer--header", v && "sr-only"),
-					children: /* @__PURE__ */ H(E, {
-						direction: "horizontal",
-						gap: "sm",
-						align: "start",
-						wrap: !1,
-						children: [!!G && /* @__PURE__ */ V(Ne, { tone: W }), /* @__PURE__ */ H(E, {
-							gap: "normal",
-							className: "min-w-0 flex-1",
-							children: [!!s && /* @__PURE__ */ V(a, { children: s }), !!g && /* @__PURE__ */ V(i, { children: g })]
-						})]
-					})
-				}),
-				!!de && /* @__PURE__ */ H(u, {
-					className: r("drawer--body", x),
-					children: [!!K && /* @__PURE__ */ V(te, {
-						tone: W,
-						className: "mb-space-md",
-						children: /* @__PURE__ */ V(ee, { children: K })
-					}), o]
-				}),
-				!!fe && /* @__PURE__ */ V(d, {
-					className: "drawer--footer",
-					children: B ?? /* @__PURE__ */ H(E, {
-						direction: {
-							base: "vertical",
-							sm: "horizontal"
-						},
-						gap: ne.commands,
-						align: {
-							base: "stretch",
-							sm: "center"
-						},
-						justify: "end",
-						className: "w-full",
-						children: [!!O && /* @__PURE__ */ V(_, {
-							type: "button",
-							tone: "secondary",
-							buttonStyle: "outline",
-							onClick: ce,
-							disabled: $,
-							children: Q.cancel
-						}), !!k && /* @__PURE__ */ V(_, {
-							type: "button",
-							tone: oe,
-							buttonStyle: L,
-							onClick: se,
-							disabled: $,
-							loading: $,
-							strings: { loading: Q.loading },
-							children: Q.confirm
-						})]
-					})
-				}),
-				!!y && /* @__PURE__ */ V(p, {
-					disabled: $,
-					render: /* @__PURE__ */ V(_, {
-						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__ */ V(ie, { className: "size-icon" })
-					}),
-					"aria-label": Q.close
-				})
-			]
-		})]
-	});
-}
-var ze = P(Re);
-ze.displayName = "ActionDrawer";
-//#endregion
-//#region src/components/ui/alert-dialog.tsx
-function Be({ ...e }) {
-	return /* @__PURE__ */ V(X.Root, {
-		"data-slot": "alert-dialog",
-		...e
-	});
-}
-function Ve({ ...e }) {
-	return /* @__PURE__ */ V(X.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...e
-	});
-}
-function He({ container: e, className: n, ...r }) {
-	let i = t(e);
-	return /* @__PURE__ */ V(X.Portal, {
-		container: i,
-		"data-slot": "alert-dialog-portal",
-		className: S(n),
-		...r
-	});
-}
-function Ue({ className: e, ...t }) {
-	return /* @__PURE__ */ V(X.Backdrop, {
-		"data-slot": "alert-dialog-overlay",
-		className: r(A, C.backdrop, "isolate", e),
-		...t
-	});
-}
-function We({ 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__ */ H(He, {
-		container: u,
-		children: [/* @__PURE__ */ V(Ue, { forceRender: !d }), /* @__PURE__ */ H(X.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),
-			...l,
-			finalFocus: p,
-			children: [f, /* @__PURE__ */ V(g, { children: a })]
-		})]
-	});
-}
-function Ge({ className: e, ...t }) {
-	return /* @__PURE__ */ V("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 Ke({ className: e, ...t }) {
-	return /* @__PURE__ */ V("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 qe({ className: e, ...t }) {
-	return /* @__PURE__ */ V(X.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 Je({ className: e, ...t }) {
-	return /* @__PURE__ */ V(X.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 Ye({ className: e, ...t }) {
-	return /* @__PURE__ */ V(T, {
-		"data-slot": "alert-dialog-action",
-		className: r(e),
-		...t
-	});
-}
-function Xe({ className: e, variant: t = "outline", size: n = "default", ...i }) {
-	return /* @__PURE__ */ V(X.Close, {
-		"data-slot": "alert-dialog-cancel",
-		className: r(e),
-		render: /* @__PURE__ */ V(T, {
-			variant: t,
-			size: n
-		}),
-		...i
-	});
-}
-//#endregion
-//#region src/components/base/display/alert-dialog.tsx
-function Ze(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var Qe = r("font-sans", x.base, y.semibold, b.snug), $e = Be, et = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(Ve, {
-		ref: n,
-		className: r("alert-dialog-trigger--component", e),
-		...t
-	});
-});
-et.displayName = "AlertDialogTrigger";
-var tt = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(We, {
-		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),
-		...t
-	});
-});
-tt.displayName = "AlertDialogContent";
-var nt = N.forwardRef(function({ className: e, textGap: t = "normal", align: n = "start", ...i }, a) {
-	return /* @__PURE__ */ V("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),
-		...i
-	});
-});
-nt.displayName = "AlertDialogHeader";
-var rt = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V("div", {
-		ref: n,
-		"data-slot": "alert-dialog-body",
-		"data-modal-region": "",
-		className: r("alert-dialog-body--component", k.body, e),
-		...t
-	});
-});
-rt.displayName = "AlertDialogBody";
-var it = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(Ge, {
-		ref: n,
-		"data-modal-region": "",
-		className: r("alert-dialog-footer--component", k.footer, e),
-		...t
-	});
-});
-it.displayName = "AlertDialogFooter";
-var at = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ V(qe, {
-		ref: i,
-		className: r("alert-dialog-title--component m-0", Qe, t),
-		...n,
-		children: Ze(e) ? /* @__PURE__ */ V(v, {
-			tag: "span",
-			type: "inherit",
-			size: "base",
-			weight: "semibold",
-			lineHeight: "snug",
-			children: e
-		}) : e
-	});
-});
-at.displayName = "AlertDialogTitle";
-var ot = N.forwardRef(function({ children: e, className: t, ...n }, i) {
-	return /* @__PURE__ */ V(Je, {
-		ref: i,
-		className: r("alert-dialog-description--component m-0", t),
-		...n,
-		children: Ze(e) ? /* @__PURE__ */ V(v, {
-			tag: "span",
-			type: "secondary",
-			lineHeight: "relaxed",
-			children: e
-		}) : e
-	});
-});
-ot.displayName = "AlertDialogDescription";
-var st = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(Ke, {
-		ref: n,
-		className: r("alert-dialog-media--component", e),
-		...t
-	});
-});
-st.displayName = "AlertDialogMedia";
-var ct = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(Ye, {
-		ref: n,
-		className: r("alert-dialog-action--component", e),
-		...t
-	});
-});
-ct.displayName = "AlertDialogAction";
-var lt = N.forwardRef(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ V(Xe, {
-		ref: n,
-		className: r("alert-dialog-cancel--component", e),
-		...t
-	});
-});
-lt.displayName = "AlertDialogCancel";
-//#endregion
-//#region src/components/features/overlays/alert-dialog.tsx
-function ut({ 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(), L = F ?? I ?? "center", z = ke({
-		open: t,
-		onOpenChange: i,
-		onClose: a
-	}), B = n(we, h), U = R(() => P ? "destructive" : w || {
-		neutral: "primary",
-		destructive: "destructive",
-		warning: "warning",
-		info: "primary",
-		success: "success"
-	}[A], [
-		P,
-		w,
-		A
-	]), { strings: W, confirmButtonOnClick: G, effectiveLoading: K, handleCancel: q } = Te({
-		closeDialog: z.hide,
-		onConfirm: b,
-		onAsyncConfirm: x,
-		onError: S,
-		closeOnAsyncComplete: C,
-		confirmTone: U,
-		loading: D,
-		formId: O,
-		onCancel: y,
-		customStrings: B
-	}), ie = P && A === "neutral" ? "destructive" : A, J = Me[ie], Y = je(K), X = !!(s || c || j && !l), Z = !!(o || M);
-	return /* @__PURE__ */ H($e, {
-		open: z.open,
-		onOpenChange: (e, t) => {
-			if (!e && (K || t.reason === "escape-key" && !m)) {
-				t.cancel();
-				return;
-			}
-			z.setOpen(e);
-		},
-		children: [!!N && (re(N) ? /* @__PURE__ */ V(et, { render: N }) : /* @__PURE__ */ V(et, {
-			render: /* @__PURE__ */ V(_, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "outline"
-			}),
-			className: "overlay-trigger--fallback",
-			children: N
-		})), /* @__PURE__ */ H(tt, {
-			ref: Y,
-			style: f,
-			initialFocus: p,
-			"aria-label": s ? void 0 : W.alertDialogLabel,
-			className: r("confirm-dialog--component alert-dialog--component", u),
-			children: [
-				!!X && /* @__PURE__ */ H(nt, {
-					align: L,
-					className: r("alert-dialog--header", l && "sr-only"),
-					children: [
-						!!j && !l && /* @__PURE__ */ V("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__ */ V(J.Glyph, { className: "size-icon-lg" })
-						}),
-						!!s && /* @__PURE__ */ V(at, { children: s }),
-						!!c && /* @__PURE__ */ V(ot, { children: c })
-					]
-				}),
-				!!Z && /* @__PURE__ */ H(rt, {
-					className: r("alert-dialog--body", d),
-					children: [!!M && /* @__PURE__ */ V(te, {
-						tone: ie,
-						className: r(!!o && "mb-space-md"),
-						children: /* @__PURE__ */ V(ee, { children: M })
-					}), o]
-				}),
-				!!(g || v || k) && /* @__PURE__ */ V(it, {
-					className: "alert-dialog--footer",
-					children: k ?? /* @__PURE__ */ H(E, {
-						direction: {
-							base: "vertical",
-							sm: "horizontal"
-						},
-						gap: ne.commands,
-						align: {
-							base: "stretch",
-							sm: "center"
-						},
-						justify: L === "center" ? "center" : "end",
-						className: "w-full",
-						children: [!!g && /* @__PURE__ */ V(_, {
-							type: "button",
-							tone: "secondary",
-							buttonStyle: "outline",
-							onClick: q,
-							disabled: K,
-							children: W.cancel
-						}), !!v && /* @__PURE__ */ V(_, {
-							type: "button",
-							tone: U,
-							buttonStyle: T,
-							onClick: G,
-							disabled: K,
-							loading: K,
-							strings: { loading: W.loading },
-							children: W.confirm
-						})]
-					})
-				})
-			]
-		})]
-	});
-}
-var dt = P(ut);
-dt.displayName = "ConfirmDialog";
-//#endregion
-export { Ae as a, Ce as c, ke as i, ze as n, Te as o, Ie as r, we as s, dt as t };
-
-//# sourceMappingURL=overlays-CC8zI3Du.js.map