@multiplatform.one/markdown 6.0.0

package/dist/esm/components/CodeBlock.mjs

@@ -0,0 +1,84 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useEffect, useState } from "react";
+import { ScrollView, Text, View, XStack } 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"
+}) {
+  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",
+    backgroundColor: markdownCodeColors.background.base,
+    borderWidth: 1,
+    borderColor: markdownCodeColors.border.base,
+    padding: knobProps.panelPadding.padding,
+    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,
+    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))
+      })
+    })
+  });
+}
+export { CodeBlock };
+//# sourceMappingURL=CodeBlock.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useEffect, useState } from "react";
+import { ScrollView, Text, View, XStack } 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"
+  } = 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",
+    backgroundColor: markdownCodeColors.background.base,
+    borderWidth: 1,
+    borderColor: markdownCodeColors.border.base,
+    padding: knobProps.panelPadding.padding,
+    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,
+    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);
+        })
+      })
+    })
+  });
+}
+export { CodeBlock };
+//# sourceMappingURL=CodeBlock.native.js.map

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

@@ -0,0 +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":[]}

package/dist/esm/components/Heading.mjs

@@ -0,0 +1,23 @@
+import { H1, H2, H3, H4, H5, H6 } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+const headingComponents = {
+  1: H1,
+  2: H2,
+  3: H3,
+  4: H4,
+  5: H5,
+  6: H6
+};
+function Heading({
+  level,
+  children
+}) {
+  const Component = headingComponents[level];
+  return /* @__PURE__ */jsx(Component, {
+    marginTop: "$3",
+    marginBottom: "$2",
+    children
+  });
+}
+export { Heading };
+//# sourceMappingURL=Heading.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { H1, H2, H3, H4, H5, H6 } from "tamagui";
+var headingComponents = {
+  1: H1,
+  2: H2,
+  3: H3,
+  4: H4,
+  5: H5,
+  6: H6
+};
+function Heading(param) {
+  var {
+    level,
+    children
+  } = param;
+  var Component = headingComponents[level];
+  return /* @__PURE__ */_jsx(Component, {
+    marginTop: "$3",
+    marginBottom: "$2",
+    children
+  });
+}
+export { Heading };
+//# sourceMappingURL=Heading.native.js.map

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

@@ -0,0 +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":[]}

package/dist/esm/components/HorizontalRule.mjs

@@ -0,0 +1,9 @@
+import { Separator } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function HorizontalRule(_props) {
+  return /* @__PURE__ */jsx(Separator, {
+    marginVertical: "$4"
+  });
+}
+export { HorizontalRule };
+//# sourceMappingURL=HorizontalRule.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Separator","jsx","HorizontalRule","_props","marginVertical"],"sources":["../../../src/components/HorizontalRule.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAIjB,SAAAC,GAAA;AADF,SAASC,eAAeC,MAAA,EAA6B;EAC1D,OAAO,eAAAF,GAAA,CAACD,SAAA;IAAUI,cAAA,EAAe;EAAA,CAAK;AACxC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator } from "tamagui";
+function HorizontalRule(_props) {
+  return /* @__PURE__ */_jsx(Separator, {
+    marginVertical: "$4"
+  });
+}
+export { HorizontalRule };
+//# sourceMappingURL=HorizontalRule.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Separator","HorizontalRule","_props","marginVertical"],"sources":["../../../src/components/HorizontalRule.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAiB;AAIjB,SAAAC,SAAA;AADF,SAASC,eAAeC,MAAA,EAA6B;EAC1D,OAAO,eAAAH,IAAC,CAAAC,SAAA;IACVG,cAAA","ignoreList":[]}

package/dist/esm/components/Image.mjs

