@oxyhq/bloom 0.30.10 → 0.31.0

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

@@ -5,16 +5,8 @@ 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 _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 +16,16 @@ 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.
+ *
+ * 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({
@@ -45,73 +43,51 @@ function createAlertDialog(Dialog) {
     cardStyle,
     testID
   }) {
-    const theme = (0, _useTheme.useTheme)();
-    const handleCancel = (0, _react.useCallback)(() => {
-      onCancel?.();
-      onClose();
-    }, [onCancel, onClose]);
+    // Confirm resolves + closes SYNCHRONOUSLY, in this order, and must NOT go
+    // through the Dialog's auto-close (`shouldCloseOnPress: false`). In
+    // controlled mode `close()` fires `onClose` FIRST, and the `confirm()` host
+    // wires `onClose` to resolve the promise as *cancelled* (`false`). Running
+    // `onConfirm` (resolve `true`, which removes the queue entry) before
+    // `onClose` (now a no-op for that entry) is what makes the confirm button
+    // resolve `true`.
     const handleConfirm = (0, _react.useCallback)(() => {
       onConfirm?.();
       onClose();
     }, [onConfirm, onClose]);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dialog, {
+    const actions = [{
+      label: confirmLabel,
+      onPress: handleConfirm,
+      color: destructive ? 'destructive' : 'default',
+      shouldCloseOnPress: false
+    }];
+    if (!hideCancel) {
+      // The `cancel` color auto-dismisses via the Dialog's `close()`, which in
+      // controlled mode fires `onClose` (the host resolves `false`). `onCancel`
+      // runs after the surface finishes closing.
+      actions.push({
+        label: cancelLabel,
+        onPress: onCancel,
+        color: 'cancel'
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog, {
       open: visible,
       onClose: onClose,
       placement: "center"
-      // Alert dialogs are blocking by default — the backdrop only dismisses
-      // when the caller opts in via `dismissible`.
+      // Alert dialogs are blocking by default — the backdrop / Escape only
+      // dismiss when the caller opts in via `dismissible`.
       ,
       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","_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","handleConfirm","useCallback","actions","label","onPress","color","shouldCloseOnPress","push","jsx","open","placement","dismissOnBackdrop","style","memo","displayName"],"sourceRoot":"../../../src","sources":["alert-dialog/AlertDialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,15 +1,7 @@
 "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 { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Build the `AlertDialog` component bound to a platform `Dialog`.
  *
@@ -19,10 +11,16 @@ 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.
+ *
+ * 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({
@@ -40,73 +38,51 @@ export function createAlertDialog(Dialog) {
     cardStyle,
     testID
   }) {
-    const theme = useTheme();
-    const handleCancel = useCallback(() => {
-      onCancel?.();
-      onClose();
-    }, [onCancel, onClose]);
+    // Confirm resolves + closes SYNCHRONOUSLY, in this order, and must NOT go
+    // through the Dialog's auto-close (`shouldCloseOnPress: false`). In
+    // controlled mode `close()` fires `onClose` FIRST, and the `confirm()` host
+    // wires `onClose` to resolve the promise as *cancelled* (`false`). Running
+    // `onConfirm` (resolve `true`, which removes the queue entry) before
+    // `onClose` (now a no-op for that entry) is what makes the confirm button
+    // resolve `true`.
     const handleConfirm = useCallback(() => {
       onConfirm?.();
       onClose();
     }, [onConfirm, onClose]);
-    return /*#__PURE__*/_jsxs(Dialog, {
+    const actions = [{
+      label: confirmLabel,
+      onPress: handleConfirm,
+      color: destructive ? 'destructive' : 'default',
+      shouldCloseOnPress: false
+    }];
+    if (!hideCancel) {
+      // The `cancel` color auto-dismisses via the Dialog's `close()`, which in
+      // controlled mode fires `onClose` (the host resolves `false`). `onCancel`
+      // runs after the surface finishes closing.
+      actions.push({
+        label: cancelLabel,
+        onPress: onCancel,
+        color: 'cancel'
+      });
+    }
+    return /*#__PURE__*/_jsx(Dialog, {
       open: visible,
       onClose: onClose,
       placement: "center"
-      // Alert dialogs are blocking by default — the backdrop only dismisses
-      // when the caller opts in via `dismissible`.
+      // Alert dialogs are blocking by default — the backdrop / Escape only
+      // dismiss when the caller opts in via `dismissible`.
       ,
       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","jsx","_jsx","createAlertDialog","Dialog","AlertDialogComponent","AlertDialog","visible","onClose","title","description","confirmLabel","cancelLabel","onConfirm","onCancel","destructive","hideCancel","dismissible","cardStyle","testID","handleConfirm","actions","label","onPress","color","shouldCloseOnPress","push","open","placement","dismissOnBackdrop","style","displayName"],"sourceRoot":"../../../src","sources":["alert-dialog/AlertDialog.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOjD;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,KAAK;IACnBC,SAAS;IACTC;EACgB,CAAC,EAAE;IACnB;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMC,aAAa,GAAGpB,WAAW,CAAC,MAAM;MACtCa,SAAS,GAAG,CAAC;MACbL,OAAO,CAAC,CAAC;IACX,CAAC,EAAE,CAACK,SAAS,EAAEL,OAAO,CAAC,CAAC;IAExB,MAAMa,OAAuB,GAAG,CAC9B;MACEC,KAAK,EAAEX,YAAY;MACnBY,OAAO,EAAEH,aAAa;MACtBI,KAAK,EAAET,WAAW,GAAG,aAAa,GAAG,SAAS;MAC9CU,kBAAkB,EAAE;IACtB,CAAC,CACF;IACD,IAAI,CAACT,UAAU,EAAE;MACf;MACA;MACA;MACAK,OAAO,CAACK,IAAI,CAAC;QACXJ,KAAK,EAAEV,WAAW;QAClBW,OAAO,EAAET,QAAQ;QACjBU,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;IAEA,oBACEtB,IAAA,CAACE,MAAM;MACLuB,IAAI,EAAEpB,OAAQ;MACdC,OAAO,EAAEA,OAAQ;MACjBoB,SAAS,EAAC;MACV;MACA;MAAA;MACAC,iBAAiB,EAAEZ,WAAY;MAC/BR,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBW,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEb,KAAM;MACbqB,KAAK,EAAEZ,SAAU;MACjBC,MAAM,EAAEA;IAAO,CAChB,CAAC;EAEN,CAAC;EAED,MAAMb,WAAW,gBAAGP,IAAI,CAACM,oBAAoB,CAAC;EAC9CC,WAAW,CAACyB,WAAW,GAAG,aAAa;EACvC,OAAOzB,WAAW;AACpB","ignoreList":[]}

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

@@ -11,10 +11,16 @@ 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.
+ *
+ * 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,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,kLAepD,gBAAgB,8CAqDpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

@@ -11,10 +11,16 @@ 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.
+ *
+ * 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,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,kLAepD,gBAAgB,8CAqDpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.30.10",
+  "version": "0.31.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,8 @@
-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 { getConfirmQueue, resolveConfirm } from '../alert-dialog/confirm-store';
 import { BloomThemeProvider } from '../theme/BloomThemeProvider';
 
 function renderWithTheme(ui: React.ReactElement) {
@@ -12,11 +13,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 +61,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 +78,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 +90,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 +148,65 @@ 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);
+    });
+  });
 });

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,10 @@
 import React, { memo, useCallback } from 'react';
-import { StyleSheet, View } from 'react-native';
 
-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 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 +14,16 @@ 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.
+ *
+ * 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({
@@ -43,71 +41,52 @@ export function createAlertDialog(Dialog: DialogComponent) {
     cardStyle,
     testID,
   }: AlertDialogProps) {
-    const theme = useTheme();
-
-    const handleCancel = useCallback(() => {
-      onCancel?.();
-      onClose();
-    }, [onCancel, onClose]);
-
+    // Confirm resolves + closes SYNCHRONOUSLY, in this order, and must NOT go
+    // through the Dialog's auto-close (`shouldCloseOnPress: false`). In
+    // controlled mode `close()` fires `onClose` FIRST, and the `confirm()` host
+    // wires `onClose` to resolve the promise as *cancelled* (`false`). Running
+    // `onConfirm` (resolve `true`, which removes the queue entry) before
+    // `onClose` (now a no-op for that entry) is what makes the confirm button
+    // resolve `true`.
     const handleConfirm = useCallback(() => {
       onConfirm?.();
       onClose();
     }, [onConfirm, onClose]);
 
+    const actions: DialogAction[] = [
+      {
+        label: confirmLabel,
+        onPress: handleConfirm,
+        color: destructive ? 'destructive' : 'default',
+        shouldCloseOnPress: false,
+      },
+    ];
+    if (!hideCancel) {
+      // The `cancel` color auto-dismisses via the Dialog's `close()`, which in
+      // controlled mode fires `onClose` (the host resolves `false`). `onCancel`
+      // runs after the surface finishes closing.
+      actions.push({
+        label: cancelLabel,
+        onPress: onCancel,
+        color: 'cancel',
+      });
+    }
+
     return (
       <Dialog
         open={visible}
         onClose={onClose}
         placement="center"
-        // Alert dialogs are blocking by default — the backdrop only dismisses
-        // when the caller opts in via `dismissible`.
+        // Alert dialogs are blocking by default — the backdrop / Escape only
+        // dismiss when the caller opts in via `dismissible`.
         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 +96,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,
-  },
-});