@multiplatform.one/components 6.1.0 → 6.3.0

package/dist/jsx/actions/ActionBar.mjs

@@ -0,0 +1,123 @@
+import { Children, cloneElement, isValidElement, useEffect, useId, useRef } from "react";
+import { XStack } from "tamagui";
+import { countActionsInTree } from "../shared/actionScan.mjs";
+import { useIsInDialogRegion } from "../surfaces.mjs";
+import { actionDevWarn, warnCancelDisabled, warnDialogTooManyActions } from "./devWarn.mjs";
+import { Fragment, jsxs } from "react/jsx-runtime";
+const ALIGN_JUSTIFY = {
+  start: "flex-start",
+  end: "flex-end",
+  between: "space-between"
+};
+function asArray(node) {
+  if (node == null || node === false) return [];
+  return Array.isArray(node) ? node : [node];
+}
+function elementLooksPrimary(node) {
+  if (!isValidElement(node)) return false;
+  const props = node.props;
+  if (props["data-mp-action-role"] === "primary") return true;
+  if (props.actionRole === "primary") return true;
+  if (props.accent === true) return true;
+  return false;
+}
+function countPrimariesInTree(nodes) {
+  let count = 0;
+  Children.forEach(nodes, child => {
+    if (elementLooksPrimary(child)) count += 1;
+    if (isValidElement(child)) {
+      const kids = child.props.children;
+      if (kids != null) count += countPrimariesInTree(kids);
+    }
+  });
+  return count;
+}
+function nodeRendersDisabled(node) {
+  if (!isValidElement(node)) return false;
+  const props = node.props;
+  return props.disabled === true || props["aria-disabled"] === true || props["aria-disabled"] === "true";
+}
+function ActionBar({
+  primary,
+  secondary,
+  cancel,
+  children,
+  align = "end",
+  allowManyActions = false,
+  id: idProp,
+  gap = "$2",
+  ...stackProps
+}) {
+  const reactId = useId();
+  const regionId = idProp ?? reactId;
+  const rootRef = useRef(null);
+  const inDialogRegion = useIsInDialogRegion();
+  const secondaryItems = asArray(secondary);
+  const hasSlots = primary != null || secondaryItems.length > 0 || cancel != null;
+  let cancelDisabledStripped = false;
+  const cancelItems = cancel == null || cancel === false ? null : Children.map(cancel, node => {
+    if (!nodeRendersDisabled(node)) return node;
+    cancelDisabledStripped = true;
+    return cloneElement(node, {
+      disabled: void 0,
+      "aria-disabled": void 0,
+      "data-mp-cancel-disabled-ignored": "true"
+    });
+  });
+  useEffect(() => {
+    let total = 0;
+    if (primary != null) total += 1;
+    total += countPrimariesInTree(children);
+    total += countPrimariesInTree(secondary);
+    total += countPrimariesInTree(cancel);
+    if (total > 1) {
+      actionDevWarn("two-primaries", {
+        component: "ActionBar",
+        id: regionId,
+        count: total
+      });
+    }
+    if (cancelDisabledStripped) {
+      warnCancelDisabled({
+        disabled: true,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    if (inDialogRegion) {
+      const actionTotal = (primary != null ? 1 : 0) + secondaryItems.filter(node => node != null && node !== false).length + (cancel != null && cancel !== false ? 1 : 0) + countActionsInTree(children);
+      warnDialogTooManyActions({
+        count: actionTotal,
+        allowManyActions,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    const el = rootRef.current;
+    if (el && typeof el.querySelectorAll === "function") {
+      const domCount = el.querySelectorAll('[data-mp-action-role="primary"]').length;
+      if (domCount > 1) {
+        actionDevWarn("two-primaries", {
+          component: "ActionBar",
+          id: `${regionId}:dom`,
+          count: domCount
+        });
+      }
+    }
+  }, [allowManyActions, cancel, cancelDisabledStripped, children, inDialogRegion, primary, regionId, secondary]);
+  return /* @__PURE__ */jsxs(XStack, {
+    ref: rootRef,
+    "data-mp-action-bar": regionId,
+    gap,
+    flexWrap: "wrap",
+    alignItems: "center",
+    justifyContent: ALIGN_JUSTIFY[align],
+    width: "100%",
+    ...stackProps,
+    children: [hasSlots ? /* @__PURE__ */jsxs(Fragment, {
+      children: [cancelItems, secondaryItems, primary]
+    }) : null, children]
+  });
+}
+export { ActionBar };
+//# sourceMappingURL=ActionBar.mjs.map

package/dist/jsx/actions/ActionBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","cloneElement","isValidElement","useEffect","useId","useRef","XStack","countActionsInTree","useIsInDialogRegion","actionDevWarn","warnCancelDisabled","warnDialogTooManyActions","Fragment","jsxs","ALIGN_JUSTIFY","start","end","between","asArray","node","Array","isArray","elementLooksPrimary","props","actionRole","accent","countPrimariesInTree","nodes","count","forEach","child","kids","children","nodeRendersDisabled","disabled","ActionBar","primary","secondary","cancel","align","allowManyActions","id","idProp","gap","stackProps","reactId","regionId","rootRef","inDialogRegion","secondaryItems","hasSlots","length","cancelDisabledStripped","cancelItems","map","total","component","actionTotal","filter","el","current","querySelectorAll","domCount","ref","flexWrap","alignItems","justifyContent","width"],"sources":["../../../src/actions/ActionBar.tsx"],"sourcesContent":[null],"mappings":"AAUA,SACEA,QAAA,EACAC,YAAA,EACAC,cAAA,EACAC,SAAA,EACAC,KAAA,EACAC,MAAA,QAGK;AACP,SAASC,MAAA,QAA6B;AACtC,SAASC,kBAAA,QAA0B;AACnC,SAASC,mBAAA,QAA2B;AACpC,SAASC,aAAA,EAAeC,kBAAA,EAAoBC,wBAAA,QAAgC;AA8KpE,SAAAC,QAAA,EAAAC,IAAA;AArJR,MAAMC,aAAA,GAAmF;EACvFC,KAAA,EAAO;EACPC,GAAA,EAAK;EACLC,OAAA,EAAS;AACX;AAEA,SAASC,QAAQC,IAAA,EAAwD;EACvE,IAAIA,IAAA,IAAQ,QAAQA,IAAA,KAAS,OAAO,OAAO,EAAC;EAC5C,OAAOC,KAAA,CAAMC,OAAA,CAAQF,IAAI,IAAIA,IAAA,GAAO,CAACA,IAAI;AAC3C;AAEA,SAASG,oBAAoBH,IAAA,EAA0B;EACrD,IAAI,CAACjB,cAAA,CAAeiB,IAAI,GAAG,OAAO;EAClC,MAAMI,KAAA,GAAQJ,IAAA,CAAKI,KAAA;EACnB,IAAIA,KAAA,CAAM,qBAAqB,MAAM,WAAW,OAAO;EACvD,IAAIA,KAAA,CAAMC,UAAA,KAAe,WAAW,OAAO;EAC3C,IAAID,KAAA,CAAME,MAAA,KAAW,MAAM,OAAO;EAClC,OAAO;AACT;AAEA,SAASC,qBAAqBC,KAAA,EAA0B;EACtD,IAAIC,KAAA,GAAQ;EACZ5B,QAAA,CAAS6B,OAAA,CAAQF,KAAA,EAAQG,KAAA,IAAU;IACjC,IAAIR,mBAAA,CAAoBQ,KAAK,GAAGF,KAAA,IAAS;IACzC,IAAI1B,cAAA,CAAe4B,KAAK,GAAG;MACzB,MAAMC,IAAA,GAAQD,KAAA,CAAMP,KAAA,CAAmCS,QAAA;MACvD,IAAID,IAAA,IAAQ,MAAMH,KAAA,IAASF,oBAAA,CAAqBK,IAAI;IACtD;EACF,CAAC;EACD,OAAOH,KAAA;AACT;AAEA,SAASK,oBAAoBd,IAAA,EAA0B;EACrD,IAAI,CAACjB,cAAA,CAAeiB,IAAI,GAAG,OAAO;EAClC,MAAMI,KAAA,GAAQJ,IAAA,CAAKI,KAAA;EACnB,OACEA,KAAA,CAAMW,QAAA,KAAa,QAAQX,KAAA,CAAM,eAAe,MAAM,QAAQA,KAAA,CAAM,eAAe,MAAM;AAE7F;AAEO,SAASY,UAAU;EACxBC,OAAA;EACAC,SAAA;EACAC,MAAA;EACAN,QAAA;EACAO,KAAA,GAAQ;EACRC,gBAAA,GAAmB;EACnBC,EAAA,EAAIC,MAAA;EACJC,GAAA,GAAM;EACN,GAAGC;AACL,GAAmB;EACjB,MAAMC,OAAA,GAAUzC,KAAA,CAAM;EACtB,MAAM0C,QAAA,GAAWJ,MAAA,IAAUG,OAAA;EAC3B,MAAME,OAAA,GAAU1C,MAAA,CAA2B,IAAI;EAC/C,MAAM2C,cAAA,GAAiBxC,mBAAA,CAAoB;EAE3C,MAAMyC,cAAA,GAAiB/B,OAAA,CAAQmB,SAAS;EACxC,MAAMa,QAAA,GAAWd,OAAA,IAAW,QAAQa,cAAA,CAAeE,MAAA,GAAS,KAAKb,MAAA,IAAU;EAI3E,IAAIc,sBAAA,GAAyB;EAC7B,MAAMC,WAAA,GACJf,MAAA,IAAU,QAAQA,MAAA,KAAW,QACzB,OACAtC,QAAA,CAASsD,GAAA,CAAIhB,MAAA,EAASnB,IAAA,IAAS;IAC7B,IAAI,CAACc,mBAAA,CAAoBd,IAAI,GAAG,OAAOA,IAAA;IACvCiC,sBAAA,GAAyB;IACzB,OAAOnD,YAAA,CACLkB,IAAA,EACA;MACEe,QAAA,EAAU;MACV,iBAAiB;MACjB,mCAAmC;IACrC,CACF;EACF,CAAC;EAEP/B,SAAA,CAAU,MAAM;IACd,IAAIoD,KAAA,GAAQ;IACZ,IAAInB,OAAA,IAAW,MAAMmB,KAAA,IAAS;IAE9BA,KAAA,IAAS7B,oBAAA,CAAqBM,QAAQ;IACtCuB,KAAA,IAAS7B,oBAAA,CAAqBW,SAAS;IACvCkB,KAAA,IAAS7B,oBAAA,CAAqBY,MAAM;IAEpC,IAAIiB,KAAA,GAAQ,GAAG;MACb9C,aAAA,CAAc,iBAAiB;QAC7B+C,SAAA,EAAW;QACXf,EAAA,EAAIK,QAAA;QACJlB,KAAA,EAAO2B;MACT,CAAC;IACH;IAEA,IAAIH,sBAAA,EAAwB;MAC1B1C,kBAAA,CAAmB;QAAEwB,QAAA,EAAU;QAAMsB,SAAA,EAAW;QAAaf,EAAA,EAAIK;MAAS,CAAC;IAC7E;IAIA,IAAIE,cAAA,EAAgB;MAClB,MAAMS,WAAA,IACHrB,OAAA,IAAW,OAAO,IAAI,KACvBa,cAAA,CAAeS,MAAA,CAAQvC,IAAA,IAASA,IAAA,IAAQ,QAAQA,IAAA,KAAS,KAAK,EAAEgC,MAAA,IAC/Db,MAAA,IAAU,QAAQA,MAAA,KAAW,QAAQ,IAAI,KAC1C/B,kBAAA,CAAmByB,QAAQ;MAC7BrB,wBAAA,CAAyB;QACvBiB,KAAA,EAAO6B,WAAA;QACPjB,gBAAA;QACAgB,SAAA,EAAW;QACXf,EAAA,EAAIK;MACN,CAAC;IACH;IAGA,MAAMa,EAAA,GAAKZ,OAAA,CAAQa,OAAA;IACnB,IAAID,EAAA,IAAM,OAAOA,EAAA,CAAGE,gBAAA,KAAqB,YAAY;MACnD,MAAMC,QAAA,GAAWH,EAAA,CAAGE,gBAAA,CAAiB,iCAAiC,EAAEV,MAAA;MACxE,IAAIW,QAAA,GAAW,GAAG;QAChBrD,aAAA,CAAc,iBAAiB;UAC7B+C,SAAA,EAAW;UACXf,EAAA,EAAI,GAAGK,QAAQ;UACflB,KAAA,EAAOkC;QACT,CAAC;MACH;IACF;EACF,GAAG,CACDtB,gBAAA,EACAF,MAAA,EACAc,sBAAA,EACApB,QAAA,EACAgB,cAAA,EACAZ,OAAA,EACAU,QAAA,EACAT,SAAA,CACD;EAED,OACE,eAAAxB,IAAA,CAACP,MAAA;IACCyD,GAAA,EAAKhB,OAAA;IACL,sBAAoBD,QAAA;IACpBH,GAAA;IACAqB,QAAA,EAAS;IACTC,UAAA,EAAW;IACXC,cAAA,EAAgBpD,aAAA,CAAcyB,KAAK;IACnC4B,KAAA,EAAM;IACL,GAAGvB,UAAA;IAEHZ,QAAA,GAAAkB,QAAA,GACC,eAAArC,IAAA,CAAAD,QAAA;MACGoB,QAAA,GAAAqB,WAAA,EACAJ,cAAA,EACAb,OAAA;IAAA,CACH,IACE,MACHJ,QAAA;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/actions/ActionBar.native.js

@@ -0,0 +1,154 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ActionBar_exports = {};
+__export(ActionBar_exports, {
+  ActionBar: () => ActionBar
+});
+module.exports = __toCommonJS(ActionBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_actionScan = require("../shared/actionScan.native.js");
+var import_surfaces = require("../surfaces.native.js");
+var import_devWarn = require("./devWarn.native.js");
+var ALIGN_JUSTIFY = {
+  start: "flex-start",
+  end: "flex-end",
+  between: "space-between"
+};
+function asArray(node) {
+  if (node == null || node === false) return [];
+  return Array.isArray(node) ? node : [node];
+}
+function elementLooksPrimary(node) {
+  if (! /* @__PURE__ */(0, import_react.isValidElement)(node)) return false;
+  var props = node.props;
+  if (props["data-mp-action-role"] === "primary") return true;
+  if (props.actionRole === "primary") return true;
+  if (props.accent === true) return true;
+  return false;
+}
+function countPrimariesInTree(nodes) {
+  var count = 0;
+  import_react.Children.forEach(nodes, function (child) {
+    if (elementLooksPrimary(child)) count += 1;
+    if (/* @__PURE__ */(0, import_react.isValidElement)(child)) {
+      var kids = child.props.children;
+      if (kids != null) count += countPrimariesInTree(kids);
+    }
+  });
+  return count;
+}
+function nodeRendersDisabled(node) {
+  if (! /* @__PURE__ */(0, import_react.isValidElement)(node)) return false;
+  var props = node.props;
+  return props.disabled === true || props["aria-disabled"] === true || props["aria-disabled"] === "true";
+}
+function ActionBar(param) {
+  var {
+    primary,
+    secondary,
+    cancel,
+    children,
+    align = "end",
+    allowManyActions = false,
+    id: idProp,
+    gap = "$2",
+    ...stackProps
+  } = param;
+  var reactId = (0, import_react.useId)();
+  var regionId = idProp !== null && idProp !== void 0 ? idProp : reactId;
+  var rootRef = (0, import_react.useRef)(null);
+  var inDialogRegion = (0, import_surfaces.useIsInDialogRegion)();
+  var secondaryItems = asArray(secondary);
+  var hasSlots = primary != null || secondaryItems.length > 0 || cancel != null;
+  var cancelDisabledStripped = false;
+  var cancelItems = cancel == null || cancel === false ? null : import_react.Children.map(cancel, function (node) {
+    if (!nodeRendersDisabled(node)) return node;
+    cancelDisabledStripped = true;
+    return /* @__PURE__ */(0, import_react.cloneElement)(node, {
+      disabled: void 0,
+      "aria-disabled": void 0,
+      "data-mp-cancel-disabled-ignored": "true"
+    });
+  });
+  (0, import_react.useEffect)(function () {
+    var total = 0;
+    if (primary != null) total += 1;
+    total += countPrimariesInTree(children);
+    total += countPrimariesInTree(secondary);
+    total += countPrimariesInTree(cancel);
+    if (total > 1) {
+      (0, import_devWarn.actionDevWarn)("two-primaries", {
+        component: "ActionBar",
+        id: regionId,
+        count: total
+      });
+    }
+    if (cancelDisabledStripped) {
+      (0, import_devWarn.warnCancelDisabled)({
+        disabled: true,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    if (inDialogRegion) {
+      var actionTotal = (primary != null ? 1 : 0) + secondaryItems.filter(function (node) {
+        return node != null && node !== false;
+      }).length + (cancel != null && cancel !== false ? 1 : 0) + (0, import_actionScan.countActionsInTree)(children);
+      (0, import_devWarn.warnDialogTooManyActions)({
+        count: actionTotal,
+        allowManyActions,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    var el = rootRef.current;
+    if (el && typeof el.querySelectorAll === "function") {
+      var domCount = el.querySelectorAll('[data-mp-action-role="primary"]').length;
+      if (domCount > 1) {
+        (0, import_devWarn.actionDevWarn)("two-primaries", {
+          component: "ActionBar",
+          id: `${regionId}:dom`,
+          count: domCount
+        });
+      }
+    }
+  }, [allowManyActions, cancel, cancelDisabledStripped, children, inDialogRegion, primary, regionId, secondary]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    ref: rootRef,
+    "data-mp-action-bar": regionId,
+    gap,
+    flexWrap: "wrap",
+    alignItems: "center",
+    justifyContent: ALIGN_JUSTIFY[align],
+    width: "100%",
+    ...stackProps,
+    children: [hasSlots ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [cancelItems, secondaryItems, primary]
+    }) : null, children]
+  });
+}
+//# sourceMappingURL=ActionBar.native.js.map

package/dist/jsx/actions/ActionBar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ActionBar_exports","ActionBar","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_actionScan","import_surfaces","import_devWarn","ALIGN_JUSTIFY","start","end","between","asArray","node","Array","isArray","elementLooksPrimary","isValidElement","props","actionRole","accent","countPrimariesInTree","nodes","count","Children","forEach","child","kids","children","nodeRendersDisabled","disabled","param","primary","secondary","cancel","align","allowManyActions","id","idProp","gap","stackProps","reactId","useId","regionId","rootRef","useRef","inDialogRegion","useIsInDialogRegion","secondaryItems","hasSlots","length","cancelDisabledStripped","cancelItems","map","cloneElement","useEffect","total","actionDevWarn","component","warnCancelDisabled","actionTotal","filter","countActionsInTree","warnDialogTooManyActions","el","current","querySelectorAll","domCount","jsxs","XStack","ref","flexWrap","alignItems","justifyContent","width"],"sources":["../../../src/actions/ActionBar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/actions/DestructiveAction.mjs

@@ -0,0 +1,191 @@
+import { Button, formatActionLabel } from "@multiplatform.one/forms";
+import { useCallback, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Paragraph, YStack } from "tamagui";
+import { ConfirmDialog } from "../feedback/ConfirmDialog.mjs";
+import { withInterp } from "../shared/t.mjs";
+import { resolveDestructiveSeverity, severityRequiresConfirm, severityUsesDangerTone } from "./severity.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function buildConfirmContext(props) {
+  const actionLabel = formatActionLabel({
+    verb: props.verb,
+    noun: props.noun
+  });
+  const confirmLabel = formatActionLabel({
+    verb: props.verb
+  });
+  const expectedText = props.severity === "high" ? (props.confirmationText ?? props.noun ?? props.verb).trim() : void 0;
+  return {
+    verb: props.verb,
+    noun: props.noun,
+    confirmLabel,
+    actionLabel,
+    severity: props.severity,
+    consequence: props.consequence,
+    expectedText,
+    confirmationText: props.confirmationText
+  };
+}
+function DestructiveAction({
+  verb,
+  noun,
+  severity: severityProp,
+  bulk,
+  irreversible,
+  cascades,
+  consequence,
+  confirmationText,
+  confirm,
+  onAction,
+  children,
+  disabled,
+  disabledReason,
+  loading,
+  ...buttonProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const severity = resolveDestructiveSeverity({
+    severity: severityProp,
+    bulk,
+    irreversible,
+    cascades
+  });
+  const needsConfirm = severityRequiresConfirm(severity);
+  const useDanger = severityUsesDangerTone(severity);
+  const label = children ?? formatActionLabel({
+    verb,
+    noun
+  });
+  const [pending, setPending] = useState(false);
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [typedText, setTypedText] = useState("");
+  const dialogCtx = buildConfirmContext({
+    verb,
+    noun,
+    severity,
+    consequence,
+    confirmationText
+  });
+  const useCustomConfirm = Boolean(confirm);
+  const typedMatch = !dialogCtx.expectedText || typedText.trim() === dialogCtx.expectedText;
+  const runAction = useCallback(async () => {
+    setPending(true);
+    try {
+      await onAction();
+    } finally {
+      setPending(false);
+    }
+  }, [onAction]);
+  const closeDialog = useCallback(() => {
+    setDialogOpen(false);
+    setTypedText("");
+  }, []);
+  const handlePress = useCallback(async () => {
+    if (disabled || disabledReason || pending) return;
+    const ctx = buildConfirmContext({
+      verb,
+      noun,
+      severity,
+      consequence,
+      confirmationText
+    });
+    if (needsConfirm) {
+      if (confirm) {
+        setPending(true);
+        try {
+          const ok = await confirm(ctx);
+          if (!ok) return;
+          await onAction();
+        } finally {
+          setPending(false);
+        }
+        return;
+      }
+      setTypedText("");
+      setDialogOpen(true);
+      return;
+    }
+    await runAction();
+  }, [confirm, confirmationText, consequence, disabled, disabledReason, needsConfirm, noun, onAction, pending, runAction, severity, verb]);
+  const handleDialogConfirm = useCallback(async () => {
+    if (dialogCtx.expectedText && typedText.trim() !== dialogCtx.expectedText) {
+      return;
+    }
+    closeDialog();
+    await runAction();
+  }, [closeDialog, dialogCtx.expectedText, runAction, typedText]);
+  const markers = {
+    "data-mp-destructive": "true",
+    "data-mp-destructive-severity": severity,
+    ...(needsConfirm && useCustomConfirm ? {
+      "data-mp-confirmed-upstream": "true"
+    } : {}),
+    ...(needsConfirm && !useCustomConfirm ? {
+      "data-mp-confirm-dialog": "true"
+    } : {})
+  };
+  const typedPrompt = dialogCtx.expectedText != null ? withInterp(t('Type "{{text}}" to confirm.'), {
+    text: dialogCtx.expectedText
+  }) : null;
+  const dialogBody = dialogCtx.expectedText != null ? /* @__PURE__ */jsxs(YStack, {
+    gap: "$3",
+    children: [consequence ? /* @__PURE__ */jsx(Paragraph, {
+      size: "$3",
+      children: consequence
+    }) : null, /* @__PURE__ */jsx("span", {
+      "data-mp-confirm-prompt": "",
+      children: typedPrompt
+    }), /* @__PURE__ */jsx("input", {
+      value: typedText,
+      onChange: e => setTypedText(e.target.value),
+      placeholder: dialogCtx.expectedText,
+      autoCapitalize: "none",
+      autoCorrect: "off",
+      spellCheck: false,
+      "data-mp-confirm-expected": "",
+      style: {
+        width: "100%",
+        padding: "8px 12px",
+        borderRadius: 8,
+        border: "1px solid var(--borderColor, #ccc)",
+        background: "var(--background, transparent)",
+        color: "inherit",
+        font: "inherit"
+      }
+    })]
+  }) : consequence;
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(Button, {
+      ...buttonProps,
+      ...markers,
+      verb,
+      noun,
+      error: useDanger || void 0,
+      disabled: disabled || Boolean(disabledReason) || void 0,
+      disabledReason,
+      loading: loading || pending,
+      onPress: handlePress,
+      children: label
+    }), needsConfirm && !useCustomConfirm ? /* @__PURE__ */jsx(ConfirmDialog, {
+      open: dialogOpen,
+      title: `${dialogCtx.actionLabel}?`,
+      body: dialogBody,
+      confirmLabel: dialogCtx.confirmLabel,
+      cancelLabel: t("Cancel"),
+      destructive: true,
+      confirmDisabled: Boolean(dialogCtx.expectedText) && !typedMatch,
+      confirmDisabledReason: typedPrompt ?? void 0,
+      onConfirm: () => {
+        void handleDialogConfirm();
+      },
+      onCancel: closeDialog,
+      onOpenChange: next => {
+        if (!next) closeDialog();else setDialogOpen(true);
+      }
+    }) : null]
+  });
+}
+export { DestructiveAction };
+//# sourceMappingURL=DestructiveAction.mjs.map

package/dist/jsx/actions/DestructiveAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","formatActionLabel","useCallback","useState","useTranslation","Paragraph","YStack","ConfirmDialog","withInterp","resolveDestructiveSeverity","severityRequiresConfirm","severityUsesDangerTone","Fragment","jsx","jsxs","buildConfirmContext","props","actionLabel","verb","noun","confirmLabel","expectedText","severity","confirmationText","trim","consequence","DestructiveAction","severityProp","bulk","irreversible","cascades","confirm","onAction","children","disabled","disabledReason","loading","buttonProps","t","needsConfirm","useDanger","label","pending","setPending","dialogOpen","setDialogOpen","typedText","setTypedText","dialogCtx","useCustomConfirm","Boolean","typedMatch","runAction","closeDialog","handlePress","ctx","ok","handleDialogConfirm","markers","typedPrompt","text","dialogBody","gap","size","value","onChange","e","target","placeholder","autoCapitalize","autoCorrect","spellCheck","style","width","padding","borderRadius","border","background","color","font","error","onPress","open","title","body","cancelLabel","destructive","confirmDisabled","confirmDisabledReason","onConfirm","onCancel","onOpenChange","next"],"sources":["../../../src/actions/DestructiveAction.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}