@cube-dev/ui-kit 0.189.0 → 0.190.0

package/dist/components/layout/Board/use-board-selection.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.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/components/layout/Flex.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.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Flow.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.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Grid.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.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Panel.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.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Prefix.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.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.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.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.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.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.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.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/navigation/Pagination/Pagination.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.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.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.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/navigation/Tabs/DraggableTabList.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.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabButton.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.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/navigation/Tabs/TabDropIndicator.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.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { c } from "react-compiler-runtime";

package/dist/components/navigation/Tabs/TabPanel.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.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useMemo, useRef } from "react";

package/dist/components/navigation/Tabs/TabPicker.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.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/navigation/Tabs/Tabs.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.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.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.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { c } from "react-compiler-runtime";

package/dist/components/navigation/Tabs/TabsContext.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.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/popover-placement.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.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.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.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/navigation/Tabs/types.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.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.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.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useState } from "react";
 

package/dist/components/navigation/Tabs/use-tab-indicator.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.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/components/organisms/StatsCard/StatsCard.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.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.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.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/CalendarCell.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.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/other/Calendar/CalendarGrid.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.0 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/CalendarHeader.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.0 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";

package/dist/components/other/Calendar/CalendarPanel.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.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";

package/dist/components/other/Calendar/PeriodCalendar.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.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

package/dist/components/other/Calendar/PeriodGrid.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.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

package/dist/components/other/Calendar/RangeCalendar.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.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/styled.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.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/other/Calendar/styled.tsx

package/dist/components/other/CubeLogo/CubeLogo.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.0 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { c } from "react-compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/other/NoDataIcon/NoDataIcon.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.0 | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/components/overlays/AlertDialog/AlertDialog.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.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

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

