@multiplatform.one/markdown 6.4.1 → 6.4.3

package/dist/jsx/mdxComponents.native.js

@@ -0,0 +1,386 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var mdxComponents_exports = {};
+__export(mdxComponents_exports, {
+  TableHighlight: () => TableHighlight,
+  mdxComponents: () => mdxComponents
+});
+module.exports = __toCommonJS(mdxComponents_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_router = require("@multiplatform.one/router");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_ExternalIcon = require("./ExternalIcon/index.native.js");
+var import_Hr = require("./Hr/index.native.js");
+var import_icons = require("./icons/index.native.js");
+var import_Li = require("./Li/index.native.js");
+var import_MdxCodeBlock = require("./MdxCodeBlock/index.native.js");
+var import_Table = require("./Table/index.native.js");
+var import_Ul = require("./Ul/index.native.js");
+var code = function code2(param) {
+  var {
+    hero: _hero,
+    line,
+    scrollable: _scrollable,
+    className,
+    children,
+    id: _id,
+    showLineNumbers,
+    collapsible: _collapsible,
+    ...props
+  } = param;
+  if (!className) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeInline, {
+    children: (0, import_components.unwrapText)(children)
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    marginTop: "$3",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MdxCodeBlock.MDXCodeBlock, {
+      className,
+      isHighlightingLines: line !== void 0,
+      showLineNumbers: showLineNumbers !== void 0,
+      line,
+      ...props,
+      children
+    })
+  });
+};
+var TableHighlight = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "TableHighlight",
+  backgroundColor: "$yellow1",
+  fullscreen: true
+});
+function MdxBlockquote(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    marginVertical: "$4",
+    paddingHorizontal: knobProps.panelPadding.padding,
+    // Logical start rail so the quote mirrors in RTL; tamagui
+    // borderStartWidth does not compile to working CSS on web (SB-M-1215)
+    ...(import_tamagui.isWeb ? {
+      style: {
+        marginInlineStart: 12,
+        borderInlineStartWidth: 1,
+        borderInlineStartStyle: "solid"
+      }
+    } : {
+      style: {
+        marginInlineStart: 12
+      },
+      borderStartWidth: 1
+    }),
+    borderColor: "$borderColor",
+    justifyContent: "center",
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      whiteSpace: "revert",
+      size: "$8",
+      lineHeight: "$9",
+      fontWeight: "300",
+      color: "$color",
+      opacity: 0.65,
+      children: (0, import_components.unwrapText)(children)
+    })
+  });
+}
+var mdxComponents = {
+  h1: function h1(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H1, {
+      fontFamily: "$mono",
+      width: "max-content",
+      position: "relative",
+      marginBottom: "$2",
+      ...props
+    });
+  },
+  h2: function h2(param) {
+    var {
+      children,
+      ...props
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+      position: "relative",
+      width: "fit-content",
+      marginTop: "$8",
+      marginBottom: "$4",
+      "data-heading": true,
+      size: "$9",
+      color: "$color12",
+      ...props,
+      children
+    });
+  },
+  h3: function h3(param) {
+    var {
+      children,
+      id,
+      ...props
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(LinkHeading, {
+      "data-heading": true,
+      marginTop: "$6",
+      marginBottom: "$2",
+      id,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+        maxWidth: "100%",
+        position: "relative",
+        width: "fit-content",
+        size: "$8",
+        color: "$color11",
+        fontWeight: "600",
+        ...props,
+        children
+      }), getNonTextChildren(children)]
+    });
+  },
+  h4: function h4(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+      position: "relative",
+      width: "fit-content",
+      marginTop: "$8",
+      marginBottom: "$2",
+      size: "$8",
+      color: "$color8",
+      "data-heading": true,
+      ...props,
+      fontWeight: "400"
+    });
+  },
+  h5: function h5(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+      size: "$6",
+      fontWeight: "600",
+      marginTop: "$4",
+      ...props
+    });
+  },
+  h6: function h6(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H6, {
+      marginTop: "$4",
+      ...props
+    });
+  },
+  p: function p(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "p",
+      display: "block",
+      size: "$6",
+      marginVertical: "$2",
+      ...props
+    });
+  },
+  a: function a(param) {
+    var {
+      href = "",
+      children,
+      ...props
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_router.Link, {
+      href,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
+        // the router Link already renders the anchor; a nested <a> is invalid
+        render: "span",
+        fontSize: "inherit",
+        display: "inline",
+        cursor: "pointer",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          outlineOffset: 2
+        },
+        ...props,
+        children: [children, typeof href === "string" && href.startsWith("http") ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: ["\xA0", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "inherit",
+            display: "inline-flex",
+            y: 2,
+            style: {
+              marginLeft: -1
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ExternalIcon.ExternalIcon, {})
+          })]
+        }) : null]
+      })
+    });
+  },
+  hr: function hr(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Hr.HR, {
+      ...props
+    });
+  },
+  ul: function ul(param) {
+    var {
+      children
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Ul.UL, {
+      render: "ul",
+      marginVertical: "$4",
+      children: import_react.Children.toArray(children).map(function (x) {
+        return typeof x === "string" ? null : x;
+      })
+    });
+  },
+  ol: function ol(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...props,
+      render: "ol",
+      marginBottom: "$3"
+    });
+  },
+  li: function li(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+      render: "li",
+      size: "$6",
+      marginBottom: "$1.5",
+      style: {
+        listStyleType: "disc"
+      },
+      children: props.children
+    });
+  },
+  strong: function strong(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "strong",
+      fontSize: "inherit",
+      ...props,
+      fontWeight: "700"
+    });
+  },
+  em: function em(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "em",
+      fontSize: "inherit",
+      ...props,
+      fontStyle: "italic"
+    });
+  },
+  del: function del(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "del",
+      fontSize: "inherit",
+      ...props,
+      textDecorationLine: "line-through"
+    });
+  },
+  img: function img(param) {
+    var {
+      ...props
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      render: "span",
+      marginVertical: "$6",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        render: "img",
+        ...props,
+        maxWidth: "100%"
+      })
+    });
+  },
+  pre: function pre(param) {
+    var {
+      children
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children
+    });
+  },
+  code,
+  blockquote: MdxBlockquote,
+  table: function table(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTable, {
+      ...props
+    });
+  },
+  thead: function thead(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableHead, {
+      ...props
+    });
+  },
+  tbody: function tbody(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableBody, {
+      ...props
+    });
+  },
+  tr: function tr(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableRow, {
+      ...props
+    });
+  },
+  th: function th(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableHeaderCell, {
+      ...props
+    });
+  },
+  td: function td(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableCell, {
+      ...props
+    });
+  }
+};
+var LinkHeading = function LinkHeading2(param) {
+  var {
+    id,
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    render: "a",
+    "data-heading": true,
+    href: `#${id}`,
+    id,
+    "data-id": id,
+    display: "inline-flex",
+    alignItems: "center",
+    ...knobProps.gapLg,
+    ...props,
+    children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      render: "span",
+      opacity: 0.3,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.LinkIcon, {
+        size: 12
+      })
+    })]
+  });
+};
+var getNonTextChildren = function getNonTextChildren2(children) {
+  var _Children_map;
+  return (_Children_map = import_react.Children.map(children, function (x) {
+    if (typeof x === "string") return null;
+    if ((x === null || x === void 0 ? void 0 : x.type) === code) return null;
+    return x;
+  })) === null || _Children_map === void 0 ? void 0 : _Children_map.flat();
+};
+//# sourceMappingURL=mdxComponents.native.js.map

