@multiplatform.one/markdown 6.1.0 → 6.3.0

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

@@ -35,16 +35,38 @@ function Blockquote(param) {
   var {
     children
   } = param;
+  var _ref, _ref1;
+  var _getTokens_space_padToken, _getTokens_space, _theme_color8;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var theme = (0, import_tamagui.useTheme)();
+  var padToken = knobProps.panelPadding.padding;
+  var pad = typeof padToken === "number" ? padToken : (_ref = (_getTokens_space = (0, import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     backgroundColor: import_colorRamps.markdownBlockquoteColors.background.base,
-    borderLeftWidth: 4,
-    borderLeftColor: import_colorRamps.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.
+    ...(import_tamagui.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: import_colorRamps.markdownBlockquoteColors.border.base,
+      paddingStart: knobProps.panelPadding.padding
+    }),
     children
   });
 }

package/dist/jsx/components/Blockquote.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","Blockquote_exports"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAgC;AAMrC,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAHG,IAAAC,YAAS,GAAAN,MAAa,CAAAO,SAA6B,CAAAC,cAAA;AACxD,IAAAC,QAAQ,GAAAA,CAAAC,MAAU,EAAIC,GAAA;EACtB,SACEC,IAAA,IAAAD,GAAA,EAACZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAA,IAAAC,WACC,GAAAA,CAAAC,EAAA,EAAiBC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAoC,IACrDF,IAAA,WAAAA,IAAiB,wBAAAA,IAAA;IAAA,KACjB,IAAAG,GAAA,IAAAhB,iBAAiB,CAAAa,IAAA,GACjB,KAAAX,YAAa,CAAAe,IAAA,CAAUL,EAAA,EAAAI,GAAA,KAAAA,GAAa,KAAAF,MAAA,EACpCnB,SAAA,CAAAiB,EAAA,EAAAI,GAAiB;MAAAP,GAAA,EAAUA,CAAA,KAAII,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAChB,OAEdE,EAAA;AAAA;AAAA,IACHM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAEJ,IAAAE,kBAAA","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","Blockquote_exports","Blockquote","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","import_colorRamps","param","children","_ref","_ref1","_getTokens_space_padToken","_getTokens_space","_theme_color8","knobProps","useResolvedKnobs"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAgC;AAYrC,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AATG,IAAAC,YAAS,GAAAN,MAAa,CAAAO,SAA6B,CAAAC,cAAA;AACxD,IAAAC,QAAQ,GAAAA,CAAAC,MAAU,EAAIC,GAAA;EACtB,SAAMC,IAAA,IAAQD,GAAA,EACdZ,SAAM,CAAAW,MAAW,EAAAE,IAAA;IAAUC,GAAA,EAAAF,GAAA,CAAAC,IAAa;IAAAE,UAAA;EAAA;AACxC;AAIA,IAAAC,WACE,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAACF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACC,KAAAX,YAAiB,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAyBF,MAAA,EAIzCnB,SAAG,CAAAiB,EAAU,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;EACiB,OAC/BE,EAAA;AAAe;AAMX,IAAAM,YACS,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,kBACL;AAAwBhB,QAAA,CAAAgB,kBACxB;EAAwBC,UACxB,EAAAA,CAAA,KAAAA;AAA6C;AACzBC,MAAA,CAAAC,OACtB,GAAAN,YAAA,CAAAG,kBAAA;AAAA,IAAAI,kBAEF,GAAAC,OAAA;AAAA,IAAAC,cACE,GAAAD,OAAkB;AAAA,IAAAE,YAClB,GAAAF,OAAkB,2BAAyB;AAAO,IAAAG,iBAClD,GAAcH,OAAA,CAAU,gCAAa;AAAA,SACvCJ,WAAAQ,KAAA;EAAA,IAEH;IAAAC;EAAA,IAAAD,KAAA;EAAA,IAAAE,IAAA,EAAAC,KAAA;EACH,IAAAC,yBAAA,EAAAC,gBAAA,EAAAC,aAAA;EAEJ;IAAAC;EAAA,QAAAT,YAAA,CAAAU,gBAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/components/Break.native.js