@@ -0,0 +1,28 @@
+import { Image as TamaguiImage, View } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { jsx } from "react/jsx-runtime";
+function MarkdownImage({
+  src,
+  alt,
+  title
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(View, {
+    marginVertical: "$2",
+    children: /* @__PURE__ */jsx(TamaguiImage, {
+      source: {
+        uri: src
+      },
+      alt: alt || "",
+      accessibilityLabel: alt || title || "Image",
+      width: "100%",
+      height: 200,
+      resizeMode: "contain",
+      borderRadius: knobProps.borderRadius.borderRadius
+    })
+  });
+}
+export { MarkdownImage };
+//# sourceMappingURL=Image.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image as TamaguiImage, View } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+function MarkdownImage(param) {
+  var {
+    src,
+    alt,
+    title
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(View, {
+    marginVertical: "$2",
+    children: /* @__PURE__ */_jsx(TamaguiImage, {
+      source: {
+        uri: src
+      },
+      alt: alt || "",
+      accessibilityLabel: alt || title || "Image",
+      width: "100%",
+      height: 200,
+      resizeMode: "contain",
+      borderRadius: knobProps.borderRadius.borderRadius
+    })
+  });
+}
+export { MarkdownImage };
+//# sourceMappingURL=Image.native.js.map

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

@@ -0,0 +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":[]}

package/dist/esm/components/InlineCode.mjs

@@ -0,0 +1,23 @@
+import { Text } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { markdownCodeColors } from "../shared/colorRamps.mjs";
+import { jsx } from "react/jsx-runtime";
+function InlineCode({
+  children
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(Text, {
+    fontFamily: "$mono",
+    fontSize: knobProps.sizeToken,
+    backgroundColor: markdownCodeColors.background.base,
+    color: markdownCodeColors.text.base,
+    paddingHorizontal: "$1.5",
+    paddingVertical: "$0.5",
+    borderRadius: knobProps.borderRadius.borderRadius,
+    children
+  });
+}
+export { InlineCode };
+//# sourceMappingURL=InlineCode.mjs.map

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

@@ -0,0 +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":[]}

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

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

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

@@ -0,0 +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":[]}

package/dist/esm/components/InlineStyles.mjs

@@ -0,0 +1,28 @@
+import { Text } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function Strong({
+  children
+}) {
+  return /* @__PURE__ */jsx(Text, {
+    fontWeight: "bold",
+    children
+  });
+}
+function Emphasis({
+  children
+}) {
+  return /* @__PURE__ */jsx(Text, {
+    fontStyle: "italic",
+    children
+  });
+}
+function Strikethrough({
+  children
+}) {
+  return /* @__PURE__ */jsx(Text, {
+    textDecorationLine: "line-through",
+    children
+  });
+}
+export { Emphasis, Strikethrough, Strong };
+//# sourceMappingURL=InlineStyles.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "tamagui";
+function Strong(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(Text, {
+    fontWeight: "bold",
+    children
+  });
+}
+function Emphasis(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(Text, {
+    fontStyle: "italic",
+    children
+  });
+}
+function Strikethrough(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(Text, {
+    textDecorationLine: "line-through",
+    children
+  });
+}
+export { Emphasis, Strikethrough, Strong };
+//# sourceMappingURL=InlineStyles.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Text","Strong","param","children","fontWeight","Emphasis"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AAIZ,SAAAC,IAAA;AADF,SAASC,OAAOC,KAAE;EACvB;IAAAC;EAAO,IAAAD,KAAA;EACT,sBAAAH,IAAA,CAAAC,IAAA;IAEOI,UAAS,QAAW;IACzBD;EACF;AAEO;AACL,SAAOE,SAAAH,KAAA;EACT;IAAAC;EAAA,IAAAD,KAAA","ignoreList":[]}

package/dist/esm/components/Link.mjs

@@ -0,0 +1,29 @@
+import { Text } from "tamagui";
+import { openUrl } from "@multiplatform.one/platform";
+import { markdownLinkColors } from "../shared/colorRamps.mjs";
+import { jsx } from "react/jsx-runtime";
+function Link({
+  href,
+  title,
+  children
+}) {
+  const handlePress = () => {
+    if (href) {
+      openUrl(href);
+    }
+  };
+  return /* @__PURE__ */jsx(Text, {
+    color: markdownLinkColors.text.base,
+    textDecorationLine: "underline",
+    cursor: "pointer",
+    onPress: handlePress,
+    accessibilityRole: "link",
+    accessibilityLabel: title || void 0,
+    hoverStyle: {
+      color: markdownLinkColors.text.hover
+    },
+    children
+  });
+}
+export { Link };
+//# sourceMappingURL=Link.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","openUrl","markdownLinkColors","jsx","Link","href","title","children","handlePress","color","text","base","textDecorationLine","cursor","onPress","accessibilityRole","accessibilityLabel","hoverStyle","hover"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AACrB,SAASC,OAAA,QAAe;AACxB,SAASC,kBAAA,QAA0B;AAW/B,SAAAC,GAAA;AARG,SAASC,KAAK;EAAEC,IAAA;EAAMC,KAAA;EAAOC;AAAS,GAAc;EACzD,MAAMC,WAAA,GAAcA,CAAA,KAAM;IACxB,IAAIH,IAAA,EAAM;MACRJ,OAAA,CAAQI,IAAI;IACd;EACF;EAEA,OACE,eAAAF,GAAA,CAACH,IAAA;IACCS,KAAA,EAAOP,kBAAA,CAAmBQ,IAAA,CAAKC,IAAA;IAC/BC,kBAAA,EAAmB;IACnBC,MAAA,EAAO;IACPC,OAAA,EAASN,WAAA;IACTO,iBAAA,EAAkB;IAClBC,kBAAA,EAAoBV,KAAA,IAAS;IAC7BW,UAAA,EAAY;MAAER,KAAA,EAAOP,kBAAA,CAAmBQ,IAAA,CAAKQ;IAAM;IAElDX;EAAA,CACH;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "tamagui";
+import { openUrl } from "@multiplatform.one/platform";
+import { markdownLinkColors } from "../shared/colorRamps.native.js";
+function Link(param) {
+  var {
+    href,
+    title,
+    children
+  } = param;
+  var handlePress = function handlePress2() {
+    if (href) {
+      openUrl(href);
+    }
+  };
+  return /* @__PURE__ */_jsx(Text, {
+    color: markdownLinkColors.text.base,
+    textDecorationLine: "underline",
+    cursor: "pointer",
+    onPress: handlePress,
+    accessibilityRole: "link",
+    accessibilityLabel: title || void 0,
+    hoverStyle: {
+      color: markdownLinkColors.text.hover
+    },
+    children
+  });
+}
+export { Link };
+//# sourceMappingURL=Link.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Text","openUrl","markdownLinkColors","Link","param","href","title","children","handlePress","handlePress2","color","text","base","textDecorationLine","cursor","onPress","accessibilityRole","accessibilityLabel","hoverStyle","hover"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AACrB,SAASC,IAAA,iBAAe;AACxB,SAASC,OAAA,qCAA0B;AAW/B,SAAAC,kBAAA;AARG,SAASC,KAAKC,KAAE;EACrB;IAAMC,IAAA;IAAAC,KAAA;IAAAC;EAAoB,IAAAH,KAAA;EACxB,IAAAI,WAAU,YAAAC,aAAA;IACR,IAAAJ,IAAA,EAAQ;MACVJ,OAAA,CAAAI,IAAA;IACF;EAEA;EACE,OAAC,eAAAN,IAAA,CAAAC,IAAA;IAAAU,KAAA,EAAAR,kBAAA,CAAAS,IAAA,CAAAC,IAAA;IAAAC,kBACQ,aAAmB;IAAKC,MAC/B;IAAmBC,OACnB,EAAAP,WAAO;IAAAQ,iBACE;IAAAC,kBACT,EAAAX,KAAkB;IAAAY,UAClB;MACAR,KAAA,EAAAR,kBAAqB,CAAAS,IAAA,CAAAQ;IAA8B;IAElDZ;EACH;AAEJ","ignoreList":[]}

package/dist/esm/components/List.mjs

@@ -0,0 +1,48 @@
+import { View, XStack, Text } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MarkdownList({
+  ordered: _ordered,
+  start: _start,
+  children
+}) {
+  return /* @__PURE__ */jsx(View, {
+    marginVertical: "$2",
+    children
+  });
+}
+function MarkdownListItem({
+  checked,
+  children,
+  index = 0,
+  ordered = false
+}) {
+  const bullet = ordered ? `${index + 1}.` : "\u2022";
+  if (checked !== null && checked !== void 0) {
+    return /* @__PURE__ */jsxs(XStack, {
+      marginBottom: "$1",
+      alignItems: "flex-start",
+      children: [/* @__PURE__ */jsx(Text, {
+        width: 24,
+        color: "$color11",
+        children: checked ? "\u2611" : "\u2610"
+      }), /* @__PURE__ */jsx(View, {
+        flex: 1,
+        children
+      })]
+    });
+  }
+  return /* @__PURE__ */jsxs(XStack, {
+    marginBottom: "$1",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */jsx(Text, {
+      width: 24,
+      color: "$color11",
+      children: bullet
+    }), /* @__PURE__ */jsx(View, {
+      flex: 1,
+      children
+    })]
+  });
+}
+export { MarkdownList, MarkdownListItem };
+//# sourceMappingURL=List.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","XStack","Text","jsx","jsxs","MarkdownList","ordered","_ordered","start","_start","children","marginVertical","MarkdownListItem","checked","index","bullet","marginBottom","alignItems","width","color","flex"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,IAAA,QAAY;AAI1B,SAAAC,GAAA,EAmBHC,IAAA,QAnBG;AADF,SAASC,aAAa;EAAEC,OAAA,EAASC,QAAA;EAAUC,KAAA,EAAOC,MAAA;EAAQC;AAAS,GAAc;EACtF,OAAO,eAAAP,GAAA,CAACH,IAAA;IAAKW,cAAA,EAAe;IAAMD;EAAA,CAAS;AAC7C;AAOO,SAASE,iBAAiB;EAC/BC,OAAA;EACAH,QAAA;EACAI,KAAA,GAAQ;EACRR,OAAA,GAAU;AACZ,GAA0B;EACxB,MAAMS,MAAA,GAAST,OAAA,GAAU,GAAGQ,KAAA,GAAQ,CAAC,MAAM;EAG3C,IAAID,OAAA,KAAY,QAAQA,OAAA,KAAY,QAAW;IAC7C,OACE,eAAAT,IAAA,CAACH,MAAA;MAAOe,YAAA,EAAa;MAAKC,UAAA,EAAW;MACnCP,QAAA,kBAAAP,GAAA,CAACD,IAAA;QAAKgB,KAAA,EAAO;QAAIC,KAAA,EAAM;QACpBT,QAAA,EAAAG,OAAA,GAAU,WAAM;MAAA,CACnB,GACA,eAAAV,GAAA,CAACH,IAAA;QAAKoB,IAAA,EAAM;QAAIV;MAAA,CAAS;IAAA,CAC3B;EAEJ;EAEA,OACE,eAAAN,IAAA,CAACH,MAAA;IAAOe,YAAA,EAAa;IAAKC,UAAA,EAAW;IACnCP,QAAA,kBAAAP,GAAA,CAACD,IAAA;MAAKgB,KAAA,EAAO;MAAIC,KAAA,EAAM;MACpBT,QAAA,EAAAK;IAAA,CACH,GACA,eAAAZ,GAAA,CAACH,IAAA;MAAKoB,IAAA,EAAM;MAAIV;IAAA,CAAS;EAAA,CAC3B;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, XStack, Text } from "tamagui";
+function MarkdownList(param) {
+  var {
+    ordered: _ordered,
+    start: _start,
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(View, {
+    marginVertical: "$2",
+    children
+  });
+}
+function MarkdownListItem(param) {
+  var {
+    checked,
+    children,
+    index = 0,
+    ordered = false
+  } = param;
+  var bullet = ordered ? `${index + 1}.` : "\u2022";
+  if (checked !== null && checked !== void 0) {
+    return /* @__PURE__ */_jsxs(XStack, {
+      marginBottom: "$1",
+      alignItems: "flex-start",
+      children: [/* @__PURE__ */_jsx(Text, {
+        width: 24,
+        color: "$color11",
+        children: checked ? "\u2611" : "\u2610"
+      }), /* @__PURE__ */_jsx(View, {
+        flex: 1,
+        children
+      })]
+    });
+  }
+  return /* @__PURE__ */_jsxs(XStack, {
+    marginBottom: "$1",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */_jsx(Text, {
+      width: 24,
+      color: "$color11",
+      children: bullet
+    }), /* @__PURE__ */_jsx(View, {
+      flex: 1,
+      children
+    })]
+  });
+}
+export { MarkdownList, MarkdownListItem };
+//# sourceMappingURL=List.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","View","XStack","Text","MarkdownList","param","ordered","_ordered","start","_start","children","marginVertical","MarkdownListItem","checked","index","bullet","marginBottom","alignItems","width","color"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAQ,IAAAC,KAAY;AAI1B,SAAAC,IAAA,EAmBHC,MAAA,EAAAC,IAnBG;AADF,SAASC,aAAaC,KAAE;EAC7B;IAAAC,OAAO,EAAAC,QAAA;IAAAC,KAAC,EAAAC,MAAK;IAAAC;EAAA,IAAeL,KAAM;EACpC,sBAAAP,IAAA,CAAAG,IAAA;IAOOU,cAAS;IACdD;EACA;AAAA;AACQ,SACRE,gBAAUA,CAAAP,KAAA;EACZ,IAA0B;IAAAQ,OAAA;IAAAH,QAAA;IAAAI,KAAA;IAAAR,OAAA;EAAA,IAAAD,KAAA;EACxB,IAAAU,MAAM,GAAAT,OAAS,MAAUQ,KAAG,OAAS,WAAM;EAG3C,IAAID,OAAA,KAAY,QAAQA,OAAA,KAAY,QAAW;IAC7C,OACE,eAAAb,KAAC,CAAAE,MAAA;MACCc,YAAA;MAGAC,UAAA,cAAC;MAAwBP,QAC3B,GAEJ,eAAAZ,IAAA,CAAAK,IAAA;QAGEe,KAAA;QACEC,KAAA,YAAC;QAGDT,QAAA,EAAAG,OAAC,WAAW,GAAI;MAClB,IAEJ,eAAAf,IAAA,CAAAG,IAAA","ignoreList":[]}