@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/cjs/code/Code/index.cjs

@@ -35,7 +35,6 @@ const CodeFrame = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   render: "code",
   fontFamily: "$mono",
   size: "$3",
-  lineHeight: 18,
   cursor: "inherit",
   whiteSpace: "pre",
   padding: "$1",
@@ -56,14 +55,20 @@ const Code = CodeFrame.styleable((props, ref) => {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CodeFrame, {
     ref,
     ...knobProps.borderRadius,
-    ...knobProps.body,
-    ...props
+    size: knobProps.sizeToken,
+    ...props,
+    fontFamily: "$mono",
+    letterSpacing: 0
   });
 });
-const CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+const CodeInlineFrame = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   name: "CodeInline",
   render: "code",
   fontFamily: "$mono",
+  // letter-spacing inherits in CSS: without this pin, inline code picks up
+  // the surrounding prose tracking (font-knob condensed curves included)
+  // while block code stays immune. Code text is always normal-tracked mono.
+  letterSpacing: 0,
   color: import_componentColors.componentColors.code.foreground,
   backgroundColor: import_componentColors.componentColors.code.background,
   cursor: "inherit",
@@ -74,4 +79,17 @@ const CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   paddingVertical: "0.45%",
   marginHorizontal: "-0.1%",
   whiteSpace: "pre"
+});
+const CodeInline = CodeInlineFrame.styleable((props, ref) => {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CodeInlineFrame, {
+    ref,
+    ...knobProps.borderRadius,
+    borderWidth: 0,
+    ...props,
+    fontFamily: "$mono",
+    letterSpacing: 0
+  });
 });

package/dist/cjs/code/Code/index.native.js

@@ -37,7 +37,6 @@ var CodeFrame = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   render: "code",
   fontFamily: "$mono",
   size: "$3",
-  lineHeight: 18,
   cursor: "inherit",
   whiteSpace: "pre",
   padding: "$1",
@@ -58,14 +57,20 @@ var Code = CodeFrame.styleable(function (props, ref) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CodeFrame, {
     ref,
     ...knobProps.borderRadius,
-    ...knobProps.body,
-    ...props
+    size: knobProps.sizeToken,
+    ...props,
+    fontFamily: "$mono",
+    letterSpacing: 0
   });
 });
-var CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+var CodeInlineFrame = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   name: "CodeInline",
   render: "code",
   fontFamily: "$mono",
+  // letter-spacing inherits in CSS: without this pin, inline code picks up
+  // the surrounding prose tracking (font-knob condensed curves included)
+  // while block code stays immune. Code text is always normal-tracked mono.
+  letterSpacing: 0,
   color: import_componentColors.componentColors.code.foreground,
   backgroundColor: import_componentColors.componentColors.code.background,
   cursor: "inherit",
@@ -77,4 +82,17 @@ var CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   marginHorizontal: "-0.1%",
   whiteSpace: "pre"
 });