@@ -30,6 +30,7 @@ module.exports = __toCommonJS(Break_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function Break(_props) {
+  if (import_tamagui.isWeb) return /* @__PURE__ */(0, import_jsx_runtime.jsx)("br", {});
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
     children: "\n"
   });

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty"],"sources":["../../../src/components/Break.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAIA,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AADF,IAAAC,gBAAe,GAAoBF,MAAA,CAAAG,wBAAA;AACxC,IAAAC,iBAAO,GAAAJ,MAAC,CAAAK,mBAAM;AAChB,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all"],"sources":["../../../src/components/Break.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAKW,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAFb,IAAAC,gBAAe,GAAoBF,MAAA,CAAAG,wBAAA;AAExC,IAAAC,iBAAkB,GAAAJ,MAAA,CAAAK,mBAAI;AACtB,IAAAC,YAAO,GAAAN,MAAA,CAAAO,SAAC,CAAAC,cAAM;AAChB,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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":"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","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/jsx/components/CodeBlock.native.js

@@ -28,89 +28,47 @@ __export(CodeBlock_exports, {
 });
 module.exports = __toCommonJS(CodeBlock_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_colorRamps = require("../shared/colorRamps.native.js");
-var import_shiki = require("../shiki/index.native.js");
 function CodeBlock(param) {
   var {
     children,
     lang,
-    theme = "github-dark"
+    theme: themeProp = "auto"
   } = param;
-  var _ref;
   var _knobProps_borderRadiusOuter;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  var [tokens, setTokens] = (0, import_react.useState)(null);
-  var [error, setError] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(function () {
-    var cancelled = false;
-    (0, import_shiki.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 = (0, import_components.useShikiTokens)(children, lang || "text", themeProp === "auto" ? void 0 : themeProp);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...((_knobProps_borderRadiusOuter = knobProps.borderRadiusOuter) !== null && _knobProps_borderRadiusOuter !== void 0 ? _knobProps_borderRadiusOuter : {
+      borderRadius: "$4"
+    }),
     backgroundColor: import_colorRamps.markdownCodeColors.background.base,
     borderWidth: 1,
     borderColor: import_colorRamps.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      ...containerProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontFamily: "$mono",
-          fontSize: knobProps.sizeToken,
-          color: import_colorRamps.markdownCodeColors.text.muted,
-          children
-        })
-      })
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    ...containerProps,
+    overflow: "hidden",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        children: tokens.map(function (line, lineIndex) {
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-            minHeight: 20,
-            children: line.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontFamily: "$mono",
-              fontSize: knobProps.sizeToken,
-              children: "\n"
-            }) : line.map(function (token, tokenIndex) {
-              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                fontFamily: "$mono",
-                fontSize: knobProps.sizeToken,
-                style: {
-                  color: token.color
-                },
-                children: token.content
-              }, tokenIndex);
-            })
-          }, lineIndex);
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Code, {
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        padding: 0,
+        color: import_colorRamps.markdownCodeColors.text.base,
+        fontSize: knobProps.sizeToken,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.HighlightedCode, {
+          tokens,
+          fontSize: knobProps.sizeToken,
+          children
         })
       })
     })