package/dist/jsx/mdxComponents.native.js.map

@@ -0,0 +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","mdxComponents_exports","TableHighlight","mdxComponents","module","exports","import_jsx_runtime","require","import_components","import_theme","import_router","import_react","import_tamagui","import_ExternalIcon","import_Hr","import_icons","import_Li","import_MdxCodeBlock","import_Table","import_Ul","code","code2","param","hero","_hero","line","scrollable","_scrollable","className","children","id","_id","showLineNumbers","collapsible","_collapsible","props","jsx","CodeInline","unwrapText","YStack","marginTop","MDXCodeBlock","isHighlightingLines","styled","backgroundColor","fullscreen","MdxBlockquote","knobProps","useResolvedKnobs","marginVertical","paddingHorizontal","panelPadding","padding","isWeb","style","marginInlineStart","borderInlineStartWidth","borderInlineStartStyle","borderStartWidth","borderColor","justifyContent","Paragraph","whiteSpace","size","lineHeight","fontWeight","color","opacity","h1","H1","fontFamily","width","position","marginBottom","h2","H2","h3","jsxs","LinkHeading","H3","maxWidth","getNonTextChildren","h4","H4","h5","H5","h6","H6","p","render","display","a","href","Link","fontSize","cursor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","startsWith","Fragment","Text","y"],"sources":["../../src/mdxComponents.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAYF,MAAA,CAAAG,wBAAA;AAErB,IAAAC,iBAAS,GAAAJ,MAAgB,CAAAK,mBAAA;AAEzB,IAAAC,YAAa,GAAIN,MAAQ,CAAAO,SAAQ,CAAAC,cAAiB;AAClD,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAoB;EAC7B,SAASC,IAAA,IAAUD,GAAA,EACnBZ,SAAS,CAAAW,MAAA,EAAAE,IAAgB;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACzB;AACA,IAAAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAoBC,MAAA,EAAAC,IAAA;EAC7B,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACE,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,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;EACA;EACA,OAAAE,EAAA;AAAA;AACA,IAAAM,YACK,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACP,IAAAE,qBAAmB;AAaMhB,QAAA,CAgIbgB,qBAlDR;EAzFJC,cAAc,EAAAA,CAAA,KAAAA,cAAA;EACZC,aAAM,EAAAA,CAAA,KAAAA;AAAA,EACN;AAAAC,MACA,CAAAC,OAAY,GAAAP,YAAA,CAAAG,qBAAA;AAAA,IACZK,kBAAA,GAAAC,OAAA;AAAA,IACAC,iBAAA,GAAAD,OAAA;AAAA,IACAE,YAAI,GAAAF,OAAA;AAAA,IACJG,aAAA,GAAAH,OAAA;AAAA,IACAI,YAAa,GAAAJ,OAAA;AAAA,IACbK,cAAG,GAAAL,OAAA;AACL,IAAAM,mBAAW,GAAAN,OAAA;AACT,IAAAO,SAAK,GAAAP,OAAW,uBAAO;AACvB,IAAAQ,YACE,GAAAR,OAAA,0BAAC;AACC,IAACS,SAAA,GAAAT,OAAA;AAAA,IAAAU,mBAAA,GAAAV,OAAA;AAAA,IAAAW,YACC,GAAAX,OAAA;AAAA,IAAAY,SACA,GAAAZ,OAAA,uBAAqB;AAAS,IAAAa,IAC9B,YAAAC,KAAiBA,CAAAC,KAAA;EAAoB,IACrC;IAAAC,IAAA,EAAAC,KAAA;IAAAC,IAAA;IAAAC,UAAA,EAAAC,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,EAAA,EAAAC,GAAA;IAAAC,eAAA;IAAAC,WAAA,EAAAC,YAAA;IAAA,GAAAC;EAAA,IAAAb,KAAA;EAAA,IACC,CAAAM,SAAG,4BAAAtB,kBAAA,CAAA8B,GAAA,EAAA5B,iBAAA,CAAA6B,UAAA;IAAAR,QAEH,MAAArB,iBAAA,CAAA8B,UAAA,EAAAT,QAAA;EAAA;EACH,OACF,mBAAAvB,kBAAA,CAAA8B,GAAA,EAAAxB,cAAA,CAAA2B,MAAA;IAEJC,SAAA;IAEOX,QAAM,iBAAwB,IAAAvB,kBAAQ,CAAA8B,GAAA,EAAAnB,mBAAA,CAAAwB,YAAA;MAC3Cb,SAAM;MACNc,mBAAiB,EAAAjB,IAAA;MACjBO,eAAY,EAAAA,eAAA;MACbP,IAAA;MAID,GAASU,KAAA;MACPN;IACA;EACE,EAAC;AAAA;AAAA,IAAA3B,cACC,IAAe,GAAAU,cAAA,CAAA+B,MAAA,EAAA/B,cAAA,CAAA2B,MAAA;EAAAnD,IACf;EAA0CwD,eAItC;EAAAC,UACE;AAAO;AACc,SAAAC,aACnBA,CAAAxB,KAAA;EAAwB;IAAAO,QACxB;IAAA,GAAAM;EAAA,IAAAb,KAAwB;EAAA;IAC1ByB;EAAA,QAAAtC,YAAA,CAAAuC,gBAAA;EAAA,OACF,eACW,IAAA1C,kBAAyB,CAAA8B,GAAA,EAAAxB,cAAoB,CAAA2B,MAAA;IAAAU,cAC5D,EAAY;IAAAC,iBACZ,EAAeH,SAAA,CAAAI,YAAA,CAAAC,OAAA;IAAA;IACX;IAEJ,IAAAxC,cAAC,CAAAyC,KAAA;MAAAC,KAAA;QAAAC,iBACY;QAAAC,sBACN;QAAAC,sBACM;MAAA;IACA;MACLH,KACN;QAASC,iBAER;MAAmB;MACtBG,gBAAA;IAAA;IACFC,WAAA;IAEJC,cAAA;IAEO,GAAMzB,KAAA;IACXN,QAAK,iBACH,IAAAvB,kBAAI,CAAA8B,GAAW,EAAAxB,cAAc,CAAAiD,SAAA;MAE3BC,UAAG,UAAa;MACjBC,IAAA;MAAAC,UAAA;MACCC,UAAS;MACTC,KAAA,EAAO;MACPC,OAAA,MAAU;MACVtC,QAAA,MAAarB,iBAAA,CAAA8B,UAAA,EAAAT,QAAA;IAAA;EACD;AACP;AACC,IAAA1B,aACF;EAAAiE,EAAA,EAEH,SAAAA,GAAAjC,KAAA;IAAA,0BAAA7B,kBAAA,CAAA8B,GAAA,EAAAxB,cAAA,CAAAyD,EAAA;MACHC,UAAA;MAEEC,KAAG,eAAiB;MAEpBC,QAAA;MAACC,YAAA;MAAA,GAAAtC;IAAA;EACU;EACAuC,EAAA,WACFA,GAAApD,KAAA;IAAA,IACP;MAAAO,QAAK;MAAA,GAAAM;IAAA,IAAAb,KAAA;IAAA,OACL,eAAM,IAAAhB,kBAAA,CAAA8B,GAAA,EAAAxB,cAAA,CAAA+D,EAAA;MAAAH,QACN,YAAW;MAAAD,KACP;MAAA/B,SAEH;MAAAiC,YAAA;MACH;MACCV,IAAA;MACHG,KAAA;MAEE,GAAC/B,KAAA;MACFN;IAAA;EAAA;EACU+C,EAAA,EACT,SAAOA,GAAAtD,KAAA;IAAA,IACP;MAAAO,QAAU;MAAAC,EAAA;MAAA,GAAAK;IAAA,IAAAb,KAAA;IAAA,OACV,eAAa,IAAAhB,kBAAA,CAAAuE,IAAA,EAAAC,WAAA;MACb,cAAK;MACLtC,SAAM;MACNiC,YAAA,MAAY;MACX3C,EAAA;MACDD,QAAA,GAAW,mBAAAvB,kBAAA,CAAA8B,GAAA,EAAAxB,cAAA,CAAAmE,EAAA;QACbC,QAAA;QAEGR,QAAU;QACVD,KAAA,EAAU;QACXR,IAAA,EAAU;QACRG,KAAO,YAAI;QACfD,UACE;QACG,GAAA9B,KAAA;QAAAN;MAEC,IACAoD,kBAAS,CAAApD,QAAA;IACD;EACD;EACYqD,EAAA,WACjBA,GAAA/C,KAAA,EAAc;IAAA,OACd,eAAc,IAAA7B,kBAAA,CAAA8B,GAAA,EAAAxB,cAAA,CAAAuE,EAAA;MAAAX,QACd,YAAc;MAAAD,KACd,eAAe;MAAA/B,SACjB;MAAAiC,YACI;MAAAV,IAEH;MAAAG,KAAA;MAAA,cACO,MAAS;MACb,GAAA/B,KAAA;MAAA8B,UAEA;IAEA;EAEA;EAAAmB,EAAA,WAAAA,GAAAjD,KAAA;IACN,OACF,mBAAA7B,kBAAA,CAAA8B,GAAA,EAAAxB,cAAA,CAAAyE,EAAA;MAEJtB,IAAA;MACIE,UAAC,EAAU;MACXzB,SAAG,MAAS;MAKZ,GAACL;IACL,EAAI;EAKJ;EACAmD,EAAA,EAAI,SAACA,EAAUA,CAAAnD,KAAA;IACf,OAAM,eACJ,IAAA7B,kBAAC,CAAA8B,GAAU,EAAAxB,cAAa,CAAA2E,EAAA;MAE1B/C,SAAW,MAAM;MAKjB,GAAML;IACN;EACA;EACAqD,CAAA,WAAQA,EAAArD,KAAU;IAClB,OAAQ,eAAU,IAAA7B,kBAAC,CAAA8B,GAAA,EAAAxB,cAAwB,CAAAiD,SAAA;MAC3C4B,MAAQ;MACJC,OAAC,SAAU;MACX3B,IAAC;MACDd,cAAW;MACjB,GAAAd;IAEA,EAAM;EACJ;EACAwD,CAAA,WACEA,EAAArE,KAAA;IAAC;MAAAsE,IAAA;MAAA/D,QAAA;MAAA,GAAAM;IAAA,IAAAb,KAAA;IAAA,0BAAAhB,kBAAA,CAAA8B,GAAA,EAAA1B,aAAA,CAAAmF,IAAA;MACCD,IAAA;MACA/D,QAAA,iBAAY,IAAAvB,kBAAA,CAAAuE,IAAA,EAAAjE,cAAA,CAAAiD,SAAA;QACZ;QACA4B,MAAA;QACAK,QAAA,EAAS;QACTJ,OAAQ;QACRK,MAAA,WAAW;QACVC,iBAAa;UACTC,YAAA;UAEJC,YAAA;UAAAC,YAAA;UACDC,aAAA;QAEA;QAAA,GAAAjE,KAAA;QACFN,QAAA,GAEJA,QAAA,EAEM,OAAA+D,IAAA,aAAsB,IAAAA,IAAkB,CAAAS,UAAA,8BAAA/F,kBAAA,CAAAuE,IAAA,EAAAvE,kBAAA,CAAAgG,QAAA;UACrCzE,QAAS,EAAI,CACd,MAAO,EACJ,eAAe,IAAOvB,kBAAA,CAAA8B,GAAA,EAAAxB,cAAA,CAAA2F,IAAA;YACtBT,QAAA;YACAJ,OAAA;YACXc,CAAA","ignoreList":[]}