+var CodeInline = CodeInlineFrame.styleable(function (props, ref) {
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CodeInlineFrame, {
+    ref,
+    ...knobProps.borderRadius,
+    borderWidth: 0,
+    ...props,
+    fontFamily: "$mono",
+    letterSpacing: 0
+  });
+});
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/code/Code/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Code_exports","__export","Code","CodeInline","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","CodeFrame","styled","Paragraph","name","render","fontFamily","size","lineHeight","cursor","whiteSpace","padding","borderRadius","variants","colored","true","color","backgroundColor","styleable","props","ref","knobProps","useResolvedKnobs","jsx","body","componentColors","code","foreground","background","fontSize"],"sources":["../../../../src/code/Code/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,YAAA;AAGjC,IAAAM,kBAAkC,GAAAC,OAAA;AAClC,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AAyBvB,IAAAE,cAAA,GAAAF,OAAA;AAvBT,IAAAG,sBAAkB,GAAAH,OAAA,kCAAO;AAAW,IAClCI,SAAM,OAAAF,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACNC,IAAA,QAAQ;EACRC,MAAA,QAAY;EACZC,UAAM;EACNC,IAAA;EACAC,UAAQ;EACRC,MAAA,WAAY;EACZC,UAAS;EACTC,OAAA;EAEAC,YAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACAC,KAAA;QACFC,eAAA;MACF;IACF;EACD;AAEM;AACL,IAAAzB,IAAM,GAAES,SAAU,CAAAiB,SAAI,WAAAC,KAAA,EAAAC,GAAA;EACtB;IAAAC;EAAO,QAAAvB,YAAA,CAAAwB,gBAAC;EACT,0BAAA1B,kBAAA,CAAA2B,GAAA,EAAAtB,SAAA;IAEMmB,GAAM;IACX,GAAAC,SAAM,CAAAT,YAAA;IACN,GAAAS,SAAQ,CAAAG,IAAA;IACR,GAAAL;EACA;AAA4B,EAC5B;AAAsC,IACtC1B,UAAQ,OAAAM,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACRC,IAAA,cAAc;EACdC,MAAA,QAAU;EACVC,UAAA,EAAY;EACZU,KAAA,EAAAhB,sBAAmB,CAAAyB,eAAA,CAAAC,IAAA,CAAAC,UAAA;EACnBV,eAAA,EAAiBjB,sBAAA,CAAAyB,eAAA,CAAAC,IAAA,CAAAE,UAAA;EACjBnB,MAAA;EACAG,YAAY;EACbiB,QAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Code_exports","__export","Code","CodeInline","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","CodeFrame","styled","Paragraph","name","render","fontFamily","size","cursor","whiteSpace","padding","borderRadius","variants","colored","true","color","backgroundColor","styleable","props","ref","knobProps","useResolvedKnobs","jsx","sizeToken","letterSpacing","CodeInlineFrame","componentColors","code","foreground","background","fontSize","lineHeight","paddingHorizontal","paddingVertical","marginHorizontal","borderWidth"],"sources":["../../../../src/code/Code/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,YAAA;AAGjC,IAAAM,kBAAkC,GAAAC,OAAA;AAClC,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AA8B5B,IAAAE,cAAA,GAAAF,OAAA;AA5BJ,IAAAG,sBAAkB,GAAAH,OAAA,kCAAO;AAAW,IAClCI,SAAM,OAAAF,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACNC,IAAA,QAAQ;EACRC,MAAA,QAAY;EACZC,UAAM;EACNC,IAAA,MAAQ;EACRC,MAAA,WAAY;EACZC,UAAS;EACTC,OAAA;EAEAC,YAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACAC,KAAA;QACFC,eAAA;MACF;IACF;EACD;AAEM;AACL,IAAAxB,IAAM,GAAES,SAAU,CAAAgB,SAAI,WAAAC,KAAA,EAAAC,GAAA;EAMtB;IAAAC;EACE,QAAAtB,YAAA,CAAAuB,gBAAA;EAAA,OAAC,mBAAAzB,kBAAA,CAAA0B,GAAA,EAAArB,SAAA;IAAAkB,GAAA;IAAA,GACCC,SAAA,CAAAT,YAAA;IAAAJ,IACC,EAAGa,SAAU,CAAAG,SAAA;IAAA,GACdL,KAAM;IAAUZ,UACZ;IAAAkB,aACJ,EAAW;EAAA;AACI;AAAA,IACjBC,eAAA,OAAA1B,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EAEHC,IAAA;EAEDC,MAAM;EACJC,UAAM;EACN;EACA;EAAY;EAAAkB,aAAA;EAAAT,KAAA,EAAAf,sBAAA,CAAA0B,eAAA,CAAAC,IAAA,CAAAC,UAAA;EAIZZ,eAAe,EAAAhB,sBAAA,CAAA0B,eAAA,CAAAC,IAAA,CAAAE,UAAA;EACfrB,MAAA,EAAO;EACPG,YAAA,MAAiB;EACjBmB,QAAQ;EACRC,UAAA,OAAc;EACdC,iBAAU;EACVC,eAAY;EACZC,gBAAA,SAAmB;EACnBzB,UAAA;AAAiB,EACjB;AAAkB,IAClBhB,UAAY,GAAAgC,eAAA,CAAAR,SAAA,WAAAC,KAAA,EAAAC,GAAA;EACb;IAAAC;EAAA,QAAAtB,YAAA,CAAAuB,gBAAA;EAKM,OAAM,eAAa,IAAAzB,kBAA2B,CAAA0B,GAAA,EAAOG,eAAQ;IAClEN,GAAA;IACA,GAAAC,SACE,CAAAT,YAAA;IAACwB,WAAA;IAAA,GAAAjB,KAAA;IAAAZ,UACC;IAAAkB,aACI,EAAU;EAAA;AACD","ignoreList":[]}

package/dist/cjs/code/CodeBlock/index.cjs

@@ -29,6 +29,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");
@@ -48,9 +49,13 @@ function CodeBlock({
   disableCopy,
   size
 }) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const codeSize = size ?? knobProps.sizeToken;
   const codeText = children.trim();
   const tokens = (0, import_Highlighter.useShikiTokens)(codeText, language, theme);
   const lines = tokens?.length ?? codeText.split("\n").length;
