@multiplatform.one/components 6.1.0 → 6.3.0

package/dist/cjs/componentColors.native.js

@@ -24,7 +24,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var componentColors_exports = {};
 __export(componentColors_exports, {
-  componentColors: () => componentColors
+  componentColors: () => componentColors,
+  sectionHeading: () => sectionHeading
 });
 module.exports = __toCommonJS(componentColors_exports);
 var componentColors = {
@@ -40,11 +41,12 @@ var componentColors = {
     active: "$color5",
     border: "$color7"
   },
-  /** Text color levels */
+  /** Text color levels. muted sits on the $color11 tier — the lowest ramp
+  * step that keeps secondary text AA-readable on color1/2 surfaces. */
   text: {
     primary: "$color12",
     secondary: "$color11",
-    muted: "$color10",
+    muted: "$color11",
     subtle: "$color8"
   },
   /** Code block styling */
@@ -70,23 +72,33 @@ var componentColors = {
     border: "$color6",
     text: "$color11"
   },
-  /** Badge semantic colors */
+  /** Badge semantic colors. Step 11 (not 9) so the count text clears AA:
+  * white-on-$red9 measured 3.91:1 (SB-R-02). Step 11 flips with the scheme
+  * (deep hue in light, pale hue in dark), pairing with $color1 text. */
   badge: {
-    red: "$red9",
-    blue: "$blue9",
-    green: "$green9",
-    orange: "$orange9",
-    gray: "$color8"
+    red: "$red11",
+    blue: "$blue11",
+    green: "$green11",
+    orange: "$orange11",
+    gray: "$color11"
   },
-  /** Semantic status colors for diff-like displays */
+  /** Semantic status colors for diff-like displays. Step 11 (not 10) for the
+  * same AA reason as `badge`: these color small status/trend text (KPICard
+  * trend, Timeline diffs, Attachments errors) and step 10 measured
+  * 3.37–4.36:1 on color1/2 surfaces — under the 4.5:1 normal-text floor. */
   semantic: {
-    error: "$red10",
-    success: "$green10",
-    info: "$color10"
+    error: "$red11",
+    success: "$green11",
+    info: "$color11"
   },
   /** Separator/divider tokens */
   divider: "$color4",
   /** Debug indicator color */
   debug: "$color9"
 };
+var sectionHeading = {
+  fontSize: 20,
+  lineHeight: 26,
+  fontWeight: "600"
+};
 //# sourceMappingURL=componentColors.native.js.map

package/dist/cjs/componentColors.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","componentColors_exports","__export","componentColors","module","exports","surface","background","border","interactive","hover","active","text","primary","secondary","muted","subtle","code","foreground","lineNumber","highlightLine","indicator","inactive","completed","current","track","overlay","badge","red","blue","green","orange","gray","semantic","error","success","info","divider","debug"],"sources":["../../src/componentColors.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AASOC,MAAM,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAAA;AAAA,IAAAE,eAAA;EAE7B;EAASG,OACP;IACAC,UAAQ;IACVC,MAAA;EAAA;EAGA;EAAaC,WACX;IACAF,UAAO;IACPG,KAAA,WAAQ;IACRC,MAAA,EAAQ;IACVH,MAAA;EAAA;EAGA;EAAMI,IACJ;IACAC,OAAA,YAAW;IACXC,SAAO;IACPC,KAAA,YAAQ;IACVC,MAAA;EAAA;EAGA;EAAMC,IACJ;IACAV,UAAA,EAAY;IACZW,UAAQ;IACRV,MAAA,WAAY;IACZW,UAAA,WAAe;IACjBC,aAAA;EAAA;EAGA;EAAWC,SACT,EAAQ;IACRV,MAAA,WAAU;IACVW,QAAO;IACPZ,KAAA,WAAW;IACXa,SAAS;IACTC,OAAO;IACTC,KAAA;EAAA;EAGA;EAASC,OACP;IACAnB,UAAQ;IACRC,MAAM;IACRI,IAAA;EAAA;EAGA;EAAOe,KACL,EAAK;IACLC,GAAA,SAAM;IACNC,IAAA,UAAO;IACPC,KAAA,WAAQ;IACRC,MAAM;IACRC,IAAA;EAAA;EAGA;EAAUC,QACR,EAAO;IACPC,KAAA,UAAS;IACTC,OAAM;IACRC,IAAA;EAAA;EAGA;EAASC,OAAA;EAGT;EACFC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","componentColors_exports","__export","componentColors","sectionHeading","module","exports","surface","background","border","interactive","hover","active","text","primary","secondary","muted","subtle","code","foreground","lineNumber","highlightLine","indicator","inactive","completed","current","track","overlay","badge","red","blue","green","orange","gray","semantic","error","success","info","divider","debug","fontSize","lineHeight","fontWeight"],"sources":["../../src/componentColors.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AASOC,MAAM,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,uBAAA;AAAA,IAAAE,eAAA;EAE7B;EAASI,OACP;IACAC,UAAQ;IACVC,MAAA;EAAA;EAGA;EAAaC,WACX;IACAF,UAAO;IACPG,KAAA,WAAQ;IACRC,MAAA,EAAQ;IACVH,MAAA;EAAA;EAAA;AAAA;EAIMI,IACJ;IACAC,OAAA,YAAW;IACXC,SAAO;IACPC,KAAA,YAAQ;IACVC,MAAA;EAAA;EAGA;EAAMC,IACJ;IACAV,UAAA,EAAY;IACZW,UAAQ;IACRV,MAAA,WAAY;IACZW,UAAA,WAAe;IACjBC,aAAA;EAAA;EAGA;EAAWC,SACT,EAAQ;IACRV,MAAA,WAAU;IACVW,QAAO;IACPZ,KAAA,WAAW;IACXa,SAAS;IACTC,OAAO;IACTC,KAAA;EAAA;EAGA;EAASC,OACP;IACAnB,UAAQ;IACRC,MAAM;IACRI,IAAA;EAAA;EAAA;AAAA;AAAA;EAKOe,KACL,EAAK;IACLC,GAAA,UAAM;IACNC,IAAA,WAAO;IACPC,KAAA,YAAQ;IACRC,MAAM;IACRC,IAAA;EAAA;EAAA;AAAA;AAAA;AAAA;EAMUC,QACR,EAAO;IACPC,KAAA,UAAS;IACTC,OAAM;IACRC,IAAA;EAAA;EAGA;EAASC,OAAA;EAGT;EACFC,KAAA;AAkBO;AAAuB,IAC5BnC,cAAU;EACVoC,QAAA,IAAY;EACZC,UAAA,EAAY;EACdC,UAAA","ignoreList":[]}

