admin-ui-starter-kit 0.1.2 → 0.1.4

package/dist/_shared/overlays-DfRsQzD3.js

@@ -0,0 +1,633 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-qsEg5GdP.js";
+import { t as r } from "./button-cnkCF8q8.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, 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: M = !0, confirmVariant: N = "primary", confirmStyle: ee = "solid", isLoading: te = !1, formId: ne, footer: P, emphasis: F = !1, tone: I = "default", showIcon: L = !1, alertMessage: R, size: z = "lg", trigger: B }) {
+	let V = l(), re = l(), H = u ? V : void 0, U = d ? re : void 0, { isOpen: W, isClosing: G, openDialog: K, closeDialog: q, dialogProps: J, handleBackdropClick: Y } = E({
+		open: e,
+		onOpenChange: o,
+		onClose: s,
+		closeOnEscape: v,
+		closeOnBackdropClick: y,
+		initialFocusRef: _
+	}), { strings: X, finalConfirmVariant: Z, confirmButtonOnClick: ie, effectiveLoading: Q, handleCancel: ae } = k({
+		closeDialog: q,
+		onConfirm: D,
+		onAsyncConfirm: O,
+		closeOnAsyncComplete: M,
+		confirmVariant: N,
+		isLoading: te,
+		formId: ne,
+		onCancel: T,
+		customStrings: b,
+		emphasis: F,
+		tone: I
+	}), $ = j[I], oe = !!(c || R), se = C || w || P, ce = 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: [ce, !!(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("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", F && $.classes, f),
+			"aria-modal": "true",
+			role: "dialog",
+			"aria-labelledby": H,
+			"aria-describedby": U,
+			children: [
+				/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: q,
+					className: t("absolute right-3 top-3 z-10 inline-flex size-7 items-center justify-center rounded-md", "text-muted-foreground transition-colors", "hover:bg-muted hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "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"),
+					children: [!!L && /* @__PURE__ */ m("div", {
+						className: "shrink-0 pt-0.5",
+						children: $.icon
+					}), /* @__PURE__ */ h("div", {
+						className: "min-w-0 flex-1",
+						children: [!!u && /* @__PURE__ */ m(n, {
+							id: V,
+							tag: "div",
+							size: "lg",
+							weight: "semibold",
+							className: "pr-6",
+							children: u
+						}), !!d && /* @__PURE__ */ m(n, {
+							id: re,
+							tag: "p",
+							type: "secondary",
+							className: "mt-1",
+							children: d
+						})]
+					})]
+				}),
+				!!oe && /* @__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]
+				}),
+				!!se && /* @__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: [!!C && /* @__PURE__ */ m(r, {
+							type: "button",
+							variant: "secondary",
+							buttonStyle: "outline",
+							onClick: ae,
+							children: X.cancel
+						}), !!w && /* @__PURE__ */ m(r, {
+							type: "button",
+							variant: Z,
+							buttonStyle: ee,
+							onClick: ie,
+							loading: Q,
+							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: I = !1, tone: L = "default", showIcon: R = !1, alertMessage: z, direction: B = "right", width: V = "lg", showFooter: re = !0, trigger: H }) {
+	let U = l(), W = l(), G = u ? U : void 0, K = d ? W : void 0, { isOpen: q, isClosing: J, openDialog: Y, closeDialog: X, dialogProps: Z, handleBackdropClick: ie } = E({
+		open: e,
+		onOpenChange: o,
+		onClose: s,
+		closeOnEscape: v,
+		closeOnBackdropClick: y,
+		initialFocusRef: _
+	}), { strings: Q, finalConfirmVariant: ae, confirmButtonOnClick: $, effectiveLoading: oe, handleCancel: se } = k({
+		closeDialog: X,
+		onConfirm: D,
+		onAsyncConfirm: O,
+		closeOnAsyncComplete: A,
+		confirmVariant: j,
+		isLoading: N,
+		formId: P,
+		onCancel: T,
+		customStrings: b,
+		emphasis: I,
+		tone: L
+	}), ce = te[B], le = B === "left" || B === "right", ue = !!(c || z), de = re && (C || w || F), fe = H && a(H) ? i(H, { onClick: (e) => {
+		let t = H.props.onClick;
+		t?.(e), Y();
+	} }) : H ? /* @__PURE__ */ m("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: Y,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Y());
+		},
+		className: "cursor-pointer",
+		children: H
+	}) : null;
+	return !q && !J && !H ? null : /* @__PURE__ */ h(p, { children: [fe, !!(q || J) && 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", J ? "opacity-0" : "animate-in fade-in-0 duration-300"),
+			onClick: ie,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ h("dialog", {
+			...Z,
+			className: t("inset-auto m-0 p-0", ce.position, ce.size, "border shadow-xl", "bg-background text-foreground", ce.rounded, le && "w-full", le && ee[V], !le && "max-h-[85vh]", ce.animation, "outline-none focus-visible:outline-none", "flex flex-col", f),
+			"aria-modal": "true",
+			role: "dialog",
+			"aria-labelledby": G,
+			"aria-describedby": K,
+			children: [
+				/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: X,
+					className: t("absolute right-4 top-4 z-10 inline-flex size-7 items-center justify-center rounded-md", "text-muted-foreground transition-colors", "hover:bg-muted hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:pointer-events-none"),
+					"aria-label": Q.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: [!!R && /* @__PURE__ */ m("div", {
+						className: "shrink-0 pt-0.5",
+						children: ne[L]
+					}), /* @__PURE__ */ h("div", {
+						className: "min-w-0 flex-1 pr-6",
+						children: [!!u && /* @__PURE__ */ m(n, {
+							id: U,
+							tag: "div",
+							size: "lg",
+							weight: "semibold",
+							children: u
+						}), !!d && /* @__PURE__ */ m(n, {
+							id: W,
+							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: [!!z && /* @__PURE__ */ m("div", {
+						className: t("mb-4 rounded-md border p-3", L === "error" && "border-destructive/30 bg-destructive/5", L === "warning" && "border-warning/40 bg-warning/10", L === "info" && "border-info/40 bg-info/10", L === "success" && "border-success/40 bg-success/10", L === "default" && "border-border bg-muted/40"),
+						children: /* @__PURE__ */ m(n, {
+							tag: "p",
+							children: z
+						})
+					}), 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: se,
+							children: Q.cancel
+						}), !!w && /* @__PURE__ */ m(r, {
+							type: "button",
+							variant: ae,
+							buttonStyle: M,
+							onClick: $,
+							loading: oe,
+							loadingLabels: { loading: Q.loading },
+							children: Q.confirm
+						})]
+					})
+				})
+			]
+		})]
+	}), document.body)] });
+}
+var F = o(P);
+F.displayName = "Drawer";
+//#endregion
+//#region src/components/features/overlays/alert-dialog.tsx
+var I = {
+	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 L({ 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: L = !0, trigger: R, destructive: z = !1 }) {
+	let B = l(), V = l(), re = f ? B : void 0, H = g ? V : void 0, { isOpen: U, isClosing: W, openDialog: G, closeDialog: K, dialogProps: q, handleBackdropClick: J } = E({
+		open: o,
+		onOpenChange: s,
+		onClose: c,
+		closeOnEscape: b,
+		closeOnBackdropClick: x,
+		initialFocusRef: y
+	}), Y = e(O, C), X = u(() => z ? "error" : N || {
+		default: "primary",
+		error: "error",
+		warning: "warning",
+		info: "primary",
+		success: "success"
+	}[F], [
+		z,
+		N,
+		F
+	]), { strings: Z, confirmButtonOnClick: ie, effectiveLoading: Q, handleCancel: ae } = k({
+		closeDialog: K,
+		onConfirm: A,
+		onAsyncConfirm: j,
+		closeOnAsyncComplete: M,
+		confirmVariant: X,
+		isLoading: te,
+		formId: ne,
+		onCancel: D,
+		customStrings: Y
+	}), $ = I[F], oe = R && a(R) ? i(R, { onClick: (e) => {
+		let t = R.props.onClick;
+		t?.(e), G();
+	} }) : R ? /* @__PURE__ */ m("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: G,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G());
+		},
+		className: "cursor-pointer",
+		children: R
+	}) : null;
+	return !U && !W && !R ? null : /* @__PURE__ */ h(p, { children: [oe, !!(U || W) && 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", W ? "opacity-0" : "animate-in fade-in-0 duration-200"),
+			onClick: J,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ h("dialog", {
+			...q,
+			className: t("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": re,
+			"aria-describedby": H,
+			children: [/* @__PURE__ */ h("div", {
+				className: "flex-1 overflow-auto p-6",
+				children: [
+					!!L && /* @__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: $.iconColor,
+							children: $.icon
+						})
+					}),
+					!!f && /* @__PURE__ */ m(n, {
+						id: B,
+						tag: "div",
+						size: "lg",
+						weight: "semibold",
+						align: "center",
+						children: f
+					}),
+					!!g && /* @__PURE__ */ m(n, {
+						id: V,
+						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: ae,
+						className: "w-full sm:w-auto",
+						children: Z.cancel
+					}), !!T && /* @__PURE__ */ m(r, {
+						type: "button",
+						variant: X,
+						buttonStyle: ee,
+						onClick: ie,
+						loading: Q,
+						loadingLabels: { loading: Z.loading },
+						className: "w-full sm:w-auto",
+						children: Z.confirm
+					})]
+				})
+			})]
+		})]
+	}), document.body)] });
+}
+var R = o(L);
+R.displayName = "AlertDialog";
+//#endregion
+export { O as a, k as i, F as n, D as o, N as r, E as s, R as t };
+
+//# sourceMappingURL=overlays-DfRsQzD3.js.map