@@ -59,6 +64,7 @@ function CodeBlock({
   const [isCutoff, setIsCutoff] = (0, import_react2.useState)(isLong);
   const {
     hasCopied,
+    hasCopyFailed,
     onCopy
   } = (0, import_useClipboard.useClipboard)(codeText);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
@@ -105,13 +111,14 @@ function CodeBlock({
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
               backgroundColor: "transparent",
               flex: 1,
+              borderWidth: 0,
               ...knobProps.panelPadding,
-              ...knobProps.body,
-              size: size ?? "$5",
+              size: codeSize,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_HighlightedCode.HighlightedCode, {
                 tokens,
                 highlightLines,
                 showLineNumbers,
+                fontSize: codeSize,
                 children: codeText
               })
             })
@@ -119,15 +126,15 @@ function CodeBlock({
         }), !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/cjs/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/cjs/code/CodeBlock/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CodeBlock_exports","__export","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","panelPadding","body","HighlightedCode","XStack","top","TooltipSimple","label"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,iBAAA;AAC/B,IAAAK,kBAA+C,GAAAC,OAAA;AAC/C,IAAAC,sBAAiC,GAAAD,OAAA;AACjC,IAAAE,YAAA,GAAAF,OAAyB;AACzB,IAAAG,YAAA,GAAAH,OAA2B;AAC3B,IAAAI,aAAA,GAA+BJ,OAAA;AAC/B,IAAAK,cAAA,GAAAL,OAAsD;AACtD,IAAAM,YAAA,GAAAN,OAAA,CAA8B;AAC9B,IAAAO,eAAqB,GAAAP,OAAA;AACrB,IAAAQ,oBAAA,GAAAR,OAAgC;AAChC,IAAAS,WAAA,GAAAT,OAA+B;AAC/B,IAAAU,sBAAoB,GAAAV,OAAA;AACpB,IAAAW,kBAAA,GAAAX,OAA6B;AAkDjB,IAAAY,UAAA,GAAAZ,OAAA;AA/BL,IAAAa,mBAAmB,GAAAb,OAAA;AAAA,SACxBJ,SAAWA,CAAAkB,KAAA;EACX;IAAAC,QAAW;IAAAC,QAAA;IAAAC,KAAA;IAAAC,eAAA,EAAAC,mBAAA;IAAAC,cAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAR,KAAA;EACX,IAAAS,IAAA;EACA;IAAAC;EAAA,CAAiB,OAAArB,YAAA,CAAAsB,gBAAA;EACjB,IAAAC,QAAA,GAAAX,QAAkB,CAAAY,IAAA;EAClB,IAAAC,MAAA,OAAAjB,kBAAA,CAAAkB,cAAA,EAAAH,QAAA,EAAAV,QAAA,EAAAC,KAAA;EACA,IAAAa,KAAA,IAAAP,IAAA,GAAAK,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAG,MAAA,cAAAR,IAAA,cAAAA,IAAA,GAAAG,QAAA,CAAAM,KAAA,OAAAD,MAAA;EACF,IAAmBb,eAAA,GAAAC,mBAAA,aAAAA,mBAAA,cAAAA,mBAAA,GAAAW,KAAA;EACjB,IAAAG,MAAQ,GAAAH,KAAU;EAClB,KAAAI,QAAM,EAAAC,WAAoB,KAAK,GAAA/B,aAAA,CAAAgC,QAAA,EAAAH,MAAA;EAC/B;IAAMI,SAAA;IAAAC;EAAS,QAAAzB,mBAAA,CAAA0B,YAAyB,EAAAb,QAAU;EAElD,OAAM,eAAgB,IAAA3B,kBAAmB,CAAAyC,GAAM,EAAIjC,eAAE,CAAAkC,MAAA;IACrDC,QAAM;IACNC,YAAM,EAAS;IACf5B,QAAO,iBAAqB,IAAAhB,kBAAI,CAAAyC,GAAA,EAAAhC,oBAAe,CAAAoC,aAAA;MAC/C7B,QAAQ,iBAAkB,IAAIhB,kBAAA,CAAA8C,IAAA,EAAAtC,eAAa,CAAAkC,MAAQ;QAEnDC,QACE;QAEK,IAAAR,QAAA;UAAAY,SAAA;UACCC,QAAS;UACJ,GAAAvB,SAAY,CAAAwB;QACf;QACAjC,QAAA,EAAU,CACVmB,QAAG,IAAU,mBAAAnC,kBAAA,CAAA8C,IAAA,EAAA5C,sBAAA,CAAAgD,cAAA;UACfP,QAAA;UAECQ,MAAA;UAAAC,IAAA;UACEC,KAAA;UAAAC,MAAA;UACCC,MAAA,GACA,wBAAQ,EACR,aAAM,CACN;UACAC,MAAA,EAAQjD,YAAA,CAAAiD,MAAA,CAAAC,QAAA;UACRzC,QAAQ,EAAC,CACT,eAAQ,IAAAhB,kBAAO,CAAAyC,GAAA,EAAAjC,eAAA,CAAAkD,MAAA;YAEfC,IAAA;UAAA,IACA,mBAAA3D,kBAAA,CAAAyC,GAAA,EAAClC,YAAA,CAAAqD,MAAA;YAGDC,OAAA,WAAAA,QAAA;cAAkB,OAAAzB,WAAA,EAAAD,QAAA;YAAA;YACpB2B,SAAA;YAEF9C,QAAA;UACG,uBAAAhB,kBAAA,CAAAyC,GAAA,EAAAjC,eAAA,CAAAkD,MAAA;YACCnC,IAAO,EAAE;UACT;QACU,EACV,EAAgC,eAEhC,IAAAvB,kBAAA,CAAAyC,GAAA,EAAA5B,UAAA,CAAAkD,GAAA;UAAA,GAACtC,SAAA,CAAAwB,YAAA;UAAAe,OAAA;UAAApB,YACC;UAAgB5B,QAChB,EAAM,mBAAAhB,kBAAA,CAAAyC,GAAA,EAAAnC,cAAA,CAAA2D,UAAA;YAAAC,KACF;cACHC,KAAG;YAAU;YACCC,qBAEf;cAAAC,QAAC;YAAA;YAAAC,UACC;YAAAC,8BACA;YAAAvD,QACA,qBAAAhB,kBAAA,CAAAyC,GAAA,EAAA/B,WAAA,CAAA8D,IAAA;cAAAC,eAEC;cAAAd,IAAA;cACH,GAAAlC,SAAA,CAAAiD,YAAA;cAAA,GAAAjD,SAAA,CAAAkD,IAAA;cACFpD,IAAA,EAAAA,IAAA,aAAAA,IAAA,cAAAA,IAAA;cAAAP,QAAA,qBAAAhB,kBAAA,CAAAyC,GAAA,EAAA9B,sBAAA,CAAAiE,eAAA;gBAEJ/C,MAAA;gBACER,cACA;gBAEKF,eAAA;gBAAAH,QAAA,EAAAW;cACC;YACA;UACA;QAAoC,EACpC,EAAS,CAAAL,WACJ,uBAAAtB,kBAAA,CAAAyC,GAAA,EAAAjC,eAAA,CAAAqE,MAAA;UAAAlC,QACH,YAAS;UACXmC,GAAA;UAAAzB,KAAA;UAEJrC,QACF,qBAAAhB,kBAAA,CAAAyC,GAAA,EAAAjC,eAAA,CAAAuE,aAAA;YAAAC,KAAA,EAAA1C,SAAA;YAAAtB,QAAA,qBAAAhB,kBAAA,CAAAyC,GAAA,EAAAlC,YAAA,CAAAqD,MAAA;cAIR;cAEJrC,IAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CodeBlock_exports","__export","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","fontSize","XStack","top","insetInlineEnd","TooltipSimple","label","icon","CheckCircleIcon","WarningCircleIcon","ClipboardIcon","display"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,iBAAA;AAC/B,IAAAK,kBAAkE,GAAAC,OAAA;AAClE,IAAAC,sBAAiC,GAAAD,OAAA;AACjC,IAAAE,YAAA,GAAAF,OAAyB;AACzB,IAAAG,YAAA,GAAAH,OAAA,CAA+B;AAC/B,IAAAI,aAAA,GAAAJ,OAA2B;AAC3B,IAAAK,oBAA+B,GAAAL,OAAA;AAC/B,IAAAM,cAAA,GAAAN,OAAsD;AACtD,IAAAO,YAAA,GAAAP,OAAA,CAA8B;AAC9B,IAAAQ,eAAqB,GAAAR,OAAA;AACrB,IAAAS,oBAAA,GAAAT,OAAgC;AAChC,IAAAU,WAAA,GAAAV,OAA+B;AAC/B,IAAAW,sBAAoB,GAAAX,OAAA;AACpB,IAAAY,kBAAA,GAAAZ,OAA6B;AAsDjB,IAAAa,UAAA,GAAAb,OAAA;AAnCL,IAAAc,mBAAmB,GAAAd,OAAA;AAAA,SACxBJ,SAAWA,CAAAmB,KAAA;EACX;IAAAC,QAAW;IAAAC,QAAA;IAAAC,KAAA;IAAAC,eAAA,EAAAC,mBAAA;IAAAC,cAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAR,KAAA;EACX,IAAAS,IAAA;EACA;IAAAC;EAAA,QAAApB,oBAAiB,CAAAqB,cAAA;EACjB;IAAAC;EAAA,CAAiB,GAAC,IAAAxB,YAAA,CAAAyB,gBAAA;EAClB,IAAAC,QAAA,GAAAN,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAI,SAAA,CAAAG,SAAA;EACA,IAAAC,QAAA,GAAAf,QAAA,CAAAgB,IAAA;EACF,IAAmBC,MAAA,OAAArB,kBAAA,CAAAsB,cAAA,EAAAH,QAAA,EAAAd,QAAA,EAAAC,KAAA;EACjB,IAAAiB,KAAQ,GAAE,CAAAX,IAAA,GAAIS,MAAA,aAAAA,MAAA,UAAe,aAAAA,MAAA,CAAAG,MAAA,cAAAZ,IAAA,cAAAA,IAAA,GAAAO,QAAA,CAAAM,KAAA,OAAAD,MAAA;EAC7B,IAAAjB,eAAkB,GAAAC,mBAAI,aAAAA,mBAAiB,cAAAA,mBAAA,GAAAe,KAAA;EAGvC,IAAAG,MAAM,GAAAH,KAAY;EAClB,KAAAI,QAAM,EAAAC,WAAoB,KAAK,GAAApC,aAAA,CAAAqC,QAAA,EAAAH,MAAA;EAC/B;IAAMI,SAAA;IAAAC,aAAS;IAAAC;EAAA,QAAA9B,mBAAyB,CAAA+B,YAAe,EAAAd,QAAA;EAEvD,OAAM,eAAgB,IAAAhC,kBAAmB,CAAA+C,GAAM,EAAItC,eAAE,CAAAuC,MAAA;IACrDC,QAAM;IACNC,YAAM,EAAS;IACfjC,QAAO,iBAAqB,IAAAjB,kBAAI,CAAA+C,GAAA,EAAArC,oBAAe,CAAAyC,aAAA;MAC/ClC,QAAQ,iBAAW,IAAejB,kBAAW,CAAAoD,IAAA,EAAA3C,eAAA,CAAAuC,MAAA,EAAa;QAE1DC,QACE;QAEK,IAAAT,QAAA;UAAAa,SAAA;UACCC,QAAS;UACJ,GAAA1B,SAAY,CAAA2B;QACf;QACAtC,QAAA,EAAU,CACVuB,QAAG,IAAU,mBAAAxC,kBAAA,CAAAoD,IAAA,EAAAlD,sBAAA,CAAAsD,cAAA;UACfP,QAAA;UAECQ,MAAA;UAAAC,IAAA;UACEC,KAAA;UAAAC,MAAA;UACCC,MAAA,GACA,wBAAQ,EACR,aAAM,CACN;UACAC,MAAA,EAAQtD,YAAA,CAAAsD,MAAA,CAAAC,QAAA;UACR9C,QAAQ,EAAC,CACT,eAAQ,IAAAjB,kBAAO,CAAA+C,GAAA,EAAAtC,eAAA,CAAAuD,MAAA;YAEfC,IAAA;UAAA,IACA,mBAAAjE,kBAAA,CAAA+C,GAAA,EAACvC,YAAA,CAAA0D,MAAA;YAGDC,OAAA,WAAAA,QAAA;cAAkB,OAAA1B,WAAA,EAAAD,QAAA;YAAA;YACpB4B,SAAA;YAEFnD,QAAA;UACG,uBAAAjB,kBAAA,CAAA+C,GAAA,EAAAtC,eAAA,CAAAuD,MAAA;YACCxC,IAAO,EAAE;UACT;QACU,EACV,EAAgC,eAEhC,IAAAxB,kBAAA,CAAA+C,GAAA,EAAAjC,UAAA,CAAAuD,GAAA;UAAA,GAACzC,SAAA,CAAA2B,YAAA;UAAAe,OAAA;UAAApB,YACC;UAAgBjC,QAChB,EAAM,mBAAAjB,kBAAA,CAAA+C,GAAA,EAAAxC,cAAA,CAAAgE,UAAA;YAAAC,KACN;cACCC,KAAG;YAAU;YACRC,qBAEN;cAAAC,QAAC;YAAA;YAAAC,UACC;YAAAC,8BACA;YAAA5D,QACA,qBAAAjB,kBAAA,CAAA+C,GAAA,EAAApC,WAAA,CAAAmE,IAAA;cAAAC,eACU;cAAAd,IAET;cAAAe,WAAA;cACH,GAAApD,SAAA,CAAAqD,YAAA;cAAAzD,IAAA,EAAAM,QAAA;cACFb,QAAA,qBAAAjB,kBAAA,CAAA+C,GAAA,EAAAnC,sBAAA,CAAAsE,eAAA;gBAAAhD,MAAA;gBAEJZ,cAAA;gBACEF,eACA;gBACG+D,QAAA,EAAArD,QAAA;gBAAAb,QAAA,EAAAe;cACC;YAQA;UAAA;QAAC,KAAAT,WACC,mBAAc,IAAAvB,kBAAwB,CAAA+C,GAAA,EAAAtC,eAAA,CAAA2E,MAAA;UAAAnC,QACtC,EAAK;UAAAoC,GAAA,EACL;UACoEC,cAE3D;UAAArE,QACT,iBAAS,IAAAjB,kBAAA,CAAA+C,GAAA,EAAAtC,eAAA,CAAA8E,aAAA;YAAAC,KACP,EAAA7C,SAAS,GAAAjB,CAAA,aAAAkB,aAAA,GAAAlB,CAAA,kBAAAA,CAAA;YAAAT,QACX,qBAAAjB,kBAAA,CAAA+C,GAAA,EAAAvC,YAAA,CAAA0D,MAAA;cAAA,cAAAxC,CAAA;cACFF,IAAA;cAAAiE,IAAA,EAAA9C,SAAA,GAAAxC,YAAA,CAAAuF,eAAA,GAAA9C,aAAA,GAAAzC,YAAA,CAAAwF,iBAAA,GAAAxF,YAAA,CAAAyF,aAAA;cAEJzB,OAAA,EAAAtB,MAAA;cAAA;gBAAAgD,OAAA;cAIR;YAEJ","ignoreList":[]}

package/dist/cjs/code/HighlightedCode/index.cjs

@@ -39,6 +39,7 @@ function HighlightedCode({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const resolvedFontSize = fontSize ?? knobProps.sizeToken;
   if (!tokens) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children
@@ -52,16 +53,16 @@ function HighlightedCode({
         ...(isHighlighted && {
           backgroundColor: import_componentColors.componentColors.code.highlightLine
         }),
-        fontSize,
-        ...knobProps.body,
+        fontSize: resolvedFontSize,
+        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",
+          textAlign: import_tamagui.isWeb ? "end" : "right",
+          marginInlineEnd: "$2",
           userSelect: "none",
           children: lineNumber
         }), line.map((token, tokenIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
@@ -72,7 +73,7 @@ function HighlightedCode({
           ...(token.fontStyle && token.fontStyle & 2 ? {
             fontWeight: "bold"
           } : {}),
-          fontSize,
+          fontSize: resolvedFontSize,
           children: token.content
         }, tokenIndex)), "\n"]
       }, lineIndex);

package/dist/cjs/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/cjs/code/HighlightedCode/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HighlightedCode_exports","__export","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","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"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;AASAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,uBAAA;AAEjC,IAAAK,kBAAqB,GAAAC,OAAA;AAErB,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AA0BrB,IAAAE,cAAA,GAAAF,OAAA;AAXJ,IAAAG,sBAAyB,GAAAH,OAAA;AAAA,SAC9BJ,gBAAAQ,KAAA;EACA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,CAAiB,GAAC,IAAAT,YAAA,CAAAU,gBAAA;EAClB,KAAAN,MAAA;IACA,0BAAAN,kBAAA,CAAAa,GAAA,EAAAb,kBAAA,CAAAc,QAAA;MACuBP;IACvB;EAGA;EACE,sBAAO,IAAAP,kBAAA,CAAAa,GAAA,EAAAb,kBAAA,CAAAc,QAAA;IACTP,QAAA,EAAAD,MAAA,CAAAS,GAAA,WAAAC,IAAA,EAAAC,SAAA;MAEA,IACEC,UAAA,GAAAD,SAAA;MAEI,IAAME,aAAa,GAAAX,cAAY,CAAAY,QAAA,CAAAF,UAAA;MAC/B,OAAM,eAAgB,IAAAlB,kBAAwB,CAAAqB,IAAA,EAAAlB,cAAU,CAAAmB,IAAA;QAExD,IACEH,aAAA;UAACI,eAAA,EAAAnB,sBAAA,CAAAoB,eAAA,CAAAC,IAAA,CAAAC;QAAA;QAEEhB,QAAI;QAAiB,GACpBC,SAAA,CAAAgB,IAAA;QACFpB,QAAA,GACAE,eAAA,uBAAAT,kBAAA,CAAAa,GAAA,EAAAV,cAAA,CAAAmB,IAAA;UACIM,KAAA,EAAAxB,sBAAU,CAAAoB,eAAA,CAAAC,IAAA,CAAAP,UAAA;UAEbW,OAAA;UAAAnB,QAAA;UACEoB,KAAA;UAAAC,OAAA;UAAAC,SACQ;UAAqBC,WACnB;UAAAC,UACT;UAAA3B,QACA,EAAOW;QAAA,IACCF,IACR,CAAAD,GAAA,WAAUoB,KAAA,EAAAC,UAAA;UAAA,OACV,eAAY,IAAApC,kBAAA,CAAAa,GAAA,EAAAV,cAAA,CAAAmB,IAAA;YACZM,KAAA,EAAAO,KAAW,CAAAP,KAAA;YAEV,IAAAO,KAAA,CAAAE,SAAA,IAAAF,KAAA,CAAAE,SAAA;cAAAA,SAAA;YACH;YAED,IAAKF,KAAK,CAAAE,SAAO,IAAAF,KAAA,CAChBE,SAAA;cAACC,UAAA;YAAA;YAEC5B,QAAO;YACNH,QAAI,EAAM4B,KAAA,CAAAI;UAA8D,GACxEH,UAAU;QAA6D,IACxE,IAEC;MAAM,GAAAnB,SANF;IAAA;EAQR;AACA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HighlightedCode_exports","__export","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","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"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;AASAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,uBAAA;AAEjC,IAAAK,kBAA4B,GAAAC,OAAA;AAE5B,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AA4BrB,IAAAE,cAAA,GAAAF,OAAA;AAbJ,IAAAG,sBAAyB,GAAAH,OAAA;AAAA,SAC9BJ,gBAAAQ,KAAA;EACA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,CAAiB,GAAC,IAAAT,YAAA,CAAAU,gBAAA;EAClB,IAAAC,gBAAkB,GAAAH,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAAC,SAAA,CAAAG,SAAA;EAClB,KAAAR,MAAA;IACuB,0BAAAN,kBAAA,CAAAe,GAAA,EAAAf,kBAAA,CAAAgB,QAAA;MACvBT;IAGA;EAEA;EACE,sBAAO,IAAAP,kBAAA,CAAAe,GAAA,EAAAf,kBAAA,CAAAgB,QAAA;IACTT,QAAA,EAAAD,MAAA,CAAAW,GAAA,WAAAC,IAAA,EAAAC,SAAA;MAEA,IACEC,UAAA,GAAAD,SAAA;MAEI,IAAME,aAAa,GAAAb,cAAY,CAAAc,QAAA,CAAAF,UAAA;MAC/B,OAAM,eAAgB,IAAApB,kBAAwB,CAAAuB,IAAA,EAAApB,cAAU,CAAAqB,IAAA;QAExD,IACEH,aAAA;UAACI,eAAA,EAAArB,sBAAA,CAAAsB,eAAA,CAAAC,IAAA,CAAAC;QAAA;QAEElB,QAAI,EAAAG,gBAAiB;QAAA;QAEtB;QACAgB,UAAU;QAGVC,aAAW;QACXvB,QAAA,GAECE,eAAA,uBAAAT,kBAAA,CAAAe,GAAA,EAAAZ,cAAA,CAAAqB,IAAA;UAAAO,KAAA,EAAA3B,sBACC,CAAAsB,eAAA,CAAAM,IAAA,CAAAC,SAAA;UAACvB,QAAA,EAAAG,gBAAA;UAAAqB,KAAA;UAAAC,OACC,EAAO;UAAqB;UAClBC,SACH,EAAAjC,cAAA,CAAAkC,KAAA;UAAAC,eACC;UAAAC,UAER,QAAY;UAAgBhC,QAC5B,EAAAa;QAAgB,IACLF,IAEV,CAAAD,GAAA,WAAAuB,KAAA,EAAAC,UAAA;UAAA,0BAAAzC,kBAAA,CAAAe,GAAA,EAAAZ,cAAA,CAAAqB,IAAA;YACHO,KAAA,EAAAS,KAAA,CAAAT,KAAA;YAED,IAAKS,KAAK,CAAAE,SAAO,IAAAF,KAAA,CAChBE,SAAA;cAACA,SAAA;YAAA;YAEC,IAAAF,KAAO,CAAAE,SAAM,IAAAF,KAAA,CAAAE,SAAA;cACZC,UAAU;YACV,IAAI;YACLjC,QAAA,EAAUG,gBAAA;YAETN,QAAA,EAAAiC,KAAA,CAAMI;UAAA,GAAAH,UAAA;QAAA,EANF,EAOP,IACD;MACA,GAAAtB,SAAA;IAAA;EAAA;AAnCI","ignoreList":[]}

package/dist/cjs/code/Highlighter/index.cjs

@@ -39,12 +39,13 @@ __export(Highlighter_exports, {
 });
 module.exports = __toCommonJS(Highlighter_exports);
 var import_react = require("react");
-const ShikiContext = (0, import_react.createContext)({
-  theme: "github-dark"
-});
+var import_tamagui = require("tamagui");
+const ShikiContext = (0, import_react.createContext)({});
 function useShikiTokens(code, language, theme) {
   const ctx = (0, import_react.useContext)(ShikiContext);
-  const resolvedTheme = theme || ctx.theme || "github-dark";
+  const themeName = (0, import_tamagui.useThemeName)();
+  const schemeDefault = themeName?.includes("dark") ? "github-dark" : "github-light";
+  const resolvedTheme = theme || ctx.theme || schemeDefault;
   const [tokens, setTokens] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
     let cancelled = false;
@@ -68,11 +69,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/cjs/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/cjs/code/Highlighter/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Highlighter_exports","__export","ShikiContext","highlightCode","useShikiTokens","module","exports","import_react","require","createContext","theme","code","language","ctx","useContext","resolvedTheme","tokens","setTokens","useState","useEffect","cancelled","then","result","catch","split","map","line","content","plainTextTokens","arguments","length","shiki","Promise","race"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAX,YAA+D,CAAAK,mBAAA;AAiBxD,IAAAO,YAAM,GAAAC,OAAe;AAOrB,IAAAN,YAAS,OAAAK,YAEd,CAAAE,aAEwB;EACxBC,KAAA,EAAM;AACN;AACA,SAAON,cAAQA,CAAAO,IAAS,EAAAC,QAAI,EAAAF,KAAA;EAE5B,IAAAG,GAAA,OAAAN,YAAA,CAAAO,UAAgB,EAAAZ,YAAA;EACd,IAAAa,aAAI,GAAYL,KAAA,IAAAG,GAAA,CAAAH,KAAA;EAEhB,KAAAM,MAAA,EAAAC,SAAoB,QAAAV,YAAU,CAAAW,QAC3B,EAAM;EACL,IAAAX,YAAK,CAAAY,SAAW,cAAgB;IAClC,IACCC,SAAM,GAAM;IAGXjB,aAAK,CAAAQ,IAAW,EAAAC,QAAA,EAAAG,aAAA,EAAAM,IAAA,WAAAC,MAAA;MACd,KAAAF,SAAU,EAAAH,SAAW,CAAAK,MAAM,CAAI;IAA8B,EAC/D,CAAAC,KAAA;MACD,KAAAH,SAAA;QAEHH,SAAa,CAAAN,IAAA,CAAAa,KAAA,OAAAC,GAAA,WAAAC,IAAA;UACX,QACF;YACQC,OAAA,EAAUD;UAEb,EACT;QAOA,CAAS;MACP;IACF;IAOA,mBAAsB;MAKhBN,SAAA;IACF;EAAiC,IACjBT,IACd,EAAIC,QAAmB,EAC2CG,aAClE,EACF;EACA,OAAAC,MAAM;AAAwC;AACtC,SACNY,gBAAAjB,IAAA;EAAA,OACDA,IAAA,CAAAa,KAAA,OAAAC,GAAA,WAAAC,IAAA;IACD,OAAO,CAAkB;MAErBC,OAAA,EAASD;IAAM,EACF;EACI;AACjB;AACJ,eACMvB,cAAAQ,IAAA,EAAAC,QAAA;EAEN,IAAAF,KAAO,GAAAmB,SAAA,CAAAC,MAAgB,GAAI,KAAAD,SAAA,iBAAAA,SAAA;EAC7B;IACF,IAAAE,KAAA,SAAAC,OAAA,CAAAC,IAAA,E","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Highlighter_exports","__export","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","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAX,YAA+D,CAAAK,mBAAA;AAC/D,IAAAO,YAAA,GAAAC,OAA6B;AAiBtB,IAAAC,cAAM,GAAAD,OAAe;AAOrB,IAAAN,YAAS,OAAAK,YAEd,CAAAG,aAEwB;AACxB,SAAMN,cAAMA,CAAAO,IAAA,EAAAC,QAAA,EAAAC,KAAW;EACvB,IAAAC,GAAM,OAAAP,YAAY,CAAAQ,UAAA,EAAAb,YAAa;EAG/B,IAAAc,SAAM,OAAAP,cAA2B,CAAAQ,YAAS,EAAM;EAChD,IAAAC,aAAM,IAAAF,SAAgB,KAAa,QAAAA,SAAS,uBAAAA,SAAA,CAAAG,QAAA;EAC5C,IAAAC,aAAe,GAAAP,KAAS,IAAAC,GAAI,CAAAD,KAAA,IAAAK,aAAiC;EAE7D,KAAAG,MAAA,EAAAC,SAAA,MAAU,EAAAf,YAAM,CAAAgB,QAAA;EACd,IAAAhB,YAAI,CAAAiB,SAAY;IAEhB,IAAAC,SAAA,GAAc,KAAM;IAEhBtB,aAAK,CAAAQ,IAAW,EAAAC,QAAU,EAAAQ,aAAM,EAAAM,IAAA,WAAAC,MAAA;MACjC,IACA,CAAAF,SAAY,EAAAH,SAAA,CAAAK,MAAA;IAGX,GAAAC,KAAK,aAAW;MACd,KAAAH,SAAU;QACZH,SAAA,CAAAX,IAAA,CAAAkB,KAAA,OAAAC,GAAA,WAAAC,IAAA;UACD,QAEI;YACLC,OAAY,EAAAD;UACd,EACE;QAEJ,CAAO;MACT;IAGA;IACE,OAAO,YAAW;MACpBN,SAAA;IAOI;EAEJ,IACEd,IAAK,EACHC,QAAA,EAAuFQ,aAC5E,CACiB;EACb,OACTC,MAAO;AAAC;AACqC,SAC9CY,gBAAAtB,IAAA;EAAA,OACLA,IAAA,CAAAkB,KAAA,OAAAC,GAAA,WAAAC,IAAA;IACF,QACA;MACFC,OAAA,EAAAD;IAOA,EAKE;EACE;AAAuC;AACtB,IAAAG,kBACX;AAAA,SAAgBC,cAClBA,CAAA;EAAgE,IAClE,CAAAD,kBAAA;IACFA,kBAAC,GAAAE,OAAA,CAAAC,GAAA,EACD,MAAM,QAAQ,GACZ,gCAAkC,IAAAX,IAAA,WAAAY,KAAA;MAAA,KAAAC,KAAA,EAAAC,QAAA,IAAAF,KAAA;MAGlC,OAAAC,KAAY,CAAAE,iBAAa;QAA+BC,MAAA;QACzDC,KAAA;QACDC,MAAM,EAAAJ,QAAO,CAAAK,2BAAiC;MAC9C;IAA8C,EAC5C;EAAA;EACA,OACDX,kBAAA;AACD;AAAqB,eAAK/B,aACdA,CAAAQ,IAAA,EAAAC,QAAW;EAAA,IAAAC,KACnB,GAAAiC,SAAe,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA;IACF,IACbE,WAAW,SAAMZ,OAAA,CAAAa,IAAA,EACnBd,cAAE,IACJ,IAAAC,OAAA,WAAAc,CAAA,EAAAC,MAAA;MACF,OAAQC,UAAA;QAEN,OAAOD,MAAA,KAAgBE,KAAI;MAC7B;IACF,G","ignoreList":[]}

package/dist/cjs/componentColors.cjs

@@ -22,7 +22,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);
 const componentColors = {
@@ -38,11 +39,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 */
@@ -68,22 +70,32 @@ 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"
+};
+const sectionHeading = {
+  fontSize: 20,
+  lineHeight: 26,
+  fontWeight: "600"
 };