@oxyhq/bloom 0.30.10 → 0.32.0

package/lib/commonjs/alert-dialog/AlertDialog.js

@@ -5,16 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createAlertDialog = createAlertDialog;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _button = require("../button");
-var _useTheme = require("../theme/use-theme.js");
-var _index = require("../typography/index.js");
-var _tokens = require("../styles/tokens.js");
+var _context = require("../dialog/context.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/** Centered alert-card max width (px). Matches the legacy AlertDialog card. */
-const ALERT_DIALOG_MAX_WIDTH = 440;
-
 /**
  * Build the `AlertDialog` component bound to a platform `Dialog`.
  *
@@ -24,10 +17,29 @@ const ALERT_DIALOG_MAX_WIDTH = 440;
  * (`index.ts` / `index.web.ts`) inject the correct `Dialog` here. The body
  * below is single-source, no duplication.
  *
- * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that lays
- * out a title, description and a confirm/cancel action row. Reach for the
+ * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that maps
+ * the confirm/cancel props onto the Dialog's declarative `actions` row — the
+ * SAME battle-tested `ActionRow`/`ActionButton` primitive every other bloom
+ * confirm surface uses (e.g. Mention's `ConfirmPrompt`), so the button
+ * component, layout, and palette stay identical across apps. Reach for the
  * imperative `confirm()` helper + `<AlertDialogHost />` to trigger a confirm
  * from an event handler without owning visible state.
+ *
+ * Control mode — IMPERATIVE, not controlled. `AlertDialog` keeps its public
+ * *controlled* API (`visible` boolean + `onClose`) but internally bridges it
+ * onto the Dialog's imperative `useDialogControl()` handle, so `confirm()`
+ * drives `<Dialog>` through the EXACT uncontrolled/imperative internals
+ * Mention's `ConfirmPrompt` uses. That is the code path that actually plays the
+ * exit animation on dismiss: imperative `close()` sets `isClosing`, runs the
+ * exit animation, and fires `onClose` only once it settles. The controlled path
+ * instead fires `onClose` synchronously — and because `<AlertDialogHost />`
+ * resolves + drops the queue entry inside `onClose`, the surface would then
+ * unmount instantly, skipping the exit animation entirely. Bridging to
+ * imperative mode eliminates that fork so `confirm()` and Mention's
+ * `ConfirmPrompt` are pixel/timing identical.
+ *
+ * The centered card uses the Dialog default `maxWidth` (480px) for full visual
+ * parity with the shared confirm surface.
  */
 function createAlertDialog(Dialog) {
   const AlertDialogComponent = function AlertDialog({
@@ -41,77 +53,89 @@ function createAlertDialog(Dialog) {
     onCancel,
     destructive = false,
     hideCancel = false,
-    dismissible = false,
+    dismissible = true,
     cardStyle,
     testID
   }) {
-    const theme = (0, _useTheme.useTheme)();
-    const handleCancel = (0, _react.useCallback)(() => {
-      onCancel?.();
-      onClose();
-    }, [onCancel, onClose]);
-    const handleConfirm = (0, _react.useCallback)(() => {
-      onConfirm?.();
+    const control = (0, _context.useDialogControl)();
+
+    // Bridge the public *controlled* `visible` prop onto the Dialog's
+    // imperative open/close. Opening on mount straight from an effect (no
+    // `setTimeout`) mirrors bloom's own `AutoMountedDialog` (which backs
+    // `alert()`) — the canonical fresh-mount imperative-open pattern:
+    // `<AlertDialogHost />` mounts a FRESH `AlertDialog` per confirm
+    // (`key={id}`) with the final content already committed, so there is no
+    // stale-content window to defer past and the entry animation curve stays
+    // identical to Mention's. `control` is referentially stable (memoised on
+    // its id), so this effect only re-runs when `visible` actually flips. When
+    // a direct consumer flips `visible` to `false`, we imperatively `close()`
+    // so the exit animation still plays.
+    const closingFromPropRef = (0, _react.useRef)(false);
+    (0, _react.useEffect)(() => {
+      if (visible) {
+        control.open();
+        return;
+      }
+      closingFromPropRef.current = true;
+      control.close();
+    }, [visible, control]);
+
+    // The Dialog fires `onClose` after the exit animation settles (imperative
+    // mode). Forward ONLY user-initiated dismissals (backdrop / Escape / cancel)
+    // to the consumer — a consumer-initiated close (they flipped `visible` to
+    // `false`) must not re-enter `onClose`, preserving the previous controlled
+    // semantics where a programmatic close does not fire `onClose`.
+    const handleClose = (0, _react.useCallback)(() => {
+      if (closingFromPropRef.current) {
+        closingFromPropRef.current = false;
+        return;
+      }
       onClose();
-    }, [onConfirm, onClose]);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dialog, {
-      open: visible,
-      onClose: onClose,
+    }, [onClose]);
+
+    // Confirm/cancel map onto the Dialog's declarative action row. Both keep the
+    // default `shouldCloseOnPress` (true): the button runs the exit animation
+    // FIRST, then invokes `onPress` as a close-completion callback — so
+    // `onConfirm` resolves the `confirm()` promise as the surface animates out,
+    // exactly like Mention. `onConfirm` (resolve `true`, drains the entry) runs
+    // just BEFORE the Dialog's own post-close `onClose` (→ `handleClose` →
+    // resolve `false`, now a no-op for the drained entry), which is what makes
+    // the confirm button win the double-resolution guard.
+    const actions = [{
+      label: confirmLabel,
+      onPress: onConfirm,
+      color: destructive ? 'destructive' : 'default'
+    }];
+    if (!hideCancel) {
+      // The `cancel` color auto-dismisses via the Dialog's `close()` (exit
+      // animation), then runs `onCancel` as a close-completion callback.
+      actions.push({
+        label: cancelLabel,
+        onPress: onCancel,
+        color: 'cancel'
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog, {
+      control: control,
+      onClose: handleClose,
       placement: "center"
-      // Alert dialogs are blocking by default — the backdrop only dismisses
-      // when the caller opts in via `dismissible`.
+      // Alert dialogs dismiss on backdrop / Escape by default (matching the
+      // shared Dialog default and Mention's `ConfirmPrompt`). A backdrop /
+      // Escape dismissal can only ever resolve the confirm as cancelled
+      // (`false`), never the destructive action — callers that need a truly
+      // blocking confirm opt out with `dismissible={false}`.
       ,
       dismissOnBackdrop: dismissible,
-      maxWidth: ALERT_DIALOG_MAX_WIDTH,
       title: title,
+      description: description,
+      actions: actions,
       label: title,
       style: cardStyle,
-      testID: testID,
-      children: [description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-        style: {
-          fontSize: _tokens.fontSize.md,
-          lineHeight: _tokens.fontSize.md * 1.4,
-          color: theme.colors.textSecondary,
-          paddingBottom: _tokens.space.lg
-        },
-        children: description
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.actions,
-        children: [!hideCancel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-          variant: "secondary",
-          size: "medium",
-          onPress: handleCancel,
-          style: styles.action,
-          accessibilityLabel: cancelLabel,
-          children: cancelLabel
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-          variant: "primary",
-          size: "medium",
-          onPress: handleConfirm,
-          style: _reactNative.StyleSheet.flatten([styles.action, destructive && {
-            backgroundColor: theme.colors.negative
-          }]),
-          textStyle: destructive ? {
-            color: theme.colors.negativeForeground
-          } : undefined,
-          accessibilityLabel: confirmLabel,
-          children: confirmLabel
-        })]
-      })]
+      testID: testID
     });
   };
   const AlertDialog = /*#__PURE__*/(0, _react.memo)(AlertDialogComponent);
   AlertDialog.displayName = 'AlertDialog';
   return AlertDialog;
 }
-const styles = _reactNative.StyleSheet.create({
-  actions: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    gap: _tokens.space.sm
-  },
-  action: {
-    minWidth: 96
-  }
-});
 //# sourceMappingURL=AlertDialog.js.map

