@multiplatform.one/markdown 6.0.4 → 6.3.0

package/README.md

@@ -0,0 +1,61 @@
+# @multiplatform.one/markdown
+
+Cross-platform markdown renderer for React and React Native with MDX component
+support and [Shiki](https://shiki.style) syntax highlighting.
+
+## Install
+
+```bash
+pnpm add @multiplatform.one/markdown
+```
+
+Requires `react` and `react-native` (or react-native-web) as peers.
+
+## What it owns
+
+- **`<Markdown>`** — renders a markdown string with Tamagui typography
+- **Parser / renderer** — `parseMarkdown`, `renderMarkdown`
+- **Shiki highlighting** — `highlightCode` (re-exported from
+  `@multiplatform.one/components`, the one canonical highlighter stack) and
+  `CodeTheme` (`"auto"`, `"github-dark"`, `"github-light"`, …)
+- **MDX building blocks** — `Aside`, `Notice`, `MdxCodeBlock`, `Tabs`, `Table`,
+  `MarkdownSimpleTable`, `Li`, `Ul`, `Hr`, `Video`, and the `mdxComponents` map
+  for MDX pipelines
+
+## What it must not do
+
+- No rich-text _editing_ — the editor lives in `@multiplatform.one/rich-text`
+- No app-specific content or Frappe assumptions
+
+## Usage
+
+```tsx
+import { Markdown } from "@multiplatform.one/markdown";
+
+const source = `
+# Hello
+
+Some **markdown** with highlighted code:
+
+\`\`\`ts
+const x: number = 42;
+\`\`\`
+`;
+
+export function Docs() {
+  return <Markdown codeTheme="auto">{source}</Markdown>;
+}
+```
+
+Override individual elements with the `components` prop
+(`<Markdown components={{ h1: MyHeading }}>`).
+
+## Styling
+
+Typography and spacing resolve through the knobs system in
+`@multiplatform.one/theme` (see `agent-os/standards/frontend/knobs-system.md`
+in the [multiplatform.one repo](https://gitlab.com/bitspur/frappe/multiplatform.one)).
+
+## License
+
+Apache-2.0

package/dist/cjs/Aside/index.cjs

@@ -26,14 +26,17 @@ __export(Aside_exports, {
   MDXNote: () => MDXNote
 });
 module.exports = __toCommonJS(Aside_exports);
+var import_components = require("@multiplatform.one/components");
 var import_linear_gradient = require("@tamagui/linear-gradient");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_cutoffGradient = require("../shared/cutoffGradient.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const zIndex = {
   localTop: 100
 };
+const cutoffMaxHeight = 300;
 function MDXAside({
   children,
   ...props
@@ -41,9 +44,12 @@ function MDXAside({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
   const areChildrenString = typeof children === "string";
-  const shouldCutoff = !areChildrenString;
-  const [cutoff, setCutoff] = (0, import_react.useState)(shouldCutoff);
+  const [expanded, setExpanded] = (0, import_react.useState)(false);
+  const [contentHeight, setContentHeight] = (0, import_react.useState)();
+  const shouldCutoff = !areChildrenString && (contentHeight === void 0 || contentHeight > cutoffMaxHeight);
+  const cutoff = shouldCutoff && !expanded;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     render: "aside",
     ...knobProps.gap,
@@ -59,7 +65,7 @@ function MDXAside({
       paddingBottom: "$10",
       backgroundColor: "$color1",
       borderColor: "$borderColor",
-      maxHeight: 300,
+      maxHeight: cutoffMaxHeight,
       overflow: "hidden"
     }),
     ...props,
@@ -67,22 +73,30 @@ function MDXAside({
       color: "$color10",
       marginVertical: "$-5",
       children
-    }) : children, shouldCutoff && cutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_linear_gradient.LinearGradient, {
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      height: 200,
-      colors: ["$backgroundTransparent", "$background"],
-      zIndex: zIndex.localTop,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
-        flex: 1
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        onPress: () => setCutoff(!cutoff),
-        alignSelf: "center",
-        children: "Show more"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
-        size: "$4"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      onLayout: event => setContentHeight(event.nativeEvent.layout.height),
+      children
+    }), cutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: 200,
+        colors: gradientColors,
+        pointerEvents: "none",
+        zIndex: zIndex.localTop
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        position: "absolute",
+        bottom: "$4",
+        left: 0,
+        right: 0,
+        justifyContent: "center",
+        zIndex: zIndex.localTop + 1,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          onPress: () => setExpanded(true),
+          children: "Show more"
+        })
       })]
     })]
   });
@@ -91,22 +105,13 @@ function MDXNote({
   children,
   ...props
 }) {
-  const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Alert, {
     render: "aside",
+    intent: "info",
+    icon: null,
     marginTop: "$5",
     marginBottom: "$5",
-    borderRadius: knobProps.borderRadius.borderRadius,
-    ...knobProps.panelPadding,
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    backgroundColor: "$color2",
     ...props,
-    children: typeof children === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      color: "$color11",
-      children
-    }) : children
+    children
   });
 }

package/dist/cjs/Aside/index.native.js

@@ -29,13 +29,16 @@ __export(Aside_exports, {
 });
 module.exports = __toCommonJS(Aside_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
 var import_linear_gradient = require("@tamagui/linear-gradient");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_cutoffGradient = require("../shared/cutoffGradient.native.js");
 var zIndex = {
   localTop: 100
 };
+var cutoffMaxHeight = 300;
 function MDXAside(param) {
   var {
     children,
@@ -44,9 +47,12 @@ function MDXAside(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
   var areChildrenString = typeof children === "string";
-  var shouldCutoff = !areChildrenString;
-  var [cutoff, setCutoff] = (0, import_react.useState)(shouldCutoff);
+  var [expanded, setExpanded] = (0, import_react.useState)(false);
+  var [contentHeight, setContentHeight] = (0, import_react.useState)();
+  var shouldCutoff = !areChildrenString && (contentHeight === void 0 || contentHeight > cutoffMaxHeight);
+  var cutoff = shouldCutoff && !expanded;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     render: "aside",
     ...knobProps.gap,
@@ -62,7 +68,7 @@ function MDXAside(param) {
       paddingBottom: "$10",
       backgroundColor: "$color1",
       borderColor: "$borderColor",
-      maxHeight: 300,
+      maxHeight: cutoffMaxHeight,
       overflow: "hidden"
     }),
     ...props,
@@ -70,24 +76,34 @@ function MDXAside(param) {
       color: "$color10",
       marginVertical: "$-5",
       children
-    }) : children, shouldCutoff && cutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_linear_gradient.LinearGradient, {
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      height: 200,
-      colors: ["$backgroundTransparent", "$background"],
-      zIndex: zIndex.localTop,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
-        flex: 1
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        onPress: function onPress() {
-          return setCutoff(!cutoff);
-        },
-        alignSelf: "center",
-        children: "Show more"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
-        size: "$4"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      onLayout: function onLayout(event) {
+        return setContentHeight(event.nativeEvent.layout.height);
+      },
+      children
+    }), cutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: 200,
+        colors: gradientColors,
+        pointerEvents: "none",
+        zIndex: zIndex.localTop
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        position: "absolute",
+        bottom: "$4",
+        left: 0,
+        right: 0,
+        justifyContent: "center",
+        zIndex: zIndex.localTop + 1,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          onPress: function onPress() {
+            return setExpanded(true);
+          },
+          children: "Show more"
+        })
       })]
     })]
   });
@@ -97,23 +113,14 @@ function MDXNote(param) {
     children,
     ...props
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Alert, {
     render: "aside",
+    intent: "info",
+    icon: null,
     marginTop: "$5",
     marginBottom: "$5",
-    borderRadius: knobProps.borderRadius.borderRadius,
-    ...knobProps.panelPadding,
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    backgroundColor: "$color2",
     ...props,
-    children: typeof children === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      color: "$color11",
-      children
-    }) : children
+    children
   });
 }
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/Aside/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Aside_exports","__export","MDXAside","MDXNote","module","exports","import_jsx_runtime","require","import_linear_gradient","import_theme","import_react","import_tamagui","zIndex","localTop","param","children","props","knobProps","useResolvedKnobs","areChildrenString","shouldCutoff","cutoff","setCutoff","useState","jsxs","YStack","render","gap","borderRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","jsx","Paragraph","color","LinearGradient","bottom","left","right","height","colors","Spacer","flex","Button","onPress","alignSelf","size"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA+B,CAAAK,aAAA;AAC/B,IAAAM,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,sBAAyC,GAAAD,OAAA;AACzC,IAAAE,YAAA,GAAAF,OAAkD;AAoC1C,IAAAG,YAAA,GAAAH,OAAA;AAlCR,IAAAI,cAAiB,GAAAJ,OAAU,UAAI;AAMxB,IAAAK,MAAS;EACdC,QAAQ;AACR;AACA,SAAMX,SAAAY,KAAe,EAAC;EACtB;IAAMC,QAAC;IAAQ,GAAAC;EAAS,IAAAF,KAAI;EAE5B;IAAAG;EACE,QAAAR,YAAA,CAAAS,gBAAA;EAAA,IAACC,iBAAA,UAAAJ,QAAA;EAAA,IAAAK,YAAA,IAAAD,iBAAA;EAAA,IACC,CAAAE,MAAA,EAAOC,SAAA,QAAAZ,YAAA,CAAAa,QAAA,EAAAH,YAAA;EAAA,OACH,eAAU,IAAAd,kBAAA,CAAAkB,IAAA,EAAAb,cAAA,CAAAc,MAAA;IAAAC,MACd;IAAqC,GACpCT,SAAG,CAAAU,GAAU;IAAAC,YACd,EAAAX,SAAiB,CAAAW,YAAA,CAAAA,YAAA;IAAA,GACjBX,SAAA,CAAUY,YAAA;IAAAC,gBACD;IAAAC,SACJ,MAAU;IAAAC,QACb,YAAgB;IAAA,IAAAX,MAChB;MAA0CY,cAC1C,EAAa;MAAAC,iBACE,EAAAjB,SAAA,CAAAY,YAAA,CAAAM,OAAA;MAAAC,WACf;MAAiBC,aACjB,EAAa;MAAAC,eACF;MAAAC,WACX,EAAU;MACZC,SAAA;MACCC,QAAG;IAAA;IAEH,GAAAzB,KAAA;IAKCD,QAGD,GACCI,iBAAC,sBAAAb,kBAAA,CAAAoC,GAAA,EAAA/B,cAAA,CAAAgC,SAAA;MAAAC,KAAA;MAAAX,cACU;MAAAlB;IACD,KAAAA,QACF,EAAAK,YACN,IAAOC,MAAA,uBAAAf,kBAAA,CAAAkB,IAAA,EAAAhB,sBAAA,CAAAqC,cAAA;MAAAb,QACP,YAAQ;MAAAc,MACR;MAAgDC,IAChD;MAAeC,KAEf;MAAAC,MAAA;MAAiBC,MACjB,GAEA,wBACA,EAAkB;MACpBtC,MAAA,EAAAA,MAAA,CAAAC,QAAA;MAAAE,QAAA,sBAAAT,kBAAA,CAAAoC,GAAA,EAAA/B,cAAA,CAAAwC,MAAA;QAEJC,IAAA;MAEJ,IAMgB,eAAU,IAAU9C,kBAAoD,CAAAoC,GAAA,EAAA/B,cAAA,CAAA0C,MAAA;QAC9EC,OAAA,EAAU,SAAIA,QAAA;UAEpB,OAAAhC,SAAA,EAAAD,MAAA;QAAC;QAAAkC,SAAA;QACCxC,QAAO;MACP,IACA,eAAa,IAAAT,kBAAA,CAAAoC,GAAA,EAAA/B,cAAA,CAAAwC,MAAA;QACbK,IAAA;MACI;IAEJ;EACgB;AACZ;AAEiF,SAAArD,QAAAW,KAAA;EACvF;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAEJ;IAAAG;EAAA,QAAAR,YAAA,CAAAS,gBAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Aside_exports","__export","MDXAside","MDXNote","module","exports","import_jsx_runtime","require","import_components","import_linear_gradient","import_theme","import_react","import_tamagui","import_cutoffGradient","zIndex","localTop","cutoffMaxHeight","param","children","props","knobProps","useResolvedKnobs","gradientColors","useCutoffGradientColors","areChildrenString","expanded","setExpanded","useState","contentHeight","setContentHeight","shouldCutoff","cutoff","jsxs","YStack","render","gap","borderRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","jsx","Paragraph","color","onLayout","event","nativeEvent","layout","height","Fragment","LinearGradient","bottom","left","right","colors","pointerEvents","XStack","justifyContent","Button","onPress"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ExternalIcon/index.cjs

@@ -32,6 +32,8 @@ function ExternalIcon() {
   const theme = (0, import_tamagui.useTheme)();
   const color = theme.color?.val ?? "currentColor";
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native_svg.Svg, {
+    "aria-hidden": true,
+    role: "none",
     style: {
       opacity: 0.4
     },

package/dist/cjs/ExternalIcon/index.native.js

@@ -36,6 +36,8 @@ function ExternalIcon() {
   var theme = (0, import_tamagui.useTheme)();
   var color = (_ref = (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val) !== null && _ref !== void 0 ? _ref : "currentColor";
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native_svg.Svg, {
+    "aria-hidden": true,
+    role: "none",
     style: {
       opacity: 0.4
     },

package/dist/cjs/ExternalIcon/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ExternalIcon_exports","__export","ExternalIcon","module","exports","import_jsx_runtime","require","import_react_native_svg","import_tamagui","_ref","_theme_color","theme","useTheme","color","val","jsx","Svg","style","opacity","width"],"sources":["../../../src/ExternalIcon/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAA0BK,oBAAA;AAC1B,IAAAK,kBAAyB,GAAAC,OAAA;AAOnB,IAAAC,uBAAA,GAAAD,OAAA;AALC,IAAAE,cAAS,GAAAF,OAAe;AAC7B,SAAMJ,YAAQA,CAAA;EACd,IAAAO,IAAM;EACN,IAAAC,YACE;EACE,IAACC,KAAA,OAAAH,cAAA,CAAAI,QAAA;EAAA,IAAAC,KAAA,IAAAJ,IAAA,IAAAC,YAAA,GAAAC,KAAA,CAAAE,KAAA,cAAAH,YAAA,uBAAAA,YAAA,CAAAI,GAAA,cAAAL,IAAA,cAAAA,IAAA;EAAA,OACG,mBAAAJ,kBAAA,CAAAU,GAAA,EAAAR,uBAAA,CAAAS,GAAA;IAAAC,KACF;MAAMC,OAAA;IACR,CACF;IAEJC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ExternalIcon_exports","__export","ExternalIcon","module","exports","import_jsx_runtime","require","import_react_native_svg","import_tamagui","_ref","_theme_color","theme","useTheme","color","val","jsx","Svg","role","style","opacity","width","height","viewBox","children","Path","d","fill"],"sources":["../../../src/ExternalIcon/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAA0BK,oBAAA;AAC1B,IAAAK,kBAAyB,GAAAC,OAAA;AAcnB,IAAAC,uBAAA,GAAAD,OAAA;AAZC,IAAAE,cAAS,GAAAF,OAAe;AAC7B,SAAMJ,YAAQA,CAAA;EACd,IAAAO,IAAM;EACN,IAAAC,YACE;EAAA,IAACC,KAAA,OAAAH,cAAA,CAAAI,QAAA;EAAA,IAAAC,KAAA,IAAAJ,IAAA,IAAAC,YAAA,GAAAC,KAAA,CAAAE,KAAA,cAAAH,YAAA,uBAAAA,YAAA,CAAAI,GAAA,cAAAL,IAAA,cAAAA,IAAA;EAAA,OACC,eAAa,IAAAJ,kBAAA,CAAAU,GAAA,EAAAR,uBAAA,CAAAS,GAAA;IAAA,aACR;IAAAC,IACL,QAAS;IAAaC,KACtB;MACAC,OAAA,EAAO;IAAA;IACCC,KAER;IAAAC,MAAC;IAAAC,OAAA;IAAAC,QACC,EAAE,mBAAAlB,kBAAA,CAAAU,GAAA,EAAAR,uBAAA,CAAAiB,IAAA;MAAAC,CAAA,+XACI;MAAAC,IAAA,EAAAb;IAAA;EACR;AAAA","ignoreList":[]}

package/dist/cjs/Hr/index.cjs

@@ -27,15 +27,7 @@ __export(Hr_exports, {
 module.exports = __toCommonJS(Hr_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
-const HR = props => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-  marginVertical: "$10",
-  marginBottom: "$8",
-  marginHorizontal: "auto",
-  width: "50%",
-  ...props,
-  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    borderBottomColor: "$borderColor",
-    borderBottomWidth: 1,
-    flex: 1
-  })
+const HR = props => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+  marginVertical: "$4",
+  ...props
 });

package/dist/cjs/Hr/index.native.js

@@ -30,17 +30,9 @@ module.exports = __toCommonJS(Hr_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 var HR = function HR2(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    marginVertical: "$10",
-    marginBottom: "$8",
-    marginHorizontal: "auto",
-    width: "50%",
-    ...props,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      borderBottomColor: "$borderColor",
-      borderBottomWidth: 1,
-      flex: 1
-    })
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+    marginVertical: "$4",
+    ...props
   });
 };
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/Hr/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Hr_exports","__export","HR","module","exports","import_jsx_runtime","require","import_tamagui"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,EAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,UAAA;AAInB,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAY,GAAAD,OACjB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Hr_exports","__export","HR","module","exports","import_jsx_runtime","require","import_tamagui"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,EAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,UAAA;AAGQ,IAAAK,kBAAA,GAAAC,OAAA;AAA3B,IAAAC,cAAY,GAAAD,OAAe","ignoreList":[]}

package/dist/cjs/{SimpleTable → MarkdownSimpleTable}/index.cjs

@@ -20,14 +20,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var SimpleTable_exports = {};
-__export(SimpleTable_exports, {
-  SimpleTable: () => SimpleTable
+var MarkdownSimpleTable_exports = {};
+__export(MarkdownSimpleTable_exports, {
+  MarkdownSimpleTable: () => MarkdownSimpleTable
 });
-module.exports = __toCommonJS(SimpleTable_exports);
+module.exports = __toCommonJS(MarkdownSimpleTable_exports);
 var import_tamagui = require("tamagui");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
 var import_theme = require("@multiplatform.one/theme");
+var import_Link = require("../components/Link.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
 function parseCell(content) {
@@ -45,12 +46,14 @@ function parseCell(content) {
     if (match[1]) {
       parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontWeight: "700",
-        color: "$blue10",
-        children: match[2]
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+          href: match[3],
+          children: match[2]
+        })
       }, key));
     } else if (match[4]) {
-      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        color: "$blue10",
+      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+        href: match[6],
         children: match[5]
       }, key));
     } else if (match[7]) {
@@ -75,7 +78,7 @@ function parseCell(content) {
   }
   return parts.length === 1 ? parts[0] : parts;
 }
-function SimpleTable({
+function MarkdownSimpleTable({
   headers,
   rows
 }) {
@@ -85,6 +88,12 @@ function SimpleTable({
   const media = (0, import_tamagui.useMedia)();
   const isMobile = media.sm;
   const table = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
+    render: "table",
+    width: "auto",
+    cellWidth: "auto",
+    style: {
+      tableLayout: "auto"
+    },
     borderColor: "$borderColor",
     borderRadius: knobProps.borderRadius.borderRadius,
     alignCells: {
@@ -99,9 +108,12 @@ function SimpleTable({
       minWidth: 760
     }),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+      render: "thead",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+        render: "tr",
         rowLocation: "first",
         children: headers.map((header, headerIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+          render: "th",
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
             size: "$4",
             fontWeight: "600",
@@ -110,11 +122,17 @@ function SimpleTable({
         }, `h-${headerIdx}`))
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+      render: "tbody",
       children: rows.map((row, rowIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+        render: "tr",
         rowLocation: rowIdx === rows.length - 1 ? "last" : "middle",
         children: row.map((cell, cellIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+          render: "td",
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            render: "span",
+            display: "block",
             size: "$4",
+            maxWidth: 480,
             children: parseCell(cell)
           })
         }, `c-${rowIdx}-${cellIdx}`))

package/dist/{jsx/SimpleTable → cjs/MarkdownSimpleTable}/index.native.js

@@ -22,15 +22,16 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var SimpleTable_exports = {};
-__export(SimpleTable_exports, {
-  SimpleTable: () => SimpleTable
+var MarkdownSimpleTable_exports = {};
+__export(MarkdownSimpleTable_exports, {
+  MarkdownSimpleTable: () => MarkdownSimpleTable
 });
-module.exports = __toCommonJS(SimpleTable_exports);
+module.exports = __toCommonJS(MarkdownSimpleTable_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
 var import_theme = require("@multiplatform.one/theme");
+var import_Link = require("../components/Link.native.js");
 var markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
 function parseCell(content) {
   if (typeof content !== "string") return content;
@@ -53,12 +54,14 @@ function parseCell(content) {
       if (match[1]) {
         parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
           fontWeight: "700",
-          color: "$blue10",
-          children: match[2]
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+            href: match[3],
+            children: match[2]
+          })
         }, key));
       } else if (match[4]) {
-        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          color: "$blue10",
+        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+          href: match[6],
           children: match[5]
         }, key));
       } else if (match[7]) {
@@ -97,7 +100,7 @@ function parseCell(content) {
   }
   return parts.length === 1 ? parts[0] : parts;
 }
-function SimpleTable(param) {
+function MarkdownSimpleTable(param) {
   var {
     headers,
     rows
@@ -108,6 +111,14 @@ function SimpleTable(param) {
   var media = (0, import_tamagui.useMedia)();
   var isMobile = media.sm;
   var table = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
+    render: "table",
+    // Auto width/layout: a real <table> with width:100% against the
+    // scroller's indefinite width hits Chromium's 1e6px table clamp.
+    width: "auto",
+    cellWidth: "auto",
+    style: {
+      tableLayout: "auto"
+    },
     borderColor: "$borderColor",
     borderRadius: knobProps.borderRadius.borderRadius,
     alignCells: {
@@ -122,10 +133,13 @@ function SimpleTable(param) {
       minWidth: 760
     }),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+      render: "thead",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+        render: "tr",
         rowLocation: "first",
         children: headers.map(function (header, headerIdx) {
           return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+            render: "th",
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
               size: "$4",
               fontWeight: "600",
@@ -135,15 +149,22 @@ function SimpleTable(param) {
         })
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+      render: "tbody",
       children: rows.map(function (row, rowIdx) {
         return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+          render: "tr",
           rowLocation: rowIdx === rows.length - 1 ? "last" : "middle",
           children: row.map(function (cell, cellIdx) {
             return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+              render: "td",
+              children: (/* maxWidth caps the column's max-content contribution so long cells wrap */
+              /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                render: "span",
+                display: "block",
                 size: "$4",
+                maxWidth: 480,
                 children: parseCell(cell)
-              })
+              }))
             }, `c-${rowIdx}-${cellIdx}`);
           })
         }, `r-${rowIdx}`);

package/dist/cjs/MarkdownSimpleTable/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MarkdownSimpleTable_exports","__export","MarkdownSimpleTable","module","exports","import_jsx_runtime","require","import_tamagui","import_table_primitives","import_theme","import_Link","markdownPattern","parseCell","content","matches","matchAll","length","parts","lastIndex","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","match","_match_index","matchIndex","index","push","slice","key","jsx","Text","fontWeight","children","Link","href","fontFamily","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","err","return","param","headers","rows","knobProps","useResolvedKnobs","media","useMedia","isMobile","sm","table","jsxs","Table","render","width","cellWidth","style","tableLayout"],"sources":["../../../src/MarkdownSimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Mdx/index.cjs

@@ -26,6 +26,7 @@ __export(Mdx_exports, {
 });
 module.exports = __toCommonJS(Mdx_exports);
 var import_react = require("@mdx-js/react");
+var import_components = require("@multiplatform.one/components");
 var import_hooks = require("../hooks/index.cjs");
 var import_mdxComponents = require("../mdxComponents.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -48,11 +49,18 @@ function MDX({
     });
     logger.debug(code);
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-    components: {
-      ...import_mdxComponents.mdxComponents,
-      ...components,
-      ...props.components
-    }
-  });
+  return (
+    // contain runtime render errors (e.g. missing component mappings) so
+    // sibling content outside the MDX renderer survives
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_components.ErrorBoundary, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        components: {
+          ...import_mdxComponents.mdxComponents,
+          ...components,
+          ...props.components
+        }
+      })
+    })
+  );
 }