package/dist/jsx/mermaid/MermaidBlock.mjs

@@ -0,0 +1,85 @@
+import { useEffect, useRef, useState } from "react";
+import { Text, View, useThemeName } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { markdownCodeColors } from "../shared/colorRamps.mjs";
+import { CodeBlock } from "../components/index.mjs";
+import { mountDiagramSvg } from "./mountDiagramSvg.mjs";
+import { renderMermaidDiagram } from "./renderMermaidDiagram.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MermaidBlock({
+  children
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const themeName = useThemeName();
+  const scheme = String(themeName).startsWith("dark") ? "dark" : "light";
+  const [state, setState] = useState({
+    status: "loading"
+  });
+  const svgHostRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    setState({
+      status: "loading"
+    });
+    renderMermaidDiagram(children, {
+      scheme
+    }).then(result => {
+      if (cancelled) return;
+      setState(result.ok ? {
+        status: "ok",
+        svg: result.svg
+      } : {
+        status: "error",
+        error: result.error
+      });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [children, scheme]);
+  useEffect(() => {
+    if (state.status !== "ok" || !svgHostRef.current) return;
+    mountDiagramSvg(svgHostRef.current, state.svg);
+  }, [state]);
+  if (state.status === "ok") {
+    return /* @__PURE__ */jsx(View, {
+      ...(knobProps.borderRadiusOuter ?? {
+        borderRadius: "$4"
+      }),
+      backgroundColor: markdownCodeColors.background.base,
+      borderWidth: 1,
+      borderColor: markdownCodeColors.border.base,
+      paddingHorizontal: 16,
+      paddingVertical: 12,
+      marginVertical: "$2",
+      overflow: "hidden",
+      children: /* @__PURE__ */jsx("div", {
+        ref: svgHostRef,
+        role: "img",
+        "aria-label": "Mermaid diagram",
+        "data-mermaid-diagram": "true",
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          overflowX: "auto"
+        }
+      })
+    });
+  }
+  return /* @__PURE__ */jsxs(View, {
+    children: [state.status === "error" ? /* @__PURE__ */jsx(Text, {
+      color: "$red11",
+      fontSize: 13,
+      marginTop: "$2",
+      role: "alert",
+      children: `Mermaid: ${state.error}`
+    }) : null, /* @__PURE__ */jsx(CodeBlock, {
+      lang: "mermaid",
+      children
+    })]
+  });
+}
+export { MermaidBlock };
+//# sourceMappingURL=MermaidBlock.mjs.map