@@ -7,48 +7,39 @@ interface AlertDialogApi {
   /**
    * Opens the dialog. Resolves with the action the user picked. Rejects with
    * `undefined` when the dialog closes without one (Cancel, dismissal or an
-   * aborted `cancelToken`), and with an `Error` when it cannot open.
+   * aborted `cancelToken`), and with an `Error` when it cannot open. A cancel
+   * is not reported as an unhandled rejection when the promise is ignored.
    */
   open: (dialogProps: DialogProps, params?: AlertDialogApiParams) => Promise<AlertDialogResolveStatus>;
 }
 interface AlertDialogApiParams {
-  /** Closes the dialog when aborted, rejecting the promise with `undefined`. */
+  /** Closes the dialog when aborted, which settles it as a cancel. */
   cancelToken?: AbortSignal;
 }
 /**
  * Hook gives the ability to open `<AlertDialog />` imperatively.
  *
- * `open` resolves with the action the user picked. It rejects with `undefined`
- * when the user cancels or dismisses the dialog, or its `cancelToken` aborts,
- * and with an `Error` when the dialog cannot open. Handle the rejection, and
- * tell the two apart: a cancel is not a failure.
+ * Pass the action as `onConfirm`. If it returns a promise, the dialog waits
+ * for it with the button loading, and stays open if it fails.
+ *
+ * The returned promise resolves with the action the user picked and rejects
+ * with `undefined` on a cancel. A caller that runs everything in the callbacks
+ * can ignore it: an ignored cancel is not reported as an unhandled rejection.
  *
  * ***Important*** only one alert dialog can be open at a time: `open` rejects
- * while another one is open. A dialog that is already closing gives way.
+ * with an `Error` while another one is open. A dialog that is already closing
+ * gives way.
  *
- * @example opening dialog on Button click.
+ * @example running the action from the dialog.
  * const { open } = useAlertDialogAPI();
  *
- * const onPress = async () => {
- *   let status;
- *
- *   try {
- *     status = await open({
- *       title: 'Delete the item?',
- *       danger: true,
- *       actions: { confirm: { children: 'Delete' }, cancel: true },
- *     });
- *   } catch (reason) {
- *     // Cancel or dismissal
- *     if (reason === undefined) return;
- *
- *     // A real failure, e.g. another dialog is already open
- *     throw reason;
- *   }
- *
- *   if (status === 'confirm') {
- *     // Handle confirm
- *   }
+ * const onPress = () => {
+ *   open({
+ *     title: 'Delete the item?',
+ *     danger: true,
+ *     actions: { confirm: { children: 'Delete' }, cancel: true },
+ *     onConfirm: () => deleteItem(),
+ *   });
  * };
  *
  * return <Button onPress={onPress}>Delete</Button>
@@ -64,10 +55,7 @@ interface AlertDialogApiParams {
  *   open(
  *     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },
  *     { cancelToken: controllerRef.current.signal },
- *   ).catch((reason) => {
- *     // Aborting rejects with `undefined`, like Cancel does
- *     if (reason !== undefined) throw reason;
- *   });
+ *   );
  * };
  *
  * // Later, e.g. when the approval arrives:

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.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.0 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react-compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";
@@ -7,19 +7,56 @@ import invariant from "tiny-invariant";
 
 //#region src/components/overlays/AlertDialog/AlertDialogApiProvider.tsx
 const DialogApiContext = createContext(null);
+function isThenable(value) {
+	return !!value && typeof value.then === "function";
+}
+/** Runs an action handler, turning a throw into a rejected promise. */
+function runHandler(handler) {
+	if (!handler) return void 0;
+	try {
+		return handler();
+	} catch (error) {
+		return Promise.reject(error);
+	}
+}
+/**
+* Runs the button's `onPress` and the dialog's callback for the same action.
+* Returns a promise when either does, so the dialog waits for both.
+*/
+function runActionHandlers(handlers) {
+	const pending = handlers.map(runHandler).filter(isThenable);
+	return pending.length ? Promise.all(pending) : void 0;
+}
+/** A cancel rejection nobody listens to is not an error worth reporting. */
+function ignoreUnhandled(promise) {
+	promise.catch(() => {});
+	return promise;
+}
+/** Reports a failed action handler without throwing into the press. */
+function reportActionError(error) {
+	if (typeof globalThis.reportError === "function") globalThis.reportError(error);
+	else setTimeout(() => {
+		throw error;
+	});
+}
 /**
 * @internal Do not use it in your code!
 */
 function AlertDialogApiProvider(props) {
-	const $ = c(6);
+	const $ = c(7);
 	const [openedDialog, setOpenedDialog] = useState(null);
+	const [pendingAction, setPendingAction] = useState(null);
 	const id = useRef(0);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = { open: (dialogProps, t1) => {
 			const params = t1 === void 0 ? {} : t1;
-			const { onDismiss, ...restProps } = dialogProps;
+			const { onDismiss, onConfirm, onSecondary, onCancel, ...restProps } = dialogProps;
 			const { cancelToken } = params;
+			if (cancelToken?.aborted) {
+				onCancel?.();
+				return ignoreUnhandled(Promise.reject(void 0));
+			}
 			const currentId = id.current = id.current + 1;
 			const currentDialog = {
 				props: null,
@@ -29,9 +66,17 @@ function AlertDialogApiProvider(props) {
 					isVisible: true
 				}
 			};
+			let pending = null;
+			const setPending = (status) => {
+				pending = status;
+				setPendingAction((current) => status ? {
+					id: currentId,
+					status
+				} : current?.id === currentId ? null : current);
+			};
 			const onAbort = () => currentDialog.meta.reject(void 0);
 			const close = () => {
-				if (currentDialog.meta.isClosed) return;
+				if (currentDialog.meta.isClosed) return false;
 				currentDialog.meta.isClosed = true;
 				cancelToken?.removeEventListener("abort", onAbort);
 				setOpenedDialog((currentState) => currentState?.meta.id !== currentId ? currentState : {
@@ -42,23 +87,50 @@ function AlertDialogApiProvider(props) {
 					}
 				});
 				setTimeout(() => setOpenedDialog((currentState_0) => currentState_0?.meta.id !== currentId ? currentState_0 : null), 300);
+				return true;
 			};
-			if (cancelToken?.aborted) return Promise.reject(void 0);
+			let resolvePromise;
+			let rejectPromise;
 			currentDialog.meta.promise = new Promise((resolve, reject) => {
-				currentDialog.meta.resolve = (status) => {
-					close();
-					resolve(status);
-				};
-				currentDialog.meta.reject = (reason) => {
-					close();
-					reject(reason);
-				};
+				resolvePromise = resolve;
+				rejectPromise = reject;
 			});
+			currentDialog.meta.resolve = (status_0) => {
+				if (close()) resolvePromise(status_0);
+			};
+			currentDialog.meta.reject = (reason) => {
+				if (!close()) return;
+				if (reason !== void 0) {
+					rejectPromise(reason);
+					return;
+				}
+				ignoreUnhandled(currentDialog.meta.promise);
+				rejectPromise(void 0);
+				onCancel?.();
+			};
+			currentDialog.meta.act = (status_1, onPress) => {
+				const result = runActionHandlers([onPress, status_1 === "confirm" ? onConfirm : onSecondary]);
+				if (!isThenable(result)) {
+					currentDialog.meta.resolve(status_1);
+					return;
+				}
+				setPending(status_1);
+				result.then(() => {
+					setPending(null);
+					if (currentDialog.meta.isClosed) return;
+					currentDialog.meta.resolve(status_1);
+					onDismiss?.(status_1);
+				}, (error) => {
+					setPending(null);
+					reportActionError(error);
+				});
+			};
 			cancelToken?.addEventListener("abort", onAbort, { once: true });
 			currentDialog.props = {
 				...restProps,
-				onDismiss: (e) => {
-					onDismiss?.(e);
+				onDismiss: (action) => {
+					if (pending) return;
+					onDismiss?.(action);
 					currentDialog.meta.reject(void 0);
 				}
 			};
@@ -75,57 +147,51 @@ function AlertDialogApiProvider(props) {
 	} else t0 = $[0];
 	const api = t0;
 	let t1;
-	if ($[1] !== openedDialog) {
-		t1 = /* @__PURE__ */ jsx(AlertDialogZone, { openedDialog });
+	if ($[1] !== openedDialog || $[2] !== pendingAction) {
+		t1 = /* @__PURE__ */ jsx(AlertDialogZone, {
+			openedDialog,
+			pendingAction
+		});
 		$[1] = openedDialog;
-		$[2] = t1;
-	} else t1 = $[2];
+		$[2] = pendingAction;
+		$[3] = t1;
+	} else t1 = $[3];
 	let t2;
-	if ($[3] !== props.children || $[4] !== t1) {
+	if ($[4] !== props.children || $[5] !== t1) {
 		t2 = /* @__PURE__ */ jsxs(DialogApiContext.Provider, {
 			value: api,
 			children: [t1, props.children]
 		});
-		$[3] = props.children;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
+		$[4] = props.children;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
 	return t2;
 }
 /**
 * Hook gives the ability to open `<AlertDialog />` imperatively.
 *
-* `open` resolves with the action the user picked. It rejects with `undefined`
-* when the user cancels or dismisses the dialog, or its `cancelToken` aborts,
-* and with an `Error` when the dialog cannot open. Handle the rejection, and
-* tell the two apart: a cancel is not a failure.
+* Pass the action as `onConfirm`. If it returns a promise, the dialog waits
+* for it with the button loading, and stays open if it fails.
+*
+* The returned promise resolves with the action the user picked and rejects
+* with `undefined` on a cancel. A caller that runs everything in the callbacks
+* can ignore it: an ignored cancel is not reported as an unhandled rejection.
 *
 * ***Important*** only one alert dialog can be open at a time: `open` rejects
-* while another one is open. A dialog that is already closing gives way.
+* with an `Error` while another one is open. A dialog that is already closing
+* gives way.
 *
-* @example opening dialog on Button click.
+* @example running the action from the dialog.
 * const { open } = useAlertDialogAPI();
 *
-* const onPress = async () => {
-*   let status;
-*
-*   try {
-*     status = await open({
-*       title: 'Delete the item?',
-*       danger: true,
-*       actions: { confirm: { children: 'Delete' }, cancel: true },
-*     });
-*   } catch (reason) {
-*     // Cancel or dismissal
-*     if (reason === undefined) return;
-*
-*     // A real failure, e.g. another dialog is already open
-*     throw reason;
-*   }
-*
-*   if (status === 'confirm') {
-*     // Handle confirm
-*   }
+* const onPress = () => {
+*   open({
+*     title: 'Delete the item?',
+*     danger: true,
+*     actions: { confirm: { children: 'Delete' }, cancel: true },
+*     onConfirm: () => deleteItem(),
+*   });
 * };
 *
 * return <Button onPress={onPress}>Delete</Button>
@@ -141,10 +207,7 @@ function AlertDialogApiProvider(props) {
 *   open(
 *     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },
 *     { cancelToken: controllerRef.current.signal },
-*   ).catch((reason) => {
-*     // Aborting rejects with `undefined`, like Cancel does
-*     if (reason !== undefined) throw reason;
-*   });
+*   );
 * };
 *
 * // Later, e.g. when the approval arrives: