admin-ui-starter-kit 0.6.1 → 0.6.2

package/.agents/skills/component-library-rules/references/components/services__hooks.md

@@ -55,6 +55,7 @@ Use the same boundary as the thing you are composing:
 <CodeBlock language="tsx" code={`import { useButtonConfig, useDatesConfig } from 'admin-ui-starter-kit/ui-provider';
 import { useActivePath, useCommandShortcut } from 'admin-ui-starter-kit/layout/hooks';
 import { useLocalAction, useActionSurface } from 'admin-ui-starter-kit/services/actions';
+import { useOverlayVisibility, useOverlayVisibilityGroup } from 'admin-ui-starter-kit/features/overlays';
 import { useGlobalSearch } from 'admin-ui-starter-kit/features/global-search';
 import { useFilters } from 'admin-ui-starter-kit/features/filters';`} />
 
@@ -115,6 +116,10 @@ Feature hooks are headless state machines or composition helpers for their own
 feature. They stay in the feature package so consumers can install and import
 only the surfaces they actually use.
 
+For overlays, use `useOverlayVisibility()` for one local `open/onOpenChange`
+pair or `useOverlayVisibilityGroup(['create', 'update'])` when one component
+owns several independent overlay states.
+
 ## Private helpers
 
 <Example name="InternalHooksNotice" source={examplesSource} layout="flush">