package/dist/cjs/feedback/ConfirmDialog.cjs

@@ -0,0 +1,140 @@
+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 ConfirmDialog_exports = {};
+__export(ConfirmDialog_exports, {
+  ConfirmDialog: () => ConfirmDialog
+});
+module.exports = __toCommonJS(ConfirmDialog_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_actionScan = require("../shared/actionScan.cjs");
+var import_useReturnFocusOnClose = require("../shared/useReturnFocusOnClose.cjs");
+var import_surfaces = require("../surfaces.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  body,
+  children,
+  confirmLabel: confirmLabelProp,
+  cancelLabel: cancelLabelProp,
+  onConfirm,
+  onCancel,
+  destructive = false,
+  warning = false,
+  confirmDisabled = false,
+  confirmDisabledReason,
+  cancelDisabled = false,
+  allowManyActions = false
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const confirmLabel = confirmLabelProp ?? t("Confirm");
+  const cancelLabel = cancelLabelProp ?? t("Cancel");
+  const description = body ?? children;
+  const closeReason = (0, import_react.useRef)(null);
+  (0, import_useReturnFocusOnClose.useReturnFocusOnClose)(open);
+  (0, import_react.useEffect)(() => {
+    (0, import_theme.warnCancelDisabled)({
+      disabled: cancelDisabled,
+      component: "ConfirmDialog"
+    });
+  }, [cancelDisabled]);
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    (0, import_theme.warnDialogTooManyActions)({
+      count: 2 + (0, import_actionScan.countActionsInTree)(description),
+      allowManyActions,
+      component: "ConfirmDialog"
+    });
+  }, [open, description, allowManyActions]);
+  const handleOpenChange = next => {
+    if (!next) {
+      if (closeReason.current !== "confirm") {
+        onCancel?.();
+      }
+      closeReason.current = null;
+    }
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
+    modal: true,
+    open,
+    onOpenChange: handleOpenChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_surfaces.DialogContent, {
+        maxWidth: 440,
+        role: "alertdialog",
+        "data-tone": destructive ? "destructive" : warning ? "warning" : "default",
+        onPointerDownOutside: e => e.preventDefault(),
+        onInteractOutside: e => e.preventDefault(),
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
+          children: title
+        }), description != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
+          asChild: true,
+          children: typeof description === "string" || typeof description === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$3",
+            children: description
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            children: description
+          })
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          marginTop: "$4",
+          justifyContent: "flex-end",
+          alignItems: "flex-start",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            chromeless: true,
+            "data-mp-cancel-disabled-ignored": cancelDisabled ? "true" : void 0,
+            onPress: () => {
+              closeReason.current = "cancel";
+              handleOpenChange(false);
+            },
+            children: cancelLabel
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            error: destructive,
+            warning: !destructive && warning,
+            disabled: confirmDisabled || void 0,
+            disabledReason: confirmDisabled ? confirmDisabledReason : void 0,
+            "aria-disabled": confirmDisabled || void 0,
+            "data-mp-confirm-disabled": confirmDisabled ? "true" : void 0,
+            onPress: () => {
+              if (confirmDisabled) return;
+              closeReason.current = "confirm";
+              onConfirm?.();
+              handleOpenChange(false);
+            },
+            children: confirmLabel
+          })]
+        })]
+      }, "content")]
+    })
+  });
+}