package/dist/jsx/components/CodeBlock.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_theme","import_react","import_tamagui","import_colorRamps","import_shiki","param","children","lang","theme","_ref","_knobProps_borderRadiusOuter","knobProps","useResolvedKnobs","tokens","setTokens","useState","error","setError","useEffect","cancelled","highlightCode","then","result","catch","err","String","containerProps"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAW,CAAAC,cAAgB;AACpC,IAAAC,gBAAS,GAAYF,MAAM,CAAAG,wBAAoB;AAC/C,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAA0B;AACnC,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAA0D,CAAAC,cAAA;AAiDzD,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EA1CH,SAASC,IAAA,IAAUD,GAAE,EAC1BZ,SAAQ,CAAAW,MAAU,EAAAE,IAAI;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAiB;IAAAE,UAAA;EAAA;AACvC;AACA,IAAAC,WAAO,GAAOA,CAAAC,EAAA,EAAAC,IAAQ,EAAIC,MAAA,EAAwBC,IAAI;EAEtD,IAAAF,IAAA,IAAU,OAAMA,IAAA,wBAAAA,IAAA;IACd,KAAI,IAAAG,GAAA,IAAYhB,iBAAA,CAAAa,IAAA,GAEhB,KAAAX,YAAc,CAAAe,IAAU,CAAAL,EAAA,EAAAI,GAAQ,KAAAA,GAAQ,KAAKF,MAC1C,EACCnB,SAAK,CAAAiB,EAAA,EAAWI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACd;EACA,OAAAE,EAAA;AAAa;AACf,IACFM,YACQ,GAAAC,GAAQ,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACd,IAAAE,iBAAK,GAAW;AACdhB,QAAA,CAAAgB,iBAAgB,EAAI;EACpBC,SAAA,EAAAA,CAAA,KAAUA;AAAI;AAChBC,MACD,CAAAC,OAAA,GAAAN,YAAA,CAAAG,iBAAA;AAEH,IAAAI,kBAAa,GAAAC,OAAA;AACX,IAAAC,YAAA,GAAYD,OAAA;AAAA,IACdE,YAAA,GAAAF,OAAA;AAAA,IACFG,cAAc,GAAAH,OAAY;AAE1B,IAAAI,iBAAM,GAAAJ,OAAiB;AAAA,IACrBK,YAAA,GAAcL,OAAA,2BAAU;AAAmC,SAC3DJ,UAAAU,KAAiB;EAA8B,IAC/C;IAAAC,QAAA;IAAaC,IAAA;IAAAC,KAAA;EAAA,IAAAH,KAAA;EAAA,IACbI,IAAA;EAAuC,IACvCC,4BAAmB;EAAa,IAChC;IAAAC;EAAA,IAAgB,IAAAX,YAAA,CAAAY,gBAAA;EAAA,IAChB,CAAAC,MAAA,EAAUC,SAAA,QAAAb,YAAA,CAAAc,QAAA;EACZ,KAAAC,KAAA,EAAAC,QAAA,QAAAhB,YAAA,CAAAc,QAAA;EAGA,IAAId,YAAW,CAAAiB,SAAO;IACpB,IAAAC,SACE;IAEI,EAAC,EAAAf,YAAA,CAAAgB,aAAA,EAAAd,QAAA,EAAAC,IAAA,YAAAC,KAAA,EAAAa,IAAA,WAAAC,MAAA;MAAA,KAAAH,SAAA;QACCL,SAAA,CAAAQ,MAAW;QACXL,QAAA,KAAU;MAAU;IACW,GAAAM,KAE9B,WAAAC,GAAA;MAAA,KAAAL,SAAA;QAELF,QACF,CAAAQ,MAAA,CAAAD,GAAA;QAEJV,SAAA;MAEA;IAYiB;IAAA;MAECK,SAAA,GAAW;IAAA;EACS,IACQb,QAE3B,EAAMC,IAAA,EALFC,KAAA,CAOR;EAQjB,IAAAkB,cAAA","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_components","import_theme","import_tamagui","import_colorRamps","param","children","lang","theme","themeProp","_knobProps_borderRadiusOuter","knobProps","useResolvedKnobs","tokens","useShikiTokens","jsx","View","borderRadiusOuter","borderRadius"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":"AAWA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAYF,MAAA,CAAAG,wBAAY;AACjC,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAA0B;AA0CzB,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAnCH,IAAAC,QAAS,GAAAA,CAAAC,MAAY,EAAAC,GAAA,KAAU;EACpC,SAAQC,IAAA,IAAAD,GAAU,EAIlBZ,SAAM,CAAAW,MAAS,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACb,IACAC,WAAQ,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACRF,IAAA,WAAcA,IAAA,KAAS,QAAY,WAAAA,IAAA;IACrC,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAEA,IACE,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAACnB,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;EAAA,OAIME,EAAA;AAAoD;AACV,IAAAM,YAC/C,GAAaC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,iBACA;AAA0BhB,QAItC,CAAGgB,iBAAU;EAAAC,SACd,EAAAA,CAAA,KAAAA;AAAe;AACNC,MAET,CAAAC,OAAA,GAAAN,YAAA,CAAAG,iBAAC;AACC,IAAAI,kBAAC,GAAAC,OAAA;AAAA,IAAAC,iBAAA,GAAAD,OAAA;AAAA,IAAAE,YACC,GAAAF,OAAA,CAAgB;AAAA,IAAAG,cAChB,GAAAH,OAAa;AAAA,IAAAI,iBACJ,GAAAJ,OAAA;AAAA,SAAAJ,SACFA,CAAAS,KAAA;EAAwB;IAAAC,QAC/B;IAAAC,IAAU;IAAAC,KAAA,EAAUC,SAAA;EAAA,IAAAJ,KAAA;EAAA,IAAAK,4BAEpB;EAEA;IAAAC;EAAA,QAAAT,YAAA,CAAAU,gBAAA;EAAA,IACFC,MACF,OAAAZ,iBAAA,CAAAa,cAAA,EAAAR,QAAA,EAAAC,IAAA,YAAAE,SAAA,uBAAAA,SAAA;EAAA,0BAAAV,kBAAA,CAAAgB,GAAA,EAAAZ,cAAA,CAAAa,IAAA;IACF,KAAAN,4BAAA,GAAAC,SAAA,CAAAM,iBAAA,cAAAP,4BAAA,cAAAA,4BAAA;MAEJQ,YAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/components/Heading.native.js