package/dist/jsx/mermaid/MermaidBlock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Text","View","useThemeName","useResolvedKnobs","markdownCodeColors","CodeBlock","mountDiagramSvg","renderMermaidDiagram","jsx","jsxs","MermaidBlock","children","knobProps","themeName","scheme","String","startsWith","state","setState","status","svgHostRef","cancelled","then","result","ok","svg","error","current","borderRadiusOuter","borderRadius","backgroundColor","background","base","borderWidth","borderColor","border","paddingHorizontal","paddingVertical","marginVertical","overflow","ref","role","style","display","justifyContent","overflowX","color","fontSize","marginTop","lang"],"sources":["../../../src/mermaid/MermaidBlock.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,SAAA,EAAWC,MAAA,EAAQC,QAAA,QAAgB;AAC5C,SAASC,IAAA,EAAMC,IAAA,EAAMC,YAAA,QAAoB;AACzC,SAASC,gBAAA,QAAwB;AACjC,SAASC,kBAAA,QAA0B;AACnC,SAASC,SAAA,QAAiB;AAC1B,SAASC,eAAA,QAAuB;AAChC,SAASC,oBAAA,QAA4B;AAkD7B,SAAAC,GAAA,EAYJC,IAAA,QAZI;AAtCD,SAASC,aAAa;EAAEC;AAAS,GAAsB;EAC5D,MAAM;IAAEC;EAAU,IAAIT,gBAAA,CAAiB;EACvC,MAAMU,SAAA,GAAYX,YAAA,CAAa;EAC/B,MAAMY,MAAA,GAASC,MAAA,CAAOF,SAAS,EAAEG,UAAA,CAAW,MAAM,IAAI,SAAS;EAC/D,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAInB,QAAA,CAAuB;IAAEoB,MAAA,EAAQ;EAAU,CAAC;EACtE,MAAMC,UAAA,GAAatB,MAAA,CAAuB,IAAI;EAE9CD,SAAA,CAAU,MAAM;IACd,IAAIwB,SAAA,GAAY;IAChBH,QAAA,CAAS;MAAEC,MAAA,EAAQ;IAAU,CAAC;IAC9BZ,oBAAA,CAAqBI,QAAA,EAAU;MAAEG;IAAO,CAAC,EAAEQ,IAAA,CAAMC,MAAA,IAAW;MAC1D,IAAIF,SAAA,EAAW;MACfH,QAAA,CACEK,MAAA,CAAOC,EAAA,GAAK;QAAEL,MAAA,EAAQ;QAAMM,GAAA,EAAKF,MAAA,CAAOE;MAAI,IAAI;QAAEN,MAAA,EAAQ;QAASO,KAAA,EAAOH,MAAA,CAAOG;MAAM,CACzF;IACF,CAAC;IACD,OAAO,MAAM;MACXL,SAAA,GAAY;IACd;EACF,GAAG,CAACV,QAAA,EAAUG,MAAM,CAAC;EAErBjB,SAAA,CAAU,MAAM;IACd,IAAIoB,KAAA,CAAME,MAAA,KAAW,QAAQ,CAACC,UAAA,CAAWO,OAAA,EAAS;IAClDrB,eAAA,CAAgBc,UAAA,CAAWO,OAAA,EAASV,KAAA,CAAMQ,GAAG;EAC/C,GAAG,CAACR,KAAK,CAAC;EAEV,IAAIA,KAAA,CAAME,MAAA,KAAW,MAAM;IACzB,OACE,eAAAX,GAAA,CAACP,IAAA;MACE,IAAIW,SAAA,CAAUgB,iBAAA,IAAqB;QAAEC,YAAA,EAAc;MAAK;MACzDC,eAAA,EAAiB1B,kBAAA,CAAmB2B,UAAA,CAAWC,IAAA;MAC/CC,WAAA,EAAa;MACbC,WAAA,EAAa9B,kBAAA,CAAmB+B,MAAA,CAAOH,IAAA;MACvCI,iBAAA,EAAmB;MACnBC,eAAA,EAAiB;MACjBC,cAAA,EAAe;MACfC,QAAA,EAAS;MAET5B,QAAA,iBAAAH,GAAA,CAAC;QACCgC,GAAA,EAAKpB,UAAA;QACLqB,IAAA,EAAK;QACL,cAAW;QACX,wBAAqB;QACrBC,KAAA,EAAO;UAAEC,OAAA,EAAS;UAAQC,cAAA,EAAgB;UAAUC,SAAA,EAAW;QAAO;MAAA,CACxE;IAAA,CACF;EAEJ;EAEA,OACE,eAAApC,IAAA,CAACR,IAAA;IACEU,QAAA,GAAAM,KAAA,CAAME,MAAA,KAAW,UAChB,eAAAX,GAAA,CAACR,IAAA;MAAK8C,KAAA,EAAM;MAASC,QAAA,EAAU;MAAIC,SAAA,EAAU;MAAKP,IAAA,EAAK;MACpD9B,QAAA,cAAYM,KAAA,CAAMS,KAAK;IAAA,CAC1B,IACE,MACJ,eAAAlB,GAAA,CAACH,SAAA;MAAU4C,IAAA,EAAK;MAAWtC;IAAA,CAAS;EAAA,CACtC;AAEJ","ignoreList":[]}

package/dist/jsx/mermaid/MermaidBlock.native.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MermaidBlock_native_exports = {};
+__export(MermaidBlock_native_exports, {
+  MermaidBlock: () => MermaidBlock
+});
+module.exports = __toCommonJS(MermaidBlock_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("../components/index.native.js");
+function MermaidBlock(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeBlock, {
+    lang: "mermaid",
+    children
+  });
+}
+//# sourceMappingURL=MermaidBlock.native.js.map

package/dist/jsx/mermaid/MermaidBlock.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MermaidBlock_native_exports","__export","MermaidBlock","module","exports","__toCommonJS","import_jsx_runtime","require","import_components","param","children","jsx","CodeBlock","lang"],"sources":["../../../src/mermaid/MermaidBlock.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,2BAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAIxB,IAAAC,iBAAA,GAA0BD,OAAA;AACO,SAASL,aAAaO,KAAA,EAAO;EAC9D,IAAI;IAAEC;EAAS,IAAID,KAAA;EACnB,OAAqB,mBAAAH,kBAAA,CAAAK,GAAA,EAAKH,iBAAA,CAAAI,SAAA,EAAW;IACjCC,IAAA,EAAM;IACNH;EACJ,CAAC;AACL","ignoreList":[]}

package/dist/jsx/mermaid/index.mjs

