themelia-react-ui 2.0.0 → 2.0.1

package/dist/overlays-I0axtYA6.js

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