@@ -28,6 +28,7 @@ __export(Heading_exports, {
 });
 module.exports = __toCommonJS(Heading_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var headingComponents = {
   1: import_tamagui.H1,
@@ -37,15 +38,38 @@ var headingComponents = {
   5: import_tamagui.H5,
   6: import_tamagui.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
+  } = (0, import_theme.useResolvedKnobs)();
+  var headingFamily = import_tamagui.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__ */(0, import_jsx_runtime.jsx)(Component, {
     marginTop: "$3",
     marginBottom: "$2",
+    size,
+    ...headingFamily,
     children
   });
 }

package/dist/jsx/components/Heading.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"],"sources":["../../../src/components/Heading.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAeL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAZJ,IAAAC,gBAAM,GAAAF,MAAoB,CAAAG,wBAAA;AAAA,IACxBC,iBAAG,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACHC,YAAG,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACHC,QAAG,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACH,KAAG,IAAAC,IAAA,IAAAD,GAAA,EACHZ,SAAG,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEL,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAEO,IAAAF,IAAS,WAAUA,IAAA,KAAO,QAA0B,WAAAA,IAAA;IACzD,KAAM,IAAAG,GAAA,IAAYhB,iBAAA,CAAkBa,IAAA,CAAK,EACzC,IACE,CAAAX,YAAA,CAAAe,IAAA,CAACL,EAAA,EAAAI,GAAA,KAAAA,GAAU,KAAAF,MAAU,EAIzBnB,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","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","Heading_exports"],"sources":["../../../src/components/Heading.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAa,GAAAC,MAAQ,CAAAC,cAAY;AA2B7B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAxBJ,IAAAC,iBAAM,GAAAJ,MAAoB,CAAAK,mBAAA;AAAA,IACxBC,YAAG,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACHC,QAAG,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACH,KAAG,IAAAC,IAAA,IAAAD,GAAA,EACHZ,SAAG,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACHC,WAAG,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACL,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAGA,KAAM,IAAAG,GAAA,IAAAhB,iBAA6B,CAAGa,IAAG,GAGnC,KAAAX,YAAsC,CAAIe,IAAI,CAAAL,EAAA,EAAII,GAAG,KAAMA,GAAA,KAAAF,MAAA,EAE1DnB,SAAiB,CAAAiB,EAAE,EAAAI,GAAA,EAAO;MAAAP,GAAA,EAAAA,CAAA,KAA0BI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACzD;EAIA,OAAME,EAAE;AACR;AACA,IAAAM,YAAa,GAAIC,GAAA,IAAAR,WAAgB,CAAKhB,SAAK,iBAAoB;EAAAyB,KAAS;AAAO,IAAAD,GAAA;AAC/E,IAAAE,eACE;AAIJhB,QAAA,CAAAgB,eAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/components/Image.native.js

@@ -42,14 +42,15 @@ function MarkdownImage(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     marginVertical: "$2",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-      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/jsx/components/Image.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"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AAO3B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAJC,IAAAC,iBAAS,GAAcJ,MAAO,CAAAK,mBAA0B;AAC7D,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAiB;AACvC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAC;EACC,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACoB,IAAAC,WACd,GAAOA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACZF,IAAA,WAAAA,IAAA,KAAoB,QAAO,IAAS,OAAAA,IAAA;IAAA,KACpC,IAAMG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACN,KAAAX,YAAQ,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAA,CAAWiB,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;EAC0B,OAAAE,EAAA;AAAA;AAI7C,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA","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"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AAO3B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAJC,IAAAC,iBAAS,GAAcJ,MAAO,CAAAK,mBAA0B;AAC7D,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAiB;AACvC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAC;EACC,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAIC,IAAAC,WACK,GAAOA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACZF,IAAA,WAAYA,IAAA,KAAO,QAAS,WAAAA,IAAA;IAAA,KAC5B,IAAMG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACN,KAAAX,YAAQ,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAU,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;EAC2B,OAAAE,EAAA;AAAA;AAI7C,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/components/InlineCode.native.js

@@ -28,9 +28,8 @@ __export(InlineCode_exports, {
 });
 module.exports = __toCommonJS(InlineCode_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
+var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
-var import_colorRamps = require("../shared/colorRamps.native.js");
 function InlineCode(param) {
   var {
     children
@@ -38,11 +37,9 @@ function InlineCode(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-    fontFamily: "$mono",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeInline, {
     fontSize: knobProps.sizeToken,
-    backgroundColor: import_colorRamps.markdownCodeColors.background.base,
-    color: import_colorRamps.markdownCodeColors.text.base,
+    lineHeight: knobProps.sizeToken,
     paddingHorizontal: "$1.5",
     paddingVertical: "$0.5",
     borderRadius: knobProps.borderRadius.borderRadius,

package/dist/jsx/components/InlineCode.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","InlineCode_exports"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAA0B;AAM/B,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAHG,IAAAC,YAAS,GAAAN,MAAa,CAAAO,SAA6B,CAAAC,cAAA;AACxD,IAAAC,QAAQ,GAAAA,CAAAC,MAAU,EAAIC,GAAA;EACtB,SACEC,IAAA,IAAAD,GAAA,EAACZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAA,IAAAC,WACC,GAAWA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACXF,IAAA,WAAUA,IAAA,KAAU,mBAAAA,IAAA;IAAA,KACpB,IAAAG,GAAA,IAAAhB,iBAAiB,CAAAa,IAAmB,GACpC,KAAAX,YAAO,CAAAe,IAAA,CAAAL,EAAA,EAAmBI,GAAA,CAAK,IAAAA,GAAA,KAAAF,MAAA,EAC/BnB,SAAA,CAAAiB,EAAA,EAAAI,GAAkB;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACF,OAChBE,EAAA;AAAqC;AAEpC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACHE,kBAAA;AAEJhB,QAAA,CAAAgB,kBAAA","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"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":"AAUA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AAM7B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAHG,IAAAC,iBAAoB,GAAEJ,MAAA,CAASK,mBAAoB;AACxD,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAiB;AACvC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACqB,IAAAC,WACpB,GAAYA,CAAAC,EAAA,EAAAC,IAAA,EAAUC,MAAA,EAAAC,IAAA;EAAA,IACtBF,IAAA,WAAAA,IAAkB,wBAAAA,IAAA;IAAA,KAClB,IAAAG,GAAA,IAAAhB,iBAAgB,CAAAa,IAAA,GAChB,KAAAX,YAAc,CAAAe,IAAA,CAAAL,EAAU,EAAAI,GAAA,KAAAA,GAAa,KAAAF,MAAA,EAEpCnB,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;EACH,OAAAE,EAAA;AAEJ","ignoreList":[]}

package/dist/jsx/components/InlineStyles.mjs

@@ -4,6 +4,7 @@ function Strong({
   children
 }) {
   return /* @__PURE__ */jsx(Text, {
+    render: "strong",
     fontWeight: "bold",
     children
   });
@@ -12,6 +13,7 @@ function Emphasis({
   children
 }) {
   return /* @__PURE__ */jsx(Text, {
+    render: "em",
     fontStyle: "italic",
     children
   });
@@ -20,6 +22,7 @@ function Strikethrough({
   children
 }) {
   return /* @__PURE__ */jsx(Text, {
+    render: "del",
     textDecorationLine: "line-through",
     children
   });

package/dist/jsx/components/InlineStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","jsx","Strong","children","fontWeight","Emphasis","fontStyle","Strikethrough","textDecorationLine"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AAIZ,SAAAC,GAAA;AADF,SAASC,OAAO;EAAEC;AAAS,GAAgB;EAChD,OAAO,eAAAF,GAAA,CAACD,IAAA;IAAKI,UAAA,EAAW;IAAQD;EAAA,CAAS;AAC3C;AAEO,SAASE,SAAS;EAAEF;AAAS,GAAgB;EAClD,OAAO,eAAAF,GAAA,CAACD,IAAA;IAAKM,SAAA,EAAU;IAAUH;EAAA,CAAS;AAC5C;AAEO,SAASI,cAAc;EAAEJ;AAAS,GAAgB;EACvD,OAAO,eAAAF,GAAA,CAACD,IAAA;IAAKQ,kBAAA,EAAmB;IAAgBL;EAAA,CAAS;AAC3D","ignoreList":[]}
+{"version":3,"names":["Text","jsx","Strong","children","render","fontWeight","Emphasis","fontStyle","Strikethrough","textDecorationLine"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AAKjB,SAAAC,GAAA;AAFG,SAASC,OAAO;EAAEC;AAAS,GAAgB;EAChD,OACE,eAAAF,GAAA,CAACD,IAAA;IAAKI,MAAA,EAAO;IAASC,UAAA,EAAW;IAC9BF;EAAA,CACH;AAEJ;AAEO,SAASG,SAAS;EAAEH;AAAS,GAAgB;EAClD,OACE,eAAAF,GAAA,CAACD,IAAA;IAAKI,MAAA,EAAO;IAAKG,SAAA,EAAU;IACzBJ;EAAA,CACH;AAEJ;AAEO,SAASK,cAAc;EAAEL;AAAS,GAAgB;EACvD,OACE,eAAAF,GAAA,CAACD,IAAA;IAAKI,MAAA,EAAO;IAAMK,kBAAA,EAAmB;IACnCN;EAAA,CACH;AAEJ","ignoreList":[]}