@@ -0,0 +1,4 @@
+import { mountDiagramSvg } from "./mountDiagramSvg.mjs";
+import { renderMermaidDiagram, resetMermaidForTesting } from "./renderMermaidDiagram.mjs";
+export { mountDiagramSvg, renderMermaidDiagram, resetMermaidForTesting };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/mermaid/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["mountDiagramSvg","renderMermaidDiagram","resetMermaidForTesting"],"sources":["../../../src/mermaid/index.ts"],"sourcesContent":[null],"mappings":"AAgBA,SAASA,eAAA,QAAuB;AAChC,SACEC,oBAAA,EACAC,sBAAA,QAGK","ignoreList":[]}

package/dist/jsx/mermaid/index.native.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var mermaid_exports = {};
+__export(mermaid_exports, {
+  mountDiagramSvg: () => import_mountDiagramSvg.mountDiagramSvg,
+  renderMermaidDiagram: () => import_renderMermaidDiagram.renderMermaidDiagram,
+  resetMermaidForTesting: () => import_renderMermaidDiagram.resetMermaidForTesting
+});
+module.exports = __toCommonJS(mermaid_exports);
+var import_mountDiagramSvg = require("./mountDiagramSvg.native.js");
+var import_renderMermaidDiagram = require("./renderMermaidDiagram.native.js");
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/mermaid/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty"],"sources":["../../../src/mermaid/index.ts"],"sourcesContent":[null],"mappings":"AAgBA,YAAS;;AACT,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACEC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAAAC,YAGK,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA","ignoreList":[]}

