your-ai-workflow-firebase-os 2.0.1 → 2.0.3

package/dist/ConfirmModal-gKQEpd4d.js

@@ -0,0 +1,113 @@
+import { cr as e, sr as t } from "./TimeZoneField-DkI1Bkcz.js";
+import { ht as n } from "./lucide-react-CA7GD7Nv.js";
+import { n as r } from "./Popup-xROLytgr.js";
+import { t as i } from "./Button-4lzOE31p.js";
+import { useEffect as a, useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createPortal as l } from "react-dom";
+//#region src/components/ConfirmModal.tsx
+var u = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])";
+function d({ isOpen: d, title: f, message: p, confirmText: m = "Delete", cancelText: h = "Cancel", onConfirm: g, onCancel: _, isProcessing: v = !1, disableConfirm: y = !1 }) {
+	let b = o(null), x = o(_), S = o(v);
+	if (a(() => {
+		x.current = _, S.current = v;
+	}), a(() => {
+		if (!d) return;
+		let e = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let t = document.activeElement, n = window.setTimeout(() => {
+			b.current && !b.current.contains(document.activeElement) && b.current.focus();
+		}, 0), r = (e) => {
+			if (e.defaultPrevented) return;
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), S.current || x.current();
+				return;
+			}
+			if (e.key !== "Tab" || !b.current) return;
+			e.stopPropagation();
+			let t = Array.from(b.current.querySelectorAll(u)).filter((e) => e.offsetParent !== null || e === document.activeElement);
+			if (!t.length) {
+				e.preventDefault();
+				return;
+			}
+			let n = t[0], r = t[t.length - 1], i = document.activeElement;
+			e.shiftKey && (i === n || i === b.current) ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r && (e.preventDefault(), n.focus());
+		};
+		return window.addEventListener("keydown", r, !0), () => {
+			window.clearTimeout(n), window.removeEventListener("keydown", r, !0), document.body.style.overflow = e, t && document.contains(t) && t.focus({ preventScroll: !0 });
+		};
+	}, [d]), typeof document > "u") return null;
+	let C = r() > 0;
+	return l(/* @__PURE__ */ s(e, { children: d && /* @__PURE__ */ c("div", {
+		className: "fixed inset-0 z-[9999] flex items-center justify-center p-4",
+		children: [/* @__PURE__ */ s(t.div, {
+			onClick: () => !v && _(),
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .15 },
+			className: `absolute inset-0 cursor-pointer ${C ? "bg-background/60" : "bg-background/80 backdrop-blur-xl"}`
+		}), /* @__PURE__ */ s(t.div, {
+			ref: b,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": f,
+			tabIndex: -1,
+			initial: {
+				opacity: 0,
+				scale: .95,
+				y: 10
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .95,
+				y: 10
+			},
+			transition: {
+				duration: .18,
+				ease: [
+					.16,
+					1,
+					.3,
+					1
+				]
+			},
+			className: "w-full max-w-[400px] p-6 rounded-3xl glass-popover border border-[var(--panel-border)] shadow-2xl relative z-10 text-center outline-none",
+			children: /* @__PURE__ */ c("div", {
+				className: "w-full flex flex-col items-center",
+				children: [
+					/* @__PURE__ */ s("h3", {
+						className: "text-xl font-bold mb-2 text-foreground tracking-tight",
+						children: f
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "w-full text-[14px] font-medium text-foreground/60 leading-relaxed mb-6 break-words",
+						children: p
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-3 w-full",
+						children: [/* @__PURE__ */ s(i, {
+							variant: "secondary",
+							onClick: _,
+							disabled: v,
+							className: "flex-1 py-2.5 text-[13px] font-bold rounded-xl",
+							children: h
+						}), /* @__PURE__ */ s(i, {
+							onClick: g,
+							disabled: v || y,
+							className: "flex-1 py-2.5 text-[13px] font-bold rounded-xl bg-red-500 hover:bg-red-600 border-none text-white shadow-xl hover:shadow-red-500/20 glow-hover",
+							children: v ? /* @__PURE__ */ s(n, { className: "w-5 h-5 animate-spin mx-auto" }) : m
+						})]
+					})
+				]
+			})
+		})]
+	}) }), document.body);
+}
+//#endregion
+export { d as t };