admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/_shared/overlays-CIeniDjj.js

@@ -0,0 +1,639 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { n } from "./heading-HeP06nXG.js";
+import { t as r } from "./button-SuocMQFT.js";
+import { cloneElement as i, isValidElement as a, memo as o, useCallback as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { AlertCircle as g, AlertTriangle as _, CheckCircle as v, HelpCircle as y, Info as b, X as x } from "lucide-react";
+import { createPortal as S } from "react-dom";
+//#region src/components/features/overlays/hooks/use-native-dialog.ts
+var C = 350, w = 0;
+function T() {
+	if (w === 0) {
+		let e = window.innerWidth - document.documentElement.clientWidth;
+		document.body.style.setProperty("--overlay-scrollbar-width", `${e}px`), document.documentElement.setAttribute("data-overlay-scroll-locked", "");
+	}
+	w += 1;
+	let e = !1;
+	return () => {
+		e || (e = !0, w = Math.max(0, w - 1), !(w > 0) && (document.documentElement.removeAttribute("data-overlay-scroll-locked"), document.body.style.removeProperty("--overlay-scrollbar-width")));
+	};
+}
+function E({ open: e, onOpenChange: t, onClose: n, closeOnEscape: r = !0, closeOnBackdropClick: i = !0, initialFocusRef: a } = {}) {
+	let o = d(null), [l, u] = f(!1), [p, m] = f(!1), h = d(null), g = d(null), _ = d(null), v = d(null), y = d(null), b = d(!1), x = e !== void 0, S = x ? e : l, w = d(S);
+	w.current = S;
+	let E = d(p);
+	E.current = p;
+	let D = s((e) => {
+		x || u(e), t?.(e), e || n?.();
+	}, [
+		x,
+		t,
+		n
+	]), O = s(() => {
+		_.current &&= (clearTimeout(_.current), null), v.current &&= (v.current(), null);
+	}, []), k = s(() => {
+		O(), b.current = !0;
+		let e = h.current;
+		h.current = null;
+		let t = g.current;
+		g.current = null;
+		try {
+			e?.();
+		} catch {}
+		try {
+			D(!1);
+		} catch {}
+		m(!1);
+		let n = o.current;
+		n && n.classList.remove("closing");
+		try {
+			t?.focus();
+		} catch {}
+	}, [O, D]), A = s(() => {
+		w.current || E.current || (g.current = document.activeElement, h.current = T(), D(!0), y.current = requestAnimationFrame(() => {
+			y.current = null, a?.current ? a.current.focus() : o.current?.focus();
+		}));
+	}, [D, a]), j = s(() => {
+		let e = o.current;
+		if (!(!e || !w.current || E.current)) if (m(!0), e.classList.add("closing"), e.offsetHeight, getComputedStyle(e).animationName !== "none") {
+			let t = () => {
+				k();
+			};
+			e.addEventListener("animationend", t, { once: !0 }), v.current = () => {
+				e.removeEventListener("animationend", t);
+			}, _.current = setTimeout(() => {
+				k();
+			}, C);
+		} else k();
+	}, [k]), M = s(() => {
+		S ? j() : A();
+	}, [
+		S,
+		A,
+		j
+	]), N = s((e) => {
+		e.key === "Escape" && r && (e.preventDefault(), e.stopPropagation(), j());
+	}, [r, j]), ee = s(() => {
+		i && j();
+	}, [i, j]);
+	return c(() => {
+		if (S && !p) g.current ||= document.activeElement, h.current ||= T(), y.current !== null && cancelAnimationFrame(y.current), y.current = requestAnimationFrame(() => {
+			y.current = null, a?.current ? a.current.focus() : o.current?.focus();
+		});
+		else if (!S) {
+			if (b.current) {
+				b.current = !1;
+				return;
+			}
+			if (h.current &&= (h.current(), null), p) {
+				O(), m(!1);
+				let e = o.current;
+				e && e.classList.remove("closing");
+			}
+			if (g.current) {
+				try {
+					g.current.focus();
+				} catch {}
+				g.current = null;
+			}
+		}
+		return () => {
+			y.current !== null && (cancelAnimationFrame(y.current), y.current = null);
+		};
+	}, [
+		S,
+		p,
+		a,
+		O
+	]), c(() => () => {
+		O(), y.current !== null && (cancelAnimationFrame(y.current), y.current = null), h.current &&= (h.current(), null);
+	}, [O]), {
+		dialogRef: o,
+		isOpen: S,
+		isClosing: p,
+		openDialog: A,
+		closeDialog: j,
+		toggleDialog: M,
+		dialogProps: {
+			ref: o,
+			open: S,
+			onKeyDown: N
+		},
+		handleBackdropClick: ee
+	};
+}
+//#endregion
+//#region src/components/features/overlays/overlays.strings.ts
+var D = {
+	confirm: "Confirm",
+	cancel: "Cancel",
+	close: "Close",
+	loading: "Loading..."
+}, O = {
+	confirm: "Continue",
+	cancel: "Cancel",
+	close: "Close",
+	loading: "Loading..."
+};
+//#endregion
+//#region src/components/features/overlays/hooks/use-overlay-actions.ts
+function k({ closeDialog: t, onConfirm: n, onAsyncConfirm: r, closeOnAsyncComplete: i = !0, confirmVariant: a = "primary", isLoading: o = !1, formId: c, onCancel: l, customStrings: d, emphasis: p = !1, tone: m = "default", onError: h }) {
+	let g = e(D, d), [_, v] = f(!1), y = s(async () => {
+		if (n) {
+			n(), t();
+			return;
+		}
+		if (r) {
+			v(!0);
+			try {
+				await r(), i && t();
+			} catch (e) {
+				h?.(e);
+			} finally {
+				v(!1);
+			}
+			return;
+		}
+		t();
+	}, [
+		n,
+		r,
+		i,
+		t,
+		h
+	]), b = s(() => {
+		l?.(), t();
+	}, [l, t]), x = s(async () => {
+		if (!c) return;
+		let e = document.getElementById(c);
+		e instanceof HTMLFormElement && e.requestSubmit();
+	}, [c]);
+	return {
+		strings: g,
+		isExecuting: _,
+		handleConfirm: y,
+		handleCancel: b,
+		finalConfirmVariant: u(() => p ? m === "error" ? "error" : m === "warning" ? "warning" : m === "success" ? "success" : a ?? "primary" : a ?? "primary", [
+			p,
+			m,
+			a
+		]),
+		confirmButtonOnClick: c ? x : y,
+		effectiveLoading: _ || o
+	};
+}
+//#endregion
+//#region src/components/features/overlays/dialog.tsx
+var A = {
+	xs: "max-w-xs",
+	sm: "max-w-sm",
+	md: "max-w-md",
+	lg: "max-w-lg",
+	xl: "max-w-xl",
+	"2xl": "max-w-2xl",
+	"3xl": "max-w-3xl",
+	"4xl": "max-w-4xl",
+	"5xl": "max-w-5xl",
+	full: "max-w-[calc(100vw-2rem)]"
+}, j = {
+	default: {
+		icon: /* @__PURE__ */ m(y, { className: "text-muted-foreground h-5 w-5" }),
+		classes: ""
+	},
+	error: {
+		icon: /* @__PURE__ */ m(g, { className: "text-destructive h-5 w-5" }),
+		classes: "border-destructive/50"
+	},
+	warning: {
+		icon: /* @__PURE__ */ m(_, { className: "text-warning h-5 w-5" }),
+		classes: "border-warning/50"
+	},
+	info: {
+		icon: /* @__PURE__ */ m(b, { className: "text-info h-5 w-5" }),
+		classes: "border-info/50"
+	},
+	success: {
+		icon: /* @__PURE__ */ m(v, { className: "text-success h-5 w-5" }),
+		classes: "border-success/50"
+	}
+};
+function M({ open: e, onOpenChange: o, onClose: s, children: c, title: u, description: d, visuallyHideHeader: f = !1, className: g, contentClassName: _, initialFocusRef: v, closeOnEscape: y = !0, closeOnBackdropClick: b = !0, strings: C, showCancel: w = !0, showConfirm: T = !0, onCancel: D, onConfirm: O, onAsyncConfirm: M, closeOnAsyncComplete: N = !0, confirmVariant: ee = "primary", confirmStyle: te = "solid", isLoading: ne = !1, formId: P, footer: F, emphasis: re = !1, tone: I = "default", showIcon: L = !1, alertMessage: R, size: z = "lg", trigger: B }) {
+	let ie = l(), V = l(), H = u ? ie : void 0, U = d ? V : void 0, { isOpen: W, isClosing: G, openDialog: K, closeDialog: q, dialogProps: J, handleBackdropClick: Y } = E({
+		open: e,
+		onOpenChange: o,
+		onClose: s,
+		closeOnEscape: y,
+		closeOnBackdropClick: b,
+		initialFocusRef: v
+	}), { strings: X, finalConfirmVariant: ae, confirmButtonOnClick: Z, effectiveLoading: oe, handleCancel: se } = k({
+		closeDialog: q,
+		onConfirm: O,
+		onAsyncConfirm: M,
+		closeOnAsyncComplete: N,
+		confirmVariant: ee,
+		isLoading: ne,
+		formId: P,
+		onCancel: D,
+		customStrings: C,
+		emphasis: re,
+		tone: I
+	}), Q = j[I], ce = !!(c || R), $ = w || T || F, le = B && a(B) ? i(B, { onClick: (e) => {
+		let t = B.props.onClick;
+		t?.(e), K();
+	} }) : B ? /* @__PURE__ */ m("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: K,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), K());
+		},
+		className: "cursor-pointer",
+		children: B
+	}) : null;
+	return !W && !G && !B ? null : /* @__PURE__ */ h(p, { children: [le, !!(W || G) && S(/* @__PURE__ */ h("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		children: [/* @__PURE__ */ m("div", {
+			className: t("absolute inset-0 bg-foreground/50 backdrop-blur-[1px]", "transition-opacity duration-200", G ? "opacity-0" : "animate-in fade-in-0 duration-200"),
+			onClick: Y,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ h("dialog", {
+			...J,
+			className: t("dialog--component relative z-10 m-0 p-0", "rounded-lg border shadow-lg", "bg-background text-foreground", "max-h-[90vh] w-full", "flex flex-col", A[z], "animate-in fade-in-0 zoom-in-95 duration-200", "[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150", "outline-none focus-visible:outline-none", re && Q.classes, g),
+			"aria-modal": "true",
+			role: "dialog",
+			"aria-labelledby": H,
+			"aria-describedby": U,
+			children: [
+				/* @__PURE__ */ m(r, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "icon-sm",
+					onClick: q,
+					className: t("absolute right-3 top-3 z-10 size-7 rounded-md p-0", "text-muted-foreground transition-colors", "hover:bg-muted hover:text-foreground", "disabled:pointer-events-none"),
+					"aria-label": X.close,
+					children: /* @__PURE__ */ m(x, { className: "h-4 w-4" })
+				}),
+				!!(u || d) && /* @__PURE__ */ h("div", {
+					className: t("flex gap-3 px-6 pb-4 pt-6", L && "items-start", f && "sr-only"),
+					children: [!!L && /* @__PURE__ */ m("div", {
+						className: "shrink-0 pt-0.5",
+						children: Q.icon
+					}), /* @__PURE__ */ h("div", {
+						className: "min-w-0 flex-1",
+						children: [!!u && /* @__PURE__ */ m(n, {
+							id: ie,
+							tag: "div",
+							size: "lg",
+							weight: "semibold",
+							className: "pr-6",
+							children: u
+						}), !!d && /* @__PURE__ */ m(n, {
+							id: V,
+							tag: "p",
+							type: "secondary",
+							className: "mt-1",
+							children: d
+						})]
+					})]
+				}),
+				!!ce && /* @__PURE__ */ h("div", {
+					className: t("flex-1 overflow-auto px-6", u || d ? f ? "py-6" : "pb-6" : "py-6", _),
+					children: [!!R && /* @__PURE__ */ m("div", {
+						className: t("mb-4 rounded-md border p-3", I === "error" && "border-destructive/30 bg-destructive/5", I === "warning" && "border-warning/40 bg-warning/10", I === "info" && "border-info/40 bg-info/10", I === "success" && "border-success/40 bg-success/10", I === "default" && "border-border bg-muted/40"),
+						children: /* @__PURE__ */ m(n, {
+							tag: "p",
+							children: R
+						})
+					}), c]
+				}),
+				!!$ && /* @__PURE__ */ m("div", {
+					className: "border-t px-6 py-4",
+					children: F ?? /* @__PURE__ */ h("div", {
+						className: "flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
+						children: [!!w && /* @__PURE__ */ m(r, {
+							type: "button",
+							variant: "secondary",
+							buttonStyle: "outline",
+							onClick: se,
+							children: X.cancel
+						}), !!T && /* @__PURE__ */ m(r, {
+							type: "button",
+							variant: ae,
+							buttonStyle: te,
+							onClick: Z,
+							loading: oe,
+							loadingLabels: { loading: X.loading },
+							children: X.confirm
+						})]
+					})
+				})
+			]
+		})]
+	}), document.body)] });
+}
+var N = o(M);
+N.displayName = "Dialog";
+//#endregion
+//#region src/components/features/overlays/drawer.tsx
+var ee = {
+	xs: "max-w-xs",
+	sm: "max-w-sm",
+	md: "max-w-md",
+	lg: "max-w-lg",
+	xl: "max-w-xl",
+	"2xl": "max-w-2xl",
+	"3xl": "max-w-3xl",
+	"4xl": "max-w-4xl",
+	"5xl": "max-w-5xl",
+	full: "max-w-[calc(100vw-2rem)]"
+}, te = {
+	right: {
+		position: "fixed top-0 right-0 bottom-0",
+		size: "h-full",
+		animation: "animate-in slide-in-from-right duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-right [&.closing]:duration-200",
+		rounded: "rounded-l-xl"
+	},
+	left: {
+		position: "fixed top-0 left-0 bottom-0",
+		size: "h-full",
+		animation: "animate-in slide-in-from-left duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-left [&.closing]:duration-200",
+		rounded: "rounded-r-xl"
+	},
+	top: {
+		position: "fixed top-0 left-0 right-0",
+		size: "w-full",
+		animation: "animate-in slide-in-from-top duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-top [&.closing]:duration-200",
+		rounded: "rounded-b-xl"
+	},
+	bottom: {
+		position: "fixed bottom-0 left-0 right-0",
+		size: "w-full",
+		animation: "animate-in slide-in-from-bottom duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-bottom [&.closing]:duration-200",
+		rounded: "rounded-t-xl"
+	}
+}, ne = {
+	default: /* @__PURE__ */ m(y, { className: "text-muted-foreground h-5 w-5" }),
+	error: /* @__PURE__ */ m(g, { className: "text-destructive h-5 w-5" }),
+	warning: /* @__PURE__ */ m(_, { className: "text-warning h-5 w-5" }),
+	info: /* @__PURE__ */ m(b, { className: "text-info h-5 w-5" }),
+	success: /* @__PURE__ */ m(v, { className: "text-success h-5 w-5" })
+};
+function P({ open: e, onOpenChange: o, onClose: s, children: c, title: u, description: d, className: f, contentClassName: g, initialFocusRef: _, closeOnEscape: v = !0, closeOnBackdropClick: y = !0, strings: b, showCancel: C = !0, showConfirm: w = !0, onCancel: T, onConfirm: D, onAsyncConfirm: O, closeOnAsyncComplete: A = !0, confirmVariant: j = "primary", confirmStyle: M = "solid", isLoading: N = !1, formId: P, footer: F, emphasis: re = !1, tone: I = "default", showIcon: L = !1, alertMessage: R, direction: z = "right", width: B = "lg", showFooter: ie = !0, trigger: V }) {
+	let H = l(), U = l(), W = u ? H : void 0, G = d ? U : void 0, { isOpen: K, isClosing: q, openDialog: J, closeDialog: Y, dialogProps: X, handleBackdropClick: ae } = E({
+		open: e,
+		onOpenChange: o,
+		onClose: s,
+		closeOnEscape: v,
+		closeOnBackdropClick: y,
+		initialFocusRef: _
+	}), { strings: Z, finalConfirmVariant: oe, confirmButtonOnClick: se, effectiveLoading: Q, handleCancel: ce } = k({
+		closeDialog: Y,
+		onConfirm: D,
+		onAsyncConfirm: O,
+		closeOnAsyncComplete: A,
+		confirmVariant: j,
+		isLoading: N,
+		formId: P,
+		onCancel: T,
+		customStrings: b,
+		emphasis: re,
+		tone: I
+	}), $ = te[z], le = z === "left" || z === "right", ue = !!(c || R), de = ie && (C || w || F), fe = V && a(V) ? i(V, { onClick: (e) => {
+		let t = V.props.onClick;
+		t?.(e), J();
+	} }) : V ? /* @__PURE__ */ m("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: J,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), J());
+		},
+		className: "cursor-pointer",
+		children: V
+	}) : null;
+	return !K && !q && !V ? null : /* @__PURE__ */ h(p, { children: [fe, !!(K || q) && S(/* @__PURE__ */ h("div", {
+		className: "fixed inset-0 z-50",
+		children: [/* @__PURE__ */ m("div", {
+			className: t("absolute inset-0 bg-foreground/50 backdrop-blur-[1px]", "transition-opacity duration-300", q ? "opacity-0" : "animate-in fade-in-0 duration-300"),
+			onClick: ae,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ h("dialog", {
+			...X,
+			className: t("drawer--component inset-auto m-0 p-0", $.position, $.size, "border shadow-xl", "bg-background text-foreground", $.rounded, le && "w-full", le && ee[B], !le && "max-h-[85vh]", $.animation, "outline-none focus-visible:outline-none", "flex flex-col", f),
+			"aria-modal": "true",
+			role: "dialog",
+			"aria-labelledby": W,
+			"aria-describedby": G,
+			children: [
+				/* @__PURE__ */ m(r, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "icon-sm",
+					onClick: Y,
+					className: t("absolute right-4 top-4 z-10 size-7 rounded-md p-0", "text-muted-foreground transition-colors", "hover:bg-muted hover:text-foreground", "disabled:pointer-events-none"),
+					"aria-label": Z.close,
+					children: /* @__PURE__ */ m(x, { className: "h-4 w-4" })
+				}),
+				!!(u || d) && /* @__PURE__ */ h("div", {
+					className: "flex items-start gap-3 px-6 pb-4 pt-6",
+					children: [!!L && /* @__PURE__ */ m("div", {
+						className: "shrink-0 pt-0.5",
+						children: ne[I]
+					}), /* @__PURE__ */ h("div", {
+						className: "min-w-0 flex-1 pr-6",
+						children: [!!u && /* @__PURE__ */ m(n, {
+							id: H,
+							tag: "div",
+							size: "lg",
+							weight: "semibold",
+							children: u
+						}), !!d && /* @__PURE__ */ m(n, {
+							id: U,
+							tag: "p",
+							type: "secondary",
+							className: "mt-1",
+							children: d
+						})]
+					})]
+				}),
+				!!ue && /* @__PURE__ */ h("div", {
+					className: t("flex-1 overflow-auto px-6", u || d ? "pb-6" : "py-6", g),
+					children: [!!R && /* @__PURE__ */ m("div", {
+						className: t("mb-4 rounded-md border p-3", I === "error" && "border-destructive/30 bg-destructive/5", I === "warning" && "border-warning/40 bg-warning/10", I === "info" && "border-info/40 bg-info/10", I === "success" && "border-success/40 bg-success/10", I === "default" && "border-border bg-muted/40"),
+						children: /* @__PURE__ */ m(n, {
+							tag: "p",
+							children: R
+						})
+					}), c]
+				}),
+				!!de && /* @__PURE__ */ m("div", {
+					className: "border-t px-6 py-4",
+					children: F ?? /* @__PURE__ */ h("div", {
+						className: "flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
+						children: [!!C && /* @__PURE__ */ m(r, {
+							type: "button",
+							variant: "secondary",
+							buttonStyle: "outline",
+							onClick: ce,
+							children: Z.cancel
+						}), !!w && /* @__PURE__ */ m(r, {
+							type: "button",
+							variant: oe,
+							buttonStyle: M,
+							onClick: se,
+							loading: Q,
+							loadingLabels: { loading: Z.loading },
+							children: Z.confirm
+						})]
+					})
+				})
+			]
+		})]
+	}), document.body)] });
+}
+var F = o(P);
+F.displayName = "Drawer";
+//#endregion
+//#region src/components/features/overlays/alert-dialog.tsx
+var re = {
+	default: {
+		icon: /* @__PURE__ */ m(y, { className: "h-6 w-6" }),
+		iconColor: "text-muted-foreground"
+	},
+	error: {
+		icon: /* @__PURE__ */ m(g, { className: "h-6 w-6" }),
+		iconColor: "text-destructive"
+	},
+	warning: {
+		icon: /* @__PURE__ */ m(_, { className: "h-6 w-6" }),
+		iconColor: "text-warning"
+	},
+	info: {
+		icon: /* @__PURE__ */ m(b, { className: "h-6 w-6" }),
+		iconColor: "text-info"
+	},
+	success: {
+		icon: /* @__PURE__ */ m(v, { className: "h-6 w-6" }),
+		iconColor: "text-success"
+	}
+};
+function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, description: g, className: _, contentClassName: v, initialFocusRef: y, closeOnEscape: b = !0, closeOnBackdropClick: x = !1, strings: C, showCancel: w = !0, showConfirm: T = !0, onCancel: D, onConfirm: A, onAsyncConfirm: j, closeOnAsyncComplete: M = !0, confirmVariant: N, confirmStyle: ee = "solid", isLoading: te = !1, formId: ne, footer: P, tone: F = "default", showIcon: I = !0, trigger: L, destructive: R = !1 }) {
+	let z = l(), B = l(), ie = f ? z : void 0, V = g ? B : void 0, { isOpen: H, isClosing: U, openDialog: W, closeDialog: G, dialogProps: K, handleBackdropClick: q } = E({
+		open: o,
+		onOpenChange: s,
+		onClose: c,
+		closeOnEscape: b,
+		closeOnBackdropClick: x,
+		initialFocusRef: y
+	}), J = e(O, C), Y = u(() => R ? "error" : N || {
+		default: "primary",
+		error: "error",
+		warning: "warning",
+		info: "primary",
+		success: "success"
+	}[F], [
+		R,
+		N,
+		F
+	]), { strings: X, confirmButtonOnClick: ae, effectiveLoading: Z, handleCancel: oe } = k({
+		closeDialog: G,
+		onConfirm: A,
+		onAsyncConfirm: j,
+		closeOnAsyncComplete: M,
+		confirmVariant: Y,
+		isLoading: te,
+		formId: ne,
+		onCancel: D,
+		customStrings: J
+	}), se = re[F], Q = L && a(L) ? i(L, { onClick: (e) => {
+		let t = L.props.onClick;
+		t?.(e), W();
+	} }) : L ? /* @__PURE__ */ m("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: W,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), W());
+		},
+		className: "cursor-pointer",
+		children: L
+	}) : null;
+	return !H && !U && !L ? null : /* @__PURE__ */ h(p, { children: [Q, !!(H || U) && S(/* @__PURE__ */ h("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		children: [/* @__PURE__ */ m("div", {
+			className: t("absolute inset-0 bg-foreground/50 backdrop-blur-[1px]", "transition-opacity duration-200", U ? "opacity-0" : "animate-in fade-in-0 duration-200"),
+			onClick: q,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ h("dialog", {
+			...K,
+			className: t("alert-dialog--component relative z-10 m-0 w-full max-w-md p-0", "max-h-[90vh] flex flex-col", "rounded-lg border shadow-lg", "bg-background text-foreground", "animate-in fade-in-0 zoom-in-95 duration-200", "[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150", "outline-none focus-visible:outline-none", _),
+			role: "alertdialog",
+			"aria-modal": "true",
+			"aria-labelledby": ie,
+			"aria-describedby": V,
+			children: [/* @__PURE__ */ h("div", {
+				className: "flex-1 overflow-auto p-6",
+				children: [
+					!!I && /* @__PURE__ */ m("div", {
+						className: t("mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full", F === "error" && "bg-destructive/10", F === "warning" && "bg-warning/15", F === "info" && "bg-info/15", F === "success" && "bg-success/15", F === "default" && "bg-muted"),
+						children: /* @__PURE__ */ m("span", {
+							className: se.iconColor,
+							children: se.icon
+						})
+					}),
+					!!f && /* @__PURE__ */ m(n, {
+						id: z,
+						tag: "div",
+						size: "lg",
+						weight: "semibold",
+						align: "center",
+						children: f
+					}),
+					!!g && /* @__PURE__ */ m(n, {
+						id: B,
+						tag: "p",
+						type: "secondary",
+						align: "center",
+						className: "mt-2",
+						children: g
+					}),
+					!!d && /* @__PURE__ */ m("div", {
+						className: t("mt-4", v),
+						children: d
+					})
+				]
+			}), !!(w || T || P) && /* @__PURE__ */ m("div", {
+				className: "border-t px-6 py-4",
+				children: P ?? /* @__PURE__ */ h("div", {
+					className: "flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
+					children: [!!w && /* @__PURE__ */ m(r, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "outline",
+						onClick: oe,
+						className: "w-full sm:w-auto",
+						children: X.cancel
+					}), !!T && /* @__PURE__ */ m(r, {
+						type: "button",
+						variant: Y,
+						buttonStyle: ee,
+						onClick: ae,
+						loading: Z,
+						loadingLabels: { loading: X.loading },
+						className: "w-full sm:w-auto",
+						children: X.confirm
+					})]
+				})
+			})]
+		})]
+	}), document.body)] });
+}
+var L = o(I);
+L.displayName = "AlertDialog";
+//#endregion
+export { O as a, k as i, F as n, D as o, N as r, E as s, L as t };
+
+//# sourceMappingURL=overlays-CIeniDjj.js.map