package/dist/jsx/mermaid/mountDiagramSvg.mjs

@@ -0,0 +1,29 @@
+const EXECUTABLE_SELECTOR = "script, iframe, object, embed";
+function parseSvgElement(svg) {
+  try {
+    const xml = new DOMParser().parseFromString(svg, "image/svg+xml");
+    const root = xml.documentElement;
+    if (root?.tagName.toLowerCase() === "svg" && !xml.querySelector("parsererror")) {
+      return root;
+    }
+  } catch {}
+  const html = new DOMParser().parseFromString(svg, "text/html");
+  return html.body.querySelector("svg");
+}
+function mountDiagramSvg(container, svg) {
+  const root = parseSvgElement(svg);
+  if (!root) return false;
+  for (const el of Array.from(root.querySelectorAll(EXECUTABLE_SELECTOR))) el.remove();
+  for (const el of [root, ...Array.from(root.querySelectorAll("*"))]) {
+    for (const attr of Array.from(el.attributes)) {
+      const name = attr.name.toLowerCase();
+      if (name.startsWith("on") || name === "href" && attr.value.trim().toLowerCase().startsWith("javascript:")) {
+        el.removeAttribute(attr.name);
+      }
+    }
+  }
+  container.replaceChildren(document.importNode(root, true));
+  return true;
+}
+export { mountDiagramSvg };
+//# sourceMappingURL=mountDiagramSvg.mjs.map

