@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/jsx/code/CodeBlock/index.native.js

@@ -32,6 +32,7 @@ var import_linear_gradient = require("@tamagui/linear-gradient");
 var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
 var import_tamagui = require("tamagui");
 var import_forms = require("@multiplatform.one/forms");
 var import_tamagui2 = require("tamagui");
@@ -52,9 +53,13 @@ function CodeBlock(param) {
     size
   } = param;
   var _ref;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var codeSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
   var codeText = children.trim();
   var tokens = (0, import_Highlighter.useShikiTokens)(codeText, language, theme);
   var lines = (_ref = tokens === null || tokens === void 0 ? void 0 : tokens.length) !== null && _ref !== void 0 ? _ref : codeText.split("\n").length;
@@ -63,6 +68,7 @@ function CodeBlock(param) {
   var [isCutoff, setIsCutoff] = (0, import_react2.useState)(isLong);
   var {
     hasCopied,
+    hasCopyFailed,
     onCopy
   } = (0, import_useClipboard.useClipboard)(codeText);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
@@ -111,13 +117,14 @@ function CodeBlock(param) {
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
               backgroundColor: "transparent",
               flex: 1,
+              borderWidth: 0,
               ...knobProps.panelPadding,
-              ...knobProps.body,
-              size: size !== null && size !== void 0 ? size : "$5",
+              size: codeSize,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_HighlightedCode.HighlightedCode, {
                 tokens,
                 highlightLines,
                 showLineNumbers,
+                fontSize: codeSize,
                 children: codeText
               })
             })
@@ -125,15 +132,15 @@ function CodeBlock(param) {
         }), !disableCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.XStack, {
           position: "absolute",
           top: "$3",
-          right: "$3",
+          insetInlineEnd: "$3",
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.TooltipSimple, {
-            label: hasCopied ? "Copied" : "Copy to clipboard",
+            label: hasCopied ? t("Copied") : hasCopyFailed ? t("Copy failed") : t("Copy to clipboard"),
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-              "aria-label": "Copy code to clipboard",
+              "aria-label": t("Copy code to clipboard"),
               size: "$2",
-              icon: hasCopied ? import_react.CheckCircleIcon : import_react.ClipboardIcon,
+              icon: hasCopied ? import_react.CheckCircleIcon : hasCopyFailed ? import_react.WarningCircleIcon : import_react.ClipboardIcon,
               onPress: onCopy,
-              $xs: {
+              "$max-xs": {
                 display: "none"
               }
             })

package/dist/jsx/code/CodeBlock/index.native.js.map

@@ -1 +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","CodeBlock_exports","CodeBlock","module","exports","import_jsx_runtime","require","import_linear_gradient","import_react","import_theme","import_react2","import_tamagui","import_forms","import_tamagui2","import_ErrorBoundary","import_Code","import_HighlightedCode","import_Highlighter","import_Pre","import_useClipboard","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","knobProps","useResolvedKnobs","codeText","trim","tokens","useShikiTokens","lines","length","split","isLong","isCutoff","setIsCutoff","useState","hasCopied","onCopy","useClipboard","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","height","colors","zIndex","localTop","Spacer","flex","Button","onPress","alignSelf","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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","CodeBlock_exports","CodeBlock","module","exports","import_jsx_runtime","require","import_linear_gradient","import_react","import_theme","import_react2","import_react_i18next","import_tamagui","import_forms","import_tamagui2","import_ErrorBoundary","import_Code","import_HighlightedCode","import_Highlighter","import_Pre","import_useClipboard","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","t","useTranslation","knobProps","useResolvedKnobs","codeSize","sizeToken","codeText","trim","tokens","useShikiTokens","lines","length","split","isLong","isCutoff","setIsCutoff","useState","hasCopied","hasCopyFailed","onCopy","useClipboard","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","height","colors","zIndex","localTop","Spacer","flex","Button","onPress","alignSelf","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor","borderWidth","panelPadding","HighlightedCode"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/code/HighlightedCode/index.mjs

@@ -1,5 +1,5 @@
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Text } from "tamagui";
+import { Text, isWeb } from "tamagui";
 import { componentColors } from "../../componentColors.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function HighlightedCode({
