@multiplatform.one/markdown 6.4.1 → 6.4.2

package/dist/esm/icons/index.mjs

@@ -0,0 +1,107 @@
+import { Circle, Path, Rect, Svg } from "@tamagui/react-native-svg";
+import { useTheme } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function useIconColor(color) {
+  const theme = useTheme();
+  if (color?.startsWith("$")) {
+    return theme[color.slice(1)]?.val ?? theme.color?.val ?? "currentColor";
+  }
+  return color ?? theme.color?.val ?? "currentColor";
+}
+function ClipboardIcon({
+  size = 16,
+  color
+}) {
+  const fill = useIconColor(color);
+  return /* @__PURE__ */jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */jsx(Rect, {
+      x: "9",
+      y: "2",
+      width: "6",
+      height: "4",
+      rx: "1",
+      stroke: fill,
+      strokeWidth: 2
+    }), /* @__PURE__ */jsx(Path, {
+      d: "M9 4H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2",
+      stroke: fill,
+      strokeWidth: 2
+    })]
+  });
+}
+function CheckIcon({
+  size = 16,
+  color,
+  strokeWidth = 2.5
+}) {
+  const stroke = useIconColor(color);
+  return /* @__PURE__ */jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /* @__PURE__ */jsx(Path, {
+      d: "M4.5 12.75l5.25 5.25L19.5 7.5",
+      stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+}
+function CheckCircleIcon({
+  size = 16,
+  color
+}) {
+  const fill = useIconColor(color);
+  return /* @__PURE__ */jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */jsx(Circle, {
+      cx: "12",
+      cy: "12",
+      r: "10",
+      stroke: fill,
+      strokeWidth: 2
+    }), /* @__PURE__ */jsx(Path, {
+      d: "M9 12l2 2 4-4",
+      stroke: fill,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+function LinkIcon({
+  size = 12,
+  color
+}) {
+  const fill = useIconColor(color);
+  return /* @__PURE__ */jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */jsx(Path, {
+      d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+      stroke: fill,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */jsx(Path, {
+      d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+      stroke: fill,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export { CheckCircleIcon, CheckIcon, ClipboardIcon, LinkIcon };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/icons/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Circle","Path","Rect","Svg","useTheme","jsx","jsxs","useIconColor","color","theme","startsWith","slice","val","ClipboardIcon","size","fill","width","height","viewBox","children","x","y","rx","stroke","strokeWidth","d","CheckIcon","strokeLinecap","strokeLinejoin","CheckCircleIcon","cx","cy","r","LinkIcon"],"sources":["../../../src/icons/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/icons/index.native.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Circle, Path, Rect, Svg } from "@tamagui/react-native-svg";
+import { useTheme } from "tamagui";
+function useIconColor(color) {
+  var _ref;
+  var _theme_color;
+  var theme = useTheme();
+  if (color === null || color === void 0 ? void 0 : color.startsWith("$")) {
+    var _ref1, _ref2;
+    var _theme_color_slice, _theme_color1;
+    return (_ref1 = (_ref2 = (_theme_color_slice = theme[color.slice(1)]) === null || _theme_color_slice === void 0 ? void 0 : _theme_color_slice.val) !== null && _ref2 !== void 0 ? _ref2 : (_theme_color1 = theme.color) === null || _theme_color1 === void 0 ? void 0 : _theme_color1.val) !== null && _ref1 !== void 0 ? _ref1 : "currentColor";
+  }
+  return (_ref = color !== null && color !== void 0 ? color : (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val) !== null && _ref !== void 0 ? _ref : "currentColor";
+}
+function ClipboardIcon(param) {
+  var {
+    size = 16,
+    color
+  } = param;
+  var fill = useIconColor(color);
+  return /* @__PURE__ */_jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */_jsx(Rect, {
+      x: "9",
+      y: "2",
+      width: "6",
+      height: "4",
+      rx: "1",
+      stroke: fill,
+      strokeWidth: 2
+    }), /* @__PURE__ */_jsx(Path, {
+      d: "M9 4H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2",
+      stroke: fill,
+      strokeWidth: 2
+    })]
+  });
+}
+function CheckIcon(param) {
+  var {
+    size = 16,
+    color,
+    strokeWidth = 2.5
+  } = param;
+  var stroke = useIconColor(color);
+  return /* @__PURE__ */_jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /* @__PURE__ */_jsx(Path, {
+      d: "M4.5 12.75l5.25 5.25L19.5 7.5",
+      stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+}
+function CheckCircleIcon(param) {
+  var {
+    size = 16,
+    color
+  } = param;
+  var fill = useIconColor(color);
+  return /* @__PURE__ */_jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */_jsx(Circle, {
+      cx: "12",
+      cy: "12",
+      r: "10",
+      stroke: fill,
+      strokeWidth: 2
+    }), /* @__PURE__ */_jsx(Path, {
+      d: "M9 12l2 2 4-4",
+      stroke: fill,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+function LinkIcon(param) {
+  var {
+    size = 12,
+    color
+  } = param;
+  var fill = useIconColor(color);
+  return /* @__PURE__ */_jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/* @__PURE__ */_jsx(Path, {
+      d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+      stroke: fill,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /* @__PURE__ */_jsx(Path, {
+      d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+      stroke: fill,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export { CheckCircleIcon, CheckIcon, ClipboardIcon, LinkIcon };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/icons/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","Path","Rect","Svg","useTheme","useIconColor","color","_ref","_theme_color","theme","startsWith","_ref1","_ref2","_theme_color_slice","_theme_color1","slice","val","ClipboardIcon","param","size","fill","width","height","viewBox","children","x","y","rx","stroke","strokeWidth","d","CheckIcon","strokeLinecap","strokeLinejoin","CheckCircleIcon","cx","cy","r"],"sources":["../../../src/icons/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAMC,KAAA,QAAW;AACxC,SAASC,MAAA,EAAAC,IAAA,EAAAC,IAAgB,EAAAC,GAAA;AAsBrB,SACEC,QADF;AAXJ,SAASC,aAAaC,KAAA,EAAwB;EAC5C,IAAAC,IAAM;EACN,IAAIC,YAAO;EACT,IAAAC,KAAQ,GAAAL,QAAc,CAAM;EAC9B,IAAAE,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAI,UAAA;IACA,IAAAC,KAAO,EAAAC,KAAS;IAClB,IAAAC,kBAAA,EAAAC,aAAA;IAEO,OAAS,CAAAH,KAAA,IAAAC,KAAgB,IAAAC,kBAA+B,GAAAJ,KAAA,CAAAH,KAAA,CAAAS,KAAA,kBAAAF,kBAAA,uBAAAA,kBAAA,CAAAG,GAAA,cAAAJ,KAAA,cAAAA,KAAA,IAAAE,aAAA,GAAAL,KAAA,CAAAH,KAAA,cAAAQ,aAAA,uBAAAA,aAAA,CAAAE,GAAA,cAAAL,KAAA,cAAAA,KAAA;EAC7D;EACA,OACE,CAAAJ,IAAA,GAAAD,KAAA,SAAC,IAAAA,KAAI,KAAO,KAAM,IAAAA,KAAQ,IAAAE,YAAc,GAAAC,KAAA,CAAAH,KAAY,MAAK,QACvDE,YAAA,uBAAAA,YAAA,CAAAQ,GAAA,cAAAT,IAAA,cAAAA,IAAA;AAAA;AAA4E,SAC5EU,cAAAC,KAAA;EAAA,IAAC;IAAAC,IAAA;IAAAb;EAAA,IAAAY,KAAA;EAAA,IAAAE,IAAA,GAAAf,YAAA,CAAAC,KAAA;EAAA,OACC,eAAEP,KAAA,CAAAI,GAAA;IAAAkB,KACF,EAAAF,IAAA;IAAQG,MACR,EAAAH,IAAA;IAAaI,OAAA;IACfH,IAAA;IAAAI,QACF,GAEJ,eAAA3B,IAAA,CAAAK,IAAA;MAEOuB,CAAS;MACdC,CAAO;MACPL,KAAA;MACAC,MAAA,EAAc;MACyBK,EAAA;MACjCC,MAAA,EAAAR,IAAS;MACfS,WACE;IACG,mBAAAhC,IAAA,CAAAI,IAAA;MACC6B,CAAE;MACFF,MAAA,EAAAR,IAAA;MACAS,WAAA;IACA;EACe;AAAA;AAIvB,SAAAE,UAAAb,KAAA;EAEO;IAAAC,IAAS;IAAAb,KAAA;IAAgBuB,WAAS,GAAI;EAAM,IAAcX,KAAA;EAC/D,IAAAU,MAAM,GAAOvB,YAAA,CAAaC,KAAK;EAC/B,OACE,eAAAT,IAAA,CAACM,GAAA;IACCkB,KAAA,EAAAF,IAAA;IACAG,MAAA,EAAAH,IAAA;IAAAI,OAAC;IAAAH,IAAA;IAAAI,QACG,iBAAA3B,IAAA,CAAAI,IAAA;MAAA6B,CAAA,EACF,+BAAQ;MAAAF,MACR;MAAaC,WACb;MAAcG,aACd,SAAe;MAAAC,cAAA;IACjB;EAAA;AAGN;AAEO,SAASC,eAAWA,CAAAhB,KAAO,EAAI;EACpC;IAAMC,IAAA,GAAO;IAAAb;EAAA,IAAaY,KAAK;EAC/B,IAAAE,IACE,GAAAf,YAAA,CAAAC,KAAC;EACC,sBAAAP,KAAA,CAAAI,GAAA;IAAAkB,KAAC,EAAAF,IAAA;IAAAG,MAAA,EAAAH,IAAA;IAAAI,OACG;IAAAH,IACF,QAAQ;IAAAI,QACR,GAAa,eACb3B,IAAc,CAAAG,MAAA;MACdmC,EAAA;MAAeC,EAAA;MACjBC,CAAA;MACAT,MAAA,EAAAR,IAAA;MAACS,WAAA;IAAA,mBACGhC,IAAA,CAAAI,IAAA;MACF6B,CAAA,iBAAQ;MACRF,MAAA,EAAAR,IAAA;MACAS,WAAA;MACAG,aAAA,SAAe;MAAAC,cAAA;IACjB;EAGN","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,23 @@
+import { Markdown } from "./Markdown.mjs";
+import { parseMarkdown } from "./parser.mjs";
+import { renderMarkdown } from "./renderer.mjs";
+export * from "./mermaid/index.mjs";
+import { MermaidBlock } from "./mermaid/MermaidBlock.mjs";
+import { highlightCode } from "@multiplatform.one/components";
+export * from "./Aside/index.mjs";
+export * from "./ExternalIcon/index.mjs";
+export * from "./hooks/index.mjs";
+export * from "./Hr/index.mjs";
+export * from "./icons/index.mjs";
+export * from "./Li/index.mjs";
+export * from "./MarkdownSimpleTable/index.mjs";
+export * from "./Mdx/index.mjs";
+export * from "./MdxCodeBlock/index.mjs";
+export * from "./mdxComponents.mjs";
+export * from "./Notice/index.mjs";
+export * from "./Table/index.mjs";
+export * from "./Tabs/index.mjs";
+export * from "./Ul/index.mjs";
+export * from "./Video/index.mjs";
+export { Markdown, MermaidBlock, highlightCode, parseMarkdown, renderMarkdown };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Markdown","parseMarkdown","renderMarkdown","MermaidBlock","highlightCode"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAOA,SAASA,QAAA,QAAgB;AAIzB,SAASC,aAAA,QAAqB;AAC9B,SAASC,cAAA,QAAsB;AAK/B,cAAc;AACd,SAASC,YAAA,QAA4C;AAIrD,SACEC,aAAA,QAGK;AAIP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,23 @@
+import { Markdown } from "./Markdown.native.js";
+import { parseMarkdown } from "./parser.native.js";
+import { renderMarkdown } from "./renderer.native.js";
+export * from "./mermaid/index.native.js";
+import { MermaidBlock } from "./mermaid/MermaidBlock.native.js";
+import { highlightCode } from "@multiplatform.one/components";
+export * from "./Aside/index.native.js";
+export * from "./ExternalIcon/index.native.js";
+export * from "./hooks/index.native.js";
+export * from "./Hr/index.native.js";
+export * from "./icons/index.native.js";
+export * from "./Li/index.native.js";
+export * from "./MarkdownSimpleTable/index.native.js";
+export * from "./Mdx/index.native.js";
+export * from "./MdxCodeBlock/index.native.js";
+export * from "./mdxComponents.native.js";
+export * from "./Notice/index.native.js";
+export * from "./Table/index.native.js";
+export * from "./Tabs/index.native.js";
+export * from "./Ul/index.native.js";
+export * from "./Video/index.native.js";
+export { Markdown, MermaidBlock, highlightCode, parseMarkdown, renderMarkdown };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Markdown","parseMarkdown","renderMarkdown","MermaidBlock","highlightCode"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAOA,SAASA,QAAA,QAAgB;AAIzB,SAASC,aAAA,QAAqB;AAC9B,SAASC,cAAA,QAAsB;AAK/B,cAAc;AACd,SAASC,YAAA,QAA4C;AAIrD,SAAAC,aAAA;AAAA,cACE;AAAA,cAGK;AAIP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SACAJ,QAAA,E","ignoreList":[]}

package/dist/esm/mdxComponents.mjs

@@ -0,0 +1,298 @@
+import { CodeInline, unwrapText } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Link } from "@multiplatform.one/router";
+import { Children } from "react";
+import { H1, H2, H3, H4, H5, H6, Paragraph, Text, XStack, YStack, isWeb, styled } from "tamagui";
+import { ExternalIcon } from "./ExternalIcon/index.mjs";
+import { HR } from "./Hr/index.mjs";
+import { LinkIcon } from "./icons/index.mjs";
+import { LI } from "./Li/index.mjs";
+import { MDXCodeBlock } from "./MdxCodeBlock/index.mjs";
+import { MDXTable, MDXTableBody, MDXTableCell, MDXTableHead, MDXTableHeaderCell, MDXTableRow } from "./Table/index.mjs";
+import { UL } from "./Ul/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const code = ({
+  hero: _hero,
+  line,
+  scrollable: _scrollable,
+  className,
+  children,
+  id: _id,
+  showLineNumbers,
+  collapsible: _collapsible,
+  ...props
+}) => {
+  if (!className) return /* @__PURE__ */jsx(CodeInline, {
+    children: unwrapText(children)
+  });
+  return /* @__PURE__ */jsx(YStack, {
+    marginTop: "$3",
+    children: /* @__PURE__ */jsx(MDXCodeBlock, {
+      className,
+      isHighlightingLines: line !== void 0,
+      showLineNumbers: showLineNumbers !== void 0,
+      line,
+      ...props,
+      children
+    })
+  });
+};
+const TableHighlight = styled(YStack, {
+  name: "TableHighlight",
+  backgroundColor: "$yellow1",
+  fullscreen: true
+});
+function MdxBlockquote({
+  children,
+  ...props
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(YStack, {
+    marginVertical: "$4",
+    paddingHorizontal: knobProps.panelPadding.padding,
+    ...(isWeb ? {
+      style: {
+        marginInlineStart: 12,
+        borderInlineStartWidth: 1,
+        borderInlineStartStyle: "solid"
+      }
+    } : {
+      style: {
+        marginInlineStart: 12
+      },
+      borderStartWidth: 1
+    }),
+    borderColor: "$borderColor",
+    justifyContent: "center",
+    ...props,
+    children: /* @__PURE__ */jsx(Paragraph, {
+      whiteSpace: "revert",
+      size: "$8",
+      lineHeight: "$9",
+      fontWeight: "300",
+      color: "$color",
+      opacity: 0.65,
+      children: unwrapText(children)
+    })
+  });
+}
+const mdxComponents = {
+  h1: props => /* @__PURE__ */jsx(H1, {
+    fontFamily: "$mono",
+    width: "max-content",
+    position: "relative",
+    marginBottom: "$2",
+    ...props
+  }),
+  h2: ({
+    children,
+    ...props
+  }) => /* @__PURE__ */jsx(H2, {
+    position: "relative",
+    width: "fit-content",
+    marginTop: "$8",
+    marginBottom: "$4",
+    "data-heading": true,
+    size: "$9",
+    color: "$color12",
+    ...props,
+    children
+  }),
+  h3: ({
+    children,
+    id,
+    ...props
+  }) => /* @__PURE__ */jsxs(LinkHeading, {
+    "data-heading": true,
+    marginTop: "$6",
+    marginBottom: "$2",
+    id,
+    children: [/* @__PURE__ */jsx(H3, {
+      maxWidth: "100%",
+      position: "relative",
+      width: "fit-content",
+      size: "$8",
+      color: "$color11",
+      fontWeight: "600",
+      ...props,
+      children
+    }), getNonTextChildren(children)]
+  }),
+  h4: props => /* @__PURE__ */jsx(H4, {
+    position: "relative",
+    width: "fit-content",
+    marginTop: "$8",
+    marginBottom: "$2",
+    size: "$8",
+    color: "$color8",
+    "data-heading": true,
+    ...props,
+    fontWeight: "400"
+  }),
+  h5: props => /* @__PURE__ */jsx(H5, {
+    size: "$6",
+    fontWeight: "600",
+    marginTop: "$4",
+    ...props
+  }),
+  h6: props => /* @__PURE__ */jsx(H6, {
+    marginTop: "$4",
+    ...props
+  }),
+  p: props => /* @__PURE__ */jsx(Paragraph, {
+    render: "p",
+    display: "block",
+    size: "$6",
+    marginVertical: "$2",
+    ...props
+  }),
+  a: ({
+    href = "",
+    children,
+    ...props
+  }) => {
+    return /* @__PURE__ */jsx(Link, {
+      href,
+      children: /* @__PURE__ */jsxs(Paragraph, {
+        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__ */jsxs(Fragment, {
+          children: ["\xA0", /* @__PURE__ */jsx(Text, {
+            fontSize: "inherit",
+            display: "inline-flex",
+            y: 2,
+            style: {
+              marginLeft: -1
+            },
+            children: /* @__PURE__ */jsx(ExternalIcon, {})
+          })]
+        }) : null]
+      })
+    });
+  },
+  hr: props => /* @__PURE__ */jsx(HR, {
+    ...props
+  }),
+  ul: ({
+    children
+  }) => /* @__PURE__ */jsx(UL, {
+    render: "ul",
+    marginVertical: "$4",
+    children: Children.toArray(children).map(x => typeof x === "string" ? null : x)
+  }),
+  ol: props => /* @__PURE__ */jsx(YStack, {
+    ...props,
+    render: "ol",
+    marginBottom: "$3"
+  }),
+  li: props => /* @__PURE__ */jsx(LI, {
+    render: "li",
+    size: "$6",
+    marginBottom: "$1.5",
+    style: {
+      listStyleType: "disc"
+    },
+    children: props.children
+  }),
+  strong: props => /* @__PURE__ */jsx(Paragraph, {
+    render: "strong",
+    fontSize: "inherit",
+    ...props,
+    fontWeight: "700"
+  }),
+  em: props => /* @__PURE__ */jsx(Paragraph, {
+    render: "em",
+    fontSize: "inherit",
+    ...props,
+    fontStyle: "italic"
+  }),
+  del: props => /* @__PURE__ */jsx(Paragraph, {
+    render: "del",
+    fontSize: "inherit",
+    ...props,
+    textDecorationLine: "line-through"
+  }),
+  img: ({
+    ...props
+  }) => /* @__PURE__ */jsx(YStack, {
+    render: "span",
+    marginVertical: "$6",
+    children: /* @__PURE__ */jsx(YStack, {
+      render: "img",
+      ...props,
+      maxWidth: "100%"
+    })
+  }),
+  pre: ({
+    children
+  }) => /* @__PURE__ */jsx(Fragment, {
+    children
+  }),
+  code,
+  blockquote: MdxBlockquote,
+  table: props => /* @__PURE__ */jsx(MDXTable, {
+    ...props
+  }),
+  thead: props => /* @__PURE__ */jsx(MDXTableHead, {
+    ...props
+  }),
+  tbody: props => /* @__PURE__ */jsx(MDXTableBody, {
+    ...props
+  }),
+  tr: props => /* @__PURE__ */jsx(MDXTableRow, {
+    ...props
+  }),
+  th: props => /* @__PURE__ */jsx(MDXTableHeaderCell, {
+    ...props
+  }),
+  td: props => /* @__PURE__ */jsx(MDXTableCell, {
+    ...props
+  })
+};
+const LinkHeading = ({
+  id,
+  children,
+  ...props
+}) => {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsxs(XStack, {
+    render: "a",
+    "data-heading": true,
+    href: `#${id}`,
+    id,
+    "data-id": id,
+    display: "inline-flex",
+    alignItems: "center",
+    ...knobProps.gapLg,
+    ...props,
+    children: [children, /* @__PURE__ */jsx(YStack, {
+      render: "span",
+      opacity: 0.3,
+      children: /* @__PURE__ */jsx(LinkIcon, {
+        size: 12
+      })
+    })]
+  });
+};
+const getNonTextChildren = children => {
+  return Children.map(children, x => {
+    if (typeof x === "string") return null;
+    if (x?.type === code) return null;
+    return x;
+  })?.flat();
+};
+export { TableHighlight, mdxComponents };
+//# sourceMappingURL=mdxComponents.mjs.map

package/dist/esm/mdxComponents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["CodeInline","unwrapText","useResolvedKnobs","Link","Children","H1","H2","H3","H4","H5","H6","Paragraph","Text","XStack","YStack","isWeb","styled","ExternalIcon","HR","LinkIcon","LI","MDXCodeBlock","MDXTable","MDXTableBody","MDXTableCell","MDXTableHead","MDXTableHeaderCell","MDXTableRow","UL","Fragment","jsx","jsxs","code","hero","_hero","line","scrollable","_scrollable","className","children","id","_id","showLineNumbers","collapsible","_collapsible","props","marginTop","isHighlightingLines","TableHighlight","name","backgroundColor","fullscreen","MdxBlockquote","knobProps","marginVertical","paddingHorizontal","panelPadding","padding","style","marginInlineStart","borderInlineStartWidth","borderInlineStartStyle","borderStartWidth","borderColor","justifyContent","whiteSpace","size","lineHeight","fontWeight","color","opacity","mdxComponents","h1","fontFamily","width","position","marginBottom","h2","h3","LinkHeading","maxWidth","getNonTextChildren","h4","h5","h6","p","render","display","a","href","fontSize","cursor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","startsWith","y","marginLeft","hr","ul","toArray","map","x","ol","li","listStyleType","strong","em","fontStyle","del","textDecorationLine","img","pre","blockquote","table","thead","tbody","tr","th","td","alignItems","gapLg","type","flat"],"sources":["../../src/mdxComponents.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}