@multiplatform.one/markdown 6.0.4 → 6.3.0

package/dist/esm/components/Blockquote.mjs

@@ -1,4 +1,4 @@
-import { View } from "tamagui";
+import { View, getTokens, isWeb, useTheme } from "tamagui";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { markdownBlockquoteColors } from "../shared/colorRamps.mjs";
 import { jsx } from "react/jsx-runtime";
@@ -8,13 +8,26 @@ function Blockquote({
   const {
     knobProps
   } = useResolvedKnobs();
+  const theme = useTheme();
+  const padToken = knobProps.panelPadding.padding;
+  const pad = typeof padToken === "number" ? padToken : getTokens().space?.[padToken]?.val ?? padToken;
   return /* @__PURE__ */jsx(View, {
     backgroundColor: markdownBlockquoteColors.background.base,
-    borderLeftWidth: 4,
-    borderLeftColor: markdownBlockquoteColors.border.base,
-    paddingLeft: knobProps.panelPadding.padding,
+    ...knobProps.containerRadius,
     paddingVertical: knobProps.gap.gap,
     marginVertical: "$3",
+    ...(isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: theme.color8?.val ?? "#999",
+        paddingInlineStart: pad
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: markdownBlockquoteColors.border.base,
+      paddingStart: knobProps.panelPadding.padding
+    }),
     children
   });
 }

