themelia-react-ui 1.0.1 → 1.0.2

package/dist/overlays-B11wZka6.js

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