package/dist/cjs/feedback/ConfirmDialog.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 ConfirmDialog_exports = {};
+__export(ConfirmDialog_exports, {
+  ConfirmDialog: () => ConfirmDialog
+});
+module.exports = __toCommonJS(ConfirmDialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_actionScan = require("../shared/actionScan.native.js");
+var import_useReturnFocusOnClose = require("../shared/useReturnFocusOnClose.native.js");
+var import_surfaces = require("../surfaces.native.js");
+function ConfirmDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    title,
+    body,
+    children,
+    confirmLabel: confirmLabelProp,
+    cancelLabel: cancelLabelProp,
+    onConfirm,
+    onCancel,
+    destructive = false,
+    warning = false,
+    confirmDisabled = false,
+    confirmDisabledReason,
+    cancelDisabled = false,
+    allowManyActions = false
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var confirmLabel = confirmLabelProp !== null && confirmLabelProp !== void 0 ? confirmLabelProp : t("Confirm");
+  var cancelLabel = cancelLabelProp !== null && cancelLabelProp !== void 0 ? cancelLabelProp : t("Cancel");
+  var description = body !== null && body !== void 0 ? body : children;
+  var closeReason = (0, import_react.useRef)(null);
+  (0, import_useReturnFocusOnClose.useReturnFocusOnClose)(open);
+  (0, import_react.useEffect)(function () {
+    (0, import_theme.warnCancelDisabled)({
+      disabled: cancelDisabled,
+      component: "ConfirmDialog"
+    });
+  }, [cancelDisabled]);
+  (0, import_react.useEffect)(function () {
+    if (!open) return;
+    (0, import_theme.warnDialogTooManyActions)({
+      count: 2 + (0, import_actionScan.countActionsInTree)(description),
+      allowManyActions,
+      component: "ConfirmDialog"
+    });
+  }, [open, description, allowManyActions]);
+  var handleOpenChange = function handleOpenChange2(next) {
+    if (!next) {
+      if (closeReason.current !== "confirm") {
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+      }
+      closeReason.current = null;
+    }
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
+    modal: true,
+    open,
+    onOpenChange: handleOpenChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_surfaces.DialogContent, {
+        maxWidth: 440,
+        role: "alertdialog",
+        // Test / automation hook for confirm tone (theme class names vary by runtime).
+        "data-tone": destructive ? "destructive" : warning ? "warning" : "default",
+        // Blocking confirm: no light-dismiss. Escape still cancels via
+        // Dialog's default escape → onOpenChange(false).
+        onPointerDownOutside: function onPointerDownOutside(e) {
+          return e.preventDefault();
+        },
+        onInteractOutside: function onInteractOutside(e) {
+          return e.preventDefault();
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
+          children: title
+        }), description != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
+          asChild: true,
+          children: typeof description === "string" || typeof description === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$3",
+            children: description
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            children: description
+          })
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          marginTop: "$4",
+          justifyContent: "flex-end",
+          alignItems: "flex-start",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            chromeless: true,
+            // DG-ACT-05: never disabled; `cancelDisabled` requests are ignored.
+            "data-mp-cancel-disabled-ignored": cancelDisabled ? "true" : void 0,
+            onPress: function onPress() {
+              closeReason.current = "cancel";
+              handleOpenChange(false);
+            },
+            children: cancelLabel
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            error: destructive,
+            warning: !destructive && warning,
+            disabled: confirmDisabled || void 0,
+            // DG-ST-03: gated confirm explains itself (visible reason,
+            // no hover) instead of dangling as a bare-disabled dead end.
+            disabledReason: confirmDisabled ? confirmDisabledReason : void 0,
+            "aria-disabled": confirmDisabled || void 0,
+            "data-mp-confirm-disabled": confirmDisabled ? "true" : void 0,
+            onPress: function onPress() {
+              if (confirmDisabled) return;
+              closeReason.current = "confirm";
+              onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+              handleOpenChange(false);
+            },
+            children: confirmLabel
+          })]
+        })]
+      }, "content")]
+    })
+  });
+}
+//# sourceMappingURL=ConfirmDialog.native.js.map