package/dist/esm/components/Blockquote.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["View","useResolvedKnobs","markdownBlockquoteColors","jsx","Blockquote","children","knobProps","backgroundColor","background","base","borderLeftWidth","borderLeftColor","border","paddingLeft","panelPadding","padding","paddingVertical","gap","marginVertical"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AACrB,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AAMrC,SAAAC,GAAA;AAHG,SAASC,WAAW;EAAEC;AAAS,GAAoB;EACxD,MAAM;IAAEC;EAAU,IAAIL,gBAAA,CAAiB;EACvC,OACE,eAAAE,GAAA,CAACH,IAAA;IACCO,eAAA,EAAiBL,wBAAA,CAAyBM,UAAA,CAAWC,IAAA;IACrDC,eAAA,EAAiB;IACjBC,eAAA,EAAiBT,wBAAA,CAAyBU,MAAA,CAAOH,IAAA;IACjDI,WAAA,EAAaP,SAAA,CAAUQ,YAAA,CAAaC,OAAA;IACpCC,eAAA,EAAiBV,SAAA,CAAUW,GAAA,CAAIA,GAAA;IAC/BC,cAAA,EAAe;IAEdb;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["View","getTokens","isWeb","useTheme","useResolvedKnobs","markdownBlockquoteColors","jsx","Blockquote","children","knobProps","theme","padToken","panelPadding","padding","pad","space","val","backgroundColor","background","base","containerRadius","paddingVertical","gap","marginVertical","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","paddingInlineStart","borderStartWidth","borderStartColor","border","paddingStart"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,SAAA,EAAWC,KAAA,EAAOC,QAAA,QAAgB;AACjD,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AAYrC,SAAAC,GAAA;AATG,SAASC,WAAW;EAAEC;AAAS,GAAoB;EACxD,MAAM;IAAEC;EAAU,IAAIL,gBAAA,CAAiB;EACvC,MAAMM,KAAA,GAAQP,QAAA,CAAS;EACvB,MAAMQ,QAAA,GAAWF,SAAA,CAAUG,YAAA,CAAaC,OAAA;EACxC,MAAMC,GAAA,GACJ,OAAOH,QAAA,KAAa,WAChBA,QAAA,GACEV,SAAA,CAAU,EAAEc,KAAA,GAAgBJ,QAAQ,GAAGK,GAAA,IAAOL,QAAA;EACtD,OACE,eAAAL,GAAA,CAACN,IAAA;IACCiB,eAAA,EAAiBZ,wBAAA,CAAyBa,UAAA,CAAWC,IAAA;IAIpD,GAAGV,SAAA,CAAUW,eAAA;IACdC,eAAA,EAAiBZ,SAAA,CAAUa,GAAA,CAAIA,GAAA;IAC/BC,cAAA,EAAe;IAKd,IAAIrB,KAAA,GACD;MACEsB,KAAA,EAAO;QACLC,sBAAA,EAAwB;QACxBC,sBAAA,EAAwB;QACxBC,sBAAA,EAAwBjB,KAAA,CAAMkB,MAAA,EAAQZ,GAAA,IAAO;QAC7Ca,kBAAA,EAAoBf;MACtB;IACF,IACA;MACEgB,gBAAA,EAAkB;MAClBC,gBAAA,EAAkB1B,wBAAA,CAAyB2B,MAAA,CAAOb,IAAA;MAClDc,YAAA,EAAcxB,SAAA,CAAUG,YAAA,CAAaC;IACvC;IAEHL;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/components/Blockquote.native.js

@@ -1,21 +1,43 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { View } from "tamagui";
+import { View, getTokens, isWeb, useTheme } from "tamagui";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { markdownBlockquoteColors } from "../shared/colorRamps.native.js";
 function Blockquote(param) {
   var {
     children
   } = param;
+  var _ref, _ref1;
+  var _getTokens_space_padToken, _getTokens_space, _theme_color8;
   var {
     knobProps
   } = useResolvedKnobs();
+  var theme = useTheme();
+  var padToken = knobProps.panelPadding.padding;
+  var pad = typeof padToken === "number" ? padToken : (_ref = (_getTokens_space = getTokens().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_padToken = _getTokens_space[padToken]) === null || _getTokens_space_padToken === void 0 ? void 0 : _getTokens_space_padToken.val) !== null && _ref !== void 0 ? _ref : padToken;
   return /* @__PURE__ */_jsx(View, {
     backgroundColor: markdownBlockquoteColors.background.base,
-    borderLeftWidth: 4,
-    borderLeftColor: markdownBlockquoteColors.border.base,
-    paddingLeft: knobProps.panelPadding.padding,
+    // R-SCALE quote frame (spec Blockquote): the painted quote surface
+    // rounds with the radius knob, capped at its own padding (Axiom 1 —
+    // containerRadius fragment). Was radius-dead (spec conformance note).
+    ...knobProps.containerRadius,
     paddingVertical: knobProps.gap.gap,
     marginVertical: "$3",
+    // CSS logical properties keep the border and padding on the logical
+    // start side in RTL (SB-M-1215); tamagui borderStartWidth does not
+    // compile to working CSS in this version. Native uses the RN logical
+    // border/padding props, which flip with I18nManager.
+    ...(isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: (_ref1 = (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.val) !== null && _ref1 !== void 0 ? _ref1 : "#999",
+        paddingInlineStart: pad
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: markdownBlockquoteColors.border.base,
+      paddingStart: knobProps.panelPadding.padding
+    }),
     children
   });
 }

package/dist/esm/components/Blockquote.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","View","useResolvedKnobs","markdownBlockquoteColors","Blockquote","param","children","knobProps","backgroundColor","background","base","borderLeftWidth","borderLeftColor","border","paddingLeft","panelPadding","padding","paddingVertical","gap","marginVertical"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AACrB,SAASC,IAAA;AACT,SAASC,gBAAA,kCAAgC;AAMrC,SAAAC,wBAAA;AAHG,SAASC,WAAWC,KAAE;EAC3B;IAAMC;EAAE,IAAUD,KAAI;EACtB;IAAAE;EACE,IAAAL,gBAAA;EAAA,OAAC,eAAAF,IAAA,CAAAC,IAAA;IAAAO,eAAA,EAAAL,wBAAA,CAAAM,UAAA,CAAAC,IAAA;IAAAC,eACC;IAAqDC,eACrD,EAAAT,wBAAiB,CAAAU,MAAA,CAAAH,IAAA;IAAAI,WACjB,EAAAP,SAAiB,CAAAQ,YAAA,CAAAC,OAAA;IAAgCC,eACpC,EAAAV,SAAU,CAAAW,GAAA,CAAAA,GAAA;IAAaC,cACpC,MAAiB;IAAcb;EAChB;AAEd;AAAA,SAGPF,UAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","View","getTokens","isWeb","useTheme","useResolvedKnobs","markdownBlockquoteColors","Blockquote","param","children","_ref","_ref1","_getTokens_space_padToken","_getTokens_space","_theme_color8","knobProps","theme","padToken","panelPadding","padding","pad","space","val","backgroundColor","background","base","containerRadius","paddingVertical","gap","marginVertical","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","paddingInlineStart"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,QAAW,mBAAO;AACjC,SAASC,IAAA,EAAAC,SAAA,EAAAC,KAAA,EAAwBC,QAAA;AACjC,SAASC,gBAAA,kCAAgC;AAYrC,SAAAC,wBAAA;AATG,SAASC,WAAWC,KAAE;EAC3B;IAAMC;EAAE,IAAUD,KAAI;EACtB,IAAAE,IAAM,EAAAC,KAAQ;EACd,IAAAC,yBAA2B,EAAAC,gBAAa,EAAAC,aAAA;EACxC;IAAMC;EACJ,IAAOV,gBAAa;EAGtB,IAAAW,KACE,GAAAZ,QAAA;EAAA,IAACa,QAAA,GAAAF,SAAA,CAAAG,YAAA,CAAAC,OAAA;EAAA,IAAAC,GAAA,UAAAH,QAAA,gBAAAA,QAAA,IAAAP,IAAA,IAAAG,gBAAA,GAAAX,SAAA,GAAAmB,KAAA,cAAAR,gBAAA,wBAAAD,yBAAA,GAAAC,gBAAA,CAAAI,QAAA,eAAAL,yBAAA,uBAAAA,yBAAA,CAAAU,GAAA,cAAAZ,IAAA,cAAAA,IAAA,GAAAO,QAAA;EAAA,OACC,eAAiBjB,IAAA,CAAAC,IAAA;IAAoCsB,eAIvC,EAAAjB,wBAAA,CAAAkB,UAAA,CAAAC,IAAA;IAAA;IACiB;IAChB;IAMX,GAAAV,SACS,CAAAW,eAAA;IAAAC,eACL,EAAAZ,SAAA,CAAAa,GAAwB,CAAAA,GAAA;IAAAC,cACxB;IAAwB;IACqB;IACzB;IACtB;IAEF,IAAA1B,KACE;MAAkB2B,KAClB;QACAC,sBAAc,EAAU;QAC1BC,sBAAA;QAEHC,sBAAA,GAAAtB,KAAA,IAAAG,aAAA,GAAAE,KAAA,CAAAkB,MAAA,cAAApB,aAAA,uBAAAA,aAAA,CAAAQ,GAAA,cAAAX,KAAA,cAAAA,KAAA;QAAAwB,kBAAA,EAAAf;MACH;IAEJ","ignoreList":[]}

package/dist/esm/components/Break.mjs

@@ -1,6 +1,7 @@
-import { Text } from "tamagui";
+import { Text, isWeb } from "tamagui";
 import { jsx } from "react/jsx-runtime";
 function Break(_props) {
+  if (isWeb) return /* @__PURE__ */jsx("br", {});
   return /* @__PURE__ */jsx(Text, {
     children: "\n"
   });

package/dist/esm/components/Break.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","jsx","Break","_props","children"],"sources":["../../../src/components/Break.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AAIZ,SAAAC,GAAA;AADF,SAASC,MAAMC,MAAA,EAAoB;EACxC,OAAO,eAAAF,GAAA,CAACD,IAAA;IAAMI,QAAA;EAAA,CAAK;AACrB","ignoreList":[]}
+{"version":3,"names":["Text","isWeb","jsx","Break","_props","children"],"sources":["../../../src/components/Break.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,KAAA,QAAa;AAKR,SAAAC,GAAA;AAFb,SAASC,MAAMC,MAAA,EAAoB;EAExC,IAAIH,KAAA,EAAO,OAAO,eAAAC,GAAA,CAAC,QAAG;EACtB,OAAO,eAAAA,GAAA,CAACF,IAAA;IAAMK,QAAA;EAAA,CAAK;AACrB","ignoreList":[]}

package/dist/esm/components/Break.native.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from "tamagui";
+import { Text, isWeb } from "tamagui";
 function Break(_props) {
+  if (isWeb) return /* @__PURE__ */_jsx("br", {});
   return /* @__PURE__ */_jsx(Text, {
     children: "\n"
   });

package/dist/esm/components/Break.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Text","Break","_props","children"],"sources":["../../../src/components/Break.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AAIZ,SAAAC,IAAA;AADF,SAASC,MAAMC,MAAA,EAAoB;EACxC,OAAO,eAAAH,IAAC,CAAAC,IAAA;IACVG,QAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Text","isWeb","Break","_props","children"],"sources":["../../../src/components/Break.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,QAAa;AAKR,SAAAC,IAAA,EAAAC,KAAA;AAFb,SAASC,MAAMC,MAAA,EAAoB;EAExC,IAAIF,KAAA,EAAO,OAAO,eAAAF,IAAC,QAAG;EACtB,OAAO,eAAAA,IAAC,CAAAC,IAAA;IACVI,QAAA","ignoreList":[]}

package/dist/esm/components/CodeBlock.mjs

@@ -1,81 +1,41 @@
+import { Code, HighlightedCode, useShikiTokens } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useEffect, useState } from "react";
-import { ScrollView, Text, View, XStack } from "tamagui";
+import { ScrollView, View } from "tamagui";
 import { markdownCodeColors } from "../shared/colorRamps.mjs";
-import { highlightCode } from "../shiki/index.mjs";
 import { jsx } from "react/jsx-runtime";
 function CodeBlock({
   children,
   lang,
-  theme = "github-dark"
+  theme: themeProp = "auto"
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
-  const [tokens, setTokens] = useState(null);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    highlightCode(children, lang || "text", theme).then(result => {
-      if (!cancelled) {
-        setTokens(result);
-        setError(null);
-      }
-    }).catch(err => {
-      if (!cancelled) {
-        setError(String(err));
-        setTokens(null);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [children, lang, theme]);
-  const containerProps = {
-    borderRadius: knobProps.borderRadiusOuter?.borderRadius ?? "$4",
+  const tokens = useShikiTokens(children, lang || "text", themeProp === "auto" ? void 0 : themeProp);
+  return /* @__PURE__ */jsx(View, {
+    ...(knobProps.borderRadiusOuter ?? {
+      borderRadius: "$4"
+    }),
     backgroundColor: markdownCodeColors.background.base,
     borderWidth: 1,
     borderColor: markdownCodeColors.border.base,
-    padding: knobProps.panelPadding.padding,
+    ...knobProps.panelPadding,
     marginVertical: "$2",
-    overflow: "hidden"
-  };
-  if (!tokens || error) {
-    return /* @__PURE__ */jsx(View, {
-      ...containerProps,
-      children: /* @__PURE__ */jsx(ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        children: /* @__PURE__ */jsx(Text, {
-          fontFamily: "$mono",
-          fontSize: knobProps.sizeToken,
-          color: markdownCodeColors.text.muted,
-          children
-        })
-      })
-    });
-  }
-  return /* @__PURE__ */jsx(View, {
-    ...containerProps,
+    overflow: "hidden",
     children: /* @__PURE__ */jsx(ScrollView, {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      children: /* @__PURE__ */jsx(View, {
-        children: tokens.map((line, lineIndex) => /* @__PURE__ */jsx(XStack, {
-          minHeight: 20,
-          children: line.length === 0 ? /* @__PURE__ */jsx(Text, {
-            fontFamily: "$mono",
-            fontSize: knobProps.sizeToken,
-            children: "\n"
-          }) : line.map((token, tokenIndex) => /* @__PURE__ */jsx(Text, {
-            fontFamily: "$mono",
-            fontSize: knobProps.sizeToken,
-            style: {
-              color: token.color
-            },
-            children: token.content
-          }, tokenIndex))
-        }, lineIndex))
+      children: /* @__PURE__ */jsx(Code, {
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        padding: 0,
+        color: markdownCodeColors.text.base,
+        fontSize: knobProps.sizeToken,
+        children: /* @__PURE__ */jsx(HighlightedCode, {
+          tokens,
+          fontSize: knobProps.sizeToken,
+          children
+        })
       })
     })
   });

package/dist/esm/components/CodeBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","useEffect","useState","ScrollView","Text","View","XStack","markdownCodeColors","highlightCode","jsx","CodeBlock","children","lang","theme","knobProps","tokens","setTokens","error","setError","cancelled","then","result","catch","err","String","containerProps","borderRadius","borderRadiusOuter","backgroundColor","background","base","borderWidth","borderColor","border","padding","panelPadding","marginVertical","overflow","horizontal","showsHorizontalScrollIndicator","fontFamily","fontSize","sizeToken","color","text","muted","map","line","lineIndex","minHeight","length","token","tokenIndex","style","content"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,UAAA,EAAYC,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAc;AAC/C,SAASC,kBAAA,QAA0B;AACnC,SAASC,aAAA,QAA0D;AAiDzD,SAAAC,GAAA;AA1CH,SAASC,UAAU;EAAEC,QAAA;EAAUC,IAAA;EAAMC,KAAA,GAAQ;AAAc,GAA2B;EAC3F,MAAM;IAAEC;EAAU,IAAId,gBAAA,CAAiB;EACvC,MAAM,CAACe,MAAA,EAAQC,SAAS,IAAId,QAAA,CAAiC,IAAI;EACjE,MAAM,CAACe,KAAA,EAAOC,QAAQ,IAAIhB,QAAA,CAAwB,IAAI;EAEtDD,SAAA,CAAU,MAAM;IACd,IAAIkB,SAAA,GAAY;IAEhBX,aAAA,CAAcG,QAAA,EAAUC,IAAA,IAAQ,QAAQC,KAAK,EAC1CO,IAAA,CAAMC,MAAA,IAAW;MAChB,IAAI,CAACF,SAAA,EAAW;QACdH,SAAA,CAAUK,MAAM;QAChBH,QAAA,CAAS,IAAI;MACf;IACF,CAAC,EACAI,KAAA,CAAOC,GAAA,IAAQ;MACd,IAAI,CAACJ,SAAA,EAAW;QACdD,QAAA,CAASM,MAAA,CAAOD,GAAG,CAAC;QACpBP,SAAA,CAAU,IAAI;MAChB;IACF,CAAC;IAEH,OAAO,MAAM;MACXG,SAAA,GAAY;IACd;EACF,GAAG,CAACR,QAAA,EAAUC,IAAA,EAAMC,KAAK,CAAC;EAE1B,MAAMY,cAAA,GAAiB;IACrBC,YAAA,EAAcZ,SAAA,CAAUa,iBAAA,EAAmBD,YAAA,IAAgB;IAC3DE,eAAA,EAAiBrB,kBAAA,CAAmBsB,UAAA,CAAWC,IAAA;IAC/CC,WAAA,EAAa;IACbC,WAAA,EAAazB,kBAAA,CAAmB0B,MAAA,CAAOH,IAAA;IACvCI,OAAA,EAASpB,SAAA,CAAUqB,YAAA,CAAaD,OAAA;IAChCE,cAAA,EAAgB;IAChBC,QAAA,EAAU;EACZ;EAGA,IAAI,CAACtB,MAAA,IAAUE,KAAA,EAAO;IACpB,OACE,eAAAR,GAAA,CAACJ,IAAA;MAAM,GAAGoB,cAAA;MACRd,QAAA,iBAAAF,GAAA,CAACN,UAAA;QAAWmC,UAAA,EAAU;QAACC,8BAAA,EAAgC;QACrD5B,QAAA,iBAAAF,GAAA,CAACL,IAAA;UACCoC,UAAA,EAAW;UACXC,QAAA,EAAU3B,SAAA,CAAU4B,SAAA;UACpBC,KAAA,EAAOpC,kBAAA,CAAmBqC,IAAA,CAAKC,KAAA;UAE9BlC;QAAA,CACH;MAAA,CACF;IAAA,CACF;EAEJ;EAEA,OACE,eAAAF,GAAA,CAACJ,IAAA;IAAM,GAAGoB,cAAA;IACRd,QAAA,iBAAAF,GAAA,CAACN,UAAA;MAAWmC,UAAA,EAAU;MAACC,8BAAA,EAAgC;MACrD5B,QAAA,iBAAAF,GAAA,CAACJ,IAAA;QACEM,QAAA,EAAAI,MAAA,CAAO+B,GAAA,CAAI,CAACC,IAAA,EAAMC,SAAA,KACjB,eAAAvC,GAAA,CAACH,MAAA;UAAuB2C,SAAA,EAAW;UAChCtC,QAAA,EAAAoC,IAAA,CAAKG,MAAA,KAAW,IACf,eAAAzC,GAAA,CAACL,IAAA;YAAKoC,UAAA,EAAW;YAAQC,QAAA,EAAU3B,SAAA,CAAU4B,SAAA;YAC1C/B,QAAA;UAAA,CACH,IAEAoC,IAAA,CAAKD,GAAA,CAAI,CAACK,KAAA,EAAOC,UAAA,KACf,eAAA3C,GAAA,CAACL,IAAA;YAECoC,UAAA,EAAW;YACXC,QAAA,EAAU3B,SAAA,CAAU4B,SAAA;YACpBW,KAAA,EAAO;cAAEV,KAAA,EAAOQ,KAAA,CAAMR;YAAM;YAE3BhC,QAAA,EAAAwC,KAAA,CAAMG;UAAA,GALFF,UAMP,CACD;QAAA,GAfQJ,SAiBb,CACD;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Code","HighlightedCode","useShikiTokens","useResolvedKnobs","ScrollView","View","markdownCodeColors","jsx","CodeBlock","children","lang","theme","themeProp","knobProps","tokens","borderRadiusOuter","borderRadius","backgroundColor","background","base","borderWidth","borderColor","border","panelPadding","marginVertical","overflow","horizontal","showsHorizontalScrollIndicator","padding","color","text","fontSize","sizeToken"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":"AAWA,SAASA,IAAA,EAAMC,eAAA,EAAiBC,cAAA,QAAsB;AACtD,SAASC,gBAAA,QAAwB;AACjC,SAASC,UAAA,EAAYC,IAAA,QAAY;AACjC,SAASC,kBAAA,QAA0B;AA0CzB,SAAAC,GAAA;AAnCH,SAASC,UAAU;EAAEC,QAAA;EAAUC,IAAA;EAAMC,KAAA,EAAOC,SAAA,GAAY;AAAO,GAA2B;EAC/F,MAAM;IAAEC;EAAU,IAAIV,gBAAA,CAAiB;EAIvC,MAAMW,MAAA,GAASZ,cAAA,CACbO,QAAA,EACAC,IAAA,IAAQ,QACRE,SAAA,KAAc,SAAS,SAAYA,SACrC;EAEA,OACE,eAAAL,GAAA,CAACF,IAAA;IAIE,IAAIQ,SAAA,CAAUE,iBAAA,IAAqB;MAAEC,YAAA,EAAc;IAAK;IACzDC,eAAA,EAAiBX,kBAAA,CAAmBY,UAAA,CAAWC,IAAA;IAC/CC,WAAA,EAAa;IACbC,WAAA,EAAaf,kBAAA,CAAmBgB,MAAA,CAAOH,IAAA;IAItC,GAAGN,SAAA,CAAUU,YAAA;IACdC,cAAA,EAAe;IACfC,QAAA,EAAS;IAEThB,QAAA,iBAAAF,GAAA,CAACH,UAAA;MAAWsB,UAAA,EAAU;MAACC,8BAAA,EAAgC;MACrDlB,QAAA,iBAAAF,GAAA,CAACP,IAAA;QACCiB,eAAA,EAAgB;QAChBG,WAAA,EAAa;QACbQ,OAAA,EAAS;QACTC,KAAA,EAAOvB,kBAAA,CAAmBwB,IAAA,CAAKX,IAAA;QAC/BY,QAAA,EAAUlB,SAAA,CAAUmB,SAAA;QAEpBvB,QAAA,iBAAAF,GAAA,CAACN,eAAA;UAAgBa,MAAA;UAAgBiB,QAAA,EAAUlB,SAAA,CAAUmB,SAAA;UAClDvB;QAAA,CACH;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/components/CodeBlock.native.js

@@ -1,87 +1,45 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Code, HighlightedCode, useShikiTokens } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useEffect, useState } from "react";
-import { ScrollView, Text, View, XStack } from "tamagui";
+import { ScrollView, View } from "tamagui";
 import { markdownCodeColors } from "../shared/colorRamps.native.js";
-import { highlightCode } from "../shiki/index.native.js";
 function CodeBlock(param) {
   var {
     children,
     lang,
-    theme = "github-dark"
+    theme: themeProp = "auto"
   } = param;
-  var _ref;
   var _knobProps_borderRadiusOuter;
   var {
     knobProps
   } = useResolvedKnobs();
-  var [tokens, setTokens] = useState(null);
-  var [error, setError] = useState(null);
-  useEffect(function () {
-    var cancelled = false;
-    highlightCode(children, lang || "text", theme).then(function (result) {
-      if (!cancelled) {
-        setTokens(result);
-        setError(null);
-      }
-    }).catch(function (err) {
-      if (!cancelled) {
-        setError(String(err));
-        setTokens(null);
-      }
-    });
-    return function () {
-      cancelled = true;
-    };
-  }, [children, lang, theme]);
-  var containerProps = {
-    borderRadius: (_ref = (_knobProps_borderRadiusOuter = knobProps.borderRadiusOuter) === null || _knobProps_borderRadiusOuter === void 0 ? void 0 : _knobProps_borderRadiusOuter.borderRadius) !== null && _ref !== void 0 ? _ref : "$4",
+  var tokens = useShikiTokens(children, lang || "text", themeProp === "auto" ? void 0 : themeProp);
+  return /* @__PURE__ */_jsx(View, {
+    ...((_knobProps_borderRadiusOuter = knobProps.borderRadiusOuter) !== null && _knobProps_borderRadiusOuter !== void 0 ? _knobProps_borderRadiusOuter : {
+      borderRadius: "$4"
+    }),
     backgroundColor: markdownCodeColors.background.base,
     borderWidth: 1,
     borderColor: markdownCodeColors.border.base,
-    padding: knobProps.panelPadding.padding,
+    // SP-PAD (spec CodeBlock frame; LC-18 / UX-P07): the block inset rides
+    // the space knob through the complete panelPadding fragment —
+    // components-CodeBlock parity.
+    ...knobProps.panelPadding,
     marginVertical: "$2",
-    overflow: "hidden"
-  };
-  if (!tokens || error) {
-    return /* @__PURE__ */_jsx(View, {
-      ...containerProps,
-      children: /* @__PURE__ */_jsx(ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        children: /* @__PURE__ */_jsx(Text, {
-          fontFamily: "$mono",
-          fontSize: knobProps.sizeToken,
-          color: markdownCodeColors.text.muted,
-          children
-        })
-      })
-    });
-  }
-  return /* @__PURE__ */_jsx(View, {
-    ...containerProps,
+    overflow: "hidden",
     children: /* @__PURE__ */_jsx(ScrollView, {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      children: /* @__PURE__ */_jsx(View, {
-        children: tokens.map(function (line, lineIndex) {
-          return /* @__PURE__ */_jsx(XStack, {
-            minHeight: 20,
-            children: line.length === 0 ? /* @__PURE__ */_jsx(Text, {
-              fontFamily: "$mono",
-              fontSize: knobProps.sizeToken,
-              children: "\n"
-            }) : line.map(function (token, tokenIndex) {
-              return /* @__PURE__ */_jsx(Text, {
-                fontFamily: "$mono",
-                fontSize: knobProps.sizeToken,
-                style: {
-                  color: token.color
-                },
-                children: token.content
-              }, tokenIndex);
-            })
-          }, lineIndex);
+      children: /* @__PURE__ */_jsx(Code, {
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        padding: 0,
+        color: markdownCodeColors.text.base,
+        fontSize: knobProps.sizeToken,
+        children: /* @__PURE__ */_jsx(HighlightedCode, {
+          tokens,
+          fontSize: knobProps.sizeToken,
+          children
         })
       })
     })

package/dist/esm/components/CodeBlock.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useResolvedKnobs","useEffect","useState","ScrollView","Text","View","XStack","markdownCodeColors","highlightCode","CodeBlock","param","children","lang","theme","_ref","_knobProps_borderRadiusOuter","knobProps","tokens","setTokens","error","setError","cancelled","then","result","catch","err","String","containerProps","borderRadius","borderRadiusOuter","backgroundColor","background","base","borderWidth","borderColor","border","padding","panelPadding","marginVertical","overflow","horizontal","showsHorizontalScrollIndicator","fontFamily","fontSize","sizeToken","color","text","muted"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwB;AACjC,SAASC,gBAAW,kCAAgB;AACpC,SAASC,SAAA,EAAAC,QAAkB,QAAM;AACjC,SAASC,UAAA,EAAAC,IAAA,EAAAC,IAAA,EAAAC,MAA0B;AACnC,SAASC,kBAAA,QAA0D;AAiDzD,SAAAC,aAAA;AA1CH,SAASC,UAAUC,KAAE;EAC1B;IAAMC,QAAE;IAAAC,IAAU;IAAIC,KAAA;EAAiB,IAAAH,KAAA;EACvC,IAAAI,IAAO;EACP,IAAAC,4BAA0B;EAE1B;IAAAC;EAAgB,IAAAhB,gBAAA;EACd,KAAAiB,MAAI,EAAAC,SAAY,IAAAhB,QAAA;EAEhB,KAAAiB,KAAA,EAAAC,QAAc,IAAAlB,QAAU,KAAQ;EAE5BD,SAAK,aAAW;IACd,IAAAoB,SAAA,GAAU,KAAM;IAChBb,aAAS,CAAAG,QAAI,EAAAC,IAAA,YAAAC,KAAA,EAAAS,IAAA,WAAAC,MAAA;MACf,KAAAF,SAAA;QAEDH,SAAO,CAAAK,MAAQ;QACdH,QAAK,MAAW;MACd;IACA,GAAAI,KAAA,WAAcC,GAAA;MAChB,KAAAJ,SAAA;QACDD,QAAA,CAAAM,MAAA,CAAAD,GAAA;QAEHP,SAAa;MACX;IACF;IACF,OAAI,YAAgB;MAEpBG,SAAM;IACJ;EAA2D,GAC3D,CACAV,QAAA,EACAC,IAAA,EACAC,KAAA,CAAgC,CAChC;EAAgB,IAChBc,cAAU;IACZC,YAAA,GAAAd,IAAA,IAAAC,4BAAA,GAAAC,SAAA,CAAAa,iBAAA,cAAAd,4BAAA,uBAAAA,4BAAA,CAAAa,YAAA,cAAAd,IAAA,cAAAA,IAAA;IAGAgB,eAAe,EAAAvB,kBAAO,CAAAwB,UAAA,CAAAC,IAAA;IACpBC,WACE;IAEIC,WAAC,EAAA3B,kBAAA,CAAA4B,MAAA,CAAAH,IAAA;IAAAI,OAAA,EAAApB,SAAA,CAAAqB,YAAA,CAAAD,OAAA;IAAAE,cACC,EAAW;IAAAC,QACX;EAAoB;EACW,KAAAtB,MAE9B,IAAAE,KAAA;IAAA,sBAAApB,IAAA,CAAAM,IAAA;MACH,GACFsB,cACF;MAEJhB,QAAA,iBAAAZ,IAAA,CAAAI,UAAA;QAEAqC,UACE;QAWeC,8BAAA;QAAA9B,QAAA,iBAAAZ,IAAA,CAAAK,IAAA;UAECsC,UAAW;UACXC,QAAU,EAAA3B,SAAU,CAAA4B,SAAA;UACpBC,KAAS,EAAAtC,kBAAmB,CAAAuC,IAAA,CAAAC,KAAA;UAE3BpC;QAAM;MALF;IAOR;EAQjB","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Code","HighlightedCode","useShikiTokens","useResolvedKnobs","ScrollView","View","markdownCodeColors","CodeBlock","param","children","lang","theme","themeProp","_knobProps_borderRadiusOuter","knobProps","tokens","borderRadiusOuter","borderRadius","backgroundColor","background","base","borderWidth","borderColor","border","panelPadding","marginVertical","overflow","horizontal","showsHorizontalScrollIndicator","padding","color","text","fontSize","sizeToken"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":"AAWA,SAASA,GAAA,IAAMC,IAAA,2BAAiB;AAChC,SAASC,IAAA,EAAAC,eAAA,EAAAC,cAAwB;AACjC,SAASC,gBAAY,QAAY;AACjC,SAASC,UAAA,EAAAC,IAAA,iBAA0B;AA0CzB,SAAAC,kBAAA;AAnCH,SAASC,UAAUC,KAAE;EAC1B;IAAMC,QAAE;IAAAC,IAAU;IAAIC,KAAA,EAAAC,SAAA,GAAiB;EAAA,IAAAJ,KAAA;EAIvC,IAAAK,4BAAe;EAAA,IACb;IAAAC;EAAA,IAAAX,gBAAA;EAAA,IACAY,MAAQ,GAAAb,cAAA,CAAAO,QAAA,EAAAC,IAAA,YAAAE,SAAA,uBAAAA,SAAA;EAAA,OACR,eAAcb,IAAS,CAAAM,IAAA,EAAY;IACrC,KAAAQ,4BAAA,GAAAC,SAAA,CAAAE,iBAAA,cAAAH,4BAAA,cAAAA,4BAAA;MAEAI,YACE;IAAC;IAAAC,eAAA,EAAAZ,kBAAA,CAAAa,UAAA,CAAAC,IAAA;IAAAC,WAIM;IAAoDC,WACzD,EAAAhB,kBAAiB,CAAAiB,MAAmB,CAAAH,IAAA;IAAW;IAClC;IAC0B;IAIzB,GACdN,SAAA,CAAAU,YAAe;IAAAC,cACN;IAAAC,QAET;IACEjB,QAAC,iBAAAV,IAAA,CAAAK,UAAA;MAAAuB,UAAA;MAAAC,8BACiB;MAAAnB,QAChB,iBAAaV,IAAA,CAAAC,IAAA;QAAAkB,eACJ;QAAAG,WACF;QAAwBQ,OAC/B;QAAoBC,KAEpB,EAAAxB,kBAAA,CAAAyB,IAAA,CAAAX,IAAC;QAEDY,QAAA,EAAAlB,SAAA,CAAAmB,SAAA;QACFxB,QACF,iBAAAV,IAAA,CAAAE,eAAA;UAAAc,MAAA;UACFiB,QAAA,EAAAlB,SAAA,CAAAmB,SAAA;UAEJxB","ignoreList":[]}

package/dist/esm/components/Heading.mjs

@@ -1,4 +1,5 @@
-import { H1, H2, H3, H4, H5, H6 } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { H1, H2, H3, H4, H5, H6, isWeb } from "tamagui";
 import { jsx } from "react/jsx-runtime";
 const headingComponents = {
   1: H1,
@@ -8,14 +9,36 @@ const headingComponents = {
   5: H5,
   6: H6
 };
+const headingBaseSize = {
+  1: 9,
+  2: 8,
+  3: 7,
+  4: 6,
+  5: 5,
+  6: 4
+};
+const sizeShift = {
+  $3: -1,
+  $4: 0,
+  $5: 1
+};
 function Heading({
   level,
   children
 }) {
   const Component = headingComponents[level];
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  const size = `$${headingBaseSize[level] + (sizeShift[knobProps.sizeToken] ?? 0)}`;
   return /* @__PURE__ */jsx(Component, {
     marginTop: "$3",
     marginBottom: "$2",
+    size,
+    ...headingFamily,
     children
   });
 }

package/dist/esm/components/Heading.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["H1","H2","H3","H4","H5","H6","jsx","headingComponents","Heading","level","children","Component","marginTop","marginBottom"],"sources":["../../../src/components/Heading.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,QAAU;AAenC,SAAAC,GAAA;AAZJ,MAAMC,iBAAA,GAAoB;EACxB,GAAGP,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC;AACL;AAEO,SAASG,QAAQ;EAAEC,KAAA;EAAOC;AAAS,GAAiB;EACzD,MAAMC,SAAA,GAAYJ,iBAAA,CAAkBE,KAAK;EACzC,OACE,eAAAH,GAAA,CAACK,SAAA;IAAUC,SAAA,EAAU;IAAKC,YAAA,EAAa;IACpCH;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","H1","H2","H3","H4","H5","H6","isWeb","jsx","headingComponents","headingBaseSize","sizeShift","$3","$4","$5","Heading","level","children","Component","knobProps","headingFamily","fontFamily","heading","size","sizeToken","marginTop","marginBottom"],"sources":["../../../src/components/Heading.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,KAAA,QAAa;AA2B1C,SAAAC,GAAA;AAxBJ,MAAMC,iBAAA,GAAoB;EACxB,GAAGR,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC;AACL;AAGA,MAAMI,eAAA,GAAkB;EAAE,GAAG;EAAG,GAAG;EAAG,GAAG;EAAG,GAAG;EAAG,GAAG;EAAG,GAAG;AAAE;AAG7D,MAAMC,SAAA,GAAoC;EAAEC,EAAA,EAAI;EAAIC,EAAA,EAAI;EAAGC,EAAA,EAAI;AAAE;AAE1D,SAASC,QAAQ;EAAEC,KAAA;EAAOC;AAAS,GAAiB;EACzD,MAAMC,SAAA,GAAYT,iBAAA,CAAkBO,KAAK;EAIzC,MAAM;IAAEG;EAAU,IAAInB,gBAAA,CAAiB;EACvC,MAAMoB,aAAA,GAAgBb,KAAA,GAAQ,OAAO;IAAEc,UAAA,EAAYF,SAAA,CAAUG,OAAA,CAAQD;EAAW;EAChF,MAAME,IAAA,GAAO,IAAIb,eAAA,CAAgBM,KAAK,KAAKL,SAAA,CAAUQ,SAAA,CAAUK,SAAS,KAAK,EAAE;EAC/E,OACE,eAAAhB,GAAA,CAACU,SAAA;IAAUO,SAAA,EAAU;IAAKC,YAAA,EAAa;IAAKH,IAAA;IAAoB,GAAGH,aAAA;IAChEH;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/components/Heading.native.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { H1, H2, H3, H4, H5, H6 } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { H1, H2, H3, H4, H5, H6, isWeb } from "tamagui";
 var headingComponents = {
   1: H1,
   2: H2,
@@ -8,15 +9,38 @@ var headingComponents = {
   5: H5,
   6: H6
 };
+var headingBaseSize = {
+  1: 9,
+  2: 8,
+  3: 7,
+  4: 6,
+  5: 5,
+  6: 4
+};
+var sizeShift = {
+  $3: -1,
+  $4: 0,
+  $5: 1
+};
 function Heading(param) {
   var {
     level,
     children
   } = param;
+  var _sizeShift_knobProps_sizeToken;
   var Component = headingComponents[level];
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  var size = `$${headingBaseSize[level] + ((_sizeShift_knobProps_sizeToken = sizeShift[knobProps.sizeToken]) !== null && _sizeShift_knobProps_sizeToken !== void 0 ? _sizeShift_knobProps_sizeToken : 0)}`;
   return /* @__PURE__ */_jsx(Component, {
     marginTop: "$3",
     marginBottom: "$2",
+    size,
+    ...headingFamily,
     children
   });
 }

package/dist/esm/components/Heading.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","H1","H2","H3","H4","H5","H6","headingComponents","Heading","param","level","children","Component"],"sources":["../../../src/components/Heading.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAIC,IAAI,QAAQ,mBAAc;AAenC,SAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA;AAZJ,IAAAC,iBAAM;EACJ,GAAGN,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC;AACL;AAEO,SAASE,QAAQC,KAAE;EACxB;IAAMC,KAAA;IAAAC;EAAY,IAAAF,KAAA;EAClB,IAAAG,SACE,GAAAL,iBAAC,CAAAG,KAAA,CAAU;EAIf,sBAAAV,IAAA,CAAAY,SAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useResolvedKnobs","H1","H2","H3","H4","H5","H6","isWeb","headingComponents","headingBaseSize","sizeShift"],"sources":["../../../src/components/Heading.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwB;AACjC,SAASC,gBAAgB,QAAQ,0BAAa;AA2B1C,SAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,KAAA;AAxBJ,IAAAC,iBAAM;EACJ,GAAGP,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC,EAAA;EACH,GAAGC;AACL;AAGA,IAAAG,eAAM;EAGN,IAAM;EAEC;EACL;EAIA;EACA;EACA;AACA;AAKF,IAAAC,SAAA","ignoreList":[]}

package/dist/esm/components/Image.mjs

@@ -12,14 +12,12 @@ function MarkdownImage({
   return /* @__PURE__ */jsx(View, {
     marginVertical: "$2",
     children: /* @__PURE__ */jsx(TamaguiImage, {
-      source: {
-        uri: src
-      },
+      src,
       alt: alt || "",
-      accessibilityLabel: alt || title || "Image",
+      "aria-label": alt || title || void 0,
       width: "100%",
       height: 200,
-      resizeMode: "contain",
+      objectFit: "contain",
       borderRadius: knobProps.borderRadius.borderRadius
     })
   });

package/dist/esm/components/Image.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Image","TamaguiImage","View","useResolvedKnobs","jsx","MarkdownImage","src","alt","title","knobProps","marginVertical","children","source","uri","accessibilityLabel","width","height","resizeMode","borderRadius"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,IAASC,YAAA,EAAcC,IAAA,QAAY;AAC5C,SAASC,gBAAA,QAAwB;AAO3B,SAAAC,GAAA;AAJC,SAASC,cAAc;EAAEC,GAAA;EAAKC,GAAA;EAAKC;AAAM,GAAe;EAC7D,MAAM;IAAEC;EAAU,IAAIN,gBAAA,CAAiB;EACvC,OACE,eAAAC,GAAA,CAACF,IAAA;IAAKQ,cAAA,EAAe;IACnBC,QAAA,iBAAAP,GAAA,CAACH,YAAA;MACCW,MAAA,EAAQ;QAAEC,GAAA,EAAKP;MAAI;MACnBC,GAAA,EAAKA,GAAA,IAAO;MACZO,kBAAA,EAAoBP,GAAA,IAAOC,KAAA,IAAS;MACpCO,KAAA,EAAM;MACNC,MAAA,EAAQ;MACRC,UAAA,EAAW;MACXC,YAAA,EAAcT,SAAA,CAAUS,YAAA,CAAaA;IAAA,CACvC;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Image","TamaguiImage","View","useResolvedKnobs","jsx","MarkdownImage","src","alt","title","knobProps","marginVertical","children","width","height","objectFit","borderRadius"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,IAASC,YAAA,EAAcC,IAAA,QAAY;AAC5C,SAASC,gBAAA,QAAwB;AAO3B,SAAAC,GAAA;AAJC,SAASC,cAAc;EAAEC,GAAA;EAAKC,GAAA;EAAKC;AAAM,GAAe;EAC7D,MAAM;IAAEC;EAAU,IAAIN,gBAAA,CAAiB;EACvC,OACE,eAAAC,GAAA,CAACF,IAAA;IAAKQ,cAAA,EAAe;IACnBC,QAAA,iBAAAP,GAAA,CAACH,YAAA;MAICK,GAAA;MACAC,GAAA,EAAKA,GAAA,IAAO;MACZ,cAAYA,GAAA,IAAOC,KAAA,IAAS;MAC5BI,KAAA,EAAM;MACNC,MAAA,EAAQ;MACRC,SAAA,EAAU;MACVC,YAAA,EAAcN,SAAA,CAAUM,YAAA,CAAaA;IAAA,CACvC;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/components/Image.native.js

@@ -13,14 +13,15 @@ function MarkdownImage(param) {
   return /* @__PURE__ */_jsx(View, {
     marginVertical: "$2",
     children: /* @__PURE__ */_jsx(TamaguiImage, {
-      source: {
-        uri: src
-      },
+      // src (string), not source: the RN source object never reaches the
+      // DOM <img> src on web, so the image silently renders empty; tamagui
+      // maps src back to source={{uri}} on native.
+      src,
       alt: alt || "",
-      accessibilityLabel: alt || title || "Image",
+      "aria-label": alt || title || void 0,
       width: "100%",
       height: 200,
-      resizeMode: "contain",
+      objectFit: "contain",
       borderRadius: knobProps.borderRadius.borderRadius
     })
   });

package/dist/esm/components/Image.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Image","TamaguiImage","View","useResolvedKnobs","MarkdownImage","param","src","alt","title","knobProps","marginVertical","children","source","uri","accessibilityLabel","width","height","resizeMode","borderRadius"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,2BAA0B;AAC5C,SAASC,KAAA,IAAAC,YAAA,EAAAC,IAAwB;AAO3B,SAAAC,gBAAA;AAJC,SAASC,cAAcC,KAAE,EAAK;EACnC;IAAMC,GAAE;IAAAC,GAAA;IAAAC;EAAc,IAAAH,KAAA;EACtB;IAAAI;EACE,IAAAN,gBAAM;EACJ,OAAC,eAAAJ,IAAA,CAAAG,IAAA;IAAAQ,cAAA;IAAAC,QACC,EAAQ,eAAWZ,IAAA,CAAAE,YAAA;MACnBW,MAAK;QACLC,GAAA,EAAAP;MACA;MACAC,GAAA,EAAAA,GAAQ;MACRO,kBAAW,EAAAP,GAAA,IAAAC,KAAA;MACXO,KAAA;MAAqCC,MAAA;MAEzCC,UAAA;MAEJC,YAAA,EAAAT,SAAA,CAAAS,YAAA,CAAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Image","TamaguiImage","View","useResolvedKnobs","MarkdownImage","param","src","alt","title","knobProps","marginVertical","children","width","height","objectFit"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,2BAA0B;AAC5C,SAASC,KAAA,IAAAC,YAAA,EAAAC,IAAwB;AAO3B,SAAAC,gBAAA;AAJC,SAASC,cAAcC,KAAE,EAAK;EACnC;IAAMC,GAAE;IAAAC,GAAA;IAAAC;EAAc,IAAAH,KAAA;EACtB;IAAAI;EACE,IAAAN,gBAAM;EACJ,OAAC,eAAAJ,IAAA,CAAAG,IAAA;IAAAQ,cAAA;IAAAC,QAIC,iBAAAZ,IAAA,CAAAE,YAAA;MACA;MACA;MACA;MACAK,GAAA;MACAC,GAAA,EAAAA,GAAA,IAAU;MACV,cAAcA,GAAA,IAAAC,KAAU;MAAaI,KAAA;MAEzCC,MAAA;MAEJC,SAAA","ignoreList":[]}

package/dist/esm/components/InlineCode.mjs

@@ -1,6 +1,5 @@
-import { Text } from "tamagui";
+import { CodeInline } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { markdownCodeColors } from "../shared/colorRamps.mjs";
 import { jsx } from "react/jsx-runtime";
 function InlineCode({
   children
@@ -8,11 +7,9 @@ function InlineCode({
   const {
     knobProps
   } = useResolvedKnobs();
-  return /* @__PURE__ */jsx(Text, {
-    fontFamily: "$mono",
+  return /* @__PURE__ */jsx(CodeInline, {
     fontSize: knobProps.sizeToken,
-    backgroundColor: markdownCodeColors.background.base,
-    color: markdownCodeColors.text.base,
+    lineHeight: knobProps.sizeToken,
     paddingHorizontal: "$1.5",
     paddingVertical: "$0.5",
     borderRadius: knobProps.borderRadius.borderRadius,

package/dist/esm/components/InlineCode.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","useResolvedKnobs","markdownCodeColors","jsx","InlineCode","children","knobProps","fontFamily","fontSize","sizeToken","backgroundColor","background","base","color","text","paddingHorizontal","paddingVertical","borderRadius"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AACrB,SAASC,gBAAA,QAAwB;AACjC,SAASC,kBAAA,QAA0B;AAM/B,SAAAC,GAAA;AAHG,SAASC,WAAW;EAAEC;AAAS,GAAoB;EACxD,MAAM;IAAEC;EAAU,IAAIL,gBAAA,CAAiB;EACvC,OACE,eAAAE,GAAA,CAACH,IAAA;IACCO,UAAA,EAAW;IACXC,QAAA,EAAUF,SAAA,CAAUG,SAAA;IACpBC,eAAA,EAAiBR,kBAAA,CAAmBS,UAAA,CAAWC,IAAA;IAC/CC,KAAA,EAAOX,kBAAA,CAAmBY,IAAA,CAAKF,IAAA;IAC/BG,iBAAA,EAAkB;IAClBC,eAAA,EAAgB;IAChBC,YAAA,EAAcX,SAAA,CAAUW,YAAA,CAAaA,YAAA;IAEpCZ;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["CodeInline","useResolvedKnobs","jsx","InlineCode","children","knobProps","fontSize","sizeToken","lineHeight","paddingHorizontal","paddingVertical","borderRadius"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,UAAA,QAAkB;AAC3B,SAASC,gBAAA,QAAwB;AAM7B,SAAAC,GAAA;AAHG,SAASC,WAAW;EAAEC;AAAS,GAAoB;EACxD,MAAM;IAAEC;EAAU,IAAIJ,gBAAA,CAAiB;EACvC,OACE,eAAAC,GAAA,CAACF,UAAA;IACCM,QAAA,EAAUD,SAAA,CAAUE,SAAA;IACpBC,UAAA,EAAYH,SAAA,CAAUE,SAAA;IACtBE,iBAAA,EAAkB;IAClBC,eAAA,EAAgB;IAChBC,YAAA,EAAcN,SAAA,CAAUM,YAAA,CAAaA,YAAA;IAEpCP;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/components/InlineCode.native.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from "tamagui";
+import { CodeInline } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { markdownCodeColors } from "../shared/colorRamps.native.js";
 function InlineCode(param) {
   var {
     children
@@ -9,11 +8,9 @@ function InlineCode(param) {
   var {
     knobProps
   } = useResolvedKnobs();
-  return /* @__PURE__ */_jsx(Text, {
-    fontFamily: "$mono",
+  return /* @__PURE__ */_jsx(CodeInline, {
     fontSize: knobProps.sizeToken,
-    backgroundColor: markdownCodeColors.background.base,
-    color: markdownCodeColors.text.base,
+    lineHeight: knobProps.sizeToken,
     paddingHorizontal: "$1.5",
     paddingVertical: "$0.5",
     borderRadius: knobProps.borderRadius.borderRadius,

package/dist/esm/components/InlineCode.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Text","useResolvedKnobs","markdownCodeColors","InlineCode","param","children","knobProps","fontFamily","fontSize","sizeToken","backgroundColor","background","base","color","text","paddingHorizontal","paddingVertical","borderRadius"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AACrB,SAASC,IAAA;AACT,SAASC,gBAAA,kCAA0B;AAM/B,SAAAC,kBAAA;AAHG,SAASC,WAAWC,KAAE;EAC3B;IAAMC;EAAE,IAAUD,KAAI;EACtB;IAAAE;EACE,IAAAL,gBAAA;EAAA,OAAC,eAAAF,IAAA,CAAAC,IAAA;IAAAO,UAAA;IAAAC,QACC,EAAAF,SAAW,CAAAG,SAAA;IAAAC,eACD,EAAAR,kBAAU,CAAAS,UAAA,CAAAC,IAAA;IAAAC,KACpB,EAAAX,kBAAiB,CAAAY,IAAA,CAAAF,IAAA;IAA8BG,iBACxC;IAAwBC,eAC/B,QAAkB;IAAAC,YAClB,EAAAX,SAAgB,CAAAW,YAAA,CAAAA,YAAA;IAAAZ;EACqB;AAEpC;AAAA,SAGPF,UAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","CodeInline","useResolvedKnobs","InlineCode","param","children","knobProps","fontSize","sizeToken","lineHeight","paddingHorizontal","paddingVertical","borderRadius"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,GAAA,IAAAC,IAAA,QAAkB;AAC3B,SAASC,UAAA,uCAAwB;AAM7B,SAAAC,gBAAA;AAHG,SAASC,WAAWC,KAAE;EAC3B;IAAMC;EAAE,IAAUD,KAAI;EACtB;IAAAE;EACE,IAAAJ,gBAAA;EAAA,OAAC,eAAAF,IAAA,CAAAC,UAAA;IAAAM,QAAA,EAAAD,SAAA,CAAAE,SAAA;IAAAC,UACC,EAAUH,SAAA,CAAUE,SAAA;IAAAE,iBACR,QAAU;IAAAC,eACtB,QAAkB;IAAAC,YAClB,EAAAN,SAAgB,CAAAM,YAAA,CAAAA,YAAA;IAAAP;EACqB;AAEpC;AAAA,SAGPF,UAAA","ignoreList":[]}