@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/esm/code/Highlighter/index.mjs

@@ -1,10 +1,11 @@
 import { createContext, useContext, useEffect, useState } from "react";
-const ShikiContext = createContext({
-  theme: "github-dark"
-});
+import { useThemeName } from "tamagui";
+const ShikiContext = createContext({});
 function useShikiTokens(code, language, theme) {
   const ctx = useContext(ShikiContext);
-  const resolvedTheme = theme || ctx.theme || "github-dark";
+  const themeName = useThemeName();
+  const schemeDefault = themeName?.includes("dark") ? "github-dark" : "github-light";
+  const resolvedTheme = theme || ctx.theme || schemeDefault;
   const [tokens, setTokens] = useState(null);
   useEffect(() => {
     let cancelled = false;
@@ -28,11 +29,27 @@ function plainTextTokens(code) {
     content: line
   }]);
 }
+let highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = Promise.all([import("shiki"), import("shiki/engine/javascript")]).then(([shiki, jsEngine]) => shiki.createHighlighter({
+      themes: [],
+      langs: [],
+      engine: jsEngine.createJavaScriptRegexEngine()
+    }));
+  }
+  return highlighterPromise;
+}
 async function highlightCode(code, language, theme = "github-dark") {
   try {
-    const shiki = await Promise.race([import("shiki"), new Promise((_, reject) => setTimeout(() => reject(new Error("shiki import timeout")), 5e3))]);
-    const result = await shiki.codeToTokens(code, {
-      lang: language,
+    const highlighter = await Promise.race([getHighlighter(), new Promise((_, reject) => setTimeout(() => reject(new Error("shiki import timeout")), 5e3))]);
+    await Promise.all([highlighter.loadTheme(theme),
+    // Unknown languages fall back to plain text below; theme failures
+    // reject into the catch (matching the old shorthand behavior).
+    highlighter.loadLanguage(language).catch(() => {})]);
+    const lang = highlighter.getLoadedLanguages().includes(language) ? language : "text";
+    const result = highlighter.codeToTokens(code, {
+      lang,
       theme
     });
     return result.tokens.map(line => line.map(token => ({

package/dist/esm/code/Highlighter/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useState","ShikiContext","theme","useShikiTokens","code","language","ctx","resolvedTheme","tokens","setTokens","cancelled","highlightCode","then","result","catch","split","map","line","content","plainTextTokens","shiki","Promise","race","_","reject","setTimeout","Error","codeToTokens","lang","token","color","fontStyle"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AAiBxD,MAAMC,YAAA,GAAeJ,aAAA,CAAiC;EAAEK,KAAA,EAAO;AAAc,CAAC;AAO9E,SAASC,eACdC,IAAA,EACAC,QAAA,EACAH,KAAA,EACwB;EACxB,MAAMI,GAAA,GAAMR,UAAA,CAAWG,YAAY;EACnC,MAAMM,aAAA,GAAgBL,KAAA,IAASI,GAAA,CAAIJ,KAAA,IAAS;EAC5C,MAAM,CAACM,MAAA,EAAQC,SAAS,IAAIT,QAAA,CAAiC,IAAI;EAEjED,SAAA,CAAU,MAAM;IACd,IAAIW,SAAA,GAAY;IAEhBC,aAAA,CAAcP,IAAA,EAAMC,QAAA,EAAUE,aAAa,EACxCK,IAAA,CAAMC,MAAA,IAAW;MAChB,IAAI,CAACH,SAAA,EAAWD,SAAA,CAAUI,MAAM;IAClC,CAAC,EACAC,KAAA,CAAM,MAAM;MAGX,IAAI,CAACJ,SAAA,EAAW;QACdD,SAAA,CAAUL,IAAA,CAAKW,KAAA,CAAM,IAAI,EAAEC,GAAA,CAAKC,IAAA,IAAS,CAAC;UAAEC,OAAA,EAASD;QAAK,CAAC,CAAC,CAAC;MAC/D;IACF,CAAC;IAEH,OAAO,MAAM;MACXP,SAAA,GAAY;IACd;EACF,GAAG,CAACN,IAAA,EAAMC,QAAA,EAAUE,aAAa,CAAC;EAElC,OAAOC,MAAA;AACT;AAOA,SAASW,gBAAgBf,IAAA,EAA+B;EACtD,OAAOA,IAAA,CAAKW,KAAA,CAAM,IAAI,EAAEC,GAAA,CAAKC,IAAA,IAAS,CAAC;IAAEC,OAAA,EAASD;EAAK,CAAC,CAAC;AAC3D;AAOA,eAAsBN,cACpBP,IAAA,EACAC,QAAA,EACAH,KAAA,GAAQ,eACkB;EAC1B,IAAI;IACF,MAAMkB,KAAA,GAAQ,MAAMC,OAAA,CAAQC,IAAA,CAAK,CAC/B,OAAO,OAAO,GACd,IAAID,OAAA,CAAe,CAACE,CAAA,EAAGC,MAAA,KACrBC,UAAA,CAAW,MAAMD,MAAA,CAAO,IAAIE,KAAA,CAAM,sBAAsB,CAAC,GAAG,GAAI,CAClE,EACD;IACD,MAAMb,MAAA,GAAS,MAAMO,KAAA,CAAMO,YAAA,CAAavB,IAAA,EAAM;MAC5CwB,IAAA,EAAMvB,QAAA;MACNH;IACF,CAAC;IACD,OAAOW,MAAA,CAAOL,MAAA,CAAOQ,GAAA,CAAKC,IAAA,IACxBA,IAAA,CAAKD,GAAA,CAAKa,KAAA,KAAW;MACnBX,OAAA,EAASW,KAAA,CAAMX,OAAA;MACfY,KAAA,EAAOD,KAAA,CAAMC,KAAA;MACbC,SAAA,EAAWF,KAAA,CAAME;IACnB,EAAE,CACJ;EACF,QAAQ;IAEN,OAAOZ,eAAA,CAAgBf,IAAI;EAC7B;AACF","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useEffect","useState","useThemeName","ShikiContext","useShikiTokens","code","language","theme","ctx","themeName","schemeDefault","includes","resolvedTheme","tokens","setTokens","cancelled","highlightCode","then","result","catch","split","map","line","content","plainTextTokens","highlighterPromise","getHighlighter","Promise","all","shiki","jsEngine","createHighlighter","themes","langs","engine","createJavaScriptRegexEngine","highlighter","race","_","reject","setTimeout","Error","loadTheme","loadLanguage","lang","getLoadedLanguages","codeToTokens","token","color","fontStyle"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/code/Highlighter/index.native.js

@@ -1,10 +1,11 @@
 import { createContext, useContext, useEffect, useState } from "react";
-var ShikiContext = createContext({
-  theme: "github-dark"
-});
+import { useThemeName } from "tamagui";
+var ShikiContext = createContext({});
 function useShikiTokens(code, language, theme) {
   var ctx = useContext(ShikiContext);
-  var resolvedTheme = theme || ctx.theme || "github-dark";
+  var themeName = useThemeName();
+  var schemeDefault = (themeName === null || themeName === void 0 ? void 0 : themeName.includes("dark")) ? "github-dark" : "github-light";
+  var resolvedTheme = theme || ctx.theme || schemeDefault;
   var [tokens, setTokens] = useState(null);
   useEffect(function () {
     var cancelled = false;
@@ -32,16 +33,35 @@ function plainTextTokens(code) {
     }];
   });
 }
+var highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = Promise.all([import("shiki"), import("shiki/engine/javascript")]).then(function (param) {
+      var [shiki, jsEngine] = param;
+      return shiki.createHighlighter({
+        themes: [],
+        langs: [],
+        engine: jsEngine.createJavaScriptRegexEngine()
+      });
+    });
+  }
+  return highlighterPromise;
+}
 async function highlightCode(code, language) {
   var theme = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "github-dark";
   try {
-    var shiki = await Promise.race([import("shiki"), new Promise(function (_, reject) {
+    var highlighter = await Promise.race([getHighlighter(), new Promise(function (_, reject) {
       return setTimeout(function () {
         return reject(new Error("shiki import timeout"));
       }, 5e3);
     })]);
-    var result = await shiki.codeToTokens(code, {
-      lang: language,
+    await Promise.all([highlighter.loadTheme(theme),
+    // Unknown languages fall back to plain text below; theme failures
+    // reject into the catch (matching the old shorthand behavior).
+    highlighter.loadLanguage(language).catch(function () {})]);
+    var lang = highlighter.getLoadedLanguages().includes(language) ? language : "text";
+    var result = highlighter.codeToTokens(code, {
+      lang,
       theme
     });
     return result.tokens.map(function (line) {

package/dist/esm/code/Highlighter/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useState","ShikiContext","theme","useShikiTokens","code","language","ctx","resolvedTheme","tokens","setTokens","cancelled","highlightCode","then","result","catch","split","map","line","content","plainTextTokens","arguments","length","shiki","Promise","race"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AAiBxD,IAAAC,YAAM,GAAAJ,aAAe;EAOrBK,KAAA,EAAS;AAKd;AACA,SAAMC,eAAgBC,IAAA,EAAAC,QAAa,EAAAH,KAAA,EAAS;EAC5C,IAAAI,GAAO,GAAAR,UAAQ,CAAAG,YAAa;EAE5B,IAAAM,aAAgB,GAAAL,KAAA,IAAAI,GAAA,CAAAJ,KAAA;EACd,KAAAM,MAAI,EAAAC,SAAY,IAAAT,QAAA;EAEhBD,SAAA,aAAc;IAEV,IAAAW,SAAK,QAAW;IAClBC,aACO,CAAAP,IAAM,EAAAC,QAAA,EAAAE,aAAA,EAAAK,IAAA,WAAAC,MAAA;MAGX,IAAI,CAACH,SAAA,EAAWD,SAAA,CAAAI,MAAA;IACd,GAAAC,KAAA,aAAe;MACjB,KAAAJ,SAAA;QACDD,SAAA,CAAAL,IAAA,CAAAW,KAAA,OAAAC,GAAA,WAAAC,IAAA;UAEH,OAAa,CACX;YACFC,OAAA,EAAAD;UACQ,EAEH;QACT;MAOA;IACE;IACF;MAOAP,SAAsB;IAKpB;EACE,IAAiCN,IAC/B,EAAcC,QACV,EAAAE,aAAmB,CAC2C;EAClE,OACDC,MAAA;AACD;AAA8C,SAC5CW,eAAMA,CAAAf,IAAA;EAAA,OACNA,IAAA,CAAAW,KAAA,OAAAC,GAAA,WAAAC,IAAA;IACF,OAAC,CACD;MAA0BC,OAAA,EACxBD;IAAqB,EACJ;EACF;AACI;AACjB,eACJN,cAAAP,IAAA,EAAAC,QAAA;EACF,IAAAH,KAAQ,GAAAkB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAEN;IACF,IAAAE,KAAA,SAAAC,OAAA,CAAAC,IAAA,EACF,iB","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useEffect","useState","useThemeName","ShikiContext","useShikiTokens","code","language","theme","ctx","themeName","schemeDefault","includes","resolvedTheme","tokens","setTokens","cancelled","highlightCode","then","result","catch","split","map","line","content","plainTextTokens","highlighterPromise","getHighlighter","Promise","all","param","shiki","jsEngine","createHighlighter","themes","langs","engine","createJavaScriptRegexEngine","arguments","length","highlighter","race","_","reject","setTimeout","Error"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AAC/D,SAASC,YAAA,QAAoB;AAiBtB,IAAAC,YAAM,GAAAL,aAAe,GAAiC,CAAC;AAOvD,SAASM,eACdC,IAAA,EACAC,QAAA,EACAC,KAAA,EACwB;EACxB,IAAAC,GAAM,GAAAT,UAAM,CAAAI,YAAW;EACvB,IAAAM,SAAM,GAAAP,YAAY;EAGlB,IAAAQ,aAAM,IAAAD,SAAgB,KAAW,QAASA,SAAU,mBAAgB,IAAAA,SAAA,CAAAE,QAAA;EACpE,IAAAC,aAAM,GAAAL,KAAgB,IAAAC,GAAS,CAAAD,KAAI,IAAAG,aAAS;EAC5C,KAAAG,MAAO,EAAAC,SAAQ,IAASb,QAAI,KAAiC;EAE7DD,SAAA,CAAU,YAAM;IACd,IAAIe,SAAA,GAAY;IAEhBC,aAAA,CAAcX,IAAA,EAAMC,QAAA,EAAUM,aAAa,EACxCK,IAAA,CAAK,UAACC,MAAW;MAChB,IAAI,CAACH,SAAA,EAAWD,SAAA,CAAUI,MAAM;IAClC,CAAC,EACAC,KAAA,CAAM,YAAM;MAGX,IAAI,CAACJ,SAAA,EAAW;QACdD,SAAA,CAAUT,IAAA,CAAKe,KAAA,CAAM,IAAI,EAAEC,GAAA,CAAI,UAACC,IAAY;UAC9C,QACD;YAEIC,OAAM,EAAAD;UACX,EACF;QACE;MAEJ;IACF;IAGA,OAAS;MACPP,SAAY,OAAM;IACpB;EAOA,GAAI,CAEJV,IAAA,EACEC,QAAK,EACHM,aAAA,CAAuF;EAE3D,OACtBC,MAAA;AAAS;AACD,SACRW,eAAQA,CAASnB,IAAA;EAA4B,OAC9CA,IAAA,CAAAe,KAAA,OAAAC,GAAA,WAAAC,IAAA;IACL,QACF;MACAC,OAAO,EAAAD;IACT,EAOA;EAKE;AACE;AAAuC,IAAAG,kBACtB;AAAA,SACfC,cAAIA,CAAA;EAAA,KAAAD,kBACF;IAAgEA,kBAClE,GAAAE,OAAA,CAAAC,GAAA,EACD,iBACD,MAAM,0BAAY,GAChB,CAAAX,IAAA,WAAYY,KAAA,EAAU;MAAY,KAAAC,KAAA,EAAAC,QAAA,IAAAF,KAAA;MAAA,OAAAC,KAAA,CAAAE,iBAAA;QAGlCC,MAAA,IAAY;QAA4CC,KAAA;QACzDC,MAAA,EAAAJ,QAAA,CAAAK,2BAAA;MACD;IACA;EAA8C;EAC5C,OACAX,kBAAA;AAAA;AAEF,eAAOT,aAAcA,CAAAX,IAAA,EAAAC,QAAA;EAAA,IAAIC,KAAC,GAAA8B,SACnB,CAAAC,MAAK,QAAWD,SAAA,iBAAAA,SAAA;EAAA;IACJ,IACfE,WAAO,GAAM,MAAAZ,OAAA,CAAAa,IAAA,EAAAd,cACF,IACb,IAAEC,OAAA,WAAAc,CAAA,EAAAC,MAAA;MACJ,OAAAC,UAAA;QACM,OAAAD,MAAA,KAAAE,KAAA;MAEN,GAAO;IACT,GACF","ignoreList":[]}

package/dist/esm/componentColors.mjs

@@ -11,11 +11,12 @@ const 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 */
@@ -41,24 +42,34 @@ const 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"
 };
-export { componentColors };
+const sectionHeading = {
+  fontSize: 20,
+  lineHeight: 26,
+  fontWeight: "600"
+};
+export { componentColors, sectionHeading };
 //# sourceMappingURL=componentColors.mjs.map

package/dist/esm/componentColors.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["componentColors","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":"AASO,MAAMA,eAAA,GAAkB;EAAA;EAE7BC,OAAA,EAAS;IACPC,UAAA,EAAY;IACZC,MAAA,EAAQ;EACV;EAAA;EAGAC,WAAA,EAAa;IACXF,UAAA,EAAY;IACZG,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRH,MAAA,EAAQ;EACV;EAAA;EAGAI,IAAA,EAAM;IACJC,OAAA,EAAS;IACTC,SAAA,EAAW;IACXC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EAAA;EAGAC,IAAA,EAAM;IACJV,UAAA,EAAY;IACZW,UAAA,EAAY;IACZV,MAAA,EAAQ;IACRW,UAAA,EAAY;IACZC,aAAA,EAAe;EACjB;EAAA;EAGAC,SAAA,EAAW;IACTV,MAAA,EAAQ;IACRW,QAAA,EAAU;IACVZ,KAAA,EAAO;IACPa,SAAA,EAAW;IACXC,OAAA,EAAS;IACTC,KAAA,EAAO;EACT;EAAA;EAGAC,OAAA,EAAS;IACPnB,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRI,IAAA,EAAM;EACR;EAAA;EAGAe,KAAA,EAAO;IACLC,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,IAAA,EAAM;EACR;EAAA;EAGAC,QAAA,EAAU;IACRC,KAAA,EAAO;IACPC,OAAA,EAAS;IACTC,IAAA,EAAM;EACR;EAAA;EAGAC,OAAA,EAAS;EAAA;EAGTC,KAAA,EAAO;AACT","ignoreList":[]}
+{"version":3,"names":["componentColors","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","sectionHeading","fontSize","lineHeight","fontWeight"],"sources":["../../src/componentColors.ts"],"sourcesContent":[null],"mappings":"AASO,MAAMA,eAAA,GAAkB;EAAA;EAE7BC,OAAA,EAAS;IACPC,UAAA,EAAY;IACZC,MAAA,EAAQ;EACV;EAAA;EAGAC,WAAA,EAAa;IACXF,UAAA,EAAY;IACZG,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRH,MAAA,EAAQ;EACV;EAAA;AAAA;EAIAI,IAAA,EAAM;IACJC,OAAA,EAAS;IACTC,SAAA,EAAW;IACXC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EAAA;EAGAC,IAAA,EAAM;IACJV,UAAA,EAAY;IACZW,UAAA,EAAY;IACZV,MAAA,EAAQ;IACRW,UAAA,EAAY;IACZC,aAAA,EAAe;EACjB;EAAA;EAGAC,SAAA,EAAW;IACTV,MAAA,EAAQ;IACRW,QAAA,EAAU;IACVZ,KAAA,EAAO;IACPa,SAAA,EAAW;IACXC,OAAA,EAAS;IACTC,KAAA,EAAO;EACT;EAAA;EAGAC,OAAA,EAAS;IACPnB,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRI,IAAA,EAAM;EACR;EAAA;AAAA;AAAA;EAKAe,KAAA,EAAO;IACLC,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,IAAA,EAAM;EACR;EAAA;AAAA;AAAA;AAAA;EAMAC,QAAA,EAAU;IACRC,KAAA,EAAO;IACPC,OAAA,EAAS;IACTC,IAAA,EAAM;EACR;EAAA;EAGAC,OAAA,EAAS;EAAA;EAGTC,KAAA,EAAO;AACT;AAkBO,MAAMC,cAAA,GAAiB;EAC5BC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,UAAA,EAAY;AACd","ignoreList":[]}

package/dist/esm/componentColors.native.js

@@ -11,11 +11,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 */
@@ -41,24 +42,34 @@ 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"
 };
-export { componentColors };
+var sectionHeading = {
+  fontSize: 20,
+  lineHeight: 26,
+  fontWeight: "600"
+};
+export { componentColors, sectionHeading };
 //# sourceMappingURL=componentColors.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["componentColors","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":"AASO,IAAAA,eAAM;EAAkB;EAE7BC,OAAA,EAAS;IACPC,UAAA,EAAY;IACZC,MAAA,EAAQ;EACV;EAAA;EAGAC,WAAA,EAAa;IACXF,UAAA,EAAY;IACZG,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRH,MAAA,EAAQ;EACV;EAAA;EAGAI,IAAA,EAAM;IACJC,OAAA,EAAS;IACTC,SAAA,EAAW;IACXC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EAAA;EAGAC,IAAA,EAAM;IACJV,UAAA,EAAY;IACZW,UAAA,EAAY;IACZV,MAAA,EAAQ;IACRW,UAAA,EAAY;IACZC,aAAA,EAAe;EACjB;EAAA;EAGAC,SAAA,EAAW;IACTV,MAAA,EAAQ;IACRW,QAAA,EAAU;IACVZ,KAAA,EAAO;IACPa,SAAA,EAAW;IACXC,OAAA,EAAS;IACTC,KAAA,EAAO;EACT;EAAA;EAGAC,OAAA,EAAS;IACPnB,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRI,IAAA,EAAM;EACR;EAAA;EAGAe,KAAA,EAAO;IACLC,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,IAAA,EAAM;EACR;EAAA;EAGAC,QAAA,EAAU;IACRC,KAAA,EAAO;IACPC,OAAA,EAAS;IACTC,IAAA,EAAM;EACR;EAAA;EAGAC,OAAA,EAAS;EAAA;EAGTC,KAAA,EAAO;AACT","ignoreList":[]}
+{"version":3,"names":["componentColors","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","sectionHeading","fontSize","lineHeight","fontWeight"],"sources":["../../src/componentColors.ts"],"sourcesContent":[null],"mappings":"AASO,IAAAA,eAAM;EAAkB;EAE7BC,OAAA,EAAS;IACPC,UAAA,EAAY;IACZC,MAAA,EAAQ;EACV;EAAA;EAGAC,WAAA,EAAa;IACXF,UAAA,EAAY;IACZG,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRH,MAAA,EAAQ;EACV;EAAA;AAAA;EAIAI,IAAA,EAAM;IACJC,OAAA,EAAS;IACTC,SAAA,EAAW;IACXC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EAAA;EAGAC,IAAA,EAAM;IACJV,UAAA,EAAY;IACZW,UAAA,EAAY;IACZV,MAAA,EAAQ;IACRW,UAAA,EAAY;IACZC,aAAA,EAAe;EACjB;EAAA;EAGAC,SAAA,EAAW;IACTV,MAAA,EAAQ;IACRW,QAAA,EAAU;IACVZ,KAAA,EAAO;IACPa,SAAA,EAAW;IACXC,OAAA,EAAS;IACTC,KAAA,EAAO;EACT;EAAA;EAGAC,OAAA,EAAS;IACPnB,UAAA,EAAY;IACZC,MAAA,EAAQ;IACRI,IAAA,EAAM;EACR;EAAA;AAAA;AAAA;EAKAe,KAAA,EAAO;IACLC,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,IAAA,EAAM;EACR;EAAA;AAAA;AAAA;AAAA;EAMAC,QAAA,EAAU;IACRC,KAAA,EAAO;IACPC,OAAA,EAAS;IACTC,IAAA,EAAM;EACR;EAAA;EAGAC,OAAA,EAAS;EAAA;EAGTC,KAAA,EAAO;AACT;AAkBO,IAAAC,cAAM;EACXC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,UAAA,EAAY;AACd","ignoreList":[]}

package/dist/esm/feedback/ConfirmDialog.mjs

@@ -0,0 +1,115 @@
+import { Button } from "@multiplatform.one/forms";
+import { warnCancelDisabled, warnDialogTooManyActions } from "@multiplatform.one/theme";
+import { useEffect, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { Dialog, Paragraph, XStack, YStack } from "tamagui";
+import { countActionsInTree } from "../shared/actionScan.mjs";
+import { useReturnFocusOnClose } from "../shared/useReturnFocusOnClose.mjs";
+import { DialogContent } from "../surfaces.mjs";
+import { jsx, jsxs } from "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
+  } = useTranslation();
+  const confirmLabel = confirmLabelProp ?? t("Confirm");
+  const cancelLabel = cancelLabelProp ?? t("Cancel");
+  const description = body ?? children;
+  const closeReason = useRef(null);
+  useReturnFocusOnClose(open);
+  useEffect(() => {
+    warnCancelDisabled({
+      disabled: cancelDisabled,
+      component: "ConfirmDialog"
+    });
+  }, [cancelDisabled]);
+  useEffect(() => {
+    if (!open) return;
+    warnDialogTooManyActions({
+      count: 2 + 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__ */jsx(Dialog, {
+    modal: true,
+    open,
+    onOpenChange: handleOpenChange,
+    children: /* @__PURE__ */jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */jsxs(DialogContent, {
+        maxWidth: 440,
+        role: "alertdialog",
+        "data-tone": destructive ? "destructive" : warning ? "warning" : "default",
+        onPointerDownOutside: e => e.preventDefault(),
+        onInteractOutside: e => e.preventDefault(),
+        children: [/* @__PURE__ */jsx(Dialog.Title, {
+          children: title
+        }), description != null ? /* @__PURE__ */jsx(Dialog.Description, {
+          asChild: true,
+          children: typeof description === "string" || typeof description === "number" ? /* @__PURE__ */jsx(Paragraph, {
+            size: "$3",
+            children: description
+          }) : /* @__PURE__ */jsx(YStack, {
+            children: description
+          })
+        }) : null, /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          marginTop: "$4",
+          justifyContent: "flex-end",
+          alignItems: "flex-start",
+          children: [/* @__PURE__ */jsx(Button, {
+            chromeless: true,
+            "data-mp-cancel-disabled-ignored": cancelDisabled ? "true" : void 0,
+            onPress: () => {
+              closeReason.current = "cancel";
+              handleOpenChange(false);
+            },
+            children: cancelLabel
+          }), /* @__PURE__ */jsx(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")]
+    })
+  });
+}
+export { ConfirmDialog };
+//# sourceMappingURL=ConfirmDialog.mjs.map

package/dist/esm/feedback/ConfirmDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","warnCancelDisabled","warnDialogTooManyActions","useEffect","useRef","useTranslation","Dialog","Paragraph","XStack","YStack","countActionsInTree","useReturnFocusOnClose","DialogContent","jsx","jsxs","ConfirmDialog","open","onOpenChange","title","body","children","confirmLabel","confirmLabelProp","cancelLabel","cancelLabelProp","onConfirm","onCancel","destructive","warning","confirmDisabled","confirmDisabledReason","cancelDisabled","allowManyActions","t","description","closeReason","disabled","component","count","handleOpenChange","next","current","modal","Portal","Overlay","backgroundColor","maxWidth","role","onPointerDownOutside","e","preventDefault","onInteractOutside","Title","Description","asChild","size","gap","marginTop","justifyContent","alignItems","chromeless","onPress","error","disabledReason"],"sources":["../../../src/feedback/ConfirmDialog.tsx"],"sourcesContent":[null],"mappings":"AAaA,SAASA,MAAA,QAAc;AACvB,SAASC,kBAAA,EAAoBC,wBAAA,QAAgC;AAC7D,SAASC,SAAA,EAAWC,MAAA,QAA8B;AAClD,SAASC,cAAA,QAAsB;AAC/B,SAASC,MAAA,EAAQC,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AAClD,SAASC,kBAAA,QAA0B;AACnC,SAASC,qBAAA,QAA6B;AACtC,SAASC,aAAA,QAAqB;AA4GtB,SAAAC,GAAA,EAsBEC,IAAA,QAtBF;AA1DD,SAASC,cAAc;EAC5BC,IAAA;EACAC,YAAA;EACAC,KAAA;EACAC,IAAA;EACAC,QAAA;EACAC,YAAA,EAAcC,gBAAA;EACdC,WAAA,EAAaC,eAAA;EACbC,SAAA;EACAC,QAAA;EACAC,WAAA,GAAc;EACdC,OAAA,GAAU;EACVC,eAAA,GAAkB;EAClBC,qBAAA;EACAC,cAAA,GAAiB;EACjBC,gBAAA,GAAmB;AACrB,GAAuB;EACrB,MAAM;IAAEC;EAAE,IAAI5B,cAAA,CAAe;EAC7B,MAAMgB,YAAA,GAAeC,gBAAA,IAAoBW,CAAA,CAAE,SAAS;EACpD,MAAMV,WAAA,GAAcC,eAAA,IAAmBS,CAAA,CAAE,QAAQ;EACjD,MAAMC,WAAA,GAAcf,IAAA,IAAQC,QAAA;EAE5B,MAAMe,WAAA,GAAc/B,MAAA,CAAoC,IAAI;EAK5DO,qBAAA,CAAsBK,IAAI;EAG1Bb,SAAA,CAAU,MAAM;IACdF,kBAAA,CAAmB;MAAEmC,QAAA,EAAUL,cAAA;MAAgBM,SAAA,EAAW;IAAgB,CAAC;EAC7E,GAAG,CAACN,cAAc,CAAC;EAInB5B,SAAA,CAAU,MAAM;IACd,IAAI,CAACa,IAAA,EAAM;IACXd,wBAAA,CAAyB;MACvBoC,KAAA,EAAO,IAAI5B,kBAAA,CAAmBwB,WAAW;MACzCF,gBAAA;MACAK,SAAA,EAAW;IACb,CAAC;EACH,GAAG,CAACrB,IAAA,EAAMkB,WAAA,EAAaF,gBAAgB,CAAC;EAExC,MAAMO,gBAAA,GAAoBC,IAAA,IAAkB;IAC1C,IAAI,CAACA,IAAA,EAAM;MACT,IAAIL,WAAA,CAAYM,OAAA,KAAY,WAAW;QACrCf,QAAA,GAAW;MACb;MACAS,WAAA,CAAYM,OAAA,GAAU;IACxB;IACAxB,YAAA,GAAeuB,IAAI;EACrB;EAEA,OACE,eAAA3B,GAAA,CAACP,MAAA;IAAOoC,KAAA,EAAK;IAAC1B,IAAA;IAAYC,YAAA,EAAcsB,gBAAA;IACtCnB,QAAA,iBAAAN,IAAA,CAACR,MAAA,CAAOqC,MAAA,EAAP;MACCvB,QAAA,kBAAAP,GAAA,CAACP,MAAA,CAAOsC,OAAA,EAAP;QAA6BC,eAAA,EAAgB;MAAA,GAA1B,SAAqC,GACzD,eAAA/B,IAAA,CAACF,aAAA;QAECkC,QAAA,EAAU;QACVC,IAAA,EAAK;QAEL,aAAWpB,WAAA,GAAc,gBAAgBC,OAAA,GAAU,YAAY;QAG/DoB,oBAAA,EAAuBC,CAAA,IAAMA,CAAA,CAAEC,cAAA,CAAe;QAC9CC,iBAAA,EAAoBF,CAAA,IAAMA,CAAA,CAAEC,cAAA,CAAe;QAE3C9B,QAAA,kBAAAP,GAAA,CAACP,MAAA,CAAO8C,KAAA,EAAP;UAAchC,QAAA,EAAAF;QAAA,CAAM,GACpBgB,WAAA,IAAe,OACd,eAAArB,GAAA,CAACP,MAAA,CAAO+C,WAAA,EAAP;UAAmBC,OAAA,EAAO;UACxBlC,QAAA,SAAOc,WAAA,KAAgB,YAAY,OAAOA,WAAA,KAAgB,WACzD,eAAArB,GAAA,CAACN,SAAA;YAAUgD,IAAA,EAAK;YAAMnC,QAAA,EAAAc;UAAA,CAAY,IAElC,eAAArB,GAAA,CAACJ,MAAA;YAAQW,QAAA,EAAAc;UAAA,CAAY;QAAA,CAEzB,IACE,MACJ,eAAApB,IAAA,CAACN,MAAA;UAAOgD,GAAA,EAAI;UAAKC,SAAA,EAAU;UAAKC,cAAA,EAAe;UAAWC,UAAA,EAAW;UACnEvC,QAAA,kBAAAP,GAAA,CAACb,MAAA;YACC4D,UAAA,EAAU;YAEV,mCAAiC7B,cAAA,GAAiB,SAAS;YAC3D8B,OAAA,EAASA,CAAA,KAAM;cACb1B,WAAA,CAAYM,OAAA,GAAU;cACtBF,gBAAA,CAAiB,KAAK;YACxB;YAECnB,QAAA,EAAAG;UAAA,CACH,GACA,eAAAV,GAAA,CAACb,MAAA;YACC8D,KAAA,EAAOnC,WAAA;YACPC,OAAA,EAAS,CAACD,WAAA,IAAeC,OAAA;YACzBQ,QAAA,EAAUP,eAAA,IAAmB;YAG7BkC,cAAA,EAAgBlC,eAAA,GAAkBC,qBAAA,GAAwB;YAC1D,iBAAeD,eAAA,IAAmB;YAClC,4BAA0BA,eAAA,GAAkB,SAAS;YACrDgC,OAAA,EAASA,CAAA,KAAM;cACb,IAAIhC,eAAA,EAAiB;cACrBM,WAAA,CAAYM,OAAA,GAAU;cACtBhB,SAAA,GAAY;cACZc,gBAAA,CAAiB,KAAK;YACxB;YAECnB,QAAA,EAAAC;UAAA,CACH;QAAA,CACF;MAAA,GAlDI,SAmDN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/feedback/ConfirmDialog.native.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@multiplatform.one/forms";
+import { warnCancelDisabled, warnDialogTooManyActions } from "@multiplatform.one/theme";
+import { useEffect, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { Dialog, Paragraph, XStack, YStack } from "tamagui";
+import { countActionsInTree } from "../shared/actionScan.native.js";
+import { useReturnFocusOnClose } from "../shared/useReturnFocusOnClose.native.js";
+import { DialogContent } from "../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
+  } = 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 = useRef(null);
+  useReturnFocusOnClose(open);
+  useEffect(function () {
+    warnCancelDisabled({
+      disabled: cancelDisabled,
+      component: "ConfirmDialog"
+    });
+  }, [cancelDisabled]);
+  useEffect(function () {
+    if (!open) return;
+    warnDialogTooManyActions({
+      count: 2 + 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__ */_jsx(Dialog, {
+    modal: true,
+    open,
+    onOpenChange: handleOpenChange,
+    children: /* @__PURE__ */_jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */_jsxs(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__ */_jsx(Dialog.Title, {
+          children: title
+        }), description != null ? /* @__PURE__ */_jsx(Dialog.Description, {
+          asChild: true,
+          children: typeof description === "string" || typeof description === "number" ? /* @__PURE__ */_jsx(Paragraph, {
+            size: "$3",
+            children: description
+          }) : /* @__PURE__ */_jsx(YStack, {
+            children: description
+          })
+        }) : null, /* @__PURE__ */_jsxs(XStack, {
+          gap: "$2",
+          marginTop: "$4",
+          justifyContent: "flex-end",
+          alignItems: "flex-start",
+          children: [/* @__PURE__ */_jsx(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__ */_jsx(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")]
+    })
+  });
+}
+export { ConfirmDialog };
+//# sourceMappingURL=ConfirmDialog.native.js.map

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

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

package/dist/esm/feedback/NotifyHost.mjs

@@ -0,0 +1,108 @@
+import { useMemo, useSyncExternalStore } from "react";
+import { zIndex } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { YStack } from "tamagui";
+import { Alert } from "../Alert/index.mjs";
+import { ToastViewport } from "../Toast/index.mjs";
+import { ConfirmDialog } from "./ConfirmDialog.mjs";
+import { dismissFeedback, getFeedback, subscribeFeedback } from "./store.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useFeedbackEntries() {
+  return useSyncExternalStore(subscribeFeedback, getFeedback, getFeedback);
+}
+function BannerStack({
+  entries
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.gap,
+    width: "100%",
+    ...knobProps.panelPadding,
+    zIndex: zIndex.loading,
+    children: entries.map(entry => /* @__PURE__ */jsx(Alert, {
+      intent: entry.severity,
+      title: entry.title,
+      dismissible: entry.dismissible,
+      onDismiss: () => dismissFeedback(entry.id),
+      actionLabel: entry.action?.label,
+      onAction: entry.action?.onPress,
+      children: entry.body
+    }, entry.id))
+  });
+}
+function FeedbackDialog({
+  entry
+}) {
+  const {
+    t
+  } = useTranslation();
+  const open = entry != null;
+  return /* @__PURE__ */jsx(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) dismissFeedback(entry.id);
+    },
+    onCancel: () => {
+      if (entry) dismissFeedback(entry.id);
+    },
+    onOpenChange: next => {
+      if (!next && entry) dismissFeedback(entry.id);
+    }
+  });
+}
+function NotifyRegion({
+  scope,
+  compact
+}) {
+  const all = useFeedbackEntries();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const entries = useMemo(() => all.filter(e => e.surface === "alert" && e.scope === scope), [all, scope]);
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.gap,
+    width: "100%",
+    children: entries.map(entry => /* @__PURE__ */jsx(Alert, {
+      intent: entry.severity,
+      title: entry.title,
+      compact,
+      dismissible: entry.dismissible,
+      onDismiss: () => 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 = useMemo(() => all.filter(e => e.surface === "banner"), [all]);
+  const dialog = useMemo(() => all.find(e => e.surface === "dialog"), [all]);
+  const viewportProps = toastViewport === true ? {} : toastViewport === false ? null : toastViewport;
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(BannerStack, {
+      entries: banners
+    }), children, /* @__PURE__ */jsx(FeedbackDialog, {
+      entry: dialog
+    }), viewportProps != null ? /* @__PURE__ */jsx(ToastViewport, {
+      ...viewportProps
+    }) : null]
+  });
+}
+export { NotifyHost, NotifyRegion };
+//# sourceMappingURL=NotifyHost.mjs.map