package/dist/jsx/mermaid/mountDiagramSvg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["EXECUTABLE_SELECTOR","parseSvgElement","svg","xml","DOMParser","parseFromString","root","documentElement","tagName","toLowerCase","querySelector","html","body","mountDiagramSvg","container","el","Array","from","querySelectorAll","remove","attr","attributes","name","startsWith","value","trim","removeAttribute","replaceChildren","document","importNode"],"sources":["../../../src/mermaid/mountDiagramSvg.ts"],"sourcesContent":[null],"mappings":"AAUA,MAAMA,mBAAA,GAAsB;AAO5B,SAASC,gBAAgBC,GAAA,EAA6B;EACpD,IAAI;IACF,MAAMC,GAAA,GAAM,IAAIC,SAAA,CAAU,EAAEC,eAAA,CAAgBH,GAAA,EAAK,eAAe;IAChE,MAAMI,IAAA,GAAOH,GAAA,CAAII,eAAA;IACjB,IAAID,IAAA,EAAME,OAAA,CAAQC,WAAA,CAAY,MAAM,SAAS,CAACN,GAAA,CAAIO,aAAA,CAAc,aAAa,GAAG;MAC9E,OAAOJ,IAAA;IACT;EACF,QAAQ,CAER;EACA,MAAMK,IAAA,GAAO,IAAIP,SAAA,CAAU,EAAEC,eAAA,CAAgBH,GAAA,EAAK,WAAW;EAC7D,OAAOS,IAAA,CAAKC,IAAA,CAAKF,aAAA,CAAc,KAAK;AACtC;AAEO,SAASG,gBAAgBC,SAAA,EAAwBZ,GAAA,EAAsB;EAC5E,MAAMI,IAAA,GAAOL,eAAA,CAAgBC,GAAG;EAChC,IAAI,CAACI,IAAA,EAAM,OAAO;EAClB,WAAWS,EAAA,IAAMC,KAAA,CAAMC,IAAA,CAAKX,IAAA,CAAKY,gBAAA,CAAiBlB,mBAAmB,CAAC,GAAGe,EAAA,CAAGI,MAAA,CAAO;EACnF,WAAWJ,EAAA,IAAM,CAACT,IAAA,EAAM,GAAGU,KAAA,CAAMC,IAAA,CAAKX,IAAA,CAAKY,gBAAA,CAAiB,GAAG,CAAC,CAAC,GAAG;IAClE,WAAWE,IAAA,IAAQJ,KAAA,CAAMC,IAAA,CAAKF,EAAA,CAAGM,UAAU,GAAG;MAC5C,MAAMC,IAAA,GAAOF,IAAA,CAAKE,IAAA,CAAKb,WAAA,CAAY;MACnC,IACEa,IAAA,CAAKC,UAAA,CAAW,IAAI,KACnBD,IAAA,KAAS,UAAUF,IAAA,CAAKI,KAAA,CAAMC,IAAA,CAAK,EAAEhB,WAAA,CAAY,EAAEc,UAAA,CAAW,aAAa,GAC5E;QACAR,EAAA,CAAGW,eAAA,CAAgBN,IAAA,CAAKE,IAAI;MAC9B;IACF;EACF;EACAR,SAAA,CAAUa,eAAA,CAAgBC,QAAA,CAASC,UAAA,CAAWvB,IAAA,EAAM,IAAI,CAAC;EACzD,OAAO;AACT","ignoreList":[]}