admin-ui-starter-kit 0.4.3 → 0.4.5

package/dist/_shared/overlays-CIeniDjj.js

@@ -1,639 +0,0 @@
-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