@@ -12,6 +12,7 @@ function HighlightedCode({
   const {
     knobProps
   } = useResolvedKnobs();
+  const resolvedFontSize = fontSize ?? knobProps.sizeToken;
   if (!tokens) {
     return /* @__PURE__ */jsx(Fragment, {
       children
@@ -25,16 +26,16 @@ function HighlightedCode({
         ...(isHighlighted && {
           backgroundColor: componentColors.code.highlightLine
         }),
-        fontSize,
-        ...knobProps.body,
+        fontSize: resolvedFontSize,
+        fontFamily: "$mono",
+        letterSpacing: 0,
         children: [showLineNumbers && /* @__PURE__ */jsx(Text, {
-          color: componentColors.code.lineNumber,
-          opacity: 0.5,
-          fontSize,
+          color: componentColors.text.secondary,
+          fontSize: resolvedFontSize,
           width: 40,
           display: "inline-flex",
-          textAlign: "right",
-          marginRight: "$2",
+          textAlign: isWeb ? "end" : "right",
+          marginInlineEnd: "$2",
           userSelect: "none",
           children: lineNumber
         }), line.map((token, tokenIndex) => /* @__PURE__ */jsx(Text, {
@@ -45,7 +46,7 @@ function HighlightedCode({
           ...(token.fontStyle && token.fontStyle & 2 ? {
             fontWeight: "bold"
           } : {}),
-          fontSize,
+          fontSize: resolvedFontSize,
           children: token.content
         }, tokenIndex)), "\n"]
       }, lineIndex);

package/dist/jsx/code/HighlightedCode/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","Text","componentColors","Fragment","jsx","jsxs","HighlightedCode","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","map","line","lineIndex","lineNumber","isHighlighted","includes","backgroundColor","code","highlightLine","body","color","opacity","width","display","textAlign","marginRight","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,QAAY;AAErB,SAASC,eAAA,QAAuB;AA0BrB,SAAAC,QAAA,EAAAC,GAAA,EAUDC,IAAA,QAVC;AAXJ,SAASC,gBAAgB;EAC9BC,MAAA;EACAC,QAAA;EACAC,cAAA,GAAiB,EAAC;EAClBC,eAAA,GAAkB;EAClBC;AACF,GAAyB;EACvB,MAAM;IAAEC;EAAU,IAAIZ,gBAAA,CAAiB;EAGvC,IAAI,CAACO,MAAA,EAAQ;IACX,OAAO,eAAAH,GAAA,CAAAD,QAAA;MAAGK;IAAA,CAAS;EACrB;EAEA,OACE,eAAAJ,GAAA,CAAAD,QAAA;IACGK,QAAA,EAAAD,MAAA,CAAOM,GAAA,CAAI,CAACC,IAAA,EAAMC,SAAA,KAAc;MAC/B,MAAMC,UAAA,GAAaD,SAAA,GAAY;MAC/B,MAAME,aAAA,GAAgBR,cAAA,CAAeS,QAAA,CAASF,UAAU;MAExD,OACE,eAAAX,IAAA,CAACJ,IAAA;QAEE,IAAIgB,aAAA,IAAiB;UACpBE,eAAA,EAAiBjB,eAAA,CAAgBkB,IAAA,CAAKC;QACxC;QACAV,QAAA;QACC,GAAGC,SAAA,CAAUU,IAAA;QAEbd,QAAA,GAAAE,eAAA,IACC,eAAAN,GAAA,CAACH,IAAA;UACCsB,KAAA,EAAOrB,eAAA,CAAgBkB,IAAA,CAAKJ,UAAA;UAC5BQ,OAAA,EAAS;UACTb,QAAA;UACAc,KAAA,EAAO;UACPC,OAAA,EAAQ;UACRC,SAAA,EAAU;UACVC,WAAA,EAAY;UACZC,UAAA,EAAW;UAEVrB,QAAA,EAAAQ;QAAA,CACH,GAEDF,IAAA,CAAKD,GAAA,CAAI,CAACiB,KAAA,EAAOC,UAAA,KAChB,eAAA3B,GAAA,CAACH,IAAA;UAECsB,KAAA,EAAOO,KAAA,CAAMP,KAAA;UACZ,IAAIO,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEA,SAAA,EAAW;UAAS,IAAI,CAAC;UACxE,IAAIF,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEC,UAAA,EAAY;UAAO,IAAI,CAAC;UACxEtB,QAAA;UAECH,QAAA,EAAAsB,KAAA,CAAMI;QAAA,GANFH,UAOP,CACD,GACA;MAAA,GAhCIhB,SAiCP;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","Text","isWeb","componentColors","Fragment","jsx","jsxs","HighlightedCode","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","resolvedFontSize","sizeToken","map","line","lineIndex","lineNumber","isHighlighted","includes","backgroundColor","code","highlightLine","fontFamily","letterSpacing","color","text","secondary","width","display","textAlign","marginInlineEnd","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,EAAMC,KAAA,QAAa;AAE5B,SAASC,eAAA,QAAuB;AA4BrB,SAAAC,QAAA,EAAAC,GAAA,EAUDC,IAAA,QAVC;AAbJ,SAASC,gBAAgB;EAC9BC,MAAA;EACAC,QAAA;EACAC,cAAA,GAAiB,EAAC;EAClBC,eAAA,GAAkB;EAClBC;AACF,GAAyB;EACvB,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EAGvC,MAAMc,gBAAA,GAAmBF,QAAA,IAAYC,SAAA,CAAUE,SAAA;EAE/C,IAAI,CAACP,MAAA,EAAQ;IACX,OAAO,eAAAH,GAAA,CAAAD,QAAA;MAAGK;IAAA,CAAS;EACrB;EAEA,OACE,eAAAJ,GAAA,CAAAD,QAAA;IACGK,QAAA,EAAAD,MAAA,CAAOQ,GAAA,CAAI,CAACC,IAAA,EAAMC,SAAA,KAAc;MAC/B,MAAMC,UAAA,GAAaD,SAAA,GAAY;MAC/B,MAAME,aAAA,GAAgBV,cAAA,CAAeW,QAAA,CAASF,UAAU;MAExD,OACE,eAAAb,IAAA,CAACL,IAAA;QAEE,IAAImB,aAAA,IAAiB;UACpBE,eAAA,EAAiBnB,eAAA,CAAgBoB,IAAA,CAAKC;QACxC;QACAZ,QAAA,EAAUE,gBAAA;QAGVW,UAAA,EAAW;QACXC,aAAA,EAAe;QAEdjB,QAAA,GAAAE,eAAA,IACC,eAAAN,GAAA,CAACJ,IAAA;UACC0B,KAAA,EAAOxB,eAAA,CAAgByB,IAAA,CAAKC,SAAA;UAC5BjB,QAAA,EAAUE,gBAAA;UACVgB,KAAA,EAAO;UACPC,OAAA,EAAQ;UAERC,SAAA,EAAY9B,KAAA,GAAQ,QAAQ;UAC5B+B,eAAA,EAAgB;UAChBC,UAAA,EAAW;UAEVzB,QAAA,EAAAU;QAAA,CACH,GAEDF,IAAA,CAAKD,GAAA,CAAI,CAACmB,KAAA,EAAOC,UAAA,KAChB,eAAA/B,GAAA,CAACJ,IAAA;UAEC0B,KAAA,EAAOQ,KAAA,CAAMR,KAAA;UACZ,IAAIQ,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEA,SAAA,EAAW;UAAS,IAAI,CAAC;UACxE,IAAIF,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEC,UAAA,EAAY;UAAO,IAAI,CAAC;UACxE1B,QAAA,EAAUE,gBAAA;UAETL,QAAA,EAAA0B,KAAA,CAAMI;QAAA,GANFH,UAOP,CACD,GACA;MAAA,GAnCIlB,SAoCP;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/code/HighlightedCode/index.native.js

@@ -42,6 +42,7 @@ function HighlightedCode(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var resolvedFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : knobProps.sizeToken;
   if (!tokens) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children
@@ -55,16 +56,19 @@ function HighlightedCode(param) {
         ...(isHighlighted && {
           backgroundColor: import_componentColors.componentColors.code.highlightLine
         }),
-        fontSize,
-        ...knobProps.body,
+        fontSize: resolvedFontSize,
+        // Code text stays mono with normal tracking; the bodyFont /
+        // fontWeight knobs never restyle code content.
+        fontFamily: "$mono",
+        letterSpacing: 0,
         children: [showLineNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          color: import_componentColors.componentColors.code.lineNumber,
-          opacity: 0.5,
-          fontSize,
+          color: import_componentColors.componentColors.text.secondary,
+          fontSize: resolvedFontSize,
           width: 40,
           display: "inline-flex",
-          textAlign: "right",
-          marginRight: "$2",
+          // "end" is web-only CSS; native textAlign has no logical values
+          textAlign: import_tamagui.isWeb ? "end" : "right",
+          marginInlineEnd: "$2",
           userSelect: "none",
           children: lineNumber
         }), line.map(function (token, tokenIndex) {
@@ -76,7 +80,7 @@ function HighlightedCode(param) {
             ...(token.fontStyle && token.fontStyle & 2 ? {
               fontWeight: "bold"
             } : {}),
-            fontSize,
+            fontSize: resolvedFontSize,
             children: token.content
           }, tokenIndex);
         }), "\n"]

package/dist/jsx/code/HighlightedCode/index.native.js.map

@@ -1 +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","HighlightedCode_exports","HighlightedCode","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","param","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","useResolvedKnobs","jsx","Fragment","map","line","lineIndex","lineNumber","isHighlighted","includes","jsxs","Text","backgroundColor","componentColors","code","highlightLine","body","color","opacity","width","display","textAlign","marginRight","userSelect","token","tokenIndex"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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","HighlightedCode_exports","HighlightedCode","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","param","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","useResolvedKnobs","resolvedFontSize","sizeToken","jsx","Fragment","map","line","lineIndex","lineNumber","isHighlighted","includes","jsxs","Text","backgroundColor","componentColors","code","highlightLine","fontFamily","letterSpacing","color","text","secondary","width","display","textAlign","isWeb","marginInlineEnd","userSelect"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/code/Highlighter/index.native.js

@@ -41,12 +41,13 @@ __export(Highlighter_exports, {
 });
 module.exports = __toCommonJS(Highlighter_exports);
 var import_react = require("react");
-var ShikiContext = (0, import_react.createContext)({
-  theme: "github-dark"
-});
+var import_tamagui = require("tamagui");
+var ShikiContext = (0, import_react.createContext)({});
 function useShikiTokens(code, language, theme) {
   var ctx = (0, import_react.useContext)(ShikiContext);
-  var resolvedTheme = theme || ctx.theme || "github-dark";
+  var themeName = (0, import_tamagui.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] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(function () {
     var cancelled = false;
@@ -74,16 +75,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/jsx/code/Highlighter/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Highlighter_exports","ShikiContext","highlightCode","useShikiTokens","module","exports","import_react","require","createContext","theme","code","language","ctx","useContext","resolvedTheme","tokens","setTokens","useState","useEffect","cancelled","then","result"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":"AAQA,YAAS;;AAiBF,IAAAA,QAAM,GAAAC,MAAe,CAAAC,MAAA;AAOrB,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAEd;AAGA,IAAAC,gBAAY,GAAAJ,MAAW,CAAAK,wBAAY;AACnC,IAAAC,iBAAM,GAAgBN,MAAA,CAAAO,mBAAsB;AAC5C,IAAAC,YAAO,GAAQR,MAAA,CAASS,cAAqC;AAE7D,IAAAC,YAAU,GAAMV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AACd,IAAAC,QAAI,GAAAA,CAAAC,MAAY,EAAAC,GAAA;EAEhB,SAAAC,IAAA,IAAcD,GAAA,EAEVb,SAAK,CAAAY,MAAA,EAAWE,IAAA;IAAAC,GAAU,EAAAF,GAAM,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAKhC,IAAAC,WAAK,GAAAA,CAAAC,EAAA,EAAWC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACd,IAAAF,IAAA,WAAUA,IAAK,KAAM,QAAM,IAAK,OAASA,IAAG,eAAgB,EAAC;IAAA,KAC/D,IAAAG,GAAA,IAAAlB,iBAAA,CAAAe,IAAA,GACD,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEHpB,SAAa,CAAAkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACX;EAAY,OACdE,EAAA;AAAA;AAGF,IAAAM,OAAO,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AACT;AAOA;AACE;AACF;AAOAS,UAAA,IAAsB,CAAAD,GAAA,KAAAA,GAAA,CACpBE,UACA,GAAA3B,SACA,CAAAY,MAAQ,WACkB;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EAC1Ba,GACE;AAAiC,IAAAI,YACxB,GAAOJ,GAAA,IAAAR,WAAA,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAK,mBACV;AAAAnB,QAAe,CAACmB,mBAClB;EAAgEC,YAClE,EAAAA,CAAA,KAAAA,YAAA;EAAAC,aACD,EAAAA,CAAA,KAAAA,aAAA;EACDC,cAAM,EAAAA,CAAA,KAASA;AAA+B;AACtCC,MACN,CAAAC,OAAA,GAAAN,YAAA,CAAAC,mBAAA;AAAA,IACFM,YAAC,GAAAC,OAAA;AACD,IAAAN,YAAO,GAAO,IAAAK,YAAO,CAAAE,aAAA;EAAAC,KAAK;AACH;AACJ,SACfN,cAAaA,CAAAO,IAAA,EAAAC,QAAA,EAAAF,KAAA;EAAA,IAAAG,GACb,OAAAN,YAAiB,CAAAO,UAAA,EAAAZ,YAAA;EAAA,IACnBa,aAAE,GAAAL,KAAA,IAAAG,GAAA,CAAAH,KAAA;EAAA,IACJ,CAAAM,MAAA,EAAAC,SAAA,QAAAV,YAAA,CAAAW,QAAA;EACF,IAAAX,YAAQ,CAAAY,SAAA;IAEN,IAAAC,SAAO;IACTjB,aAAA,CAAAQ,IAAA,EAAAC,QAAA,EAAAG,aAAA,EAAAM,IAAA,WAAAC,MAAA;MACF,KAAAF,SAAA,EAAAH,SAAA,CAAAK,MAAA","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Highlighter_exports","ShikiContext","highlightCode","useShikiTokens","module","exports","import_react","require","import_tamagui","createContext","code","language","theme","ctx","useContext","themeName","useThemeName","schemeDefault","includes","resolvedTheme","tokens","setTokens","useState","useEffect","cancelled","then","result","catch","split","map","line","content","plainTextTokens"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/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/jsx/componentColors.native.js.map

@@ -1 +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","componentColors_exports","componentColors","module","exports","surface","background","border","interactive","hover","active","text","primary","secondary","muted","subtle","code","foreground","lineNumber","highlightLine","indicator","inactive","completed","current","track","overlay"],"sources":["../../src/componentColors.ts"],"sourcesContent":[null],"mappings":"AASO,YAAM;;AAAkB,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IAE7BC,gBAAS,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAY,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACZC,YAAQ,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,SAAAC,IAAA,IAAAD,GAAA,EAGAZ,SAAA,CAAAW,MAAa,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACC,IACZC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACPF,IAAA,IAAQ,OAAAA,IAAA,wBAAAA,IAAA;IACR,SAAQG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACV,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAGA;EAAM,OACJE,EAAA;AAAS;AACE,IACXM,YAAO,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACPE,uBAAQ;AAAAhB,QACV,CAAAgB,uBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA,EAGA;AAAMC,MACJ,CAAAC,OAAA,GAAYN,YAAA,CAAAG,uBAAA;AAAA,IACZC,eAAY;EAAA;EACJG,OACR;IACAC,UAAA,WAAe;IACjBC,MAAA;EAAA;EAGA;EAAWC,WACD;IACRF,UAAU;IACVG,KAAA,EAAO;IACPC,MAAA,WAAW;IACXH,MAAA;EAAS;EAEX;EAAAI,IAAA;IAGAC,OAAS;IACPC,SAAA,YAAY;IACZC,KAAA,YAAQ;IACRC,MAAM;EACR;EAAA;EAGAC,IAAA;IACEV,UAAK;IACLW,UAAM;IACNV,MAAA,EAAO;IACPW,UAAQ;IACRC,aAAM;EACR;EAAA;EAGAC,SAAA,EAAU;IACRV,MAAA,EAAO;IACPW,QAAA,EAAS;IACTZ,KAAA,EAAM;IACRa,SAAA;IAAAC,OAAA;IAGAC,KAAA,EAAS;EAAA;EAGT;EACFC,OAAA","ignoreList":[]}
+{"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","componentColors_exports","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"],"sources":["../../src/componentColors.ts"],"sourcesContent":[null],"mappings":"AASO,YAAM;;AAAkB,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IAE7BC,gBAAS,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAY,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACZC,YAAQ,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,SAAAC,IAAA,IAAAD,GAAA,EAGAZ,SAAA,CAAAW,MAAa,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACC,IACZC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACPF,IAAA,IAAQ,OAAAA,IAAA,wBAAAA,IAAA;IACR,SAAQG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACV,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAIA,OAAME,EAAA;AAAA;AACK,IACTM,YAAW,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACXE,uBAAO;AAAAhB,QACP,CAAAgB,uBAAQ;EACVC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA,EAGA;AAAMC,MACJ,CAAAC,OAAA,GAAYP,YAAA,CAAAG,uBAAA;AAAA,IACZC,eAAY;EAAA;EACJI,OACR;IACAC,UAAA,WAAe;IACjBC,MAAA;EAAA;EAGA;EAAWC,WACD;IACRF,UAAU;IACVG,KAAA,EAAO;IACPC,MAAA,WAAW;IACXH,MAAA;EAAS;EAEX;AAAA;EAGAI,IAAA;IACEC,OAAA,YAAY;IACZC,SAAQ;IACRC,KAAA,EAAM;IACRC,MAAA;EAAA;EAAA;EAAAC,IAAA;IAKAV,UAAO;IACLW,UAAK;IACLV,MAAM;IACNW,UAAO;IACPC,aAAQ;EAAA;EAEV;EAAAC,SAAA;IAAAV,MAAA;IAAAW,QAAA;IAAAZ,KAAA;IAMAa,SAAU;IACRC,OAAO;IACPC,KAAA;EAAS;EAEX;EAAAC,OAAA;IAGAnB,UAAS;IAAAC,MAAA;IAGTI,IAAA,EAAO;EACT;EAkBO;AAAuB;AAClB;EAEVe,KAAA;IACFC,GAAA","ignoreList":[]}