@cube-dev/ui-kit 0.189.0 → 0.190.1

package/dist/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";
@@ -11,8 +11,8 @@ const PORTAL_KEY = "AlertDialogZone";
 * @internal Do not use it
 */
 function AlertDialogZone(props) {
-	const $ = c(41);
-	const { openedDialog } = props;
+	const $ = c(45);
+	const { openedDialog, pendingAction } = props;
 	if (openedDialog === null) {
 		let t0;
 		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -45,119 +45,138 @@ function AlertDialogZone(props) {
 		type = $[7];
 	}
 	const isDismissable = t0 === void 0 ? true : t0;
-	const { resolve, reject, isVisible, dialogType } = openedDialog.meta;
+	const { id, resolve, reject, act, isVisible, dialogType } = openedDialog.meta;
+	const pending = pendingAction?.id === id ? pendingAction.status : null;
 	let t1;
-	if ($[8] !== resolve) {
-		t1 = (action, status) => {
+	if ($[8] !== pending) {
+		t1 = (status) => pending ? {
+			isLoading: pending === status,
+			isDisabled: true
+		} : null;
+		$[8] = pending;
+		$[9] = t1;
+	} else t1 = $[9];
+	const lock = t1;
+	let t2;
+	if ($[10] !== act || $[11] !== lock) {
+		t2 = (action, status_0) => {
 			if (typeof action === "undefined") return;
-			if (typeof action === "boolean") return action ? { onPress: () => resolve(status) } : false;
-			const onPress = action.onPress;
+			if (typeof action === "boolean") return action ? {
+				...lock(status_0),
+				onPress: () => act(status_0)
+			} : false;
+			const { onPress } = action;
 			return {
 				...action,
-				onPress: (e) => {
-					onPress?.(e);
-					resolve(status);
-				}
+				...lock(status_0),
+				onPress: (e) => act(status_0, onPress && (() => onPress(e)))
 			};
 		};
-		$[8] = resolve;
-		$[9] = t1;
-	} else t1 = $[9];
-	const mergeActionProps = t1;
-	let t2;
-	if ($[10] !== actions) {
-		t2 = actions ?? {};
-		$[10] = actions;
-		$[11] = t2;
-	} else t2 = $[11];
-	const { confirm: t3, secondary, cancel } = t2;
-	const confirm = t3 === void 0 ? true : t3;
-	let t4;
-	if ($[12] !== confirm || $[13] !== mergeActionProps) {
-		t4 = mergeActionProps(confirm, "confirm");
-		$[12] = confirm;
-		$[13] = mergeActionProps;
-		$[14] = t4;
-	} else t4 = $[14];
+		$[10] = act;
+		$[11] = lock;
+		$[12] = t2;
+	} else t2 = $[12];
+	const mergeActionProps = t2;
+	let t3;
+	if ($[13] !== actions) {
+		t3 = actions ?? {};
+		$[13] = actions;
+		$[14] = t3;
+	} else t3 = $[14];
+	const { confirm: t4, secondary, cancel } = t3;
+	const confirm = t4 === void 0 ? true : t4;
 	let t5;
-	if ($[15] !== mergeActionProps || $[16] !== secondary) {
-		t5 = mergeActionProps(secondary, "secondary");
-		$[15] = mergeActionProps;
-		$[16] = secondary;
+	if ($[15] !== confirm || $[16] !== mergeActionProps) {
+		t5 = mergeActionProps(confirm, "confirm");
+		$[15] = confirm;
+		$[16] = mergeActionProps;
 		$[17] = t5;
 	} else t5 = $[17];
 	let t6;
-	if ($[18] !== cancel || $[19] !== reject) {
-		t6 = typeof cancel === "undefined" ? void 0 : typeof cancel === "boolean" ? cancel ? { onPress: () => reject(void 0) } : false : {
+	if ($[18] !== mergeActionProps || $[19] !== secondary) {
+		t6 = mergeActionProps(secondary, "secondary");
+		$[18] = mergeActionProps;
+		$[19] = secondary;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== cancel || $[22] !== lock || $[23] !== reject) {
+		t7 = typeof cancel === "undefined" ? void 0 : typeof cancel === "boolean" ? cancel ? {
+			...lock(),
+			onPress: () => reject(void 0)
+		} : false : {
 			...cancel,
+			...lock(),
 			onPress: (e_0) => {
 				cancel.onPress?.(e_0);
 				reject(void 0);
 			}
 		};
-		$[18] = cancel;
-		$[19] = reject;
-		$[20] = t6;
-	} else t6 = $[20];
-	let t7;
-	if ($[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
-		t7 = {
-			confirm: t4,
-			secondary: t5,
-			cancel: t6
-		};
-		$[21] = t4;
-		$[22] = t5;
-		$[23] = t6;
+		$[21] = cancel;
+		$[22] = lock;
+		$[23] = reject;
 		$[24] = t7;
 	} else t7 = $[24];
-	const _actions = t7;
-	const t8 = dialogType === "form";
-	const t9 = !isVisible;
-	let t10;
-	if ($[25] !== content || $[26] !== reject || $[27] !== resolve) {
-		t10 = typeof content === "function" ? content({
+	let t8;
+	if ($[25] !== t5 || $[26] !== t6 || $[27] !== t7) {
+		t8 = {
+			confirm: t5,
+			secondary: t6,
+			cancel: t7
+		};
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t7;
+		$[28] = t8;
+	} else t8 = $[28];
+	const _actions = t8;
+	const t9 = isDismissable && !pending;
+	const t10 = dialogType === "form";
+	const t11 = !isVisible;
+	let t12;
+	if ($[29] !== content || $[30] !== reject || $[31] !== resolve) {
+		t12 = typeof content === "function" ? content({
 			resolve,
 			reject
 		}) : content;
-		$[25] = content;
-		$[26] = reject;
-		$[27] = resolve;
-		$[28] = t10;
-	} else t10 = $[28];
-	let t11;
-	if ($[29] !== _actions || $[30] !== options || $[31] !== t10 || $[32] !== t8 || $[33] !== t9) {
-		t11 = /* @__PURE__ */ jsx(_AlertDialog, {
-			noActions: t8,
+		$[29] = content;
+		$[30] = reject;
+		$[31] = resolve;
+		$[32] = t12;
+	} else t12 = $[32];
+	let t13;
+	if ($[33] !== _actions || $[34] !== options || $[35] !== t10 || $[36] !== t11 || $[37] !== t12) {
+		t13 = /* @__PURE__ */ jsx(_AlertDialog, {
+			noActions: t10,
 			actions: _actions,
-			isHidden: t9,
-			content: t10,
+			isHidden: t11,
+			content: t12,
 			...options
 		});
-		$[29] = _actions;
-		$[30] = options;
-		$[31] = t10;
-		$[32] = t8;
-		$[33] = t9;
-		$[34] = t11;
-	} else t11 = $[34];
-	let t12;
-	if ($[35] !== isDismissable || $[36] !== isVisible || $[37] !== onDismiss || $[38] !== t11 || $[39] !== type) {
-		t12 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DialogContainer, {
+		$[33] = _actions;
+		$[34] = options;
+		$[35] = t10;
+		$[36] = t11;
+		$[37] = t12;
+		$[38] = t13;
+	} else t13 = $[38];
+	let t14;
+	if ($[39] !== isVisible || $[40] !== onDismiss || $[41] !== t13 || $[42] !== t9 || $[43] !== type) {
+		t14 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DialogContainer, {
 			isOpen: isVisible,
-			isDismissable,
+			isDismissable: t9,
 			type,
 			onDismiss,
-			children: t11
+			children: t13
 		}) }, PORTAL_KEY);
-		$[35] = isDismissable;
-		$[36] = isVisible;
-		$[37] = onDismiss;
-		$[38] = t11;
-		$[39] = type;
-		$[40] = t12;
-	} else t12 = $[40];
-	return t12;
+		$[39] = isVisible;
+		$[40] = onDismiss;
+		$[41] = t13;
+		$[42] = t9;
+		$[43] = type;
+		$[44] = t14;
+	} else t14 = $[44];
+	return t14;
 }
 
 //#endregion

package/dist/components/overlays/AlertDialog/AlertDialogZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogZone.js","names":["Portal","DialogContainer","AlertDialog","CubeAlertDialogActionsProps","AlertDialogResolveStatus","Dialog","CubeButtonProps","DialogZoneProps","openedDialog","PORTAL_KEY","AlertDialogZone","props","$","_c","t0","Symbol","for","actions","content","onDismiss","options","type","isDismissable","undefined","resolve","reject","isVisible","dialogType","meta","t1","action","status","T","onPress","e","mergeActionProps","t2","confirm","t3","secondary","cancel","t4","t5","t6","e_0","t7","_actions","t8","t9","t10","t11","t12"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogZone.tsx"],"sourcesContent":["import { Portal } from '../../portal';\nimport { DialogContainer } from '../Dialog/DialogContainer';\n\nimport { AlertDialog, CubeAlertDialogActionsProps } from './AlertDialog';\nimport { AlertDialogResolveStatus, Dialog } from './types';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface DialogZoneProps {\n  openedDialog: Dialog | null;\n}\n\nconst PORTAL_KEY = 'AlertDialogZone';\n\n/**\n * @internal Do not use it\n */\nexport function AlertDialogZone(props: DialogZoneProps) {\n  const { openedDialog } = props;\n\n  if (openedDialog === null) return <Portal key={PORTAL_KEY} />;\n\n  const {\n    type,\n    isDismissable = true,\n    actions,\n    onDismiss,\n    content,\n    ...options\n  } = openedDialog.props;\n  const { resolve, reject, isVisible, dialogType } = openedDialog.meta;\n\n  const _actions: CubeAlertDialogActionsProps = (() => {\n    const mergeActionProps = <\n      T extends\n        | CubeAlertDialogActionsProps['confirm']\n        | CubeAlertDialogActionsProps['secondary'],\n    >(\n      action: T,\n      status: AlertDialogResolveStatus,\n    ): T => {\n      if (typeof action === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      if (typeof action === 'boolean') {\n        return (action\n          ? { onPress: () => resolve(status) }\n          : false) as unknown as T;\n      }\n\n      const onPress = action.onPress;\n\n      return {\n        ...(action as CubeButtonProps),\n        onPress: (e) => {\n          onPress?.(e);\n          resolve(status);\n        },\n      } as unknown as T;\n    };\n\n    // `AlertDialog` shows the confirm button unless it is `false`, so an\n    // omitted one has to resolve too, not fall through to the dismissal.\n    const { confirm = true, secondary, cancel } = actions ?? {};\n\n    return {\n      confirm: mergeActionProps(confirm, 'confirm'),\n      secondary: mergeActionProps(secondary, 'secondary'),\n      cancel:\n        typeof cancel === 'undefined'\n          ? undefined\n          : typeof cancel === 'boolean'\n            ? cancel\n              ? { onPress: () => reject(undefined) }\n              : false\n            : {\n                ...(cancel as CubeButtonProps),\n                onPress: (e) => {\n                  (cancel as CubeButtonProps).onPress?.(e);\n                  reject(undefined);\n                },\n              },\n    };\n  })();\n\n  return (\n    <Portal key={PORTAL_KEY}>\n      <DialogContainer\n        isOpen={isVisible}\n        isDismissable={isDismissable}\n        type={type}\n        onDismiss={onDismiss}\n      >\n        <AlertDialog\n          noActions={dialogType === 'form'}\n          actions={_actions}\n          isHidden={!isVisible}\n          content={\n            typeof content === 'function'\n              ? content({ resolve, reject })\n              : content\n          }\n          {...options}\n        />\n      </DialogContainer>\n    </Portal>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AlertDialogZone.js","names":["Portal","DialogContainer","AlertDialog","CubeAlertDialogActionsProps","AlertDialogResolveStatus","Dialog","CubeButtonProps","PendingAction","DialogZoneProps","openedDialog","pendingAction","PORTAL_KEY","AlertDialogZone","props","$","_c","t0","Symbol","for","actions","content","onDismiss","options","type","isDismissable","undefined","id","resolve","reject","act","isVisible","dialogType","meta","pending","status","t1","isLoading","isDisabled","lock","t2","action","status_0","T","onPress","e","mergeActionProps","t3","confirm","t4","secondary","cancel","t5","t6","t7","e_0","t8","_actions","t9","t10","t11","t12","t13","t14"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogZone.tsx"],"sourcesContent":["import { Portal } from '../../portal';\nimport { DialogContainer } from '../Dialog/DialogContainer';\n\nimport { AlertDialog, CubeAlertDialogActionsProps } from './AlertDialog';\nimport { AlertDialogResolveStatus, Dialog } from './types';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\nimport type { PendingAction } from './AlertDialogApiProvider';\n\nexport interface DialogZoneProps {\n  openedDialog: Dialog | null;\n  pendingAction?: PendingAction | null;\n}\n\nconst PORTAL_KEY = 'AlertDialogZone';\n\n/**\n * @internal Do not use it\n */\nexport function AlertDialogZone(props: DialogZoneProps) {\n  const { openedDialog, pendingAction } = props;\n\n  if (openedDialog === null) return <Portal key={PORTAL_KEY} />;\n\n  const {\n    type,\n    isDismissable = true,\n    actions,\n    onDismiss,\n    content,\n    ...options\n  } = openedDialog.props;\n  const { id, resolve, reject, act, isVisible, dialogType } = openedDialog.meta;\n  // While an action's handler runs, its button shows loading and the rest\n  // of the dialog is locked.\n  const pending = pendingAction?.id === id ? pendingAction.status : null;\n  const lock = (status?: AlertDialogResolveStatus) =>\n    pending ? { isLoading: pending === status, isDisabled: true } : null;\n\n  const _actions: CubeAlertDialogActionsProps = (() => {\n    const mergeActionProps = <\n      T extends\n        | CubeAlertDialogActionsProps['confirm']\n        | CubeAlertDialogActionsProps['secondary'],\n    >(\n      action: T,\n      status: AlertDialogResolveStatus,\n    ): T => {\n      if (typeof action === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      if (typeof action === 'boolean') {\n        return (action\n          ? { ...lock(status), onPress: () => act(status) }\n          : false) as unknown as T;\n      }\n\n      const { onPress } = action as CubeButtonProps;\n\n      return {\n        ...(action as CubeButtonProps),\n        ...lock(status),\n        // The same as the dialog's `onConfirm` / `onSecondary`: awaited, with\n        // the dialog kept open while it runs.\n        onPress: (e) => act(status, onPress && (() => onPress(e))),\n      } as unknown as T;\n    };\n\n    // `AlertDialog` shows the confirm button unless it is `false`, so an\n    // omitted one has to resolve too, not fall through to the dismissal.\n    const { confirm = true, secondary, cancel } = actions ?? {};\n\n    return {\n      confirm: mergeActionProps(confirm, 'confirm'),\n      secondary: mergeActionProps(secondary, 'secondary'),\n      cancel:\n        typeof cancel === 'undefined'\n          ? undefined\n          : typeof cancel === 'boolean'\n            ? cancel\n              ? { ...lock(), onPress: () => reject(undefined) }\n              : false\n            : {\n                ...(cancel as CubeButtonProps),\n                ...lock(),\n                onPress: (e) => {\n                  (cancel as CubeButtonProps).onPress?.(e);\n                  reject(undefined);\n                },\n              },\n    };\n  })();\n\n  return (\n    <Portal key={PORTAL_KEY}>\n      <DialogContainer\n        isOpen={isVisible}\n        isDismissable={isDismissable && !pending}\n        type={type}\n        onDismiss={onDismiss}\n      >\n        <AlertDialog\n          noActions={dialogType === 'form'}\n          actions={_actions}\n          isHidden={!isVisible}\n          content={\n            typeof content === 'function'\n              ? content({ resolve, reject })\n              : content\n          }\n          {...options}\n        />\n      </DialogContainer>\n    </Portal>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,MAAMW,aAAa;;;;AAKnB,SAAOC,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAN,cAAAC,kBAAwCG;AAExC,KAAIJ,iBAAiB,MAAI;EAAA,IAAAO;AAAA,MAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AAASF,QAAA,oBAAC,YAAYL,WAAc;AAAAG,KAAA,KAAAE;QAAAA,MAAAF,EAAA;AAAA,SAA3BE;;CAA4B,IAAAG;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;AAAA,KAAAT,EAAA,OAAAL,aAAAI,OAAA;AAE9D,GAAA,CAAAU,MAAAC,eAAAR,IAAAG,SAAAE,WAAAD,YAAAE,WAOIb,aAAYI;AAAOC,IAAA,KAAAL,aAAAI;AAAAC,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAAE;AAAAF,IAAA,KAAAS;QAAA;AAAAJ,YAAAL,EAAA;AAAAM,YAAAN,EAAA;AAAAO,cAAAP,EAAA;AAAAQ,YAAAR,EAAA;AAAAE,OAAAF,EAAA;AAAAS,SAAAT,EAAA;;CALrB,MAAAU,gBAAAR,OAAAS,SAAA,OAAAT;CAMF,MAAA,EAAAU,IAAAC,SAAAC,QAAAC,KAAAC,WAAAC,eAA4DtB,aAAYuB;CAGxE,MAAAC,UAAgBvB,eAAagB,OAASA,KAAKhB,cAAawB,SAAxC;CAAuD,IAAAC;AAAA,KAAArB,EAAA,OAAAmB,SAAA;AAC1DE,QAAAD,WACXD,UAAA;GAAAG,WAAuBH,YAAYC;GAAMG,YAAc;GAAa,GAApE;AAAoEvB,IAAA,KAAAmB;AAAAnB,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CADtE,MAAAwB,OAAaH;CAC0D,IAAAI;AAAA,KAAAzB,EAAA,QAAAe,OAAAf,EAAA,QAAAwB,MAAA;AAG5CC,QAAAC,QAAAC,aAAA;AAQvB,OAAI,OAAOD,WAAW,YAAW;AAIjC,OAAI,OAAOA,WAAW,UAAS,QACrBA,SAAA;IAAA,GACCF,KAAKJ,SAAO;IAAAS,eAAiBd,IAAIK,SAAM;IACvC,GAFD;GAKV,MAAA,EAAAS,YAAoBH;AAA0B,UAEvC;IAAA,GACDA;IAAyB,GAC1BF,KAAKJ,SAAO;IAAAS,UAGNC,MAAOf,IAAIK,UAAQS,kBAAkBA,QAAQC,EAAG,EAAA;IAC1D;;AACF9B,IAAA,MAAAe;AAAAf,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;OAAAA,MAAAzB,EAAA;CA3BD,MAAA+B,mBAAyBN;CA2BvB,IAAAO;AAAA,KAAAhC,EAAA,QAAAK,SAAA;AAI4C2B,OAAA3B,WAAA,EAAa;AAAAL,IAAA,MAAAK;AAAAL,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAA3D,MAAA,EAAAiC,SAAAC,IAAAC,WAAAC,WAA8CJ;CAAtC,MAAAC,UAAAC,OAAAvB,SAAA,OAAAuB;CAAc,IAAAG;AAAA,KAAArC,EAAA,QAAAiC,WAAAjC,EAAA,QAAA+B,kBAAA;AAGXM,OAAAN,iBAAiBE,SAAS,UAAU;AAAAjC,IAAA,MAAAiC;AAAAjC,IAAA,MAAA+B;AAAA/B,IAAA,MAAAqC;OAAAA,MAAArC,EAAA;CAAA,IAAAsC;AAAA,KAAAtC,EAAA,QAAA+B,oBAAA/B,EAAA,QAAAmC,WAAA;AAClCG,OAAAP,iBAAiBI,WAAW,YAAY;AAAAnC,IAAA,MAAA+B;AAAA/B,IAAA,MAAAmC;AAAAnC,IAAA,MAAAsC;OAAAA,MAAAtC,EAAA;CAAA,IAAAuC;AAAA,KAAAvC,EAAA,QAAAoC,UAAApC,EAAA,QAAAwB,QAAAxB,EAAA,QAAAc,QAAA;AAEjDyB,OAAA,OAAOH,WAAW,cAAlBzB,SAEI,OAAOyB,WAAW,YAChBA,SAAA;GAAA,GACOZ,MAAM;GAAAK,eAAiBf,OAAOH,OAAS;GACvC,GAFP,QADF;GAAA,GAKQyB;GAAyB,GAC1BZ,MAAM;GAAAK,UACAW,QAAA;AACP,IAACJ,OAAyBP,UAAYC,IAAE;AACxChB,WAAOH,OAAU;;GAEpB;AAAAX,IAAA,MAAAoC;AAAApC,IAAA,MAAAwB;AAAAxB,IAAA,MAAAc;AAAAd,IAAA,MAAAuC;OAAAA,MAAAvC,EAAA;CAAA,IAAAyC;AAAA,KAAAzC,EAAA,QAAAqC,MAAArC,EAAA,QAAAsC,MAAAtC,EAAA,QAAAuC,IAAA;AAjBJE,OAAA;GAAAR,SACII;GAAoCF,WAClCG;GAAwCF,QAEjDG;GAcH;AAAAvC,IAAA,MAAAqC;AAAArC,IAAA,MAAAsC;AAAAtC,IAAA,MAAAuC;AAAAvC,IAAA,MAAAyC;OAAAA,MAAAzC,EAAA;CApDH,MAAA0C,WAkCED;CAyBmB,MAAAE,KAAAjC,iBAAA,CAAkBS;CAKpB,MAAAyB,MAAA3B,eAAe;CAEhB,MAAA4B,MAAA,CAAC7B;CAAS,IAAA8B;AAAA,KAAA9C,EAAA,QAAAM,WAAAN,EAAA,QAAAc,UAAAd,EAAA,QAAAa,SAAA;AAElBiC,QAAA,OAAOxC,YAAY,aACfA,QAAQ;GAAAO;GAAAC;GACF,CAAC,GAFXR;AAEWN,IAAA,MAAAM;AAAAN,IAAA,MAAAc;AAAAd,IAAA,MAAAa;AAAAb,IAAA,MAAA8C;OAAAA,OAAA9C,EAAA;CAAA,IAAA+C;AAAA,KAAA/C,EAAA,QAAA0C,YAAA1C,EAAA,QAAAQ,WAAAR,EAAA,QAAA4C,OAAA5C,EAAA,QAAA6C,OAAA7C,EAAA,QAAA8C,KAAA;AAPfC,QAAA,oBAAC;GACY,WAAAH;GACFF,SAAAA;GACC,UAAAG;GAER,SAAAC;GAEW,GAETtC;IACJ;AAAAR,IAAA,MAAA0C;AAAA1C,IAAA,MAAAQ;AAAAR,IAAA,MAAA4C;AAAA5C,IAAA,MAAA6C;AAAA7C,IAAA,MAAA8C;AAAA9C,IAAA,MAAA+C;OAAAA,OAAA/C,EAAA;CAAA,IAAAgD;AAAA,KAAAhD,EAAA,QAAAgB,aAAAhB,EAAA,QAAAO,aAAAP,EAAA,QAAA+C,OAAA/C,EAAA,QAAA2C,MAAA3C,EAAA,QAAAS,MAAA;AAjBNuC,QAAA,oBAAC,oBACC,oBAAC;GACShC,QAAAA;GACO,eAAA2B;GACTlC;GACKF;aAEXwC;IAYJ,IAnBalD,WAmBJ;AAAAG,IAAA,MAAAgB;AAAAhB,IAAA,MAAAO;AAAAP,IAAA,MAAA+C;AAAA/C,IAAA,MAAA2C;AAAA3C,IAAA,MAAAS;AAAAT,IAAA,MAAAgD;OAAAA,OAAAhD,EAAA;AAAA,QAnBTgD"}

package/dist/components/overlays/AlertDialog/types.d.ts

@@ -1,4 +1,5 @@
 
+import { CubeButtonProps } from "../../actions/Button/Button.js";
 import { CubeDialogContainerProps } from "../Dialog/DialogContainer.js";
 import "../Dialog/index.js";
 import { CubeAlertDialogProps } from "./AlertDialog.js";
@@ -7,7 +8,20 @@ import { ReactNode } from "react";
 import { AriaDialogProps } from "react-aria";
 
 //#region src/components/overlays/AlertDialog/types.d.ts
-interface DialogProps extends Omit<CubeDialogContainerProps, 'onDismiss' | 'children'>, Omit<CubeAlertDialogProps, 'type' | 'id' | 'content'> {
+/** A confirm or secondary button opened through `useAlertDialogAPI`. */
+interface AlertDialogApiActionProps extends Omit<CubeButtonProps, 'onPress'> {
+  /**
+   * @deprecated Use `onConfirm` or `onSecondary` on the dialog instead. It
+   * behaves the same way.
+   */
+  onPress?: CubeButtonProps['onPress'];
+}
+interface AlertDialogApiActions {
+  confirm?: AlertDialogApiActionProps | boolean;
+  secondary?: AlertDialogApiActionProps;
+  cancel?: CubeButtonProps | boolean;
+}
+interface DialogProps extends Omit<CubeDialogContainerProps, 'onDismiss' | 'children'>, Omit<CubeAlertDialogProps, 'type' | 'id' | 'content' | 'actions'> {
   content: ReactNode | (({
     resolve,
     reject
@@ -15,6 +29,21 @@ interface DialogProps extends Omit<CubeDialogContainerProps, 'onDismiss' | 'chil
     resolve: any;
     reject: any;
   }) => ReactNode);
+  actions?: AlertDialogApiActions;
+  /**
+   * Runs when the confirm button is pressed. If it returns a promise, the
+   * dialog stays open with the button loading until it settles: it closes
+   * when the promise resolves, and stays open, with the error reported, when
+   * it rejects.
+   */
+  onConfirm?: () => unknown;
+  /** Like `onConfirm`, for the secondary button. */
+  onSecondary?: () => unknown;
+  /**
+   * Runs when the dialog settles as a cancel: the Cancel button, Escape, a
+   * click outside, an aborted `cancelToken`, or `content` calling `reject()`.
+   */
+  onCancel?: () => void;
 }
 type AlertDialogResolveStatus = 'confirm' | 'secondary';
 //#endregion

package/dist/components/overlays/Dialog/Dialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";

package/dist/components/overlays/Dialog/DialogContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { c } from "react-compiler-runtime";

package/dist/components/overlays/Dialog/DialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";

package/dist/components/overlays/Dialog/DialogTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/overlays/Dialog/ModernDialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/Dialog/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 

package/dist/components/overlays/Dialog/default-button-text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 //#region src/components/overlays/Dialog/default-button-text.ts
 /**
 * Gives a dialog's built-in button its default text without overriding the

package/dist/components/overlays/Dialog/use-content-overflow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

package/dist/components/overlays/Modal/Modal.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
+import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";
 import { c } from "react-compiler-runtime";
@@ -97,7 +98,8 @@ function Modal(props, ref) {
 		$[7] = props;
 		$[8] = t0;
 	} else t0 = $[8];
-	const { overlayProps, underlayProps } = useOverlay(t0, domRef);
+	const { overlayProps: rawOverlayProps, underlayProps } = useOverlay(t0, domRef);
+	const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);
 	let t1;
 	if ($[9] !== type || $[10] !== underlayProps) {
 		t1 = type !== "fullscreenTakeover" && type !== "panel" && /* @__PURE__ */ jsx(_Underlay, { ...underlayProps });

package/dist/components/overlays/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["useObjectRef","BaseProps","Styles","tasty","forwardRef","ReactNode","useModal","useOverlay","usePreventScroll","mergeProps","Overlay","ModalProps","TransitionState","WithCloseBehavior","Underlay","Props","OVERLAY_WRAPPER_STYLES","position","display","left","top","placeItems","boxSizing","width","height","pointerEvents","zIndex","transition","open","ModalWrapperElement","qa","styles","ModalElement","hide","exit","unmounted","transform","opacity","CubeModalProps","Omit","container","HTMLElement","onClose","action","type","shouldCloseOnInteractOutside","element","Element","Modal","props","ref","$","_c","children","otherProps","domRef","t0","overlayProps","underlayProps","t1","t2","t3","ModalWrapperProps","isOpen","placement","ModalWrapper","transitionState","isDisabled","modalProps","T0","T1","t4","t5","t6","t7","t8","t9","enter","entered","t10","t11","t12","_Modal","displayName"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: 'grid',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n        }}\n        data-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["useObjectRef","BaseProps","Styles","tasty","forwardRef","ReactNode","useModal","useOverlay","usePreventScroll","mergeProps","useOverlayEscapeGuard","Overlay","ModalProps","TransitionState","WithCloseBehavior","Underlay","Props","OVERLAY_WRAPPER_STYLES","position","display","left","top","placeItems","boxSizing","width","height","pointerEvents","zIndex","transition","open","ModalWrapperElement","qa","styles","ModalElement","hide","exit","unmounted","transform","opacity","CubeModalProps","Omit","container","HTMLElement","onClose","action","type","shouldCloseOnInteractOutside","element","Element","Modal","props","ref","$","_c","children","otherProps","domRef","t0","overlayProps","rawOverlayProps","underlayProps","isOpen","t1","t2","t3","ModalWrapperProps","placement","ModalWrapper","transitionState","isDisabled","modalProps","T0","T1","t4","t5","t6","t7","t8","t9","enter","entered","t10","t11","t12","_Modal","displayName"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { useOverlayEscapeGuard } from '../../../utils/react/useOverlayEscapeGuard';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: 'grid',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps: rawOverlayProps, underlayProps } = useOverlay(\n    { ...props },\n    domRef,\n  );\n\n  // Focus can stay in a modal while it closes, after a press on it or a close\n  // that restores focus nowhere; it must not answer for `Escape` meanwhile —\n  // see `useOverlayEscapeGuard`.\n  const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n        }}\n        data-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":"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"}

package/dist/components/overlays/Modal/OpenTransitionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx

package/dist/components/overlays/Modal/Overlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { markFocusRestoreWindow } from "../../../utils/react/programmaticFocus.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
@@ -57,12 +57,13 @@ function Overlay(props, ref) {
 			exposeUnmounted: hideOnClose,
 			duration: EXIT_DURATION,
 			onPhaseChange: handlePhaseChange,
-			children: ({ phase: phase_0, isShown }) => {
+			children: ({ phase: phase_0, isShown, isExiting }) => {
 				return /* @__PURE__ */ jsx(OpenTransitionContext.Provider, {
 					value: { transitionState: phase_0 },
 					children: Children.map(children, (child) => child && cloneElement(child, {
 						isOpen: isShown,
-						transitionState: phase_0
+						transitionState: phase_0,
+						"data-react-aria-top-layer": isExiting || void 0
 					}))
 				});
 			}

package/dist/components/overlays/Modal/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","useCallback","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","DisplayTransition","OpenTransitionContext","WithCloseBehavior","OverlayProps","Props","ReportedPhase","CubeOverlayProps","Omit","container","HTMLElement","EXIT_DURATION","Overlay","props","ref","children","isOpen","onEnter","onEntering","onEntered","onExit","onExiting","onExited","hideOnClose","exited","setExited","wasOpen","current","root","handlePhaseChange","phase","mountOverlay","contents","isShown","transitionState","map","child","document","body","_Overlay","displayName"],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  // Our `FocusScope` restores focus to the trigger when it unmounts, from\n  // inside React's own commit where nothing can wrap the call. The window has\n  // to be open before that lands, or the restored trigger's tooltip opens and\n  // eats the user's next `Escape` (CUB-4839).\n  //\n  // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n  // is not always reported: under reduced motion `DisplayTransition` collapses\n  // its duration to zero, so `exit` and `unmounted` are set in one callback and\n  // React batches the `exit` render — and its notification — away entirely.\n  // Closing is the one signal that always arrives.\n  const wasOpen = useRef(!!isOpen);\n\n  if (wasOpen.current !== !!isOpen) {\n    wasOpen.current = !!isOpen;\n\n    if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown }) => {\n          return (\n            <OpenTransitionContext.Provider\n              value={{ transitionState: phase as ReportedPhase }}\n            >\n              {Children.map(\n                children,\n                (child) =>\n                  child &&\n                  cloneElement(\n                    child as ReactElement,\n                    {\n                      isOpen: isShown,\n                      transitionState: phase,\n                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  // Popover, Modal and Tray all portal through here, which makes this the\n  // overlay path that matters most for batching: a dialog or menu mounts a\n  // fresh subtree and react-aria positions it from a layout effect in the same\n  // commit. `<Root>` does not re-render for those commits, so open a window\n  // here — it flushes in `useInsertionEffect`, before any positioning effect\n  // reads the DOM. Note this is a *raw* `createPortal`, not `<Portal>`, so the\n  // window `<Portal>` opens does not reach these overlays.\n  return createPortal(\n    <TastyBatchProvider>{contents}</TastyBatchProvider>,\n    container || root || document.body,\n  );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;;;AA6BA,MAAMsB,gBAAgB;AAEtB,SAASC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFC,UACAC,QACAP,YAAY,MACZQ,SACAC,YACAC,WACAC,QACAC,WACAC,UACAC,cAAc,UACZV;CACJ,IAAI,CAACW,QAAQC,aAAa7B,SAAS,CAACoB,OAAO;AAE3C,KAAIA,UAAUQ,OACZC,WAAU,MAAM;CAalB,MAAMC,UAAU/B,OAAO,CAAC,CAACqB,OAAO;AAEhC,KAAIU,QAAQC,YAAY,CAAC,CAACX,QAAQ;AAChCU,UAAQC,UAAU,CAAC,CAACX;AAEpB,MAAI,CAACA,OAAQhB,wBAAuBW,gBAAgB,IAAI;;CAG1D,IAAI,EAAEiB,SAAS7B,iBAAiB,EAAE,CAAU;CAE5C,IAAI8B,oBAAoBnC,aACrBoC,UAAyB;AACxB,UAAQA,OAAR;GACE,KAAK;AACHL,cAAU,MAAM;AAChBR,eAAW;AACXC,kBAAc;AACd;GACF,KAAK;AACHC,iBAAa;AACb;GACF,KAAK;AACHC,cAAU;AACVC,iBAAa;AACb;GACF,KAAK;AACHI,cAAU,KAAK;AACfH,gBAAY;AACZ;;IAGN;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;EACtD,CAAC;AAID,KAAI,EAFeN,UAAU,CAACQ,SAG5B;MAAI,CAACD,YACH,QAAO;;AA2CX,QAAO1B,aACL,oBAAC,gCAvCD,oBAAC;EAAciB;YACb,oBAAC;GACC,SAAS,CAAC,CAACE;GACX,iBAAiBO;GACjB,UAAUZ;GACV,eAAekB;cAEb,EAAEC,OAAAA,SAAOG,cAAc;AACvB,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAEC,iBAAiBJ,SAAwB;eAEjDxC,SAAS6C,IACRpB,WACCqB,UACCA,SACA7C,aACE6C,OACA;MACEpB,QAAQiB;MACRC,iBAAiBJ;MAClB,CAEP,CAAC;MAC8B;;IAGpB;GAEtB,GAUoD,EACnDrB,aAAamB,QAAQS,SAASC,KAC/B;;AAGH,IAAIC,WAAW/C,WAAWoB,QAAQ;AAElC2B,SAASC,cAAc"}
+{"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","useCallback","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","DisplayTransition","OpenTransitionContext","WithCloseBehavior","OverlayProps","Props","ReportedPhase","CubeOverlayProps","Omit","container","HTMLElement","EXIT_DURATION","Overlay","props","ref","children","isOpen","onEnter","onEntering","onEntered","onExit","onExiting","onExited","hideOnClose","exited","setExited","wasOpen","current","root","handlePhaseChange","phase","mountOverlay","contents","isShown","isExiting","transitionState","map","child","undefined","document","body","_Overlay","displayName"],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  // Our `FocusScope` restores focus to the trigger when it unmounts, from\n  // inside React's own commit where nothing can wrap the call. The window has\n  // to be open before that lands, or the restored trigger's tooltip opens and\n  // eats the user's next `Escape` (CUB-4839).\n  //\n  // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n  // is not always reported: under reduced motion `DisplayTransition` collapses\n  // its duration to zero, so `exit` and `unmounted` are set in one callback and\n  // React batches the `exit` render — and its notification — away entirely.\n  // Closing is the one signal that always arrives.\n  const wasOpen = useRef(!!isOpen);\n\n  if (wasOpen.current !== !!isOpen) {\n    wasOpen.current = !!isOpen;\n\n    if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown, isExiting }) => {\n          return (\n            <OpenTransitionContext.Provider\n              value={{ transitionState: phase as ReportedPhase }}\n            >\n              {Children.map(\n                children,\n                (child) =>\n                  child &&\n                  cloneElement(\n                    child as ReactElement,\n                    {\n                      isOpen: isShown,\n                      transitionState: phase,\n                      // A closed overlay leaves React Aria's stack of visible\n                      // overlays at once, but stays on screen, and clickable,\n                      // while it fades out. A press on it then counts as a\n                      // press outside whatever overlay is topmost again, so a\n                      // click on a fading list closed the Dialog under it\n                      // (CUB-5293). React Aria never treats a press inside a\n                      // top-layer element as outside.\n                      'data-react-aria-top-layer': isExiting || undefined,\n                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  // Popover, Modal and Tray all portal through here, which makes this the\n  // overlay path that matters most for batching: a dialog or menu mounts a\n  // fresh subtree and react-aria positions it from a layout effect in the same\n  // commit. `<Root>` does not re-render for those commits, so open a window\n  // here — it flushes in `useInsertionEffect`, before any positioning effect\n  // reads the DOM. Note this is a *raw* `createPortal`, not `<Portal>`, so the\n  // window `<Portal>` opens does not reach these overlays.\n  return createPortal(\n    <TastyBatchProvider>{contents}</TastyBatchProvider>,\n    container || root || document.body,\n  );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;;;AA6BA,MAAMsB,gBAAgB;AAEtB,SAASC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFC,UACAC,QACAP,YAAY,MACZQ,SACAC,YACAC,WACAC,QACAC,WACAC,UACAC,cAAc,UACZV;CACJ,IAAI,CAACW,QAAQC,aAAa7B,SAAS,CAACoB,OAAO;AAE3C,KAAIA,UAAUQ,OACZC,WAAU,MAAM;CAalB,MAAMC,UAAU/B,OAAO,CAAC,CAACqB,OAAO;AAEhC,KAAIU,QAAQC,YAAY,CAAC,CAACX,QAAQ;AAChCU,UAAQC,UAAU,CAAC,CAACX;AAEpB,MAAI,CAACA,OAAQhB,wBAAuBW,gBAAgB,IAAI;;CAG1D,IAAI,EAAEiB,SAAS7B,iBAAiB,EAAE,CAAU;CAE5C,IAAI8B,oBAAoBnC,aACrBoC,UAAyB;AACxB,UAAQA,OAAR;GACE,KAAK;AACHL,cAAU,MAAM;AAChBR,eAAW;AACXC,kBAAc;AACd;GACF,KAAK;AACHC,iBAAa;AACb;GACF,KAAK;AACHC,cAAU;AACVC,iBAAa;AACb;GACF,KAAK;AACHI,cAAU,KAAK;AACfH,gBAAY;AACZ;;IAGN;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;EACtD,CAAC;AAID,KAAI,EAFeN,UAAU,CAACQ,SAG5B;MAAI,CAACD,YACH,QAAO;;AAmDX,QAAO1B,aACL,oBAAC,gCA/CD,oBAAC;EAAciB;YACb,oBAAC;GACC,SAAS,CAAC,CAACE;GACX,iBAAiBO;GACjB,UAAUZ;GACV,eAAekB;cAEb,EAAEC,OAAAA,SAAOG,SAASC,gBAAgB;AAClC,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAEC,iBAAiBL,SAAwB;eAEjDxC,SAAS8C,IACRrB,WACCsB,UACCA,SACA9C,aACE8C,OACA;MACErB,QAAQiB;MACRE,iBAAiBL;MAQjB,6BAA6BI,aAAaI;MAC3C,CAEP,CAAC;MAC8B;;IAGpB;GAEtB,GAUoD,EACnD7B,aAAamB,QAAQW,SAASC,KAC/B;;AAGH,IAAIC,WAAWjD,WAAWoB,QAAQ;AAElC6B,SAASC,cAAc"}

package/dist/components/overlays/Modal/Popover.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { _Overlay } from "./Overlay.js";
 import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
+import { _Overlay } from "./Overlay.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/overlays/Modal/Tray.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
+import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";
 import { OVERLAY_WRAPPER_STYLES } from "./Modal.js";
@@ -80,7 +81,8 @@ function Tray(props, ref) {
 		$[10] = shouldCloseOnInteractOutside;
 		$[11] = t0;
 	} else t0 = $[11];
-	const { overlayProps, underlayProps } = useOverlay(t0, domRef);
+	const { overlayProps: rawOverlayProps, underlayProps } = useOverlay(t0, domRef);
+	const overlayProps = useOverlayEscapeGuard(rawOverlayProps, props.isOpen);
 	let t1;
 	if ($[12] !== underlayProps) {
 		t1 = /* @__PURE__ */ jsx(_Underlay, { ...underlayProps });