themelia-react-ui 1.0.0 → 1.0.2

package/dist/overlays-DUbs1KEi.js

@@ -0,0 +1,1011 @@
+"use client";
+import { r as e } from "./theme-scope-kStaAer0.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-BvH9PSmq.js";
+import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./sheet-BFhrNehm.js";
+import { a as p } from "./typography-BxQgiZyw.js";
+import { t as m } from "./motion-recipes-B6jKXEcN.js";
+import { t as h } from "./slot-CLF9kLrS.js";
+import { t as g } from "./button-BZDasD04.js";
+import { t as _ } from "./button-BZyfTvwm.js";
+import { t as v } from "./structure-CRdqVawd.js";
+import { h as y, p as ee } from "./smart-card-DjGVV2xr.js";
+import { n as b, t as x } from "./surface-recipes-Dd__PD-w.js";
+import { t as S } from "./overlay.recipes-BxW5FIfK.js";
+import * as C from "react";
+import { isValidElement as te, memo as w, useCallback as T, useLayoutEffect as ne, useMemo as E, useRef as D, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { AlertCircle as j, AlertTriangle as M, CheckCircle as N, HelpCircle as P, Info as F, X as I, XIcon as L } from "lucide-react";
+import { Dialog as R } from "@base-ui/react/dialog";
+import { AlertDialog as z } from "@base-ui/react/alert-dialog";
+//#region src/components/ui/dialog.tsx
+function B({ ...e }) {
+	return /* @__PURE__ */ k(R.Root, {
+		"data-slot": "dialog",
+		modal: "trap-focus",
+		...e
+	});
+}
+function V({ asChild: e = !1, ...t }) {
+	let n = e ? /* @__PURE__ */ k(h, {}) : void 0;
+	return /* @__PURE__ */ k(R.Trigger, {
+		"data-slot": "dialog-trigger",
+		render: n,
+		...t
+	});
+}
+function H({ container: t, ...n }) {
+	let r = e(t);
+	return /* @__PURE__ */ k(R.Portal, {
+		container: r,
+		"data-slot": "dialog-portal",
+		...n
+	});
+}
+function re({ ...e }) {
+	return /* @__PURE__ */ k(R.Close, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ k(R.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: n(S, m.backdrop, "isolate", e),
+		...t
+	});
+}
+function W({ className: t, container: r, children: i, showCloseButton: a = !0, ...o }) {
+	let s = e(r);
+	return /* @__PURE__ */ A(H, {
+		container: s,
+		children: [/* @__PURE__ */ k(U, {}), /* @__PURE__ */ A(R.Popup, {
+			"data-slot": "dialog-content",
+			className: n(m.dialog, "bg-background ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-space-xl rounded-radius p-surface text-sm ring-1 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none", t),
+			...o,
+			children: [i, !!a && /* @__PURE__ */ A(R.Close, {
+				"data-slot": "dialog-close",
+				render: /* @__PURE__ */ k(_, {
+					variant: "ghost",
+					"data-overlay-close": "",
+					className: f.close,
+					size: "icon-sm"
+				}),
+				children: [/* @__PURE__ */ k(L, {}), /* @__PURE__ */ k("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "dialog-header",
+		className: n("flex flex-col", e),
+		...t
+	});
+}
+function K({ className: e, showCloseButton: t = !1, children: r, ...i }) {
+	return /* @__PURE__ */ A("div", {
+		"data-slot": "dialog-footer",
+		className: n("flex flex-col-reverse sm:flex-row sm:justify-end", e),
+		...i,
+		children: [r, !!t && /* @__PURE__ */ k(R.Close, {
+			render: /* @__PURE__ */ k(_, { variant: "outline" }),
+			children: "Close"
+		})]
+	});
+}
+function ie({ className: e, asChild: t = !1, ...r }) {
+	let i = t ? /* @__PURE__ */ k(h, {}) : void 0;
+	return /* @__PURE__ */ k(R.Title, {
+		"data-slot": "dialog-title",
+		render: i,
+		className: n("leading-none font-medium", e),
+		...r
+	});
+}
+function ae({ className: e, asChild: t = !1, ...r }) {
+	let i = t ? /* @__PURE__ */ k(h, {}) : void 0;
+	return /* @__PURE__ */ k(R.Description, {
+		"data-slot": "dialog-description",
+		render: i,
+		className: n("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", e),
+		...r
+	});
+}
+//#endregion
+//#region src/components/base/display/dialog.tsx
+function q(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var J = B, Y = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(V, {
+		ref: r,
+		className: n("dialog-trigger--component", e),
+		...t
+	});
+});
+Y.displayName = "DialogTrigger";
+var X = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(re, {
+		ref: r,
+		className: n("dialog-close--component active:translate-y-0!", e),
+		...t
+	});
+});
+X.displayName = "DialogClose";
+var oe = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(W, {
+		ref: r,
+		className: n("dialog-content--component flex max-h-[min(90vh,48rem)] flex-col gap-0 overflow-hidden rounded-radius bg-background p-0 text-foreground shadow-xl sm:max-w-lg [&_[data-slot=dialog-close]]:active:translate-y-0!", b.modal.shell, e),
+		...t
+	});
+});
+oe.displayName = "DialogContent";
+var se = C.forwardRef(function({ className: e, textGap: t = "normal", ...r }, i) {
+	return /* @__PURE__ */ k(G, {
+		ref: i,
+		className: n("dialog-header--component", x.header, f.header, t === "dense" ? "gap-dense" : "gap-normal", e),
+		...r
+	});
+});
+se.displayName = "DialogHeader";
+var Z = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k("div", {
+		ref: r,
+		"data-slot": "dialog-body",
+		className: n("dialog-body--component", x.body, e),
+		...t
+	});
+});
+Z.displayName = "DialogBody";
+var ce = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(K, {
+		ref: r,
+		className: n("dialog-footer--component", x.footer, e),
+		...t
+	});
+});
+ce.displayName = "DialogFooter";
+var le = C.forwardRef(function({ children: e, className: t, ...r }, i) {
+	return /* @__PURE__ */ k(ie, {
+		ref: i,
+		className: n("dialog-title--component m-0", t),
+		...r,
+		children: q(e) ? /* @__PURE__ */ k(p, {
+			tag: "span",
+			size: "base",
+			weight: "semibold",
+			lineHeight: "snug",
+			className: "dialog-title--text",
+			children: e
+		}) : e
+	});
+});
+le.displayName = "DialogTitle";
+var ue = C.forwardRef(function({ children: e, className: t, ...r }, i) {
+	return /* @__PURE__ */ k(ae, {
+		ref: i,
+		className: n("dialog-description--component m-0", t),
+		...r,
+		children: q(e) ? /* @__PURE__ */ k(p, {
+			tag: "span",
+			type: "secondary",
+			lineHeight: "relaxed",
+			className: "dialog-description--text",
+			children: e
+		}) : e
+	});
+});
+ue.displayName = "DialogDescription";
+//#endregion
+//#region src/components/features/overlays/overlays.strings.ts
+var de = {
+	confirm: "Confirm",
+	cancel: "Cancel",
+	close: "Close",
+	loading: "Loading...",
+	dialogLabel: "Dialog",
+	drawerLabel: "Drawer",
+	alertDialogLabel: "Confirmation"
+}, fe = {
+	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 Q({ closeDialog: e, onConfirm: n, 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 = t(de, l), [m, h] = O(!1), g = D(!1), _ = T(async () => {
+		if (!(o || g.current)) {
+			if (n) {
+				n(), e();
+				return;
+			}
+			if (r) {
+				g.current = !0, h(!0);
+				try {
+					await r(), i && e();
+				} catch (e) {
+					f?.(e);
+				} finally {
+					g.current = !1, h(!1);
+				}
+				return;
+			}
+			e();
+		}
+	}, [
+		o,
+		n,
+		r,
+		i,
+		e,
+		f
+	]), v = T(() => {
+		o || g.current || (c?.(), e());
+	}, [
+		o,
+		c,
+		e
+	]), y = T(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: E(() => 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 pe(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function me(e, t) {
+	let n = {};
+	for (let r of e) n[r] = !!t?.[r];
+	return n;
+}
+function he(e, t, n) {
+	return n.some((n) => e[n] !== t[n]);
+}
+function $({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: i } = {}) {
+	let [a, o] = O(e), s = t !== void 0, c = s ? t : a, l = D(c);
+	l.current = c;
+	let u = T((e) => {
+		let t = pe(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: T(() => {
+			u(!0);
+		}, [u]),
+		hide: T(() => {
+			u(!1);
+		}, [u]),
+		toggle: T(() => {
+			u((e) => !e);
+		}, [u]),
+		overlayProps: E(() => ({
+			open: c,
+			onOpenChange: u
+		}), [c, u])
+	};
+}
+function ge(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i = !1 } = {}) {
+	let a = e, [o, s] = O(() => me(a, t)), c = n !== void 0, l = me(a, c ? n : o), u = D(l);
+	u.current = l;
+	let d = T((e, t) => {
+		let n = u.current, o = pe(t, n[e]), l = {
+			...n,
+			[e]: o
+		};
+		if (i && o) for (let t of a) t !== e && (l[t] = !1);
+		let d = he(n, l, a);
+		c || s(l), d && (u.current = l, r?.(e, o, l));
+	}, [
+		i,
+		c,
+		a,
+		r
+	]);
+	return E(() => {
+		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 _e(e, t = !0) {
+	let n = D(null);
+	return ne(() => {
+		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/dialog.tsx
+var ve = {
+	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)]"
+}, ye = {
+	neutral: {
+		icon: /* @__PURE__ */ k(P, { className: "size-icon text-muted-foreground" }),
+		classes: ""
+	},
+	destructive: {
+		icon: /* @__PURE__ */ k(j, { className: "size-icon text-destructive" }),
+		classes: "border-destructive/50"
+	},
+	warning: {
+		icon: /* @__PURE__ */ k(M, { className: "size-icon text-warning-accent" }),
+		classes: "border-warning/50"
+	},
+	info: {
+		icon: /* @__PURE__ */ k(F, { className: "size-icon text-info" }),
+		classes: "border-info/50"
+	},
+	success: {
+		icon: /* @__PURE__ */ k(N, { className: "size-icon text-success" }),
+		classes: "border-success/50"
+	}
+};
+function be({ open: e, onOpenChange: t, onClose: r, children: i, title: a, description: o, visuallyHideHeader: s = !1, className: c, contentClassName: l, showCloseButton: u = !0, surfaceStyle: d, initialFocusRef: m, closeOnEscape: h = !0, closeOnBackdropClick: _ = !0, strings: b, showCancel: x = !0, showConfirm: S = !0, onCancel: C, onConfirm: w, onAsyncConfirm: T, onError: ne, closeOnAsyncComplete: E = !0, confirmTone: D = "primary", confirmStyle: O = "solid", loading: j = !1, formId: M, footer: N, emphasis: P = !1, tone: F = "neutral", showIcon: L = !1, alertMessage: R, size: z = "lg", trigger: B }) {
+	let V = $({
+		open: e,
+		onOpenChange: t,
+		onClose: r
+	}), { strings: H, finalConfirmTone: re, confirmButtonOnClick: U, effectiveLoading: W, handleCancel: G } = Q({
+		closeDialog: V.hide,
+		onConfirm: w,
+		onAsyncConfirm: T,
+		onError: ne,
+		closeOnAsyncComplete: E,
+		confirmTone: D,
+		loading: j,
+		formId: M,
+		onCancel: C,
+		customStrings: b,
+		emphasis: P,
+		tone: F
+	}), K = ye[F], ie = _e(W), ae = !!(i || R), q = x || S || N;
+	return /* @__PURE__ */ A(J, {
+		open: V.open,
+		modal: !0,
+		disablePointerDismissal: W || !_,
+		onOpenChange: (e, t) => {
+			if (!e && (W || t.reason === "escape-key" && !h)) {
+				t.cancel();
+				return;
+			}
+			V.setOpen(e);
+		},
+		children: [!!B && (te(B) ? /* @__PURE__ */ k(Y, { render: B }) : /* @__PURE__ */ k(Y, {
+			className: "overlay-trigger--fallback cursor-pointer",
+			children: /* @__PURE__ */ k(p, {
+				tag: "span",
+				size: "inherit",
+				className: "text-inherit",
+				children: B
+			})
+		})), /* @__PURE__ */ A(oe, {
+			ref: ie,
+			showCloseButton: !1,
+			style: d,
+			initialFocus: m,
+			"aria-label": a ? void 0 : H.dialogLabel,
+			className: n("action-dialog--component dialog--component", ve[z], P && K.classes, c),
+			children: [
+				!!u && /* @__PURE__ */ k(X, {
+					disabled: W,
+					render: /* @__PURE__ */ k(g, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						size: "sm",
+						iconOnly: !0,
+						"data-overlay-close": "",
+						className: n(f.close, "z-10 text-muted-foreground hover:bg-muted hover:text-foreground"),
+						children: /* @__PURE__ */ k(I, { className: "size-icon" })
+					}),
+					"aria-label": H.close
+				}),
+				!!(a || o) && /* @__PURE__ */ k(se, {
+					className: n("dialog--header", s && "sr-only"),
+					children: /* @__PURE__ */ A(v, {
+						direction: "horizontal",
+						gap: "sm",
+						align: "start",
+						wrap: !1,
+						children: [!!L && /* @__PURE__ */ k("span", {
+							className: "shrink-0 pt-space-2xs",
+							children: K.icon
+						}), /* @__PURE__ */ A(v, {
+							gap: "normal",
+							className: "flex-1",
+							children: [!!a && /* @__PURE__ */ k(le, { children: a }), !!o && /* @__PURE__ */ k(ue, { children: o })]
+						})]
+					})
+				}),
+				!!ae && /* @__PURE__ */ A(Z, {
+					className: n("dialog--body", l),
+					children: [!!R && /* @__PURE__ */ k(ee, {
+						tone: F,
+						className: "mb-space-md",
+						children: /* @__PURE__ */ k(y, { children: R })
+					}), i]
+				}),
+				!!q && /* @__PURE__ */ k(ce, {
+					className: "dialog--footer",
+					children: N ?? /* @__PURE__ */ A(v, {
+						direction: {
+							base: "vertical",
+							sm: "horizontal"
+						},
+						gap: "sm",
+						align: {
+							base: "stretch",
+							sm: "center"
+						},
+						justify: "end",
+						className: "w-full",
+						children: [!!x && /* @__PURE__ */ k(g, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "outline",
+							onClick: G,
+							disabled: W,
+							children: H.cancel
+						}), !!S && /* @__PURE__ */ k(g, {
+							type: "button",
+							tone: re,
+							buttonStyle: O,
+							onClick: U,
+							disabled: W,
+							loading: W,
+							strings: { loading: H.loading },
+							children: H.confirm
+						})]
+					})
+				})
+			]
+		})]
+	});
+}
+var xe = w(be);
+xe.displayName = "ActionDialog";
+//#endregion
+//#region src/components/features/overlays/drawer.tsx
+var Se = {
+	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)]"
+}, Ce = {
+	neutral: /* @__PURE__ */ k(P, { className: "size-icon text-muted-foreground" }),
+	destructive: /* @__PURE__ */ k(j, { className: "size-icon text-destructive" }),
+	warning: /* @__PURE__ */ k(M, { className: "size-icon text-warning-accent" }),
+	info: /* @__PURE__ */ k(F, { className: "size-icon text-info" }),
+	success: /* @__PURE__ */ k(N, { className: "size-icon text-success" })
+};
+function we({ open: e, onOpenChange: t, onClose: m, children: h, title: _, description: b, visuallyHideHeader: x = !1, showCloseButton: S = !0, className: C, contentClassName: w, initialFocusRef: T, closeOnEscape: ne = !0, closeOnBackdropClick: E = !0, strings: D, showCancel: O = !0, showConfirm: j = !0, onCancel: M, onConfirm: N, onAsyncConfirm: P, onError: F, closeOnAsyncComplete: L = !0, confirmTone: R = "primary", confirmStyle: z = "solid", loading: B = !1, formId: V, footer: H, emphasis: re = !1, tone: U = "neutral", showIcon: W = !1, alertMessage: G, direction: K = "right", width: ie = "lg", showFooter: ae = !0, modal: q = !0, trigger: J }) {
+	let Y = $({
+		open: e,
+		onOpenChange: t,
+		onClose: m
+	}), { strings: X, finalConfirmTone: oe, confirmButtonOnClick: se, effectiveLoading: Z, handleCancel: ce } = Q({
+		closeDialog: Y.hide,
+		onConfirm: N,
+		onAsyncConfirm: P,
+		onError: F,
+		closeOnAsyncComplete: L,
+		confirmTone: R,
+		loading: B,
+		formId: V,
+		onCancel: M,
+		customStrings: D,
+		emphasis: re,
+		tone: U
+	}), le = K === "left" || K === "right", ue = _e(Z, q), de = !!(h || G), fe = ae && (O || j || H);
+	return /* @__PURE__ */ A(d, {
+		open: Y.open,
+		modal: q,
+		disablePointerDismissal: Z || !E,
+		onOpenChange: (e, t) => {
+			if (!e && (Z || t.reason === "escape-key" && !ne)) {
+				t.cancel();
+				return;
+			}
+			Y.setOpen(e);
+		},
+		children: [!!J && (te(J) ? /* @__PURE__ */ k(o, { render: J }) : /* @__PURE__ */ k(o, {
+			className: "overlay-trigger--fallback cursor-pointer",
+			children: /* @__PURE__ */ k(p, {
+				tag: "span",
+				size: "inherit",
+				className: "text-inherit",
+				children: J
+			})
+		})), /* @__PURE__ */ A(a, {
+			ref: ue,
+			side: K,
+			showCloseButton: !1,
+			initialFocus: T,
+			"aria-label": _ ? void 0 : X.drawerLabel,
+			"data-modal": q === !1 ? "false" : void 0,
+			className: n("action-drawer--component drawer--component", le && "data-[side=left]:w-full data-[side=right]:w-full", le && Se[ie], C),
+			children: [
+				S && /* @__PURE__ */ k(l, {
+					disabled: Z,
+					render: /* @__PURE__ */ k(g, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						size: "sm",
+						iconOnly: !0,
+						"data-overlay-close": "",
+						className: n(f.close, "z-10 text-muted-foreground hover:bg-muted hover:text-foreground"),
+						children: /* @__PURE__ */ k(I, { className: "size-icon" })
+					}),
+					"aria-label": X.close
+				}),
+				!!(_ || b) && /* @__PURE__ */ k(u, {
+					className: n("drawer--header", x && "sr-only"),
+					children: /* @__PURE__ */ A(v, {
+						direction: "horizontal",
+						gap: "sm",
+						align: "start",
+						wrap: !1,
+						children: [!!W && /* @__PURE__ */ k("span", {
+							className: "shrink-0 pt-space-2xs",
+							children: Ce[U]
+						}), /* @__PURE__ */ A(v, {
+							gap: "normal",
+							className: "flex-1",
+							children: [!!_ && /* @__PURE__ */ k(i, { children: _ }), !!b && /* @__PURE__ */ k(r, { children: b })]
+						})]
+					})
+				}),
+				!!de && /* @__PURE__ */ A(s, {
+					className: n("drawer--body", w),
+					children: [!!G && /* @__PURE__ */ k(ee, {
+						tone: U,
+						className: "mb-space-md",
+						children: /* @__PURE__ */ k(y, { children: G })
+					}), h]
+				}),
+				!!fe && /* @__PURE__ */ k(c, {
+					className: "drawer--footer",
+					children: H ?? /* @__PURE__ */ A(v, {
+						direction: {
+							base: "vertical",
+							sm: "horizontal"
+						},
+						gap: "sm",
+						align: {
+							base: "stretch",
+							sm: "center"
+						},
+						justify: "end",
+						className: "w-full",
+						children: [!!O && /* @__PURE__ */ k(g, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "outline",
+							onClick: ce,
+							disabled: Z,
+							children: X.cancel
+						}), !!j && /* @__PURE__ */ k(g, {
+							type: "button",
+							tone: oe,
+							buttonStyle: z,
+							onClick: se,
+							disabled: Z,
+							loading: Z,
+							strings: { loading: X.loading },
+							children: X.confirm
+						})]
+					})
+				})
+			]
+		})]
+	});
+}
+var Te = w(we);
+Te.displayName = "ActionDrawer";
+//#endregion
+//#region src/components/ui/alert-dialog.tsx
+function Ee({ ...e }) {
+	return /* @__PURE__ */ k(z.Root, {
+		"data-slot": "alert-dialog",
+		...e
+	});
+}
+function De({ ...e }) {
+	return /* @__PURE__ */ k(z.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...e
+	});
+}
+function Oe({ container: t, ...n }) {
+	let r = e(t);
+	return /* @__PURE__ */ k(z.Portal, {
+		container: r,
+		"data-slot": "alert-dialog-portal",
+		...n
+	});
+}
+function ke({ className: e, ...t }) {
+	return /* @__PURE__ */ k(z.Backdrop, {
+		"data-slot": "alert-dialog-overlay",
+		className: n(S, m.backdrop, "isolate", e),
+		...t
+	});
+}
+function Ae({ className: t, container: r, size: i = "default", ...a }) {
+	let o = e(r);
+	return /* @__PURE__ */ A(Oe, {
+		container: o,
+		children: [/* @__PURE__ */ k(ke, {}), /* @__PURE__ */ k(z.Popup, {
+			"data-slot": "alert-dialog-content",
+			"data-size": i,
+			className: n(m.dialog, "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-space-xl rounded-radius bg-popover p-surface text-popover-foreground shadow-xl ring-1 ring-foreground/5 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md dark:ring-foreground/10", t),
+			...a
+		})]
+	});
+}
+function je({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "alert-dialog-header",
+		className: n("grid grid-rows-[auto_1fr] place-items-center text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-space-2xl sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
+		...t
+	});
+}
+function Me({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "alert-dialog-footer",
+		className: n("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 Ne({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "alert-dialog-media",
+		className: n("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 Pe({ className: e, ...t }) {
+	return /* @__PURE__ */ k(z.Title, {
+		"data-slot": "alert-dialog-title",
+		className: n("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 Fe({ className: e, ...t }) {
+	return /* @__PURE__ */ k(z.Description, {
+		"data-slot": "alert-dialog-description",
+		className: n("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
+		...t
+	});
+}
+function Ie({ className: e, ...t }) {
+	return /* @__PURE__ */ k(_, {
+		"data-slot": "alert-dialog-action",
+		className: n(e),
+		...t
+	});
+}
+function Le({ className: e, variant: t = "outline", size: r = "default", ...i }) {
+	return /* @__PURE__ */ k(z.Close, {
+		"data-slot": "alert-dialog-cancel",
+		className: n(e),
+		render: /* @__PURE__ */ k(_, {
+			variant: t,
+			size: r
+		}),
+		...i
+	});
+}
+//#endregion
+//#region src/components/base/display/alert-dialog.tsx
+function Re(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var ze = Ee, Be = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(De, {
+		ref: r,
+		className: n("alert-dialog-trigger--component", e),
+		...t
+	});
+});
+Be.displayName = "AlertDialogTrigger";
+var Ve = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(Ae, {
+		ref: r,
+		className: n("alert-dialog-content--component max-h-[min(90vh,48rem)] gap-0 overflow-hidden rounded-radius bg-background p-0 text-foreground ring-border/70 sm:max-w-md", e),
+		...t
+	});
+});
+Ve.displayName = "AlertDialogContent";
+var He = C.forwardRef(function({ className: e, textGap: t = "normal", ...r }, i) {
+	return /* @__PURE__ */ k(je, {
+		ref: i,
+		className: n("alert-dialog-header--component p-surface text-center", t === "dense" ? "gap-dense" : "gap-normal", e),
+		...r
+	});
+});
+He.displayName = "AlertDialogHeader";
+var Ue = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k("div", {
+		ref: r,
+		"data-slot": "alert-dialog-body",
+		className: n("alert-dialog-body--component min-h-0 flex-1 overflow-y-auto p-surface", e),
+		...t
+	});
+});
+Ue.displayName = "AlertDialogBody";
+var We = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(Me, {
+		ref: r,
+		className: n("alert-dialog-footer--component", x.footer, e),
+		...t
+	});
+});
+We.displayName = "AlertDialogFooter";
+var Ge = C.forwardRef(function({ children: e, className: t, ...r }, i) {
+	return /* @__PURE__ */ k(Pe, {
+		ref: i,
+		className: n("alert-dialog-title--component m-0", t),
+		...r,
+		children: Re(e) ? /* @__PURE__ */ k(p, {
+			tag: "span",
+			size: "base",
+			weight: "semibold",
+			lineHeight: "snug",
+			children: e
+		}) : e
+	});
+});
+Ge.displayName = "AlertDialogTitle";
+var Ke = C.forwardRef(function({ children: e, className: t, ...r }, i) {
+	return /* @__PURE__ */ k(Fe, {
+		ref: i,
+		className: n("alert-dialog-description--component m-0", t),
+		...r,
+		children: Re(e) ? /* @__PURE__ */ k(p, {
+			tag: "span",
+			type: "secondary",
+			lineHeight: "relaxed",
+			children: e
+		}) : e
+	});
+});
+Ke.displayName = "AlertDialogDescription";
+var qe = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(Ne, {
+		ref: r,
+		className: n("alert-dialog-media--component", e),
+		...t
+	});
+});
+qe.displayName = "AlertDialogMedia";
+var Je = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(Ie, {
+		ref: r,
+		className: n("alert-dialog-action--component", e),
+		...t
+	});
+});
+Je.displayName = "AlertDialogAction";
+var Ye = C.forwardRef(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ k(Le, {
+		ref: r,
+		className: n("alert-dialog-cancel--component", e),
+		...t
+	});
+});
+Ye.displayName = "AlertDialogCancel";
+//#endregion
+//#region src/components/features/overlays/alert-dialog.tsx
+var Xe = {
+	neutral: {
+		icon: /* @__PURE__ */ k(P, { className: "size-icon-lg" }),
+		iconColor: "text-muted-foreground",
+		background: "bg-muted"
+	},
+	destructive: {
+		icon: /* @__PURE__ */ k(j, { className: "size-icon-lg" }),
+		iconColor: "text-destructive",
+		background: "bg-destructive/10"
+	},
+	warning: {
+		icon: /* @__PURE__ */ k(M, { className: "size-icon-lg" }),
+		iconColor: "text-warning-accent",
+		background: "bg-warning/15"
+	},
+	info: {
+		icon: /* @__PURE__ */ k(F, { className: "size-icon-lg" }),
+		iconColor: "text-info",
+		background: "bg-info/15"
+	},
+	success: {
+		icon: /* @__PURE__ */ k(N, { className: "size-icon-lg" }),
+		iconColor: "text-success",
+		background: "bg-success/15"
+	}
+};
+function Ze({ open: e, onOpenChange: r, onClose: i, children: a, title: o, description: s, visuallyHideHeader: c = !1, className: l, contentClassName: u, initialFocusRef: d, closeOnEscape: f = !0, strings: m, showCancel: h = !0, showConfirm: _ = !0, onCancel: b, onConfirm: x, onAsyncConfirm: S, onError: C, closeOnAsyncComplete: w = !0, confirmTone: T, confirmStyle: ne = "solid", loading: D = !1, formId: O, footer: j, tone: M = "neutral", showIcon: N = !0, alertMessage: P, trigger: F, destructive: I = !1 }) {
+	let L = $({
+		open: e,
+		onOpenChange: r,
+		onClose: i
+	}), R = t(fe, m), z = E(() => I ? "destructive" : T || {
+		neutral: "primary",
+		destructive: "destructive",
+		warning: "warning",
+		info: "primary",
+		success: "success"
+	}[M], [
+		I,
+		T,
+		M
+	]), { strings: B, confirmButtonOnClick: V, effectiveLoading: H, handleCancel: re } = Q({
+		closeDialog: L.hide,
+		onConfirm: x,
+		onAsyncConfirm: S,
+		onError: C,
+		closeOnAsyncComplete: w,
+		confirmTone: z,
+		loading: D,
+		formId: O,
+		onCancel: b,
+		customStrings: R
+	}), U = I && M === "neutral" ? "destructive" : M, W = Xe[U], G = _e(H);
+	return /* @__PURE__ */ A(ze, {
+		open: L.open,
+		onOpenChange: (e, t) => {
+			if (!e && (H || t.reason === "escape-key" && !f)) {
+				t.cancel();
+				return;
+			}
+			L.setOpen(e);
+		},
+		children: [!!F && (te(F) ? /* @__PURE__ */ k(Be, { render: F }) : /* @__PURE__ */ k(Be, {
+			className: "overlay-trigger--fallback cursor-pointer",
+			children: /* @__PURE__ */ k(p, {
+				tag: "span",
+				size: "inherit",
+				className: "text-inherit",
+				children: F
+			})
+		})), /* @__PURE__ */ A(Ve, {
+			ref: G,
+			initialFocus: d,
+			"aria-label": o ? void 0 : B.alertDialogLabel,
+			className: n("confirm-dialog--component alert-dialog--component", l),
+			children: [/* @__PURE__ */ A(Ue, {
+				className: "alert-dialog--body",
+				children: [
+					!!N && !c && /* @__PURE__ */ k("span", {
+						className: n("mb-space-md flex size-avatar-lg items-center justify-center rounded-full", W.background, W.iconColor),
+						children: W.icon
+					}),
+					!!(o || s) && /* @__PURE__ */ A(He, {
+						className: n("p-0 place-items-start text-start", c && "sr-only"),
+						children: [!!o && /* @__PURE__ */ k(Ge, { children: o }), !!s && /* @__PURE__ */ k(Ke, { children: s })]
+					}),
+					!!P && /* @__PURE__ */ k(ee, {
+						tone: U,
+						className: "mt-space-md text-left",
+						children: /* @__PURE__ */ k(y, { children: P })
+					}),
+					!!a && /* @__PURE__ */ k("div", {
+						className: n("mt-space-md", u),
+						children: a
+					})
+				]
+			}), !!(h || _ || j) && /* @__PURE__ */ k(We, {
+				className: "alert-dialog--footer",
+				children: j ?? /* @__PURE__ */ A(v, {
+					direction: {
+						base: "vertical",
+						sm: "horizontal"
+					},
+					gap: "sm",
+					align: {
+						base: "stretch",
+						sm: "center"
+					},
+					justify: "end",
+					className: "w-full",
+					children: [!!h && /* @__PURE__ */ k(g, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "outline",
+						onClick: re,
+						disabled: H,
+						children: B.cancel
+					}), !!_ && /* @__PURE__ */ k(g, {
+						type: "button",
+						tone: z,
+						buttonStyle: ne,
+						onClick: V,
+						disabled: H,
+						loading: H,
+						strings: { loading: B.loading },
+						children: B.confirm
+					})]
+				})
+			})]
+		})]
+	});
+}
+var Qe = w(Ze);
+Qe.displayName = "ConfirmDialog";
+//#endregion
+export { ge as a, de as c, $ as i, X as l, Te as n, Q as o, xe as r, fe as s, Qe as t };
+
+//# sourceMappingURL=overlays-DUbs1KEi.js.map