@@ -204,7 +209,7 @@ const featureHooks = [
 	['Suggestions', 'useSuggestions', 'features/suggestions'],
 	['Media library', 'useMediaLibrary', 'features/media-library'],
 	['Schema form', 'useSchemaForm', 'features/schema-form'],
-	['Overlays', 'useOverlayActions, useNativeDialog', 'features/overlays'],
+	['Overlays', 'useOverlayVisibility, useOverlayVisibilityGroup, useOverlayActions, useNativeDialog', 'features/overlays'],
 ] as const;
 
 export function HookImportMatrix() {

package/dist/_shared/{overlays-CdtMAkKG.js → overlays-DW8OIK5R.js}

@@ -184,8 +184,95 @@ function O({ closeDialog: t, onConfirm: n, onAsyncConfirm: r, closeOnAsyncComple
 	};
 }
 //#endregion
+//#region src/components/features/overlays/hooks/use-overlay-visibility.ts
+function k(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function A(e, t) {
+	let n = {};
+	for (let r of e) n[r] = !!t?.[r];
+	return n;
+}
+function j(e, t, n) {
+	return n.some((n) => e[n] !== t[n]);
+}
+function M({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: i } = {}) {
+	let [a, o] = f(e), c = t !== void 0, l = c ? t : a, p = d(l);
+	p.current = l;
+	let m = s((e) => {
+		let t = k(e, p.current), a = p.current !== t;
+		c || o(t), a && (p.current = t, n?.(t), t ? r?.() : i?.());
+	}, [
+		c,
+		i,
+		r,
+		n
+	]);
+	return {
+		open: l,
+		isOpen: l,
+		setOpen: m,
+		show: s(() => {
+			m(!0);
+		}, [m]),
+		hide: s(() => {
+			m(!1);
+		}, [m]),
+		toggle: s(() => {
+			m((e) => !e);
+		}, [m]),
+		overlayProps: u(() => ({
+			open: l,
+			onOpenChange: m
+		}), [l, m])
+	};
+}
+function N(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i = !1 } = {}) {
+	let a = e, [o, c] = f(() => A(a, t)), l = n !== void 0, p = A(a, l ? n : o), m = d(p);
+	m.current = p;
+	let h = s((e, t) => {
+		let n = m.current, o = k(t, n[e]), s = {
+			...n,
+			[e]: o
+		};
+		if (i && o) for (let t of a) t !== e && (s[t] = !1);
+		let u = j(n, s, a);
+		l || c(s), u && (m.current = s, r?.(e, o, s));
+	}, [
+		i,
+		l,
+		a,
+		r
+	]);
+	return u(() => {
+		let e = {};
+		for (let t of a) {
+			let n = p[t], r = (e) => {
+				h(t, e);
+			};
+			e[t] = {
+				open: n,
+				isOpen: n,
+				setOpen: r,
+				show: () => h(t, !0),
+				hide: () => h(t, !1),
+				toggle: () => h(t, (e) => !e),
+				overlayProps: {
+					open: n,
+					onOpenChange: r
+				}
+			};
+		}
+		return e;
+	}, [
+		a,
+		h,
+		p
+	]);
+}
+//#endregion
 //#region src/components/features/overlays/dialog.tsx
-var k = {
+var te = {
 	xs: "max-w-xs",
 	sm: "max-w-sm",
 	md: "max-w-md",
@@ -196,7 +283,7 @@ var k = {
 	"4xl": "max-w-4xl",
 	"5xl": "max-w-5xl",
 	full: "max-w-[calc(100vw-2rem)]"
-}, A = {
+}, ne = {
 	default: {
 		icon: /* @__PURE__ */ m(y, { className: "text-muted-foreground h-5 w-5" }),
 		classes: ""
@@ -218,7 +305,7 @@ var k = {
 		classes: "border-success/50"
 	}
 };
-function j({ 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: ee, showCancel: C = !0, showConfirm: w = !0, onCancel: E, onConfirm: D, onAsyncConfirm: j, closeOnAsyncComplete: M = !0, confirmVariant: N = "primary", confirmStyle: te = "solid", isLoading: ne = !1, formId: re, footer: P, emphasis: F = !1, tone: I = "default", showIcon: L = !1, alertMessage: R, size: z = "lg", trigger: B }) {
+function re({ 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: ee, showCancel: C = !0, showConfirm: w = !0, onCancel: E, onConfirm: D, onAsyncConfirm: k, closeOnAsyncComplete: A = !0, confirmVariant: j = "primary", confirmStyle: M = "solid", isLoading: N = !1, formId: re, footer: P, emphasis: F = !1, tone: I = "default", showIcon: L = !1, alertMessage: R, size: z = "lg", trigger: B }) {
 	let V = l(), H = l(), U = u ? V : void 0, ie = d ? H : void 0, { isOpen: W, isClosing: G, openDialog: K, closeDialog: q, dialogProps: J, handleBackdropClick: Y } = T({
 		open: e,
 		onOpenChange: o,
@@ -229,16 +316,16 @@ function j({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descri
 	}), { strings: X, finalConfirmVariant: ae, confirmButtonOnClick: Z, effectiveLoading: Q, handleCancel: oe } = O({
 		closeDialog: q,
 		onConfirm: D,
-		onAsyncConfirm: j,
-		closeOnAsyncComplete: M,
-		confirmVariant: N,
-		isLoading: ne,
+		onAsyncConfirm: k,
+		closeOnAsyncComplete: A,
+		confirmVariant: j,
+		isLoading: N,
 		formId: re,
 		onCancel: E,
 		customStrings: ee,
 		emphasis: F,
 		tone: I
-	}), se = A[I], ce = !!(c || R), le = C || w || P, $ = B && a(B) ? i(B, { onClick: (e) => {
+	}), se = ne[I], ce = !!(c || R), le = C || w || P, $ = B && a(B) ? i(B, { onClick: (e) => {
 		let t = B.props.onClick;
 		t?.(e), K();
 	} }) : B ? /* @__PURE__ */ m("span", {
@@ -259,7 +346,7 @@ function j({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descri
 			"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", k[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 && se.classes, g),
+			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", te[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 && se.classes, g),
 			"aria-modal": "true",
 			role: "dialog",
 			"aria-labelledby": U,
@@ -321,7 +408,7 @@ function j({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descri
 						}), !!w && /* @__PURE__ */ m(n, {
 							type: "button",
 							variant: ae,
-							buttonStyle: te,
+							buttonStyle: M,
 							onClick: Z,
 							loading: Q,
 							loadingLabels: { loading: X.loading },
@@ -333,11 +420,11 @@ function j({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descri
 		})]
 	}), document.body)] });
 }
-var M = o(j);
-M.displayName = "Dialog";
+var P = o(re);
+P.displayName = "Dialog";
 //#endregion
 //#region src/components/features/overlays/drawer.tsx
-var N = {
+var F = {
 	xs: "max-w-xs",
 	sm: "max-w-sm",
 	md: "max-w-md",
@@ -348,7 +435,7 @@ var N = {
 	"4xl": "max-w-4xl",
 	"5xl": "max-w-5xl",
 	full: "max-w-[calc(100vw-2rem)]"
-}, te = {
+}, I = {
 	right: {
 		position: "fixed top-0 right-0 bottom-0",
 		size: "h-full",
@@ -373,14 +460,14 @@ var N = {
 		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 = {
+}, L = {
 	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 re({ 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: ee, showCancel: C = !0, showConfirm: w = !0, onCancel: E, onConfirm: D, onAsyncConfirm: k, closeOnAsyncComplete: A = !0, confirmVariant: j = "primary", confirmStyle: M = "solid", isLoading: re = !1, formId: P, footer: F, emphasis: I = !1, tone: L = "default", showIcon: R = !1, alertMessage: z, direction: B = "right", width: V = "lg", showFooter: H = !0, trigger: U }) {
+function R({ 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: ee, showCancel: C = !0, showConfirm: w = !0, onCancel: E, onConfirm: D, onAsyncConfirm: k, closeOnAsyncComplete: A = !0, confirmVariant: j = "primary", confirmStyle: M = "solid", isLoading: N = !1, formId: te, footer: ne, emphasis: re = !1, tone: P = "default", showIcon: R = !1, alertMessage: z, direction: B = "right", width: V = "lg", showFooter: H = !0, trigger: U }) {
 	let ie = l(), W = l(), G = u ? ie : void 0, K = d ? W : void 0, { isOpen: q, isClosing: J, openDialog: Y, closeDialog: X, dialogProps: ae, handleBackdropClick: Z } = T({
 		open: e,
 		onOpenChange: o,
@@ -394,13 +481,13 @@ function re({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descr
 		onAsyncConfirm: k,
 		closeOnAsyncComplete: A,
 		confirmVariant: j,
-		isLoading: re,
-		formId: P,
+		isLoading: N,
+		formId: te,
 		onCancel: E,
 		customStrings: ee,
-		emphasis: I,
-		tone: L
-	}), $ = te[B], ue = B === "left" || B === "right", de = !!(c || z), fe = H && (C || w || F), pe = U && a(U) ? i(U, { onClick: (e) => {
+		emphasis: re,
+		tone: P
+	}), $ = I[B], ue = B === "left" || B === "right", de = !!(c || z), fe = H && (C || w || ne), pe = U && a(U) ? i(U, { onClick: (e) => {
 		let t = U.props.onClick;
 		t?.(e), Y();
 	} }) : U ? /* @__PURE__ */ m("span", {
@@ -421,7 +508,7 @@ function re({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descr
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ h("dialog", {
 			...ae,
-			className: t("drawer--component inset-auto m-0 p-0", $.position, $.size, "border shadow-xl", "bg-background text-foreground", $.rounded, ue && "w-full", ue && N[V], !ue && "max-h-[85vh]", $.animation, "outline-none focus-visible:outline-none", "flex flex-col", g),
+			className: t("drawer--component inset-auto m-0 p-0", $.position, $.size, "border shadow-xl", "bg-background text-foreground", $.rounded, ue && "w-full", ue && F[V], !ue && "max-h-[85vh]", $.animation, "outline-none focus-visible:outline-none", "flex flex-col", g),
 			"aria-modal": "true",
 			role: "dialog",
 			"aria-labelledby": G,
@@ -441,7 +528,7 @@ function re({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descr
 					className: t("flex items-start gap-3 px-6 pb-4 pt-6", f && "sr-only"),
 					children: [!!R && /* @__PURE__ */ m("div", {
 						className: "shrink-0 pt-0.5",
-						children: ne[L]
+						children: L[P]
 					}), /* @__PURE__ */ h("div", {
 						className: "min-w-0 flex-1 pr-6",
 						children: [!!u && /* @__PURE__ */ m(r, {
@@ -462,7 +549,7 @@ function re({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descr
 				!!de && /* @__PURE__ */ h("div", {
 					className: t("flex-1 overflow-auto px-6", u || d ? "pb-6" : "py-6", _),
 					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"),
+						className: t("mb-4 rounded-md border p-3", P === "error" && "border-destructive/30 bg-destructive/5", P === "warning" && "border-warning/40 bg-warning/10", P === "info" && "border-info/40 bg-info/10", P === "success" && "border-success/40 bg-success/10", P === "default" && "border-border bg-muted/40"),
 						children: /* @__PURE__ */ m(r, {
 							tag: "p",
 							children: z
@@ -471,7 +558,7 @@ function re({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descr
 				}),
 				!!fe && /* @__PURE__ */ m("div", {
 					className: "border-t px-6 py-4",
-					children: F ?? /* @__PURE__ */ h("div", {
+					children: ne ?? /* @__PURE__ */ h("div", {
 						className: "flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
 						children: [!!C && /* @__PURE__ */ m(n, {
 							type: "button",
@@ -494,11 +581,11 @@ function re({ open: e, onOpenChange: o, onClose: s, children: c, title: u, descr
 		})]
 	}), document.body)] });
 }
-var P = o(re);
-P.displayName = "Drawer";
+var z = o(R);
+z.displayName = "Drawer";
 //#endregion
 //#region src/components/features/overlays/alert-dialog.tsx
-var F = {
+var B = {
 	default: {
 		icon: /* @__PURE__ */ m(y, { className: "h-6 w-6" }),
 		iconColor: "text-muted-foreground"
@@ -520,7 +607,7 @@ var F = {
 		iconColor: "text-success"
 	}
 };
-function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, description: g, visuallyHideHeader: _ = !1, className: v, contentClassName: y, initialFocusRef: b, closeOnEscape: x = !0, closeOnBackdropClick: ee = !1, strings: C, showCancel: w = !0, showConfirm: E = !0, onCancel: k, onConfirm: A, onAsyncConfirm: j, closeOnAsyncComplete: M = !0, confirmVariant: N, confirmStyle: te = "solid", isLoading: ne = !1, formId: re, footer: P, tone: I = "default", showIcon: L = !0, alertMessage: R, trigger: z, destructive: B = !1 }) {
+function V({ open: o, onOpenChange: s, onClose: c, children: d, title: f, description: g, visuallyHideHeader: _ = !1, className: v, contentClassName: y, initialFocusRef: b, closeOnEscape: x = !0, closeOnBackdropClick: ee = !1, strings: C, showCancel: w = !0, showConfirm: E = !0, onCancel: k, onConfirm: A, onAsyncConfirm: j, closeOnAsyncComplete: M = !0, confirmVariant: N, confirmStyle: te = "solid", isLoading: ne = !1, formId: re, footer: P, tone: F = "default", showIcon: I = !0, alertMessage: L, trigger: R, destructive: z = !1 }) {
 	let V = l(), H = l(), U = f ? V : void 0, ie = g ? H : void 0, { isOpen: W, isClosing: G, openDialog: K, closeDialog: q, dialogProps: J, handleBackdropClick: Y } = T({
 		open: o,
 		onOpenChange: s,
@@ -528,16 +615,16 @@ function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, descri
 		closeOnEscape: x,
 		closeOnBackdropClick: ee,
 		initialFocusRef: b
-	}), X = e(D, C), ae = u(() => B ? "error" : N || {
+	}), X = e(D, C), ae = u(() => z ? "error" : N || {
 		default: "primary",
 		error: "error",
 		warning: "warning",
 		info: "primary",
 		success: "success"
-	}[I], [
-		B,
+	}[F], [
+		z,
 		N,
-		I
+		F
 	]), { strings: Z, confirmButtonOnClick: Q, effectiveLoading: oe, handleCancel: se } = O({
 		closeDialog: q,
 		onConfirm: A,
@@ -548,10 +635,10 @@ function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, descri
 		formId: re,
 		onCancel: k,
 		customStrings: X
-	}), ce = F[I], le = z && a(z) ? i(z, { onClick: (e) => {
-		let t = z.props.onClick;
+	}), ce = B[F], le = R && a(R) ? i(R, { onClick: (e) => {
+		let t = R.props.onClick;
 		t?.(e), K();
-	} }) : z ? /* @__PURE__ */ m("span", {
+	} }) : R ? /* @__PURE__ */ m("span", {
 		role: "button",
 		tabIndex: 0,
 		onClick: K,
@@ -559,9 +646,9 @@ function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, descri
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), K());
 		},
 		className: "cursor-pointer",
-		children: z
+		children: R
 	}) : null;
-	return !W && !G && !z ? null : /* @__PURE__ */ h(p, { children: [le, !!(W || G) && S(/* @__PURE__ */ h("div", {
+	return !W && !G && !R ? 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"),
@@ -577,8 +664,8 @@ function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, descri
 			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", I === "error" && "bg-destructive/10", I === "warning" && "bg-warning/15", I === "info" && "bg-info/15", I === "success" && "bg-success/15", I === "default" && "bg-muted"),
+					!!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: ce.iconColor,
 							children: ce.icon
@@ -602,11 +689,11 @@ function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, descri
 							children: g
 						})]
 					}),
-					!!R && /* @__PURE__ */ m("div", {
-						className: t("mt-4 rounded-md border p-3 text-left", 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"),
+					!!L && /* @__PURE__ */ m("div", {
+						className: t("mt-4 rounded-md border p-3 text-left", F === "error" && "border-destructive/30 bg-destructive/5", F === "warning" && "border-warning/40 bg-warning/10", F === "info" && "border-info/40 bg-info/10", F === "success" && "border-success/40 bg-success/10", F === "default" && "border-border bg-muted/40"),
 						children: /* @__PURE__ */ m(r, {
 							tag: "p",
-							children: R
+							children: L
 						})
 					}),
 					!!d && /* @__PURE__ */ m("div", {
@@ -640,9 +727,9 @@ function I({ open: o, onOpenChange: s, onClose: c, children: d, title: f, descri
 		})]
 	}), document.body)] });
 }
-var L = o(I);
-L.displayName = "AlertDialog";
+var H = o(V);
+H.displayName = "AlertDialog";
 //#endregion
-export { D as a, O as i, P as n, E as o, M as r, T as s, L as t };
+export { N as a, E as c, M as i, T as l, z as n, O as o, P as r, D as s, H as t };
 
-//# sourceMappingURL=overlays-CdtMAkKG.js.map
+//# sourceMappingURL=overlays-DW8OIK5R.js.map

package/dist/_shared/overlays-DW8OIK5R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays-DW8OIK5R.js","names":[],"sources":["../../src/components/features/overlays/hooks/use-native-dialog.ts","../../src/components/features/overlays/overlays.strings.ts","../../src/components/features/overlays/hooks/use-overlay-actions.ts","../../src/components/features/overlays/hooks/use-overlay-visibility.ts","../../src/components/features/overlays/dialog.tsx","../../src/components/features/overlays/drawer.tsx","../../src/components/features/overlays/alert-dialog.tsx"],"sourcesContent":["import {\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n    type RefObject,\n} from 'react';\n\nexport interface UseNativeDialogOptions {\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    onClose?: () => void;\n    closeOnEscape?: boolean;\n    closeOnBackdropClick?: boolean;\n    initialFocusRef?: RefObject<HTMLElement>;\n}\n\nexport interface UseNativeDialogReturn {\n    dialogRef: RefObject<HTMLDialogElement | null>;\n    isOpen: boolean;\n    isClosing: boolean;\n    openDialog: () => void;\n    closeDialog: () => void;\n    toggleDialog: () => void;\n    dialogProps: {\n        ref: RefObject<HTMLDialogElement | null>;\n        open: boolean;\n        onKeyDown: (e: React.KeyboardEvent<HTMLDialogElement>) => void;\n    };\n    handleBackdropClick: () => void;\n}\n\nconst ANIMATION_TIMEOUT_MS = 350;\n\nlet bodyScrollLockCount = 0;\n\n/**\n * Lock body scroll using a CSS-class-based approach.\n *\n * Uses a `data-overlay-scroll-locked` attribute on `<html>` combined with a\n * CSS rule (`html[data-overlay-scroll-locked] body { overflow: hidden }`)\n * instead of directly manipulating `body.style.overflow`.\n *\n * This avoids a conflict with @base-ui's own `SCROLL_LOCKER` singleton (used\n * by Select, Combobox, etc.) which independently saves and restores inline\n * body styles. When both systems saved/restored the same inline property,\n * unlocking in the wrong order left `overflow: hidden` permanently on the body.\n */\nfunction lockBodyScroll(): () => void {\n    if (bodyScrollLockCount === 0) {\n        const scrollbarWidth =\n            window.innerWidth - document.documentElement.clientWidth;\n\n        document.body.style.setProperty(\n            '--overlay-scrollbar-width',\n            `${scrollbarWidth}px`,\n        );\n        document.documentElement.setAttribute(\n            'data-overlay-scroll-locked',\n            '',\n        );\n    }\n\n    bodyScrollLockCount += 1;\n    let released = false;\n\n    return () => {\n        if (released) {\n            return;\n        }\n\n        released = true;\n        bodyScrollLockCount = Math.max(0, bodyScrollLockCount - 1);\n\n        if (bodyScrollLockCount > 0) {\n            return;\n        }\n\n        document.documentElement.removeAttribute('data-overlay-scroll-locked');\n        document.body.style.removeProperty('--overlay-scrollbar-width');\n    };\n}\n\nexport function useNativeDialog({\n    open: controlledOpen,\n    onOpenChange,\n    onClose,\n    closeOnEscape = true,\n    closeOnBackdropClick = true,\n    initialFocusRef,\n}: UseNativeDialogOptions = {}): UseNativeDialogReturn {\n    const dialogRef = useRef<HTMLDialogElement>(null);\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [isClosing, setIsClosing] = useState(false);\n    const unlockScrollRef = useRef<(() => void) | null>(null);\n    const previousActiveElementRef = useRef<HTMLElement | null>(null);\n    const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const animationListenerRef = useRef<(() => void) | null>(null);\n    const focusRafRef = useRef<number | null>(null);\n    const finishCloseHandledRef = useRef(false);\n\n    const isControlled = controlledOpen !== undefined;\n    const isOpen = isControlled ? controlledOpen : internalOpen;\n\n    // Refs track the latest values so closeDialog can bail out from stale\n    // closures (e.g. when useOverlayActions.handleConfirm awaits an async\n    // operation while the action store already sets isOpen=false or while\n    // a prior closeDialog call already set isClosing=true).\n    const isOpenRef = useRef(isOpen);\n    isOpenRef.current = isOpen;\n\n    const isClosingRef = useRef(isClosing);\n    isClosingRef.current = isClosing;\n\n    const setOpen = useCallback(\n        (nextOpen: boolean) => {\n            if (!isControlled) {\n                setInternalOpen(nextOpen);\n            }\n            onOpenChange?.(nextOpen);\n\n            if (!nextOpen) {\n                onClose?.();\n            }\n        },\n        [isControlled, onOpenChange, onClose],\n    );\n\n    const cleanupAnimation = useCallback(() => {\n        if (closeTimeoutRef.current) {\n            clearTimeout(closeTimeoutRef.current);\n            closeTimeoutRef.current = null;\n        }\n        if (animationListenerRef.current) {\n            animationListenerRef.current();\n            animationListenerRef.current = null;\n        }\n    }, []);\n\n    const finishClose = useCallback(() => {\n        cleanupAnimation();\n\n        // Mark that finishClose handled this close cycle so the safety-net\n        // useEffect doesn't interfere with a redundant cleanup pass.\n        finishCloseHandledRef.current = true;\n\n        // CRITICAL: Release the scroll lock BEFORE calling setOpen, which\n        // invokes external callbacks (onOpenChange, onClose) that may throw.\n        const unlock = unlockScrollRef.current;\n        unlockScrollRef.current = null;\n\n        const prevFocus = previousActiveElementRef.current;\n        previousActiveElementRef.current = null;\n\n        try {\n            unlock?.();\n        } catch {\n            // Scroll unlock must never propagate.\n        }\n\n        // Notify parent first — this triggers onOpenChange(false) which updates\n        // the controlled open prop. Do NOT remove the .closing class or clear\n        // isClosing before this: removing .closing reverts the dialog to its\n        // entry animation CSS for one frame before React unmounts, causing a flash.\n        try {\n            setOpen(false);\n        } catch {\n            // If onOpenChange / onClose throws we still need to restore focus.\n        }\n\n        // Now safe to clear — React will unmount the portal on the next render,\n        // so the .closing class removal is cosmetic (element is about to be removed).\n        setIsClosing(false);\n\n        const dialog = dialogRef.current;\n        if (dialog) {\n            dialog.classList.remove('closing');\n        }\n\n        try {\n            prevFocus?.focus();\n        } catch {\n            // focus() on a disconnected node can throw in some browsers.\n        }\n    }, [cleanupAnimation, setOpen]);\n\n    const openDialog = useCallback(() => {\n        // Use refs (always fresh) instead of closure-captured values so that\n        // stale references from trigger cloneElement or external callers\n        // cannot bypass the guard.\n        if (isOpenRef.current || isClosingRef.current) return;\n\n        previousActiveElementRef.current =\n            document.activeElement as HTMLElement;\n        unlockScrollRef.current = lockBodyScroll();\n\n        setOpen(true);\n\n        focusRafRef.current = requestAnimationFrame(() => {\n            focusRafRef.current = null;\n            if (initialFocusRef?.current) {\n                initialFocusRef.current.focus();\n            } else {\n                dialogRef.current?.focus();\n            }\n        });\n    }, [setOpen, initialFocusRef]);\n\n    const closeDialog = useCallback(() => {\n        const dialog = dialogRef.current;\n        // Use isOpenRef and isClosingRef (always fresh) instead of closure-\n        // captured values so that stale closures from useOverlayActions\n        // (which await async confirm while the action store or a prior\n        // closeDialog call already changed state) correctly bail out instead\n        // of starting a duplicate close animation.\n        if (!dialog || !isOpenRef.current || isClosingRef.current) return;\n\n        setIsClosing(true);\n        dialog.classList.add('closing');\n\n        // Force reflow so the browser picks up the new class before we read computed style\n        void dialog.offsetHeight;\n\n        const hasAnimation =\n            getComputedStyle(dialog).animationName !== 'none';\n\n        if (hasAnimation) {\n            const handleAnimationEnd = () => {\n                finishClose();\n            };\n\n            dialog.addEventListener('animationend', handleAnimationEnd, {\n                once: true,\n            });\n\n            // Store cleanup function for unmount safety\n            animationListenerRef.current = () => {\n                dialog.removeEventListener(\n                    'animationend',\n                    handleAnimationEnd,\n                );\n            };\n\n            // Timeout fallback in case animationend never fires\n            closeTimeoutRef.current = setTimeout(() => {\n                finishClose();\n            }, ANIMATION_TIMEOUT_MS);\n        } else {\n            finishClose();\n        }\n    }, [finishClose]);\n\n    const toggleDialog = useCallback(() => {\n        if (isOpen) {\n            closeDialog();\n        } else {\n            openDialog();\n        }\n    }, [isOpen, openDialog, closeDialog]);\n\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLDialogElement>) => {\n            if (e.key === 'Escape' && closeOnEscape) {\n                e.preventDefault();\n                e.stopPropagation();\n                closeDialog();\n            }\n        },\n        [closeOnEscape, closeDialog],\n    );\n\n    const handleBackdropClick = useCallback(() => {\n        if (closeOnBackdropClick) {\n            closeDialog();\n        }\n    }, [closeOnBackdropClick, closeDialog]);\n\n    // Sync controlled open state → lock scroll + focus\n    useEffect(() => {\n        if (isOpen && !isClosing) {\n            if (!previousActiveElementRef.current) {\n                previousActiveElementRef.current =\n                    document.activeElement as HTMLElement;\n            }\n\n            if (!unlockScrollRef.current) {\n                unlockScrollRef.current = lockBodyScroll();\n            }\n\n            // Cancel any pending focus rAF (e.g. from openDialog) before\n            // scheduling a new one, preventing duplicate focus calls.\n            if (focusRafRef.current !== null) {\n                cancelAnimationFrame(focusRafRef.current);\n            }\n            focusRafRef.current = requestAnimationFrame(() => {\n                focusRafRef.current = null;\n                if (initialFocusRef?.current) {\n                    initialFocusRef.current.focus();\n                } else {\n                    dialogRef.current?.focus();\n                }\n            });\n        } else if (!isOpen) {\n            // If finishClose already handled this close cycle, skip the\n            // safety-net to avoid a redundant cleanup pass that would cause\n            // a flash (clearing isClosing in a separate render).\n            if (finishCloseHandledRef.current) {\n                finishCloseHandledRef.current = false;\n\n                return;\n            }\n\n            // Safety net for the controlled-close path where closeDialog()\n            // is never called directly (e.g. action store sets isOpen=false).\n            if (unlockScrollRef.current) {\n                unlockScrollRef.current();\n                unlockScrollRef.current = null;\n            }\n\n            if (isClosing) {\n                cleanupAnimation();\n                setIsClosing(false);\n\n                const dialog = dialogRef.current;\n                if (dialog) {\n                    dialog.classList.remove('closing');\n                }\n            }\n\n            if (previousActiveElementRef.current) {\n                try {\n                    previousActiveElementRef.current.focus();\n                } catch {\n                    // focus() on a disconnected node — ignore\n                }\n                previousActiveElementRef.current = null;\n            }\n        }\n\n        return () => {\n            if (focusRafRef.current !== null) {\n                cancelAnimationFrame(focusRafRef.current);\n                focusRafRef.current = null;\n            }\n        };\n    }, [isOpen, isClosing, initialFocusRef, cleanupAnimation]);\n\n    // Cleanup on unmount\n    useEffect(() => {\n        return () => {\n            cleanupAnimation();\n\n            if (focusRafRef.current !== null) {\n                cancelAnimationFrame(focusRafRef.current);\n                focusRafRef.current = null;\n            }\n\n            if (unlockScrollRef.current) {\n                unlockScrollRef.current();\n                unlockScrollRef.current = null;\n            }\n        };\n    }, [cleanupAnimation]);\n\n    return {\n        dialogRef,\n        isOpen,\n        isClosing,\n        openDialog,\n        closeDialog,\n        toggleDialog,\n        dialogProps: {\n            ref: dialogRef,\n            open: isOpen,\n            onKeyDown: handleKeyDown,\n        },\n        handleBackdropClick,\n    };\n}\n","/**\n * Default user-facing strings shared by `<Dialog>`, `<Drawer>`, and\n * `<AlertDialog>` overlays.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <Dialog strings={{ confirm: t('common.confirm') }} … />\n */\n\nexport interface OverlayStrings {\n\tconfirm: string;\n\tcancel: string;\n\tclose: string;\n\tloading: string;\n}\n\nexport const defaultOverlayStrings: OverlayStrings = {\n\tconfirm: 'Confirm',\n\tcancel: 'Cancel',\n\tclose: 'Close',\n\tloading: 'Loading...',\n};\n\nexport const defaultAlertDialogStrings: OverlayStrings = {\n\tconfirm: 'Continue',\n\tcancel: 'Cancel',\n\tclose: 'Close',\n\tloading: 'Loading...',\n};\n","import { useCallback, useMemo, useState } from 'react';\n\nimport { useStrings, type StringsProp } from '@/lib/strings';\n\nimport {\n\tdefaultOverlayStrings,\n\ttype OverlayStrings,\n} from '../overlays.strings';\nimport type {\n\tButtonVariant,\n\tOverlayActionProps,\n\tOverlayTone,\n} from '../overlays.types';\n\nexport interface UseOverlayActionsOptions\n\textends Pick<\n\t\tOverlayActionProps,\n\t\t| 'onConfirm'\n\t\t| 'onAsyncConfirm'\n\t\t| 'closeOnAsyncComplete'\n\t\t| 'confirmVariant'\n\t\t| 'isLoading'\n\t\t| 'formId'\n\t> {\n\tcloseDialog: () => void;\n\tonCancel?: () => void;\n\tcustomStrings?: StringsProp<OverlayStrings>;\n\temphasis?: boolean;\n\ttone?: OverlayTone;\n\t/** Called when `onAsyncConfirm` throws. Library DEV-logs the error;\n\t *  consumer wires telemetry. */\n\tonError?: (error: unknown) => void;\n}\n\nexport interface UseOverlayActionsReturn {\n\tstrings: OverlayStrings;\n\tisExecuting: boolean;\n\thandleConfirm: () => Promise<void>;\n\thandleCancel: () => void;\n\tfinalConfirmVariant: ButtonVariant;\n\tconfirmButtonOnClick: (() => Promise<void>) | undefined;\n\teffectiveLoading: boolean;\n}\n\nexport function useOverlayActions({\n\tcloseDialog,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant = 'primary',\n\tisLoading = false,\n\tformId,\n\tonCancel,\n\tcustomStrings,\n\temphasis = false,\n\ttone = 'default',\n\tonError,\n}: UseOverlayActionsOptions): UseOverlayActionsReturn {\n\tconst strings = useStrings(defaultOverlayStrings, customStrings);\n\n\tconst [isExecuting, setIsExecuting] = useState(false);\n\n\tconst handleConfirm = useCallback(async () => {\n\t\tif (onConfirm) {\n\t\t\tonConfirm();\n\t\t\tcloseDialog();\n\t\t\treturn;\n\t\t}\n\n\t\tif (onAsyncConfirm) {\n\t\t\tsetIsExecuting(true);\n\t\t\ttry {\n\t\t\t\tawait onAsyncConfirm();\n\t\t\t\tif (closeOnAsyncComplete) {\n\t\t\t\t\tcloseDialog();\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\t\tconsole.error('Overlay async confirm failed:', error);\n\t\t\t\t}\n\t\t\t\tonError?.(error);\n\t\t\t} finally {\n\t\t\t\tsetIsExecuting(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tcloseDialog();\n\t}, [onConfirm, onAsyncConfirm, closeOnAsyncComplete, closeDialog, onError]);\n\n\tconst handleCancel = useCallback(() => {\n\t\tonCancel?.();\n\t\tcloseDialog();\n\t}, [onCancel, closeDialog]);\n\n\tconst handleFormSubmit = useCallback(async () => {\n\t\tif (!formId) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst form = document.getElementById(formId);\n\n\t\tif (!(form instanceof HTMLFormElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tform.requestSubmit();\n\t}, [formId]);\n\n\tconst finalConfirmVariant = useMemo<ButtonVariant>(() => {\n\t\tif (!emphasis) return confirmVariant ?? 'primary';\n\t\tif (tone === 'error') return 'error';\n\t\tif (tone === 'warning') return 'warning';\n\t\tif (tone === 'success') return 'success';\n\t\treturn confirmVariant ?? 'primary';\n\t}, [emphasis, tone, confirmVariant]);\n\n\tconst confirmButtonOnClick = formId ? handleFormSubmit : handleConfirm;\n\n\treturn {\n\t\tstrings,\n\t\tisExecuting,\n\t\thandleConfirm,\n\t\thandleCancel,\n\t\tfinalConfirmVariant,\n\t\tconfirmButtonOnClick,\n\t\teffectiveLoading: isExecuting || isLoading,\n\t};\n}\n","import {\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype Dispatch,\n\ttype SetStateAction,\n} from 'react';\n\nexport type OverlayOpenSetter = Dispatch<SetStateAction<boolean>>;\n\nexport interface OverlayVisibilityProps {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n}\n\nexport interface UseOverlayVisibilityOptions {\n\tdefaultOpen?: boolean;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tonOpen?: () => void;\n\tonClose?: () => void;\n}\n\nexport interface UseOverlayVisibilityReturn {\n\topen: boolean;\n\tisOpen: boolean;\n\tsetOpen: OverlayOpenSetter;\n\tshow: () => void;\n\thide: () => void;\n\ttoggle: () => void;\n\toverlayProps: OverlayVisibilityProps;\n}\n\nexport type OverlayVisibilityGroupState<TKey extends string = string> = Record<TKey, boolean>;\n\nexport interface UseOverlayVisibilityGroupOptions<TKey extends string = string> {\n\tdefaultOpen?: Partial<Record<TKey, boolean>>;\n\topen?: Partial<Record<TKey, boolean>>;\n\tonOpenChange?: (\n\t\tkey: TKey,\n\t\topen: boolean,\n\t\tstate: OverlayVisibilityGroupState<TKey>,\n\t) => void;\n\tcloseOthersOnOpen?: boolean;\n}\n\nexport type UseOverlayVisibilityGroupReturn<TKey extends string = string> = Record<\n\tTKey,\n\tUseOverlayVisibilityReturn\n>;\n\nfunction resolveOpenValue(\n\tnextOpen: SetStateAction<boolean>,\n\tcurrentOpen: boolean,\n): boolean {\n\tif (typeof nextOpen === 'function') {\n\t\treturn (nextOpen as (open: boolean) => boolean)(currentOpen);\n\t}\n\treturn nextOpen;\n}\n\nfunction normalizeGroupState<TKey extends string>(\n\tkeys: readonly TKey[],\n\tstate?: Partial<Record<TKey, boolean>>,\n): OverlayVisibilityGroupState<TKey> {\n\tconst result = {} as OverlayVisibilityGroupState<TKey>;\n\tfor (const key of keys) {\n\t\tresult[key] = Boolean(state?.[key]);\n\t}\n\treturn result;\n}\n\nfunction hasGroupStateChanged<TKey extends string>(\n\tprevious: OverlayVisibilityGroupState<TKey>,\n\tnext: OverlayVisibilityGroupState<TKey>,\n\tkeys: readonly TKey[],\n): boolean {\n\treturn keys.some((key) => previous[key] !== next[key]);\n}\n\nexport function useOverlayVisibility({\n\tdefaultOpen = false,\n\topen: controlledOpen,\n\tonOpenChange,\n\tonOpen,\n\tonClose,\n}: UseOverlayVisibilityOptions = {}): UseOverlayVisibilityReturn {\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : internalOpen;\n\tconst openRef = useRef(open);\n\topenRef.current = open;\n\n\tconst setOpen = useCallback<OverlayOpenSetter>(\n\t\t(nextOpen) => {\n\t\t\tconst resolvedOpen = resolveOpenValue(nextOpen, openRef.current);\n\t\t\tconst changed = openRef.current !== resolvedOpen;\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalOpen(resolvedOpen);\n\t\t\t}\n\n\t\t\tif (!changed) return;\n\n\t\t\topenRef.current = resolvedOpen;\n\t\t\tonOpenChange?.(resolvedOpen);\n\t\t\tif (resolvedOpen) {\n\t\t\t\tonOpen?.();\n\t\t\t} else {\n\t\t\t\tonClose?.();\n\t\t\t}\n\t\t},\n\t\t[isControlled, onClose, onOpen, onOpenChange],\n\t);\n\n\tconst show = useCallback(() => {\n\t\tsetOpen(true);\n\t}, [setOpen]);\n\n\tconst hide = useCallback(() => {\n\t\tsetOpen(false);\n\t}, [setOpen]);\n\n\tconst toggle = useCallback(() => {\n\t\tsetOpen((currentOpen) => !currentOpen);\n\t}, [setOpen]);\n\n\tconst overlayProps = useMemo(\n\t\t() => ({\n\t\t\topen,\n\t\t\tonOpenChange: setOpen,\n\t\t}),\n\t\t[open, setOpen],\n\t);\n\n\treturn {\n\t\topen,\n\t\tisOpen: open,\n\t\tsetOpen,\n\t\tshow,\n\t\thide,\n\t\ttoggle,\n\t\toverlayProps,\n\t};\n}\n\nexport function useOverlayVisibilityGroup<const TKeys extends readonly string[]>(\n\tkeys: TKeys,\n\t{\n\t\tdefaultOpen,\n\t\topen: controlledOpen,\n\t\tonOpenChange,\n\t\tcloseOthersOnOpen = false,\n\t}: UseOverlayVisibilityGroupOptions<TKeys[number] & string> = {},\n): UseOverlayVisibilityGroupReturn<TKeys[number] & string> {\n\ttype TKey = TKeys[number] & string;\n\n\tconst keyList = keys as readonly TKey[];\n\tconst [internalOpen, setInternalOpen] = useState<OverlayVisibilityGroupState<TKey>>(\n\t\t() => normalizeGroupState(keyList, defaultOpen),\n\t);\n\tconst isControlled = controlledOpen !== undefined;\n\tconst state = normalizeGroupState(keyList, isControlled ? controlledOpen : internalOpen);\n\tconst stateRef = useRef(state);\n\tstateRef.current = state;\n\n\tconst setKeyOpen = useCallback(\n\t\t(key: TKey, nextOpen: SetStateAction<boolean>) => {\n\t\t\tconst previousState = stateRef.current;\n\t\t\tconst resolvedOpen = resolveOpenValue(nextOpen, previousState[key]);\n\t\t\tconst nextState = {\n\t\t\t\t...previousState,\n\t\t\t\t[key]: resolvedOpen,\n\t\t\t} as OverlayVisibilityGroupState<TKey>;\n\n\t\t\tif (closeOthersOnOpen && resolvedOpen) {\n\t\t\t\tfor (const item of keyList) {\n\t\t\t\t\tif (item !== key) {\n\t\t\t\t\t\tnextState[item] = false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst changed = hasGroupStateChanged(previousState, nextState, keyList);\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalOpen(nextState);\n\t\t\t}\n\n\t\t\tif (!changed) return;\n\n\t\t\tstateRef.current = nextState;\n\t\t\tonOpenChange?.(key, resolvedOpen, nextState);\n\t\t},\n\t\t[closeOthersOnOpen, isControlled, keyList, onOpenChange],\n\t);\n\n\treturn useMemo(() => {\n\t\tconst result = {} as UseOverlayVisibilityGroupReturn<TKey>;\n\n\t\tfor (const key of keyList) {\n\t\t\tconst open = state[key];\n\t\t\tconst setOpen: OverlayOpenSetter = (nextOpen) => {\n\t\t\t\tsetKeyOpen(key, nextOpen);\n\t\t\t};\n\n\t\t\tresult[key] = {\n\t\t\t\topen,\n\t\t\t\tisOpen: open,\n\t\t\t\tsetOpen,\n\t\t\t\tshow: () => setKeyOpen(key, true),\n\t\t\t\thide: () => setKeyOpen(key, false),\n\t\t\t\ttoggle: () => setKeyOpen(key, (currentOpen) => !currentOpen),\n\t\t\t\toverlayProps: {\n\t\t\t\t\topen,\n\t\t\t\t\tonOpenChange: setOpen,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treturn result;\n\t}, [keyList, setKeyOpen, state]);\n}\n","import {\n\tAlertCircle,\n\tAlertTriangle,\n\tCheckCircle,\n\tHelpCircle,\n\tInfo,\n\tX,\n} from 'lucide-react';\nimport React, { cloneElement, isValidElement, memo, useId, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useNativeDialog, useOverlayActions } from './hooks';\nimport type { DialogProps, OverlaySize, OverlayTone } from './overlays.types';\n\nconst SIZE_CLASSES: Record<OverlaySize, string> = {\n\txs: 'max-w-xs',\n\tsm: 'max-w-sm',\n\tmd: 'max-w-md',\n\tlg: 'max-w-lg',\n\txl: 'max-w-xl',\n\t'2xl': 'max-w-2xl',\n\t'3xl': 'max-w-3xl',\n\t'4xl': 'max-w-4xl',\n\t'5xl': 'max-w-5xl',\n\tfull: 'max-w-[calc(100vw-2rem)]',\n};\n\nconst TONE_STYLES: Record<OverlayTone, { icon: ReactNode; classes: string }> = {\n\tdefault: {\n\t\ticon: <HelpCircle className=\"text-muted-foreground h-5 w-5\" />,\n\t\tclasses: '',\n\t},\n\terror: {\n\t\ticon: <AlertCircle className=\"text-destructive h-5 w-5\" />,\n\t\tclasses: 'border-destructive/50',\n\t},\n\twarning: {\n\t\ticon: <AlertTriangle className=\"text-warning h-5 w-5\" />,\n\t\tclasses: 'border-warning/50',\n\t},\n\tinfo: {\n\t\ticon: <Info className=\"text-info h-5 w-5\" />,\n\t\tclasses: 'border-info/50',\n\t},\n\tsuccess: {\n\t\ticon: <CheckCircle className=\"text-success h-5 w-5\" />,\n\t\tclasses: 'border-success/50',\n\t},\n};\n\nfunction DialogImpl({\n\topen,\n\tonOpenChange,\n\tonClose,\n\tchildren,\n\ttitle,\n\tdescription,\n\tvisuallyHideHeader = false,\n\tclassName,\n\tcontentClassName,\n\tinitialFocusRef,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\tstrings: customStrings,\n\tshowCancel = true,\n\tshowConfirm = true,\n\tonCancel,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant = 'primary',\n\tconfirmStyle = 'solid',\n\tisLoading = false,\n\tformId,\n\tfooter,\n\temphasis = false,\n\ttone = 'default',\n\tshowIcon = false,\n\talertMessage,\n\tsize = 'lg',\n\ttrigger,\n}: DialogProps) {\n\tconst dialogTitleId = useId();\n\tconst dialogDescriptionId = useId();\n\tconst ariaLabelledBy = title ? dialogTitleId : undefined;\n\tconst ariaDescribedBy = description ? dialogDescriptionId : undefined;\n\n\tconst {\n\t\tisOpen,\n\t\tisClosing,\n\t\topenDialog,\n\t\tcloseDialog,\n\t\tdialogProps,\n\t\thandleBackdropClick,\n\t} = useNativeDialog({\n\t\topen,\n\t\tonOpenChange,\n\t\tonClose,\n\t\tcloseOnEscape,\n\t\tcloseOnBackdropClick,\n\t\tinitialFocusRef,\n\t});\n\n\tconst {\n\t\tstrings,\n\t\tfinalConfirmVariant,\n\t\tconfirmButtonOnClick,\n\t\teffectiveLoading,\n\t\thandleCancel,\n\t} = useOverlayActions({\n\t\tcloseDialog,\n\t\tonConfirm,\n\t\tonAsyncConfirm,\n\t\tcloseOnAsyncComplete,\n\t\tconfirmVariant,\n\t\tisLoading,\n\t\tformId,\n\t\tonCancel,\n\t\tcustomStrings,\n\t\temphasis,\n\t\ttone,\n\t});\n\n\tconst toneStyles = TONE_STYLES[tone];\n\tconst hasContent = Boolean(children || alertMessage);\n\tconst hasFooter = showCancel || showConfirm || footer;\n\n\tconst triggerElement =\n\t\ttrigger && isValidElement<Record<string, unknown>>(trigger) ? (\n\t\t\tcloneElement(trigger, {\n\t\t\t\tonClick: (e: React.MouseEvent) => {\n\t\t\t\t\tconst original = trigger.props.onClick as\n\t\t\t\t\t\t| ((e: React.MouseEvent) => void)\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\toriginal?.(e);\n\t\t\t\t\topenDialog();\n\t\t\t\t},\n\t\t\t})\n\t\t) : trigger ? (\n\t\t\t<span\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tonClick={openDialog}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\topenDialog();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName=\"cursor-pointer\"\n\t\t\t>\n\t\t\t\t{trigger}\n\t\t\t</span>\n\t\t) : null;\n\n\tif (!isOpen && !isClosing && !trigger) return null;\n\n\treturn (\n\t\t<>\n\t\t\t{triggerElement}\n\n\t\t\t{!!(isOpen || isClosing) &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'absolute inset-0 bg-foreground/50 backdrop-blur-[1px]',\n\t\t\t\t\t\t\t\t'transition-opacity duration-200',\n\t\t\t\t\t\t\t\tisClosing\n\t\t\t\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t\t\t\t: 'animate-in fade-in-0 duration-200',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={handleBackdropClick}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<dialog\n\t\t\t\t\t\t\t{...dialogProps}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'dialog--component relative z-10 m-0 p-0',\n\t\t\t\t\t\t\t\t'rounded-lg border shadow-lg',\n\t\t\t\t\t\t\t\t'bg-background text-foreground',\n\t\t\t\t\t\t\t\t'max-h-[90vh] w-full',\n\t\t\t\t\t\t\t\t'flex flex-col',\n\t\t\t\t\t\t\t\tSIZE_CLASSES[size],\n\t\t\t\t\t\t\t\t'animate-in fade-in-0 zoom-in-95 duration-200',\n\t\t\t\t\t\t\t\t'[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150',\n\t\t\t\t\t\t\t\t'outline-none focus-visible:outline-none',\n\t\t\t\t\t\t\t\temphasis && toneStyles.classes,\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\tonClick={closeDialog}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute right-3 top-3 z-10 size-7 rounded-md p-0',\n\t\t\t\t\t\t\t\t\t'text-muted-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t\t\t\t'disabled:pointer-events-none',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\taria-label={strings.close}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className=\"h-4 w-4\" />\n\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t{!!(title || description) && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex gap-3 px-6 pb-4 pt-6',\n\t\t\t\t\t\t\t\t\t\tshowIcon && 'items-start',\n\t\t\t\t\t\t\t\t\t\tvisuallyHideHeader && 'sr-only',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!showIcon && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"shrink-0 pt-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t{toneStyles.icon}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={dialogTitleId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"pr-6\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={dialogDescriptionId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasContent && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex-1 overflow-auto px-6',\n\t\t\t\t\t\t\t\t\t\ttitle || description\n\t\t\t\t\t\t\t\t\t\t\t? visuallyHideHeader\n\t\t\t\t\t\t\t\t\t\t\t\t? 'py-6'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'pb-6'\n\t\t\t\t\t\t\t\t\t\t\t: 'py-6',\n\t\t\t\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!alertMessage && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'mb-4 rounded-md border p-3',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'error' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-destructive/30 bg-destructive/5',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-warning/40 bg-warning/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'info' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-info/40 bg-info/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'success' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-success/40 bg-success/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'default' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-border bg-muted/40',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{alertMessage}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasFooter && (\n\t\t\t\t\t\t\t\t<div className=\"border-t px-6 py-4\">\n\t\t\t\t\t\t\t\t\t{footer ?? (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\">\n\t\t\t\t\t\t\t\t\t\t\t{!!showCancel && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleCancel}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.cancel}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{!!showConfirm && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={finalConfirmVariant}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle={confirmStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={confirmButtonOnClick}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloading={effectiveLoading}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloadingLabels={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading: strings.loading,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.confirm}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</dialog>\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const Dialog = memo(DialogImpl);\nDialog.displayName = 'Dialog';\n","import {\n\tAlertCircle,\n\tAlertTriangle,\n\tCheckCircle,\n\tHelpCircle,\n\tInfo,\n\tX,\n} from 'lucide-react';\nimport React, { cloneElement, isValidElement, memo, useId, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useNativeDialog, useOverlayActions } from './hooks';\nimport type { DrawerDirection, DrawerProps, OverlaySize, OverlayTone } from './overlays.types';\n\nconst WIDTH_CLASSES: Record<OverlaySize, string> = {\n\txs: 'max-w-xs',\n\tsm: 'max-w-sm',\n\tmd: 'max-w-md',\n\tlg: 'max-w-lg',\n\txl: 'max-w-xl',\n\t'2xl': 'max-w-2xl',\n\t'3xl': 'max-w-3xl',\n\t'4xl': 'max-w-4xl',\n\t'5xl': 'max-w-5xl',\n\tfull: 'max-w-[calc(100vw-2rem)]',\n};\n\nconst DIRECTION_STYLES: Record<\n\tDrawerDirection,\n\t{ position: string; size: string; animation: string; rounded: string }\n> = {\n\tright: {\n\t\tposition: 'fixed top-0 right-0 bottom-0',\n\t\tsize: 'h-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-right duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-right [&.closing]:duration-200',\n\t\trounded: 'rounded-l-xl',\n\t},\n\tleft: {\n\t\tposition: 'fixed top-0 left-0 bottom-0',\n\t\tsize: 'h-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-left duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-left [&.closing]:duration-200',\n\t\trounded: 'rounded-r-xl',\n\t},\n\ttop: {\n\t\tposition: 'fixed top-0 left-0 right-0',\n\t\tsize: 'w-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-top duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-top [&.closing]:duration-200',\n\t\trounded: 'rounded-b-xl',\n\t},\n\tbottom: {\n\t\tposition: 'fixed bottom-0 left-0 right-0',\n\t\tsize: 'w-full',\n\t\tanimation:\n\t\t\t'animate-in slide-in-from-bottom duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-bottom [&.closing]:duration-200',\n\t\trounded: 'rounded-t-xl',\n\t},\n};\n\nconst TONE_ICONS: Record<OverlayTone, ReactNode> = {\n\tdefault: <HelpCircle className=\"text-muted-foreground h-5 w-5\" />,\n\terror: <AlertCircle className=\"text-destructive h-5 w-5\" />,\n\twarning: <AlertTriangle className=\"text-warning h-5 w-5\" />,\n\tinfo: <Info className=\"text-info h-5 w-5\" />,\n\tsuccess: <CheckCircle className=\"text-success h-5 w-5\" />,\n};\n\nfunction DrawerImpl({\n\topen,\n\tonOpenChange,\n\tonClose,\n\tchildren,\n\ttitle,\n\tdescription,\n\tvisuallyHideHeader = false,\n\tclassName,\n\tcontentClassName,\n\tinitialFocusRef,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = true,\n\tstrings: customStrings,\n\tshowCancel = true,\n\tshowConfirm = true,\n\tonCancel,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant = 'primary',\n\tconfirmStyle = 'solid',\n\tisLoading = false,\n\tformId,\n\tfooter,\n\temphasis = false,\n\ttone = 'default',\n\tshowIcon = false,\n\talertMessage,\n\tdirection = 'right',\n\twidth = 'lg',\n\tshowFooter = true,\n\ttrigger,\n}: DrawerProps) {\n\tconst drawerTitleId = useId();\n\tconst drawerDescriptionId = useId();\n\tconst ariaLabelledBy = title ? drawerTitleId : undefined;\n\tconst ariaDescribedBy = description ? drawerDescriptionId : undefined;\n\n\tconst {\n\t\tisOpen,\n\t\tisClosing,\n\t\topenDialog,\n\t\tcloseDialog,\n\t\tdialogProps,\n\t\thandleBackdropClick,\n\t} = useNativeDialog({\n\t\topen,\n\t\tonOpenChange,\n\t\tonClose,\n\t\tcloseOnEscape,\n\t\tcloseOnBackdropClick,\n\t\tinitialFocusRef,\n\t});\n\n\tconst {\n\t\tstrings,\n\t\tfinalConfirmVariant,\n\t\tconfirmButtonOnClick,\n\t\teffectiveLoading,\n\t\thandleCancel,\n\t} = useOverlayActions({\n\t\tcloseDialog,\n\t\tonConfirm,\n\t\tonAsyncConfirm,\n\t\tcloseOnAsyncComplete,\n\t\tconfirmVariant,\n\t\tisLoading,\n\t\tformId,\n\t\tonCancel,\n\t\tcustomStrings,\n\t\temphasis,\n\t\ttone,\n\t});\n\n\tconst directionStyles = DIRECTION_STYLES[direction];\n\tconst isHorizontal = direction === 'left' || direction === 'right';\n\tconst hasContent = Boolean(children || alertMessage);\n\tconst hasFooter = showFooter && (showCancel || showConfirm || footer);\n\n\tconst triggerElement =\n\t\ttrigger && isValidElement<Record<string, unknown>>(trigger) ? (\n\t\t\tcloneElement(trigger, {\n\t\t\t\tonClick: (e: React.MouseEvent) => {\n\t\t\t\t\tconst original = trigger.props.onClick as\n\t\t\t\t\t\t| ((e: React.MouseEvent) => void)\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\toriginal?.(e);\n\t\t\t\t\topenDialog();\n\t\t\t\t},\n\t\t\t})\n\t\t) : trigger ? (\n\t\t\t<span\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tonClick={openDialog}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\topenDialog();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName=\"cursor-pointer\"\n\t\t\t>\n\t\t\t\t{trigger}\n\t\t\t</span>\n\t\t) : null;\n\n\tif (!isOpen && !isClosing && !trigger) return null;\n\n\treturn (\n\t\t<>\n\t\t\t{triggerElement}\n\n\t\t\t{!!(isOpen || isClosing) &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div className=\"fixed inset-0 z-50\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'absolute inset-0 bg-foreground/50 backdrop-blur-[1px]',\n\t\t\t\t\t\t\t\t'transition-opacity duration-300',\n\t\t\t\t\t\t\t\tisClosing\n\t\t\t\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t\t\t\t: 'animate-in fade-in-0 duration-300',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={handleBackdropClick}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<dialog\n\t\t\t\t\t\t\t{...dialogProps}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'drawer--component inset-auto m-0 p-0',\n\t\t\t\t\t\t\t\tdirectionStyles.position,\n\t\t\t\t\t\t\t\tdirectionStyles.size,\n\t\t\t\t\t\t\t\t'border shadow-xl',\n\t\t\t\t\t\t\t\t'bg-background text-foreground',\n\t\t\t\t\t\t\t\tdirectionStyles.rounded,\n\t\t\t\t\t\t\t\tisHorizontal && 'w-full',\n\t\t\t\t\t\t\t\tisHorizontal && WIDTH_CLASSES[width],\n\t\t\t\t\t\t\t\t!isHorizontal && 'max-h-[85vh]',\n\t\t\t\t\t\t\t\tdirectionStyles.animation,\n\t\t\t\t\t\t\t\t'outline-none focus-visible:outline-none',\n\t\t\t\t\t\t\t\t'flex flex-col',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\t\tonClick={closeDialog}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute right-4 top-4 z-10 size-7 rounded-md p-0',\n\t\t\t\t\t\t\t\t\t'text-muted-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t'hover:bg-muted hover:text-foreground',\n\t\t\t\t\t\t\t\t\t'disabled:pointer-events-none',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\taria-label={strings.close}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className=\"h-4 w-4\" />\n\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t{!!(title || description) && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex items-start gap-3 px-6 pb-4 pt-6',\n\t\t\t\t\t\t\t\t\t\tvisuallyHideHeader && 'sr-only',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!showIcon && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"shrink-0 pt-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t{TONE_ICONS[tone]}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className=\"min-w-0 flex-1 pr-6\">\n\t\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={drawerTitleId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={drawerDescriptionId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasContent && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex-1 overflow-auto px-6',\n\t\t\t\t\t\t\t\t\t\ttitle || description ? 'pb-6' : 'py-6',\n\t\t\t\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!alertMessage && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'mb-4 rounded-md border p-3',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'error' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-destructive/30 bg-destructive/5',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-warning/40 bg-warning/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'info' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-info/40 bg-info/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'success' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-success/40 bg-success/10',\n\t\t\t\t\t\t\t\t\t\t\t\ttone === 'default' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t'border-border bg-muted/40',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{alertMessage}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!hasFooter && (\n\t\t\t\t\t\t\t\t<div className=\"border-t px-6 py-4\">\n\t\t\t\t\t\t\t\t\t{footer ?? (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\">\n\t\t\t\t\t\t\t\t\t\t\t{!!showCancel && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleCancel}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.cancel}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{!!showConfirm && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={finalConfirmVariant}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle={confirmStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={confirmButtonOnClick}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloading={effectiveLoading}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloadingLabels={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading: strings.loading,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.confirm}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</dialog>\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const Drawer = memo(DrawerImpl);\nDrawer.displayName = 'Drawer';\n","import { AlertCircle, AlertTriangle, CheckCircle, HelpCircle, Info } from 'lucide-react';\nimport React, {\n\tcloneElement,\n\tisValidElement,\n\tmemo,\n\tuseId,\n\tuseMemo,\n\ttype ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useNativeDialog, useOverlayActions } from './hooks';\nimport { defaultAlertDialogStrings } from './overlays.strings';\nimport type { AlertDialogProps, OverlayTone } from './overlays.types';\n\nconst TONE_STYLES: Record<OverlayTone, { icon: ReactNode; iconColor: string }> = {\n\tdefault: {\n\t\ticon: <HelpCircle className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-muted-foreground',\n\t},\n\terror: { icon: <AlertCircle className=\"h-6 w-6\" />, iconColor: 'text-destructive' },\n\twarning: {\n\t\ticon: <AlertTriangle className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-warning',\n\t},\n\tinfo: {\n\t\ticon: <Info className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-info',\n\t},\n\tsuccess: {\n\t\ticon: <CheckCircle className=\"h-6 w-6\" />,\n\t\ticonColor: 'text-success',\n\t},\n};\n\nfunction AlertDialogImpl({\n\topen,\n\tonOpenChange,\n\tonClose,\n\tchildren,\n\ttitle,\n\tdescription,\n\tvisuallyHideHeader = false,\n\tclassName,\n\tcontentClassName,\n\tinitialFocusRef,\n\tcloseOnEscape = true,\n\tcloseOnBackdropClick = false,\n\tstrings: customStrings,\n\tshowCancel = true,\n\tshowConfirm = true,\n\tonCancel,\n\tonConfirm,\n\tonAsyncConfirm,\n\tcloseOnAsyncComplete = true,\n\tconfirmVariant,\n\tconfirmStyle = 'solid',\n\tisLoading = false,\n\tformId,\n\tfooter,\n\ttone = 'default',\n\tshowIcon = true,\n\talertMessage,\n\ttrigger,\n\tdestructive = false,\n}: AlertDialogProps) {\n\tconst alertTitleId = useId();\n\tconst alertDescriptionId = useId();\n\tconst ariaLabelledBy = title ? alertTitleId : undefined;\n\tconst ariaDescribedBy = description ? alertDescriptionId : undefined;\n\n\tconst {\n\t\tisOpen,\n\t\tisClosing,\n\t\topenDialog,\n\t\tcloseDialog,\n\t\tdialogProps,\n\t\thandleBackdropClick,\n\t} = useNativeDialog({\n\t\topen,\n\t\tonOpenChange,\n\t\tonClose,\n\t\tcloseOnEscape,\n\t\tcloseOnBackdropClick,\n\t\tinitialFocusRef,\n\t});\n\n\tconst mergedStrings = useStrings(defaultAlertDialogStrings, customStrings);\n\n\tconst resolvedConfirmVariant = useMemo(() => {\n\t\tif (destructive) return 'error' as const;\n\t\tif (confirmVariant) return confirmVariant;\n\t\tconst toneMap: Record<OverlayTone, string> = {\n\t\t\tdefault: 'primary',\n\t\t\terror: 'error',\n\t\t\twarning: 'warning',\n\t\t\tinfo: 'primary',\n\t\t\tsuccess: 'success',\n\t\t};\n\t\treturn toneMap[tone] as 'primary' | 'error' | 'warning' | 'success';\n\t}, [destructive, confirmVariant, tone]);\n\n\tconst { strings, confirmButtonOnClick, effectiveLoading, handleCancel } =\n\t\tuseOverlayActions({\n\t\t\tcloseDialog,\n\t\t\tonConfirm,\n\t\t\tonAsyncConfirm,\n\t\t\tcloseOnAsyncComplete,\n\t\t\tconfirmVariant: resolvedConfirmVariant,\n\t\t\tisLoading,\n\t\t\tformId,\n\t\t\tonCancel,\n\t\t\tcustomStrings: mergedStrings,\n\t\t});\n\n\tconst toneStyles = TONE_STYLES[tone];\n\n\tconst triggerElement =\n\t\ttrigger && isValidElement<Record<string, unknown>>(trigger) ? (\n\t\t\tcloneElement(trigger, {\n\t\t\t\tonClick: (e: React.MouseEvent) => {\n\t\t\t\t\tconst original = trigger.props.onClick as\n\t\t\t\t\t\t| ((e: React.MouseEvent) => void)\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\toriginal?.(e);\n\t\t\t\t\topenDialog();\n\t\t\t\t},\n\t\t\t})\n\t\t) : trigger ? (\n\t\t\t<span\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t\tonClick={openDialog}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\topenDialog();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName=\"cursor-pointer\"\n\t\t\t>\n\t\t\t\t{trigger}\n\t\t\t</span>\n\t\t) : null;\n\n\tif (!isOpen && !isClosing && !trigger) return null;\n\n\treturn (\n\t\t<>\n\t\t\t{triggerElement}\n\n\t\t\t{!!(isOpen || isClosing) &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'absolute inset-0 bg-foreground/50 backdrop-blur-[1px]',\n\t\t\t\t\t\t\t\t'transition-opacity duration-200',\n\t\t\t\t\t\t\t\tisClosing\n\t\t\t\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t\t\t\t: 'animate-in fade-in-0 duration-200',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={handleBackdropClick}\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<dialog\n\t\t\t\t\t\t\t{...dialogProps}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'alert-dialog--component relative z-10 m-0 w-full max-w-md p-0',\n\t\t\t\t\t\t\t\t'max-h-[90vh] flex flex-col',\n\t\t\t\t\t\t\t\t'rounded-lg border shadow-lg',\n\t\t\t\t\t\t\t\t'bg-background text-foreground',\n\t\t\t\t\t\t\t\t'animate-in fade-in-0 zoom-in-95 duration-200',\n\t\t\t\t\t\t\t\t'[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150',\n\t\t\t\t\t\t\t\t'outline-none focus-visible:outline-none',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\trole=\"alertdialog\"\n\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex-1 overflow-auto p-6\">\n\t\t\t\t\t\t\t\t{!!showIcon && !visuallyHideHeader && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'error' && 'bg-destructive/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' && 'bg-warning/15',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'info' && 'bg-info/15',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'success' && 'bg-success/15',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'default' && 'bg-muted',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span className={toneStyles.iconColor}>\n\t\t\t\t\t\t\t\t\t\t\t{toneStyles.icon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{!!(title || description) && (\n\t\t\t\t\t\t\t\t\t<div className={cn(visuallyHideHeader && 'sr-only')}>\n\t\t\t\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={alertTitleId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\tid={alertDescriptionId}\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"p\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mt-2\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{!!alertMessage && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'mt-4 rounded-md border p-3 text-left',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'error' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-destructive/30 bg-destructive/5',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'warning' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-warning/40 bg-warning/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'info' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-info/40 bg-info/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'success' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-success/40 bg-success/10',\n\t\t\t\t\t\t\t\t\t\t\ttone === 'default' &&\n\t\t\t\t\t\t\t\t\t\t\t\t'border-border bg-muted/40',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"p\">\n\t\t\t\t\t\t\t\t\t\t\t{alertMessage}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{!!children && (\n\t\t\t\t\t\t\t\t\t<div className={cn('mt-4', contentClassName)}>\n\t\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{!!(showCancel || showConfirm || footer) && (\n\t\t\t\t\t\t\t\t<div className=\"border-t px-6 py-4\">\n\t\t\t\t\t\t\t\t\t{footer ?? (\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\">\n\t\t\t\t\t\t\t\t\t\t\t{!!showCancel && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleCancel}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full sm:w-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.cancel}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{!!showConfirm && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={resolvedConfirmVariant}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle={confirmStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={confirmButtonOnClick}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloading={effectiveLoading}\n\t\t\t\t\t\t\t\t\t\t\t\t\tloadingLabels={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading: strings.loading,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full sm:w-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.confirm}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</dialog>\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const AlertDialog = memo(AlertDialogImpl);\nAlertDialog.displayName = 'AlertDialog';\n"],"mappings":"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"}

package/dist/_shared/overlays-Du65iCkx.cjs

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