package/dist/cjs/feedback/ConfirmDialog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ConfirmDialog_exports","__export","ConfirmDialog","module","exports","import_jsx_runtime","require","import_forms","import_theme","import_react","import_react_i18next","import_tamagui","import_actionScan","import_useReturnFocusOnClose","import_surfaces","param","open","onOpenChange","title","body","children","confirmLabel","confirmLabelProp","cancelLabel","cancelLabelProp","onConfirm","onCancel","destructive","warning","confirmDisabled","confirmDisabledReason","cancelDisabled","allowManyActions","t","useTranslation","description","closeReason","useRef","useReturnFocusOnClose","useEffect","warnCancelDisabled","disabled","component","warnDialogTooManyActions","count","countActionsInTree","handleOpenChange","handleOpenChange2","next","current","jsx","Dialog","modal","jsxs","Portal","Overlay","backgroundColor","DialogContent","maxWidth","role","onPointerDownOutside","e","preventDefault","onInteractOutside","Title","Description","asChild","Paragraph","size","YStack","XStack","gap","marginTop","justifyContent","alignItems","Button","chromeless","onPress","error"],"sources":["../../../src/feedback/ConfirmDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/feedback/NotifyHost.cjs

@@ -0,0 +1,134 @@
+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 NotifyHost_exports = {};
+__export(NotifyHost_exports, {
+  NotifyHost: () => NotifyHost,
+  NotifyRegion: () => NotifyRegion
+});
+module.exports = __toCommonJS(NotifyHost_exports);
+var import_react = require("react");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_Alert = require("../Alert/index.cjs");
+var import_Toast = require("../Toast/index.cjs");
+var import_ConfirmDialog = require("./ConfirmDialog.cjs");
+var import_store = require("./store.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function useFeedbackEntries() {
+  return (0, import_react.useSyncExternalStore)(import_store.subscribeFeedback, import_store.getFeedback, import_store.getFeedback);
+}
+function BannerStack({
+  entries
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    width: "100%",
+    ...knobProps.panelPadding,
+    zIndex: import_forms.zIndex.loading,
+    children: entries.map(entry => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Alert.Alert, {
+      intent: entry.severity,
+      title: entry.title,
+      dismissible: entry.dismissible,
+      onDismiss: () => (0, import_store.dismissFeedback)(entry.id),
+      actionLabel: entry.action?.label,
+      onAction: entry.action?.onPress,
+      children: entry.body
+    }, entry.id))
+  });
+}
+function FeedbackDialog({
+  entry
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const open = entry != null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConfirmDialog.ConfirmDialog, {
+    open,
+    title: entry?.title ?? entry?.severity ?? "",
+    body: entry?.body,
+    confirmLabel: entry?.action?.label ?? t("OK"),
+    cancelLabel: t("Cancel"),
+    destructive: entry?.severity === "error",
+    warning: entry?.severity === "warning",
+    onConfirm: () => {
+      entry?.action?.onPress();
+      if (entry) (0, import_store.dismissFeedback)(entry.id);
+    },
+    onCancel: () => {
+      if (entry) (0, import_store.dismissFeedback)(entry.id);
+    },
+    onOpenChange: next => {
+      if (!next && entry) (0, import_store.dismissFeedback)(entry.id);
+    }
+  });
+}
+function NotifyRegion({
+  scope,
+  compact
+}) {
+  const all = useFeedbackEntries();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const entries = (0, import_react.useMemo)(() => all.filter(e => e.surface === "alert" && e.scope === scope), [all, scope]);
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    width: "100%",
+    children: entries.map(entry => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Alert.Alert, {
+      intent: entry.severity,
+      title: entry.title,
+      compact,
+      dismissible: entry.dismissible,
+      onDismiss: () => (0, import_store.dismissFeedback)(entry.id),
+      actionLabel: entry.action?.label,
+      onAction: entry.action?.onPress,
+      children: entry.body
+    }, entry.id))
+  });
+}
+function NotifyHost({
+  toastViewport = true,
+  children
+}) {
+  const all = useFeedbackEntries();
+  const banners = (0, import_react.useMemo)(() => all.filter(e => e.surface === "banner"), [all]);
+  const dialog = (0, import_react.useMemo)(() => all.find(e => e.surface === "dialog"), [all]);
+  const viewportProps = toastViewport === true ? {} : toastViewport === false ? null : toastViewport;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(BannerStack, {
+      entries: banners
+    }), children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(FeedbackDialog, {
+      entry: dialog
+    }), viewportProps != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toast.ToastViewport, {
+      ...viewportProps
+    }) : null]
+  });
+}