package/lib/commonjs/alert-dialog/AlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_useTheme","_index","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ALERT_DIALOG_MAX_WIDTH","createAlertDialog","Dialog","AlertDialogComponent","AlertDialog","visible","onClose","title","description","confirmLabel","cancelLabel","onConfirm","onCancel","destructive","hideCancel","dismissible","cardStyle","testID","theme","useTheme","handleCancel","useCallback","handleConfirm","jsxs","open","placement","dismissOnBackdrop","maxWidth","label","style","children","jsx","Text","fontSize","md","lineHeight","color","colors","textSecondary","paddingBottom","space","lg","View","styles","actions","Button","variant","size","onPress","action","accessibilityLabel","StyleSheet","flatten","backgroundColor","negative","textStyle","negativeForeground","undefined","memo","displayName","create","flexDirection","justifyContent","gap","sm","minWidth"],"sourceRoot":"../../../src","sources":["alert-dialog/AlertDialog.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createAlertDialog","Dialog","AlertDialogComponent","AlertDialog","visible","onClose","title","description","confirmLabel","cancelLabel","onConfirm","onCancel","destructive","hideCancel","dismissible","cardStyle","testID","control","useDialogControl","closingFromPropRef","useRef","useEffect","open","current","close","handleClose","useCallback","actions","label","onPress","color","push","jsx","placement","dismissOnBackdrop","style","memo","displayName"],"sourceRoot":"../../../src","sources":["alert-dialog/AlertDialog.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAAqD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAKrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,iBAAiBA,CAACC,MAAuB,EAAE;EACzD,MAAMC,oBAAoB,GAAG,SAASC,WAAWA,CAAC;IAChDC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,YAAY,GAAG,SAAS;IACxBC,WAAW,GAAG,QAAQ;IACtBC,SAAS;IACTC,QAAQ;IACRC,WAAW,GAAG,KAAK;IACnBC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,IAAI;IAClBC,SAAS;IACTC;EACgB,CAAC,EAAE;IACnB,MAAMC,OAAO,GAAG,IAAAC,yBAAgB,EAAC,CAAC;;IAElC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;IACxC,IAAAC,gBAAS,EAAC,MAAM;MACd,IAAIjB,OAAO,EAAE;QACXa,OAAO,CAACK,IAAI,CAAC,CAAC;QACd;MACF;MACAH,kBAAkB,CAACI,OAAO,GAAG,IAAI;MACjCN,OAAO,CAACO,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAACpB,OAAO,EAAEa,OAAO,CAAC,CAAC;;IAEtB;IACA;IACA;IACA;IACA;IACA,MAAMQ,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;MACpC,IAAIP,kBAAkB,CAACI,OAAO,EAAE;QAC9BJ,kBAAkB,CAACI,OAAO,GAAG,KAAK;QAClC;MACF;MACAlB,OAAO,CAAC,CAAC;IACX,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;;IAEb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMsB,OAAuB,GAAG,CAC9B;MACEC,KAAK,EAAEpB,YAAY;MACnBqB,OAAO,EAAEnB,SAAS;MAClBoB,KAAK,EAAElB,WAAW,GAAG,aAAa,GAAG;IACvC,CAAC,CACF;IACD,IAAI,CAACC,UAAU,EAAE;MACf;MACA;MACAc,OAAO,CAACI,IAAI,CAAC;QACXH,KAAK,EAAEnB,WAAW;QAClBoB,OAAO,EAAElB,QAAQ;QACjBmB,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;IAEA,oBACE,IAAAlD,WAAA,CAAAoD,GAAA,EAAC/B,MAAM;MACLgB,OAAO,EAAEA,OAAQ;MACjBZ,OAAO,EAAEoB,WAAY;MACrBQ,SAAS,EAAC;MACV;MACA;MACA;MACA;MACA;MAAA;MACAC,iBAAiB,EAAEpB,WAAY;MAC/BR,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBoB,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEtB,KAAM;MACb6B,KAAK,EAAEpB,SAAU;MACjBC,MAAM,EAAEA;IAAO,CAChB,CAAC;EAEN,CAAC;EAED,MAAMb,WAAW,gBAAG,IAAAiC,WAAI,EAAClC,oBAAoB,CAAC;EAC9CC,WAAW,CAACkC,WAAW,GAAG,aAAa;EACvC,OAAOlC,WAAW;AACpB","ignoreList":[]}

package/lib/module/alert-dialog/AlertDialog.js

@@ -1,15 +1,8 @@
 "use strict";
 
-import React, { memo, useCallback } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Button } from '../button';
-import { useTheme } from "../theme/use-theme.js";
-import { Text } from "../typography/index.js";
-import { fontSize, space } from "../styles/tokens.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** Centered alert-card max width (px). Matches the legacy AlertDialog card. */
-const ALERT_DIALOG_MAX_WIDTH = 440;
-
+import React, { memo, useCallback, useEffect, useRef } from 'react';
+import { useDialogControl } from "../dialog/context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Build the `AlertDialog` component bound to a platform `Dialog`.
  *
@@ -19,10 +12,29 @@ const ALERT_DIALOG_MAX_WIDTH = 440;
  * (`index.ts` / `index.web.ts`) inject the correct `Dialog` here. The body
  * below is single-source, no duplication.
  *
- * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that lays
- * out a title, description and a confirm/cancel action row. Reach for the
+ * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that maps
+ * the confirm/cancel props onto the Dialog's declarative `actions` row — the
+ * SAME battle-tested `ActionRow`/`ActionButton` primitive every other bloom
+ * confirm surface uses (e.g. Mention's `ConfirmPrompt`), so the button
+ * component, layout, and palette stay identical across apps. Reach for the
  * imperative `confirm()` helper + `<AlertDialogHost />` to trigger a confirm
  * from an event handler without owning visible state.
+ *
+ * Control mode — IMPERATIVE, not controlled. `AlertDialog` keeps its public
+ * *controlled* API (`visible` boolean + `onClose`) but internally bridges it
+ * onto the Dialog's imperative `useDialogControl()` handle, so `confirm()`
+ * drives `<Dialog>` through the EXACT uncontrolled/imperative internals
+ * Mention's `ConfirmPrompt` uses. That is the code path that actually plays the
+ * exit animation on dismiss: imperative `close()` sets `isClosing`, runs the
+ * exit animation, and fires `onClose` only once it settles. The controlled path
+ * instead fires `onClose` synchronously — and because `<AlertDialogHost />`
+ * resolves + drops the queue entry inside `onClose`, the surface would then
+ * unmount instantly, skipping the exit animation entirely. Bridging to
+ * imperative mode eliminates that fork so `confirm()` and Mention's
+ * `ConfirmPrompt` are pixel/timing identical.
+ *
+ * The centered card uses the Dialog default `maxWidth` (480px) for full visual
+ * parity with the shared confirm surface.
  */
 export function createAlertDialog(Dialog) {
   const AlertDialogComponent = function AlertDialog({
@@ -36,77 +48,89 @@ export function createAlertDialog(Dialog) {
     onCancel,
     destructive = false,
     hideCancel = false,
-    dismissible = false,
+    dismissible = true,
     cardStyle,
     testID
   }) {
-    const theme = useTheme();
-    const handleCancel = useCallback(() => {
-      onCancel?.();
-      onClose();
-    }, [onCancel, onClose]);
-    const handleConfirm = useCallback(() => {
-      onConfirm?.();
+    const control = useDialogControl();
+
+    // Bridge the public *controlled* `visible` prop onto the Dialog's
+    // imperative open/close. Opening on mount straight from an effect (no
+    // `setTimeout`) mirrors bloom's own `AutoMountedDialog` (which backs
+    // `alert()`) — the canonical fresh-mount imperative-open pattern:
+    // `<AlertDialogHost />` mounts a FRESH `AlertDialog` per confirm
+    // (`key={id}`) with the final content already committed, so there is no
+    // stale-content window to defer past and the entry animation curve stays
+    // identical to Mention's. `control` is referentially stable (memoised on
+    // its id), so this effect only re-runs when `visible` actually flips. When
+    // a direct consumer flips `visible` to `false`, we imperatively `close()`
+    // so the exit animation still plays.
+    const closingFromPropRef = useRef(false);
+    useEffect(() => {
+      if (visible) {
+        control.open();
+        return;
+      }
+      closingFromPropRef.current = true;
+      control.close();
+    }, [visible, control]);
+
+    // The Dialog fires `onClose` after the exit animation settles (imperative
+    // mode). Forward ONLY user-initiated dismissals (backdrop / Escape / cancel)
+    // to the consumer — a consumer-initiated close (they flipped `visible` to
+    // `false`) must not re-enter `onClose`, preserving the previous controlled
+    // semantics where a programmatic close does not fire `onClose`.
+    const handleClose = useCallback(() => {
+      if (closingFromPropRef.current) {
+        closingFromPropRef.current = false;
+        return;
+      }
       onClose();
-    }, [onConfirm, onClose]);
-    return /*#__PURE__*/_jsxs(Dialog, {
-      open: visible,
-      onClose: onClose,
+    }, [onClose]);
+
+    // Confirm/cancel map onto the Dialog's declarative action row. Both keep the
+    // default `shouldCloseOnPress` (true): the button runs the exit animation
+    // FIRST, then invokes `onPress` as a close-completion callback — so
+    // `onConfirm` resolves the `confirm()` promise as the surface animates out,
+    // exactly like Mention. `onConfirm` (resolve `true`, drains the entry) runs
+    // just BEFORE the Dialog's own post-close `onClose` (→ `handleClose` →
+    // resolve `false`, now a no-op for the drained entry), which is what makes
+    // the confirm button win the double-resolution guard.
+    const actions = [{
+      label: confirmLabel,
+      onPress: onConfirm,
+      color: destructive ? 'destructive' : 'default'
+    }];
+    if (!hideCancel) {
+      // The `cancel` color auto-dismisses via the Dialog's `close()` (exit
+      // animation), then runs `onCancel` as a close-completion callback.
+      actions.push({
+        label: cancelLabel,
+        onPress: onCancel,
+        color: 'cancel'
+      });
+    }
+    return /*#__PURE__*/_jsx(Dialog, {
+      control: control,
+      onClose: handleClose,
       placement: "center"
-      // Alert dialogs are blocking by default — the backdrop only dismisses
-      // when the caller opts in via `dismissible`.
+      // Alert dialogs dismiss on backdrop / Escape by default (matching the
+      // shared Dialog default and Mention's `ConfirmPrompt`). A backdrop /
+      // Escape dismissal can only ever resolve the confirm as cancelled
+      // (`false`), never the destructive action — callers that need a truly
+      // blocking confirm opt out with `dismissible={false}`.
       ,
       dismissOnBackdrop: dismissible,
-      maxWidth: ALERT_DIALOG_MAX_WIDTH,
       title: title,
+      description: description,
+      actions: actions,
       label: title,
       style: cardStyle,
-      testID: testID,
-      children: [description ? /*#__PURE__*/_jsx(Text, {
-        style: {
-          fontSize: fontSize.md,
-          lineHeight: fontSize.md * 1.4,
-          color: theme.colors.textSecondary,
-          paddingBottom: space.lg
-        },
-        children: description
-      }) : null, /*#__PURE__*/_jsxs(View, {
-        style: styles.actions,
-        children: [!hideCancel ? /*#__PURE__*/_jsx(Button, {
-          variant: "secondary",
-          size: "medium",
-          onPress: handleCancel,
-          style: styles.action,
-          accessibilityLabel: cancelLabel,
-          children: cancelLabel
-        }) : null, /*#__PURE__*/_jsx(Button, {
-          variant: "primary",
-          size: "medium",
-          onPress: handleConfirm,
-          style: StyleSheet.flatten([styles.action, destructive && {
-            backgroundColor: theme.colors.negative
-          }]),
-          textStyle: destructive ? {
-            color: theme.colors.negativeForeground
-          } : undefined,
-          accessibilityLabel: confirmLabel,
-          children: confirmLabel
-        })]
-      })]
+      testID: testID
     });
   };
   const AlertDialog = /*#__PURE__*/memo(AlertDialogComponent);
   AlertDialog.displayName = 'AlertDialog';
   return AlertDialog;
 }
-const styles = StyleSheet.create({
-  actions: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    gap: space.sm
-  },
-  action: {
-    minWidth: 96
-  }
-});
 //# sourceMappingURL=AlertDialog.js.map

package/lib/module/alert-dialog/AlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","StyleSheet","View","Button","useTheme","Text","fontSize","space","jsx","_jsx","jsxs","_jsxs","ALERT_DIALOG_MAX_WIDTH","createAlertDialog","Dialog","AlertDialogComponent","AlertDialog","visible","onClose","title","description","confirmLabel","cancelLabel","onConfirm","onCancel","destructive","hideCancel","dismissible","cardStyle","testID","theme","handleCancel","handleConfirm","open","placement","dismissOnBackdrop","maxWidth","label","style","children","md","lineHeight","color","colors","textSecondary","paddingBottom","lg","styles","actions","variant","size","onPress","action","accessibilityLabel","flatten","backgroundColor","negative","textStyle","negativeForeground","undefined","displayName","create","flexDirection","justifyContent","gap","sm","minWidth"],"sourceRoot":"../../../src","sources":["alert-dialog/AlertDialog.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useEffect","useRef","useDialogControl","jsx","_jsx","createAlertDialog","Dialog","AlertDialogComponent","AlertDialog","visible","onClose","title","description","confirmLabel","cancelLabel","onConfirm","onCancel","destructive","hideCancel","dismissible","cardStyle","testID","control","closingFromPropRef","open","current","close","handleClose","actions","label","onPress","color","push","placement","dismissOnBackdrop","style","displayName"],"sourceRoot":"../../../src","sources":["alert-dialog/AlertDialog.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAGnE,SAASC,gBAAgB,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAACC,MAAuB,EAAE;EACzD,MAAMC,oBAAoB,GAAG,SAASC,WAAWA,CAAC;IAChDC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,YAAY,GAAG,SAAS;IACxBC,WAAW,GAAG,QAAQ;IACtBC,SAAS;IACTC,QAAQ;IACRC,WAAW,GAAG,KAAK;IACnBC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,IAAI;IAClBC,SAAS;IACTC;EACgB,CAAC,EAAE;IACnB,MAAMC,OAAO,GAAGpB,gBAAgB,CAAC,CAAC;;IAElC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMqB,kBAAkB,GAAGtB,MAAM,CAAC,KAAK,CAAC;IACxCD,SAAS,CAAC,MAAM;MACd,IAAIS,OAAO,EAAE;QACXa,OAAO,CAACE,IAAI,CAAC,CAAC;QACd;MACF;MACAD,kBAAkB,CAACE,OAAO,GAAG,IAAI;MACjCH,OAAO,CAACI,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAACjB,OAAO,EAAEa,OAAO,CAAC,CAAC;;IAEtB;IACA;IACA;IACA;IACA;IACA,MAAMK,WAAW,GAAG5B,WAAW,CAAC,MAAM;MACpC,IAAIwB,kBAAkB,CAACE,OAAO,EAAE;QAC9BF,kBAAkB,CAACE,OAAO,GAAG,KAAK;QAClC;MACF;MACAf,OAAO,CAAC,CAAC;IACX,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;;IAEb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMkB,OAAuB,GAAG,CAC9B;MACEC,KAAK,EAAEhB,YAAY;MACnBiB,OAAO,EAAEf,SAAS;MAClBgB,KAAK,EAAEd,WAAW,GAAG,aAAa,GAAG;IACvC,CAAC,CACF;IACD,IAAI,CAACC,UAAU,EAAE;MACf;MACA;MACAU,OAAO,CAACI,IAAI,CAAC;QACXH,KAAK,EAAEf,WAAW;QAClBgB,OAAO,EAAEd,QAAQ;QACjBe,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;IAEA,oBACE3B,IAAA,CAACE,MAAM;MACLgB,OAAO,EAAEA,OAAQ;MACjBZ,OAAO,EAAEiB,WAAY;MACrBM,SAAS,EAAC;MACV;MACA;MACA;MACA;MACA;MAAA;MACAC,iBAAiB,EAAEf,WAAY;MAC/BR,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBgB,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAElB,KAAM;MACbwB,KAAK,EAAEf,SAAU;MACjBC,MAAM,EAAEA;IAAO,CAChB,CAAC;EAEN,CAAC;EAED,MAAMb,WAAW,gBAAGV,IAAI,CAACS,oBAAoB,CAAC;EAC9CC,WAAW,CAAC4B,WAAW,GAAG,aAAa;EACvC,OAAO5B,WAAW;AACpB","ignoreList":[]}

package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts

@@ -11,10 +11,29 @@ type DialogComponent = React.ComponentType<DialogProps>;
  * (`index.ts` / `index.web.ts`) inject the correct `Dialog` here. The body
  * below is single-source, no duplication.
  *
- * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that lays
- * out a title, description and a confirm/cancel action row. Reach for the
+ * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that maps
+ * the confirm/cancel props onto the Dialog's declarative `actions` row — the
+ * SAME battle-tested `ActionRow`/`ActionButton` primitive every other bloom
+ * confirm surface uses (e.g. Mention's `ConfirmPrompt`), so the button
+ * component, layout, and palette stay identical across apps. Reach for the
  * imperative `confirm()` helper + `<AlertDialogHost />` to trigger a confirm
  * from an event handler without owning visible state.
+ *
+ * Control mode — IMPERATIVE, not controlled. `AlertDialog` keeps its public
+ * *controlled* API (`visible` boolean + `onClose`) but internally bridges it
+ * onto the Dialog's imperative `useDialogControl()` handle, so `confirm()`
+ * drives `<Dialog>` through the EXACT uncontrolled/imperative internals
+ * Mention's `ConfirmPrompt` uses. That is the code path that actually plays the
+ * exit animation on dismiss: imperative `close()` sets `isClosing`, runs the
+ * exit animation, and fires `onClose` only once it settles. The controlled path
+ * instead fires `onClose` synchronously — and because `<AlertDialogHost />`
+ * resolves + drops the queue entry inside `onClose`, the surface would then
+ * unmount instantly, skipping the exit animation entirely. Bridging to
+ * imperative mode eliminates that fork so `confirm()` and Mention's
+ * `ConfirmPrompt` are pixel/timing identical.
+ *
+ * The centered card uses the Dialog default `maxWidth` (480px) for full visual
+ * parity with the shared confirm surface.
  */
 export declare function createAlertDialog(Dialog: DialogComponent): React.MemoExoticComponent<({ visible, onClose, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, hideCancel, dismissible, cardStyle, testID, }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element>;
 export type AlertDialogType = ReturnType<typeof createAlertDialog>;

package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAKxD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,kLAepD,gBAAgB,8CAwEpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,WAAW,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,kLAepD,gBAAgB,8CAsFpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/lib/typescript/commonjs/alert-dialog/types.d.ts

@@ -25,8 +25,10 @@ export interface AlertDialogProps {
     /** Render only the confirm button (no cancel). Defaults to `false`. */
     hideCancel?: boolean;
     /**
-     * Tap-outside / Escape dismisses. Defaults to `false` — alert dialogs are
-     * usually blocking until answered.
+     * Tap-outside / Escape dismisses. Defaults to `true` — matching the shared
+     * `Dialog` default and Mention's `ConfirmPrompt`. A backdrop / Escape
+     * dismissal always resolves the confirm as cancelled (`false`), so it is
+     * safe by default; pass `false` for a truly blocking confirm.
      */
     dismissible?: boolean;
     cardStyle?: StyleProp<ViewStyle>;
@@ -39,6 +41,10 @@ export interface ConfirmOptions {
     cancelLabel?: string;
     destructive?: boolean;
     hideCancel?: boolean;
+    /**
+     * Tap-outside / Escape dismisses (resolving `false`). Defaults to `true`;
+     * pass `false` for a blocking confirm that must be answered by a button.
+     */
     dismissible?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/alert-dialog/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/lib/typescript/module/alert-dialog/AlertDialog.d.ts

@@ -11,10 +11,29 @@ type DialogComponent = React.ComponentType<DialogProps>;
  * (`index.ts` / `index.web.ts`) inject the correct `Dialog` here. The body
  * below is single-source, no duplication.
  *
- * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that lays
- * out a title, description and a confirm/cancel action row. Reach for the
+ * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that maps
+ * the confirm/cancel props onto the Dialog's declarative `actions` row — the
+ * SAME battle-tested `ActionRow`/`ActionButton` primitive every other bloom
+ * confirm surface uses (e.g. Mention's `ConfirmPrompt`), so the button
+ * component, layout, and palette stay identical across apps. Reach for the
  * imperative `confirm()` helper + `<AlertDialogHost />` to trigger a confirm
  * from an event handler without owning visible state.
+ *
+ * Control mode — IMPERATIVE, not controlled. `AlertDialog` keeps its public
+ * *controlled* API (`visible` boolean + `onClose`) but internally bridges it
+ * onto the Dialog's imperative `useDialogControl()` handle, so `confirm()`
+ * drives `<Dialog>` through the EXACT uncontrolled/imperative internals
+ * Mention's `ConfirmPrompt` uses. That is the code path that actually plays the
+ * exit animation on dismiss: imperative `close()` sets `isClosing`, runs the
+ * exit animation, and fires `onClose` only once it settles. The controlled path
+ * instead fires `onClose` synchronously — and because `<AlertDialogHost />`
+ * resolves + drops the queue entry inside `onClose`, the surface would then
+ * unmount instantly, skipping the exit animation entirely. Bridging to
+ * imperative mode eliminates that fork so `confirm()` and Mention's
+ * `ConfirmPrompt` are pixel/timing identical.
+ *
+ * The centered card uses the Dialog default `maxWidth` (480px) for full visual
+ * parity with the shared confirm surface.
  */
 export declare function createAlertDialog(Dialog: DialogComponent): React.MemoExoticComponent<({ visible, onClose, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, hideCancel, dismissible, cardStyle, testID, }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element>;
 export type AlertDialogType = ReturnType<typeof createAlertDialog>;

package/lib/typescript/module/alert-dialog/AlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAKxD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,kLAepD,gBAAgB,8CAwEpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,WAAW,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,kLAepD,gBAAgB,8CAsFpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/lib/typescript/module/alert-dialog/types.d.ts

@@ -25,8 +25,10 @@ export interface AlertDialogProps {
     /** Render only the confirm button (no cancel). Defaults to `false`. */
     hideCancel?: boolean;
     /**
-     * Tap-outside / Escape dismisses. Defaults to `false` — alert dialogs are
-     * usually blocking until answered.
+     * Tap-outside / Escape dismisses. Defaults to `true` — matching the shared
+     * `Dialog` default and Mention's `ConfirmPrompt`. A backdrop / Escape
+     * dismissal always resolves the confirm as cancelled (`false`), so it is
+     * safe by default; pass `false` for a truly blocking confirm.
      */
     dismissible?: boolean;
     cardStyle?: StyleProp<ViewStyle>;
@@ -39,6 +41,10 @@ export interface ConfirmOptions {
     cancelLabel?: string;
     destructive?: boolean;
     hideCancel?: boolean;
+    /**
+     * Tap-outside / Escape dismisses (resolving `false`). Defaults to `true`;
+     * pass `false` for a blocking confirm that must be answered by a button.
+     */
     dismissible?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/alert-dialog/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.30.10",
+  "version": "0.32.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/__tests__/AlertDialog.test.tsx

@@ -1,7 +1,11 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { act, fireEvent, render } from '@testing-library/react-native';
 
-import { AlertDialog } from '../alert-dialog';
+import { AlertDialog, AlertDialogHost, confirm } from '../alert-dialog';
+import { createAlertDialog } from '../alert-dialog/AlertDialog';
+import { createAlertDialogHost } from '../alert-dialog/AlertDialogHost';
+import { getConfirmQueue, resolveConfirm } from '../alert-dialog/confirm-store';
+import type { DialogProps } from '../dialog';
 import { BloomThemeProvider } from '../theme/BloomThemeProvider';
 
 function renderWithTheme(ui: React.ReactElement) {
@@ -12,11 +16,23 @@ function renderWithTheme(ui: React.ReactElement) {
   );
 }
 
-// `AlertDialog` is now a thin wrapper over `<Dialog placement="center">`. These
-// tests assert the public-API contract it owns (controlled visibility, the
-// title/description copy, the confirm/cancel action row, and the
-// confirm/cancel/dismiss callbacks) holds on the native Dialog surface.
+// `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that maps
+// its confirm/cancel props onto the Dialog's declarative `actions` row (the
+// shared `ActionRow`/`ActionButton` primitive). These tests assert the
+// public-API contract it owns — controlled visibility, the title/description
+// copy, the confirm/cancel actions, and — most importantly — the exact
+// `confirm()` promise-resolution contract every ecosystem call site relies on:
+// the confirm button resolves `true`; the cancel button (or Escape / backdrop,
+// which route through the Dialog's `onClose`) resolves `false`.
 describe('AlertDialog (built on Dialog)', () => {
+  afterEach(() => {
+    // Drain any confirm() entries a test left pending so the module-scoped
+    // queue never bleeds across tests.
+    for (const entry of [...getConfirmQueue()]) {
+      resolveConfirm(entry.id, false);
+    }
+  });
+
   it('renders nothing when not visible', () => {
     const { queryByText } = renderWithTheme(
       <AlertDialog
@@ -48,8 +64,9 @@ describe('AlertDialog (built on Dialog)', () => {
   });
 
   it('runs onConfirm then onClose when the confirm button is pressed', () => {
-    const onConfirm = jest.fn();
-    const onClose = jest.fn();
+    const calls: string[] = [];
+    const onConfirm = jest.fn(() => calls.push('confirm'));
+    const onClose = jest.fn(() => calls.push('close'));
     const { getByText } = renderWithTheme(
       <AlertDialog
         visible
@@ -64,10 +81,11 @@ describe('AlertDialog (built on Dialog)', () => {
     });
     expect(onConfirm).toHaveBeenCalledTimes(1);
     expect(onClose).toHaveBeenCalledTimes(1);
+    // Order matters: onConfirm must resolve the promise BEFORE onClose runs.
+    expect(calls).toEqual(['confirm', 'close']);
   });
 
-  it('runs onCancel then onClose when the cancel button is pressed', () => {
-    const onCancel = jest.fn();
+  it('requests close (resolves cancel) when the cancel button is pressed', () => {
     const onClose = jest.fn();
     const { getByText } = renderWithTheme(
       <AlertDialog
@@ -75,16 +93,37 @@ describe('AlertDialog (built on Dialog)', () => {
         onClose={onClose}
         title="Confirm?"
         cancelLabel="No"
-        onCancel={onCancel}
       />,
     );
     act(() => {
       fireEvent.press(getByText('No'));
     });
-    expect(onCancel).toHaveBeenCalledTimes(1);
+    // The `cancel` action dismisses via the Dialog's `close()`, which in
+    // controlled mode fires `onClose` — the confirm() host's resolve-false.
     expect(onClose).toHaveBeenCalledTimes(1);
   });
 
+  it('invokes onCancel after the cancel button dismisses the dialog', () => {
+    const onCancel = jest.fn();
+    function Harness() {
+      const [open, setOpen] = useState(true);
+      return (
+        <AlertDialog
+          visible={open}
+          onClose={() => setOpen(false)}
+          title="Confirm?"
+          cancelLabel="No"
+          onCancel={onCancel}
+        />
+      );
+    }
+    const { getByText } = renderWithTheme(<Harness />);
+    act(() => {
+      fireEvent.press(getByText('No'));
+    });
+    expect(onCancel).toHaveBeenCalledTimes(1);
+  });
+
   it('hides the cancel button when hideCancel is set', () => {
     const { queryByText, getByText } = renderWithTheme(
       <AlertDialog
@@ -112,11 +151,134 @@ describe('AlertDialog (built on Dialog)', () => {
         onConfirm={onConfirm}
       />,
     );
-    const confirm = getByText('Sign out');
-    expect(confirm).toBeTruthy();
+    const confirmButton = getByText('Sign out');
+    expect(confirmButton).toBeTruthy();
     act(() => {
-      fireEvent.press(confirm);
+      fireEvent.press(confirmButton);
     });
     expect(onConfirm).toHaveBeenCalledTimes(1);
   });
+
+  // The authoritative ecosystem contract: `confirm()` + `<AlertDialogHost />`.
+  // Every consuming call site does `const ok = await confirm({...})`, so these
+  // assert the exact promise resolution against the REAL rendered action row.
+  describe('confirm() + AlertDialogHost promise contract', () => {
+    it('resolves true when the confirm button is pressed', async () => {
+      const { getByText } = renderWithTheme(<AlertDialogHost />);
+      let result!: Promise<boolean>;
+      act(() => {
+        result = confirm({
+          title: 'Delete app?',
+          confirmLabel: 'Delete',
+          cancelLabel: 'Keep',
+        });
+      });
+      act(() => {
+        fireEvent.press(getByText('Delete'));
+      });
+      await expect(result).resolves.toBe(true);
+      expect(getConfirmQueue()).toHaveLength(0);
+    });
+
+    it('resolves false when the cancel button is pressed', async () => {
+      const { getByText } = renderWithTheme(<AlertDialogHost />);
+      let result!: Promise<boolean>;
+      act(() => {
+        result = confirm({
+          title: 'Discard changes?',
+          confirmLabel: 'Discard',
+          cancelLabel: 'Keep editing',
+        });
+      });
+      act(() => {
+        fireEvent.press(getByText('Keep editing'));
+      });
+      await expect(result).resolves.toBe(false);
+      expect(getConfirmQueue()).toHaveLength(0);
+    });
+
+    it('resolves true even though confirm fires both onConfirm and onClose', async () => {
+      // The confirm button runs onConfirm (resolve true, drains the entry) then
+      // onClose (resolve false — a no-op once the entry is gone). The net must
+      // be `true`; this guards the double-resolution path explicitly.
+      const { getByText } = renderWithTheme(<AlertDialogHost />);
+      let result!: Promise<boolean>;
+      act(() => {
+        result = confirm({ title: 'Proceed?', confirmLabel: 'Proceed' });
+      });
+      act(() => {
+        fireEvent.press(getByText('Proceed'));
+      });
+      await expect(result).resolves.toBe(true);
+    });
+  });
+
+  // Finding 1 (control-mode) + Finding 2 (backdrop-dismiss default). These pin
+  // the two behavioural fixes at the prop boundary between `AlertDialog` and the
+  // underlying `Dialog`, using a prop-capturing mock `Dialog` so the assertions
+  // are deterministic and platform-agnostic.
+  describe('control-mode bridge + dismiss defaults', () => {
+    function captureDialogProps() {
+      const captured: { props?: DialogProps } = {};
+      const MockDialog = (props: DialogProps) => {
+        captured.props = props;
+        return null;
+      };
+      return { captured, MockDialog };
+    }
+
+    it('drives the underlying Dialog imperatively (control), never the controlled `open` prop', () => {
+      const { captured, MockDialog } = captureDialogProps();
+      const TestAlertDialog = createAlertDialog(MockDialog);
+      renderWithTheme(<TestAlertDialog visible onClose={() => {}} title="Delete?" />);
+      // The whole point of the fix: `confirm()` must take the Dialog's
+      // imperative/uncontrolled branch (the one that plays the exit animation),
+      // so an imperative `control` handle is passed and the controlled `open`
+      // boolean — which would take the other branch — is never set.
+      expect(captured.props?.control).toBeDefined();
+      expect(captured.props?.open).toBeUndefined();
+    });
+
+    it('defaults dismissOnBackdrop to true (backdrop / Escape dismiss by default)', () => {
+      const { captured, MockDialog } = captureDialogProps();
+      const TestAlertDialog = createAlertDialog(MockDialog);
+      renderWithTheme(<TestAlertDialog visible onClose={() => {}} title="Delete?" />);
+      // Matches the shared Dialog default + Mention's ConfirmPrompt.
+      expect(captured.props?.dismissOnBackdrop).toBe(true);
+    });
+
+    it('still supports an opt-in blocking confirm via dismissible={false}', () => {
+      const { captured, MockDialog } = captureDialogProps();
+      const TestAlertDialog = createAlertDialog(MockDialog);
+      renderWithTheme(
+        <TestAlertDialog visible onClose={() => {}} title="Delete?" dismissible={false} />,
+      );
+      expect(captured.props?.dismissOnBackdrop).toBe(false);
+    });
+
+    it('resolves false when dismissed via backdrop / Escape (Dialog onClose) with no button press', async () => {
+      // Backdrop tap and Escape both route through the Dialog's `onClose`. Now
+      // that dismissOnBackdrop defaults true, that path is reachable by default
+      // and must resolve the confirm as cancelled (false) and drain the queue —
+      // never trigger the (potentially destructive) confirm action.
+      const captured: { onClose?: () => void } = {};
+      const MockDialog = (props: DialogProps) => {
+        captured.onClose = props.onClose;
+        return null;
+      };
+      const Host = createAlertDialogHost(createAlertDialog(MockDialog));
+      renderWithTheme(<Host />);
+      let result!: Promise<boolean>;
+      act(() => {
+        result = confirm({ title: 'Discard unsaved changes?' });
+      });
+      act(() => {
+        // Simulate the backdrop / Escape dismissal the real Dialog fires after
+        // its exit animation settles.
+        captured.onClose?.();
+      });
+      await expect(result).resolves.toBe(false);
+      expect(getConfirmQueue()).toHaveLength(0);
+    });
+  });
 });

package/src/__tests__/confirm-store.test.ts

@@ -42,6 +42,22 @@ describe('confirm-store', () => {
     await expect(promise).resolves.toBe(false);
   });
 
+  it('resolves once — a second resolve for the same id is a no-op', async () => {
+    // The AlertDialog confirm path calls onConfirm (resolve true) THEN onClose
+    // (resolve false) for the SAME entry. The first resolve drains the entry,
+    // so the second is ignored and the promise keeps its `true` value. This is
+    // the guard the whole confirm() button contract relies on.
+    const promise = confirm({ title: 'Proceed?' });
+    const id = getConfirmQueue()[0]?.id;
+    expect(id).toBeTruthy();
+    if (id) {
+      resolveConfirm(id, true);
+      resolveConfirm(id, false);
+    }
+    await expect(promise).resolves.toBe(true);
+    expect(getConfirmQueue()).toHaveLength(0);
+  });
+
   it('drains queued entries to a late subscriber', () => {
     void confirm({ title: 'Queued before subscribe' });
     let delivered: number | null = null;

package/src/alert-dialog/AlertDialog.tsx

@@ -1,18 +1,11 @@
-import React, { memo, useCallback } from 'react';
-import { StyleSheet, View } from 'react-native';
+import React, { memo, useCallback, useEffect, useRef } from 'react';
 
-import { Button } from '../button';
-import type { DialogProps } from '../dialog';
-import { useTheme } from '../theme/use-theme';
-import { Text } from '../typography';
-import { fontSize, space } from '../styles/tokens';
+import type { DialogAction, DialogProps } from '../dialog';
+import { useDialogControl } from '../dialog/context';
 import type { AlertDialogProps } from './types';
 
 type DialogComponent = React.ComponentType<DialogProps>;
 
-/** Centered alert-card max width (px). Matches the legacy AlertDialog card. */
-const ALERT_DIALOG_MAX_WIDTH = 440;
-
 /**
  * Build the `AlertDialog` component bound to a platform `Dialog`.
  *
@@ -22,10 +15,29 @@ const ALERT_DIALOG_MAX_WIDTH = 440;
  * (`index.ts` / `index.web.ts`) inject the correct `Dialog` here. The body
  * below is single-source, no duplication.
  *
- * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that lays
- * out a title, description and a confirm/cancel action row. Reach for the
+ * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that maps
+ * the confirm/cancel props onto the Dialog's declarative `actions` row — the
+ * SAME battle-tested `ActionRow`/`ActionButton` primitive every other bloom
+ * confirm surface uses (e.g. Mention's `ConfirmPrompt`), so the button
+ * component, layout, and palette stay identical across apps. Reach for the
  * imperative `confirm()` helper + `<AlertDialogHost />` to trigger a confirm
  * from an event handler without owning visible state.
+ *
+ * Control mode — IMPERATIVE, not controlled. `AlertDialog` keeps its public
+ * *controlled* API (`visible` boolean + `onClose`) but internally bridges it
+ * onto the Dialog's imperative `useDialogControl()` handle, so `confirm()`
+ * drives `<Dialog>` through the EXACT uncontrolled/imperative internals
+ * Mention's `ConfirmPrompt` uses. That is the code path that actually plays the
+ * exit animation on dismiss: imperative `close()` sets `isClosing`, runs the
+ * exit animation, and fires `onClose` only once it settles. The controlled path
+ * instead fires `onClose` synchronously — and because `<AlertDialogHost />`
+ * resolves + drops the queue entry inside `onClose`, the surface would then
+ * unmount instantly, skipping the exit animation entirely. Bridging to
+ * imperative mode eliminates that fork so `confirm()` and Mention's
+ * `ConfirmPrompt` are pixel/timing identical.
+ *
+ * The centered card uses the Dialog default `maxWidth` (480px) for full visual
+ * parity with the shared confirm surface.
  */
 export function createAlertDialog(Dialog: DialogComponent) {
   const AlertDialogComponent = function AlertDialog({
@@ -39,75 +51,89 @@ export function createAlertDialog(Dialog: DialogComponent) {
     onCancel,
     destructive = false,
     hideCancel = false,
-    dismissible = false,
+    dismissible = true,
     cardStyle,
     testID,
   }: AlertDialogProps) {
-    const theme = useTheme();
+    const control = useDialogControl();
 
-    const handleCancel = useCallback(() => {
-      onCancel?.();
-      onClose();
-    }, [onCancel, onClose]);
+    // Bridge the public *controlled* `visible` prop onto the Dialog's
+    // imperative open/close. Opening on mount straight from an effect (no
+    // `setTimeout`) mirrors bloom's own `AutoMountedDialog` (which backs
+    // `alert()`) — the canonical fresh-mount imperative-open pattern:
+    // `<AlertDialogHost />` mounts a FRESH `AlertDialog` per confirm
+    // (`key={id}`) with the final content already committed, so there is no
+    // stale-content window to defer past and the entry animation curve stays
+    // identical to Mention's. `control` is referentially stable (memoised on
+    // its id), so this effect only re-runs when `visible` actually flips. When
+    // a direct consumer flips `visible` to `false`, we imperatively `close()`
+    // so the exit animation still plays.
+    const closingFromPropRef = useRef(false);
+    useEffect(() => {
+      if (visible) {
+        control.open();
+        return;
+      }
+      closingFromPropRef.current = true;
+      control.close();
+    }, [visible, control]);
 
-    const handleConfirm = useCallback(() => {
-      onConfirm?.();
+    // The Dialog fires `onClose` after the exit animation settles (imperative
+    // mode). Forward ONLY user-initiated dismissals (backdrop / Escape / cancel)
+    // to the consumer — a consumer-initiated close (they flipped `visible` to
+    // `false`) must not re-enter `onClose`, preserving the previous controlled
+    // semantics where a programmatic close does not fire `onClose`.
+    const handleClose = useCallback(() => {
+      if (closingFromPropRef.current) {
+        closingFromPropRef.current = false;
+        return;
+      }
       onClose();
-    }, [onConfirm, onClose]);
+    }, [onClose]);
+
+    // Confirm/cancel map onto the Dialog's declarative action row. Both keep the
+    // default `shouldCloseOnPress` (true): the button runs the exit animation
+    // FIRST, then invokes `onPress` as a close-completion callback — so
+    // `onConfirm` resolves the `confirm()` promise as the surface animates out,
+    // exactly like Mention. `onConfirm` (resolve `true`, drains the entry) runs
+    // just BEFORE the Dialog's own post-close `onClose` (→ `handleClose` →
+    // resolve `false`, now a no-op for the drained entry), which is what makes
+    // the confirm button win the double-resolution guard.
+    const actions: DialogAction[] = [
+      {
+        label: confirmLabel,
+        onPress: onConfirm,
+        color: destructive ? 'destructive' : 'default',
+      },
+    ];
+    if (!hideCancel) {
+      // The `cancel` color auto-dismisses via the Dialog's `close()` (exit
+      // animation), then runs `onCancel` as a close-completion callback.
+      actions.push({
+        label: cancelLabel,
+        onPress: onCancel,
+        color: 'cancel',
+      });
+    }
 
     return (
       <Dialog
-        open={visible}
-        onClose={onClose}
+        control={control}
+        onClose={handleClose}
         placement="center"
-        // Alert dialogs are blocking by default — the backdrop only dismisses
-        // when the caller opts in via `dismissible`.
+        // Alert dialogs dismiss on backdrop / Escape by default (matching the
+        // shared Dialog default and Mention's `ConfirmPrompt`). A backdrop /
+        // Escape dismissal can only ever resolve the confirm as cancelled
+        // (`false`), never the destructive action — callers that need a truly
+        // blocking confirm opt out with `dismissible={false}`.
         dismissOnBackdrop={dismissible}
-        maxWidth={ALERT_DIALOG_MAX_WIDTH}
         title={title}
+        description={description}
+        actions={actions}
         label={title}
         style={cardStyle}
         testID={testID}
-      >
-        {description ? (
-          <Text
-            style={{
-              fontSize: fontSize.md,
-              lineHeight: fontSize.md * 1.4,
-              color: theme.colors.textSecondary,
-              paddingBottom: space.lg,
-            }}
-          >
-            {description}
-          </Text>
-        ) : null}
-        <View style={styles.actions}>
-          {!hideCancel ? (
-            <Button
-              variant="secondary"
-              size="medium"
-              onPress={handleCancel}
-              style={styles.action}
-              accessibilityLabel={cancelLabel}
-            >
-              {cancelLabel}
-            </Button>
-          ) : null}
-          <Button
-            variant="primary"
-            size="medium"
-            onPress={handleConfirm}
-            style={StyleSheet.flatten([
-              styles.action,
-              destructive && { backgroundColor: theme.colors.negative },
-            ])}
-            textStyle={destructive ? { color: theme.colors.negativeForeground } : undefined}
-            accessibilityLabel={confirmLabel}
-          >
-            {confirmLabel}
-          </Button>
-        </View>
-      </Dialog>
+      />
     );
   };
 
@@ -117,14 +143,3 @@ export function createAlertDialog(Dialog: DialogComponent) {
 }
 
 export type AlertDialogType = ReturnType<typeof createAlertDialog>;
-
-const styles = StyleSheet.create({
-  actions: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    gap: space.sm,
-  },
-  action: {
-    minWidth: 96,
-  },
-});

package/src/alert-dialog/types.ts

@@ -27,8 +27,10 @@ export interface AlertDialogProps {
   /** Render only the confirm button (no cancel). Defaults to `false`. */
   hideCancel?: boolean;
   /**
-   * Tap-outside / Escape dismisses. Defaults to `false` — alert dialogs are
-   * usually blocking until answered.
+   * Tap-outside / Escape dismisses. Defaults to `true` — matching the shared
+   * `Dialog` default and Mention's `ConfirmPrompt`. A backdrop / Escape
+   * dismissal always resolves the confirm as cancelled (`false`), so it is
+   * safe by default; pass `false` for a truly blocking confirm.
    */
   dismissible?: boolean;
   cardStyle?: StyleProp<ViewStyle>;
@@ -42,5 +44,9 @@ export interface ConfirmOptions {
   cancelLabel?: string;
   destructive?: boolean;
   hideCancel?: boolean;
+  /**
+   * Tap-outside / Escape dismisses (resolving `false`). Defaults to `true`;
+   * pass `false` for a blocking confirm that must be answered by a button.
+   */
   dismissible?: boolean;
 }