@multiplatform.one/markdown 6.1.0 → 6.4.0

package/dist/esm/shared/colorRamps.mjs

@@ -21,15 +21,6 @@ const markdownBlockquoteColors = {
     base: "$color11"
   }
 };
-const markdownTableColors = {
-  background: {
-    base: "transparent",
-    header: "$color3"
-  },
-  border: {
-    base: "$borderColor"
-  }
-};
 const markdownLinkColors = {
   text: {
     base: "$blue10",
@@ -41,5 +32,5 @@ const markdownCommonColors = {
   muted: "$color11",
   divider: "$color6"
 };
-export { markdownBlockquoteColors, markdownCodeColors, markdownCommonColors, markdownLinkColors, markdownTableColors };
+export { markdownBlockquoteColors, markdownCodeColors, markdownCommonColors, markdownLinkColors };
 //# sourceMappingURL=colorRamps.mjs.map

package/dist/esm/shared/colorRamps.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["markdownCodeColors","background","base","border","text","muted","markdownBlockquoteColors","markdownTableColors","header","markdownLinkColors","hover","markdownCommonColors","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":"AAKO,MAAMA,kBAAA,GAAqB;EAChCC,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;IACNG,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,wBAAA,GAA2B;EACtCL,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;EACR;AACF;AAEO,MAAMK,mBAAA,GAAsB;EACjCN,UAAA,EAAY;IACVC,IAAA,EAAM;IACNM,MAAA,EAAQ;EACV;EACAL,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;AACF;AAEO,MAAMO,kBAAA,GAAqB;EAChCL,IAAA,EAAM;IACJF,IAAA,EAAM;IACNQ,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,oBAAA,GAAuB;EAClCP,IAAA,EAAM;EACNC,KAAA,EAAO;EACPO,OAAA,EAAS;AACX","ignoreList":[]}
+{"version":3,"names":["markdownCodeColors","background","base","border","text","muted","markdownBlockquoteColors","markdownLinkColors","hover","markdownCommonColors","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":"AAKO,MAAMA,kBAAA,GAAqB;EAChCC,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;IACNG,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,wBAAA,GAA2B;EACtCL,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;EACR;AACF;AAEO,MAAMK,kBAAA,GAAqB;EAChCH,IAAA,EAAM;IACJF,IAAA,EAAM;IACNM,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,oBAAA,GAAuB;EAClCL,IAAA,EAAM;EACNC,KAAA,EAAO;EACPK,OAAA,EAAS;AACX","ignoreList":[]}

package/dist/esm/shared/colorRamps.native.js

@@ -21,15 +21,6 @@ var markdownBlockquoteColors = {
     base: "$color11"
   }
 };
-var markdownTableColors = {
-  background: {
-    base: "transparent",
-    header: "$color3"
-  },
-  border: {
-    base: "$borderColor"
-  }
-};
 var markdownLinkColors = {
   text: {
     base: "$blue10",
@@ -41,5 +32,5 @@ var markdownCommonColors = {
   muted: "$color11",
   divider: "$color6"
 };
-export { markdownBlockquoteColors, markdownCodeColors, markdownCommonColors, markdownLinkColors, markdownTableColors };
+export { markdownBlockquoteColors, markdownCodeColors, markdownCommonColors, markdownLinkColors };
 //# sourceMappingURL=colorRamps.native.js.map

package/dist/esm/shared/colorRamps.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["markdownCodeColors","background","base","border","text","muted","markdownBlockquoteColors","markdownTableColors","header","markdownLinkColors","hover","markdownCommonColors","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":"AAKO,IAAAA,kBAAM;EACXC,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;IACNG,KAAA,EAAO;EACT;AACF;AAEO,IAAAC,wBAAM;EACXL,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;EACR;AACF;AAEO,IAAAK,mBAAM;EACXN,UAAA,EAAY;IACVC,IAAA,EAAM;IACNM,MAAA,EAAQ;EACV;EACAL,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;AACF;AAEO,IAAAO,kBAAM;EACXL,IAAA,EAAM;IACJF,IAAA,EAAM;IACNQ,KAAA,EAAO;EACT;AACF;AAEO,IAAAC,oBAAM;EACXP,IAAA,EAAM;EACNC,KAAA,EAAO;EACPO,OAAA,EAAS;AACX","ignoreList":[]}
+{"version":3,"names":["markdownCodeColors","background","base","border","text","muted","markdownBlockquoteColors","markdownLinkColors","hover","markdownCommonColors","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":"AAKO,IAAAA,kBAAM;EACXC,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;IACNG,KAAA,EAAO;EACT;AACF;AAEO,IAAAC,wBAAM;EACXL,UAAA,EAAY;IACVC,IAAA,EAAM;EACR;EACAC,MAAA,EAAQ;IACND,IAAA,EAAM;EACR;EACAE,IAAA,EAAM;IACJF,IAAA,EAAM;EACR;AACF;AAEO,IAAAK,kBAAM;EACXH,IAAA,EAAM;IACJF,IAAA,EAAM;IACNM,KAAA,EAAO;EACT;AACF;AAEO,IAAAC,oBAAM;EACXL,IAAA,EAAM;EACNC,KAAA,EAAO;EACPK,OAAA,EAAS;AACX","ignoreList":[]}

package/dist/esm/shared/cutoffGradient.mjs

@@ -0,0 +1,28 @@
+import { useTheme } from "tamagui";
+function toTransparent(color) {
+  const fnMatch = color.match(/^(rgb|hsl)a?\(([^)]+)\)$/i);
+  if (fnMatch) {
+    const parts = fnMatch[2].split(",").map(part => part.trim());
+    const [a, b, c] = parts;
+    return `${fnMatch[1].toLowerCase()}a(${a}, ${b}, ${c}, 0)`;
+  }
+  const hexMatch = color.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (hexMatch) {
+    let hex = hexMatch[1];
+    if (hex.length === 3) {
+      hex = hex.split("").map(char => char + char).join("");
+    }
+    const r = Number.parseInt(hex.slice(0, 2), 16);
+    const g = Number.parseInt(hex.slice(2, 4), 16);
+    const b = Number.parseInt(hex.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, 0)`;
+  }
+  return "transparent";
+}
+function useCutoffGradientColors() {
+  const theme = useTheme();
+  const background = theme.background?.val ?? "#ffffff";
+  return [toTransparent(background), background];
+}
+export { toTransparent, useCutoffGradientColors };
+//# sourceMappingURL=cutoffGradient.mjs.map

package/dist/esm/shared/cutoffGradient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","toTransparent","color","fnMatch","match","parts","split","map","part","trim","a","b","c","toLowerCase","hexMatch","hex","length","char","join","r","Number","parseInt","slice","g","useCutoffGradientColors","theme","background","val"],"sources":["../../../src/shared/cutoffGradient.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAMlB,SAASC,cAAcC,KAAA,EAAuB;EACnD,MAAMC,OAAA,GAAUD,KAAA,CAAME,KAAA,CAAM,2BAA2B;EACvD,IAAID,OAAA,EAAS;IACX,MAAME,KAAA,GAAQF,OAAA,CAAQ,CAAC,EAAEG,KAAA,CAAM,GAAG,EAAEC,GAAA,CAAKC,IAAA,IAASA,IAAA,CAAKC,IAAA,CAAK,CAAC;IAC7D,MAAM,CAACC,CAAA,EAAGC,CAAA,EAAGC,CAAC,IAAIP,KAAA;IAClB,OAAO,GAAGF,OAAA,CAAQ,CAAC,EAAEU,WAAA,CAAY,CAAC,KAAKH,CAAC,KAAKC,CAAC,KAAKC,CAAC;EACtD;EACA,MAAME,QAAA,GAAWZ,KAAA,CAAME,KAAA,CAAM,+BAA+B;EAC5D,IAAIU,QAAA,EAAU;IACZ,IAAIC,GAAA,GAAMD,QAAA,CAAS,CAAC;IACpB,IAAIC,GAAA,CAAIC,MAAA,KAAW,GAAG;MACpBD,GAAA,GAAMA,GAAA,CACHT,KAAA,CAAM,EAAE,EACRC,GAAA,CAAKU,IAAA,IAASA,IAAA,GAAOA,IAAI,EACzBC,IAAA,CAAK,EAAE;IACZ;IACA,MAAMC,CAAA,GAAIC,MAAA,CAAOC,QAAA,CAASN,GAAA,CAAIO,KAAA,CAAM,GAAG,CAAC,GAAG,EAAE;IAC7C,MAAMC,CAAA,GAAIH,MAAA,CAAOC,QAAA,CAASN,GAAA,CAAIO,KAAA,CAAM,GAAG,CAAC,GAAG,EAAE;IAC7C,MAAMX,CAAA,GAAIS,MAAA,CAAOC,QAAA,CAASN,GAAA,CAAIO,KAAA,CAAM,GAAG,CAAC,GAAG,EAAE;IAC7C,OAAO,QAAQH,CAAC,KAAKI,CAAC,KAAKZ,CAAC;EAC9B;EACA,OAAO;AACT;AAOO,SAASa,wBAAA,EAA4C;EAC1D,MAAMC,KAAA,GAAQzB,QAAA,CAAS;EACvB,MAAM0B,UAAA,GAAaD,KAAA,CAAMC,UAAA,EAAYC,GAAA,IAAO;EAC5C,OAAO,CAAC1B,aAAA,CAAcyB,UAAU,GAAGA,UAAU;AAC/C","ignoreList":[]}

package/dist/esm/shared/cutoffGradient.native.js

@@ -0,0 +1,34 @@
+import { useTheme } from "tamagui";
+function toTransparent(color) {
+  var fnMatch = color.match(/^(rgb|hsl)a?\(([^)]+)\)$/i);
+  if (fnMatch) {
+    var parts = fnMatch[2].split(",").map(function (part) {
+      return part.trim();
+    });
+    var [a, b, c] = parts;
+    return `${fnMatch[1].toLowerCase()}a(${a}, ${b}, ${c}, 0)`;
+  }
+  var hexMatch = color.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (hexMatch) {
+    var hex = hexMatch[1];
+    if (hex.length === 3) {
+      hex = hex.split("").map(function (char) {
+        return char + char;
+      }).join("");
+    }
+    var r = Number.parseInt(hex.slice(0, 2), 16);
+    var g = Number.parseInt(hex.slice(2, 4), 16);
+    var b1 = Number.parseInt(hex.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b1}, 0)`;
+  }
+  return "transparent";
+}
+function useCutoffGradientColors() {
+  var _ref;
+  var _theme_background;
+  var theme = useTheme();
+  var background = (_ref = (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.val) !== null && _ref !== void 0 ? _ref : "#ffffff";
+  return [toTransparent(background), background];
+}
+export { toTransparent, useCutoffGradientColors };
+//# sourceMappingURL=cutoffGradient.native.js.map

package/dist/esm/shared/cutoffGradient.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","toTransparent","color","fnMatch","match","parts","split","map","part","trim","a","b","c","toLowerCase","hexMatch","hex","length","char","join","r","Number","parseInt","slice","g","b1","useCutoffGradientColors"],"sources":["../../../src/shared/cutoffGradient.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAMlB,SAASC,cAAcC,KAAA,EAAuB;EACnD,IAAAC,OAAM,GAAAD,KAAU,CAAAE,KAAM,4BAAM;EAC5B,IAAID,OAAA,EAAS;IACX,IAAAE,KAAM,GAAAF,OAAQ,GAAQ,CAACG,KAAE,IAAM,EAAGC,GAAE,WAAKC,IAAS;MAClD,OAAOA,IAAM,CAACC,IAAI;IAClB;IACF,KAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,IAAAP,KAAA;IACA,OAAM,GAAAF,OAAW,IAAMU,WAAM,OAAAH,CAAA,KAAAC,CAAA,KAAAC,CAAA,MAA+B;EAC5D;EACE,IAAAE,QAAU,GAAAZ,KAAA,CAASE,KAAC;EACpB,IAAAU,QAAQ;IACN,IAAAC,GAAA,GAAMD,QACG,EAAE;IAGb,IAAAC,GAAA,CAAAC,MAAA;MACAD,GAAA,GAAMA,GAAI,CAAAT,KAAO,KAAAC,GAAA,CAAS,UAAIU,IAAS,EAAC;QACxC,OAAUA,IAAA,GAAOA,IAAA;MACjB,GAAAC,IAAM,CAAI;IACV;IACF,IAAAC,CAAA,GAAAC,MAAA,CAAAC,QAAA,CAAAN,GAAA,CAAAO,KAAA;IACA,IAAAC,CAAO,GAAAH,MAAA,CAAAC,QAAA,CAAAN,GAAA,CAAAO,KAAA;IACT,IAAAE,EAAA,GAAAJ,MAAA,CAAAC,QAAA,CAAAN,GAAA,CAAAO,KAAA;IAOO,OAAS,QAAAH,CAAA,KAAAI,CAAA,KAAAC,EAAA,MAA4C;EAC1D;EACA,OAAM,aAAa;AACnB;AACF,SAAAC,wBAAA","ignoreList":[]}

package/dist/esm/shiki/index.mjs

@@ -1,3 +1,2 @@
-import { getHighlighter, highlightCode, highlightCodeSync, preloadHighlighter, loadLanguage, isHighlighterReady } from "./highlighter.mjs";
-export { getHighlighter, highlightCode, highlightCodeSync, isHighlighterReady, loadLanguage, preloadHighlighter };
+
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["getHighlighter","highlightCode","highlightCodeSync","preloadHighlighter","loadLanguage","isHighlighterReady"],"sources":["../../../src/shiki/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,cAAA,EACAC,aAAA,EACAC,iBAAA,EACAC,kBAAA,EACAC,YAAA,EACAC,kBAAA,QAIK","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

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

@@ -1,3 +1,2 @@
-import { getHighlighter, highlightCode, highlightCodeSync, preloadHighlighter, loadLanguage, isHighlighterReady } from "./highlighter.native.js";
-export { getHighlighter, highlightCode, highlightCodeSync, isHighlighterReady, loadLanguage, preloadHighlighter };
+
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getHighlighter","highlightCode","highlightCodeSync","preloadHighlighter","loadLanguage","isHighlighterReady"],"sources":["../../../src/shiki/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,cAAA,EAAAC,aAAA,EAAAC,iBAAA,EAAAC,kBAAA,EAAAC,YAAA,EAAAC,kBAAA;AAAA,SAEEL,cAAA,EACAC,aAAA,EACAC,iBAAA,EACAG,kBAAA,EACAD,YAAA,EAAAD,kBAIK","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/jsx/Aside/index.mjs

@@ -1,11 +1,14 @@
+import { Alert } from "@multiplatform.one/components";
 import { LinearGradient } from "@tamagui/linear-gradient";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { useState } from "react";
-import { Button, Paragraph, Spacer, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Paragraph, XStack, YStack } from "tamagui";
+import { useCutoffGradientColors } from "../shared/cutoffGradient.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const zIndex = {
   localTop: 100
 };
+const cutoffMaxHeight = 300;
 function MDXAside({
   children,
   ...props
@@ -13,9 +16,12 @@ function MDXAside({
   const {
     knobProps
   } = useResolvedKnobs();
+  const gradientColors = useCutoffGradientColors();
   const areChildrenString = typeof children === "string";
-  const shouldCutoff = !areChildrenString;
-  const [cutoff, setCutoff] = useState(shouldCutoff);
+  const [expanded, setExpanded] = useState(false);
+  const [contentHeight, setContentHeight] = useState();
+  const shouldCutoff = !areChildrenString && (contentHeight === void 0 || contentHeight > cutoffMaxHeight);
+  const cutoff = shouldCutoff && !expanded;
   return /* @__PURE__ */jsxs(YStack, {
     render: "aside",
     ...knobProps.gap,
@@ -31,7 +37,7 @@ function MDXAside({
       paddingBottom: "$10",
       backgroundColor: "$color1",
       borderColor: "$borderColor",
-      maxHeight: 300,
+      maxHeight: cutoffMaxHeight,
       overflow: "hidden"
     }),
     ...props,
@@ -39,22 +45,30 @@ function MDXAside({
       color: "$color10",
       marginVertical: "$-5",
       children
-    }) : children, shouldCutoff && cutoff && /* @__PURE__ */jsxs(LinearGradient, {
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      height: 200,
-      colors: ["$backgroundTransparent", "$background"],
-      zIndex: zIndex.localTop,
-      children: [/* @__PURE__ */jsx(Spacer, {
-        flex: 1
-      }), /* @__PURE__ */jsx(Button, {
-        onPress: () => setCutoff(!cutoff),
-        alignSelf: "center",
-        children: "Show more"
-      }), /* @__PURE__ */jsx(Spacer, {
-        size: "$4"
+    }) : /* @__PURE__ */jsx(YStack, {
+      onLayout: event => setContentHeight(event.nativeEvent.layout.height),
+      children
+    }), cutoff && /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(LinearGradient, {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: 200,
+        colors: gradientColors,
+        pointerEvents: "none",
+        zIndex: zIndex.localTop
+      }), /* @__PURE__ */jsx(XStack, {
+        position: "absolute",
+        bottom: "$4",
+        left: 0,
+        right: 0,
+        justifyContent: "center",
+        zIndex: zIndex.localTop + 1,
+        children: /* @__PURE__ */jsx(Button, {
+          onPress: () => setExpanded(true),
+          children: "Show more"
+        })
       })]
     })]
   });
@@ -63,23 +77,14 @@ function MDXNote({
   children,
   ...props
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
-  return /* @__PURE__ */jsx(YStack, {
+  return /* @__PURE__ */jsx(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__ */jsx(Paragraph, {
-      color: "$color11",
-      children
-    }) : children
+    children
   });
 }
 export { MDXAside, MDXNote };

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

@@ -1 +1 @@
-{"version":3,"names":["LinearGradient","useResolvedKnobs","useState","Button","Paragraph","Spacer","YStack","jsx","jsxs","zIndex","localTop","MDXAside","children","props","knobProps","areChildrenString","shouldCutoff","cutoff","setCutoff","render","gap","borderRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","color","bottom","left","right","height","colors","flex","onPress","alignSelf","size","MDXNote","marginBottom"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgC;AACzC,SAASC,MAAA,EAAQC,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AAoC1C,SAAAC,GAAA,EAQAC,IAAA,QARA;AAlCR,MAAMC,MAAA,GAAS;EAAEC,QAAA,EAAU;AAAI;AAMxB,SAASC,SAAS;EAAEC,QAAA;EAAU,GAAGC;AAAM,GAA4C;EACxF,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EACvC,MAAMc,iBAAA,GAAoB,OAAOH,QAAA,KAAa;EAC9C,MAAMI,YAAA,GAAe,CAACD,iBAAA;EACtB,MAAM,CAACE,MAAA,EAAQC,SAAS,IAAIhB,QAAA,CAASc,YAAY;EAEjD,OACE,eAAAR,IAAA,CAACF,MAAA;IACCa,MAAA,EAAO;IACN,GAAGL,SAAA,CAAUM,GAAA;IACdC,YAAA,EAAcP,SAAA,CAAUO,YAAA,CAAaA,YAAA;IACpC,GAAGP,SAAA,CAAUQ,YAAA;IACdC,gBAAA,EAAiB;IACjBC,SAAA,EAAU;IACVC,QAAA,EAAS;IACR,IAAIR,MAAA,IAAU;MACbS,cAAA,EAAgB;MAChBC,iBAAA,EAAmBb,SAAA,CAAUQ,YAAA,CAAaM,OAAA;MAC1CC,WAAA,EAAa;MACbC,aAAA,EAAe;MACfC,eAAA,EAAiB;MACjBC,WAAA,EAAa;MACbC,SAAA,EAAW;MACXC,QAAA,EAAU;IACZ;IACC,GAAGrB,KAAA;IAEHD,QAAA,GAAAG,iBAAA,GACC,eAAAR,GAAA,CAACH,SAAA;MAAU+B,KAAA,EAAM;MAAWT,cAAA,EAAe;MACxCd;IAAA,CACH,IAEAA,QAAA,EAGDI,YAAA,IAAgBC,MAAA,IACf,eAAAT,IAAA,CAACR,cAAA;MACCyB,QAAA,EAAS;MACTW,MAAA,EAAQ;MACRC,IAAA,EAAM;MACNC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,MAAA,EAAQ,CAAC,0BAA0B,aAAa;MAChD/B,MAAA,EAAQA,MAAA,CAAOC,QAAA;MAEfE,QAAA,kBAAAL,GAAA,CAACF,MAAA;QAAOoC,IAAA,EAAM;MAAA,CAAG,GACjB,eAAAlC,GAAA,CAACJ,MAAA;QAAOuC,OAAA,EAASA,CAAA,KAAMxB,SAAA,CAAU,CAACD,MAAM;QAAG0B,SAAA,EAAU;QAAS/B,QAAA;MAAA,CAE9D,GACA,eAAAL,GAAA,CAACF,MAAA;QAAOuC,IAAA,EAAK;MAAA,CAAK;IAAA,CACpB;EAAA,CAEJ;AAEJ;AAMO,SAASC,QAAQ;EAAEjC,QAAA;EAAU,GAAGC;AAAM,GAA2C;EACtF,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EACvC,OACE,eAAAM,GAAA,CAACD,MAAA;IACCa,MAAA,EAAO;IACPK,SAAA,EAAU;IACVsB,YAAA,EAAa;IACbzB,YAAA,EAAcP,SAAA,CAAUO,YAAA,CAAaA,YAAA;IACpC,GAAGP,SAAA,CAAUQ,YAAA;IACdO,WAAA,EAAa;IACbG,WAAA,EAAY;IACZD,eAAA,EAAgB;IACf,GAAGlB,KAAA;IAEHD,QAAA,SAAOA,QAAA,KAAa,WAAW,eAAAL,GAAA,CAACH,SAAA;MAAU+B,KAAA,EAAM;MAAYvB;IAAA,CAAS,IAAeA;EAAA,CACvF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Alert","LinearGradient","useResolvedKnobs","useState","Button","Paragraph","XStack","YStack","useCutoffGradientColors","Fragment","jsx","jsxs","zIndex","localTop","cutoffMaxHeight","MDXAside","children","props","knobProps","gradientColors","areChildrenString","expanded","setExpanded","contentHeight","setContentHeight","shouldCutoff","cutoff","render","gap","borderRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","color","onLayout","event","nativeEvent","layout","height","bottom","left","right","colors","pointerEvents","justifyContent","onPress","MDXNote","intent","icon","marginBottom"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/Aside/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Aside_exports","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"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Aside_exports","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"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/ExternalIcon/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"names":["Path","Svg","useTheme","jsx","ExternalIcon","theme","color","val","style","opacity","width","height","viewBox","children","d","fill"],"sources":["../../../src/ExternalIcon/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,GAAA,QAAW;AAC1B,SAASC,QAAA,QAAgB;AAOnB,SAAAC,GAAA;AALC,SAASC,aAAA,EAAe;EAC7B,MAAMC,KAAA,GAAQH,QAAA,CAAS;EACvB,MAAMI,KAAA,GAAQD,KAAA,CAAMC,KAAA,EAAOC,GAAA,IAAO;EAClC,OACE,eAAAJ,GAAA,CAACF,GAAA;IAAIO,KAAA,EAAO;MAAEC,OAAA,EAAS;IAAI;IAAGC,KAAA,EAAM;IAAKC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAC3DC,QAAA,iBAAAV,GAAA,CAACH,IAAA;MACCc,CAAA,EAAE;MACFC,IAAA,EAAMT;IAAA,CACR;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Path","Svg","useTheme","jsx","ExternalIcon","theme","color","val","role","style","opacity","width","height","viewBox","children","d","fill"],"sources":["../../../src/ExternalIcon/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,GAAA,QAAW;AAC1B,SAASC,QAAA,QAAgB;AAcnB,SAAAC,GAAA;AAZC,SAASC,aAAA,EAAe;EAC7B,MAAMC,KAAA,GAAQH,QAAA,CAAS;EACvB,MAAMI,KAAA,GAAQD,KAAA,CAAMC,KAAA,EAAOC,GAAA,IAAO;EAClC,OACE,eAAAJ,GAAA,CAACF,GAAA;IACC,eAAa;IACbO,IAAA,EAAK;IACLC,KAAA,EAAO;MAAEC,OAAA,EAAS;IAAI;IACtBC,KAAA,EAAM;IACNC,MAAA,EAAO;IACPC,OAAA,EAAQ;IAERC,QAAA,iBAAAX,GAAA,CAACH,IAAA;MACCe,CAAA,EAAE;MACFC,IAAA,EAAMV;IAAA,CACR;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/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/jsx/ExternalIcon/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call"],"sources":["../../../src/ExternalIcon/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AAOnB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AALC,IAAAC,iBAAS,GAAeJ,MAAA,CAAAK,mBAAA;AAC7B,IAAAC,YAAc,GAAAN,MAAS,CAAAO,SAAA,CAAAC,cAAA;AACvB,IAAAC,QAAM,GAAAA,CAAQC,MAAM,EAAAC,GAAA,KAAO;EAC3B,SACEC,IAAA,IAAAD,GAAA,EACGZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAA,IAAAC,WACG,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACFF,IAAA,IAAM,OAAAA,IAAA,wBAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAEV,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEJnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ExternalIcon_exports","ExternalIcon","module","exports","import_jsx_runtime","require","import_react_native_svg"],"sources":["../../../src/ExternalIcon/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AAcnB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAZC,IAAAC,iBAAS,GAAeJ,MAAA,CAAAK,mBAAA;AAC7B,IAAAC,YAAc,GAAAN,MAAS,CAAAO,SAAA,CAAAC,cAAA;AACvB,IAAAC,QAAM,GAAAA,CAAQC,MAAM,EAAAC,GAAA,KAAO;EAC3B,SACEC,IAAA,IAAAD,GAAA,EAACZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAA,IAAAC,WACC,GAAAA,CAAAC,EAAa,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACbF,IAAA,IAAK,OAAAA,IAAA,wBAAAA,IAAA;IAAA,KACL,IAAOG,GAAE,IAAAhB,iBAAa,CAAAa,IAAA,GACtB,KAAAX,YAAM,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACNnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACC,OAERE,EAAA;AAAA;AAAC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,oBACG;AAAAhB,QAAA,CAAAgB,oBACI;EAAAC,YAAA,EAAAA,CAAA,KAAAA;AAAA;AACRC,MAAA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,oBAAA;AAAA,IACFI,kBAAA,GAAAC,OAAA;AAEJ,IAAAC,uBAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/jsx/Hr/index.mjs

@@ -1,16 +1,8 @@
-import { YStack } from "tamagui";
+import { Separator } from "tamagui";
 import { jsx } from "react/jsx-runtime";
-const HR = props => /* @__PURE__ */jsx(YStack, {
-  marginVertical: "$10",
-  marginBottom: "$8",
-  marginHorizontal: "auto",
-  width: "50%",
-  ...props,
-  children: /* @__PURE__ */jsx(YStack, {
-    borderBottomColor: "$borderColor",
-    borderBottomWidth: 1,
-    flex: 1
-  })
+const HR = props => /* @__PURE__ */jsx(Separator, {
+  marginVertical: "$4",
+  ...props
 });
 export { HR };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["YStack","jsx","HR","props","marginVertical","marginBottom","marginHorizontal","width","children","borderBottomColor","borderBottomWidth","flex"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAInB,SAAAC,GAAA;AAFG,MAAMC,EAAA,GAAMC,KAAA,IACjB,eAAAF,GAAA,CAACD,MAAA;EAAOI,cAAA,EAAe;EAAMC,YAAA,EAAa;EAAKC,gBAAA,EAAiB;EAAOC,KAAA,EAAM;EAAO,GAAGJ,KAAA;EACrFK,QAAA,iBAAAP,GAAA,CAACD,MAAA;IAAOS,iBAAA,EAAkB;IAAeC,iBAAA,EAAmB;IAAGC,IAAA,EAAM;EAAA,CAAG;AAAA,CAC1E","ignoreList":[]}
+{"version":3,"names":["Separator","jsx","HR","props","marginVertical"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAGQ,SAAAC,GAAA;AAA3B,MAAMC,EAAA,GAAMC,KAAA,IAAe,eAAAF,GAAA,CAACD,SAAA;EAAUI,cAAA,EAAe;EAAM,GAAGD;AAAA,CAAO","ignoreList":[]}

package/dist/jsx/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/jsx/Hr/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAIL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAFG,IAAAC,gBAAY,GACjBF,MAAA,CAAAG,wBAAQ","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAGyB,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAA3B,IAAAC,gBAAY,GAAeF,MAAA,CAAAG,wBAAC","ignoreList":[]}

package/dist/jsx/{SimpleTable → MarkdownSimpleTable}/index.mjs

@@ -1,6 +1,7 @@
 import { Paragraph, ScrollView, Text, useMedia } from "tamagui";
 import { Table } from "@multiplatform.one/table-primitives";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Link } from "../components/Link.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
 function parseCell(content) {
@@ -18,12 +19,14 @@ function parseCell(content) {
     if (match[1]) {
       parts.push(/* @__PURE__ */jsx(Text, {
         fontWeight: "700",
-        color: "$blue10",
-        children: match[2]
+        children: /* @__PURE__ */jsx(Link, {
+          href: match[3],
+          children: match[2]
+        })
       }, key));
     } else if (match[4]) {
-      parts.push(/* @__PURE__ */jsx(Text, {
-        color: "$blue10",
+      parts.push(/* @__PURE__ */jsx(Link, {
+        href: match[6],
         children: match[5]
       }, key));
     } else if (match[7]) {
@@ -48,7 +51,7 @@ function parseCell(content) {
   }
   return parts.length === 1 ? parts[0] : parts;
 }
-function SimpleTable({
+function MarkdownSimpleTable({
   headers,
   rows
 }) {
@@ -58,6 +61,12 @@ function SimpleTable({
   const media = useMedia();
   const isMobile = media.sm;
   const table = /* @__PURE__ */jsxs(Table, {
+    render: "table",
+    width: "auto",
+    cellWidth: "auto",
+    style: {
+      tableLayout: "auto"
+    },
     borderColor: "$borderColor",
     borderRadius: knobProps.borderRadius.borderRadius,
     alignCells: {
@@ -72,9 +81,12 @@ function SimpleTable({
       minWidth: 760
     }),
     children: [/* @__PURE__ */jsx(Table.Head, {
+      render: "thead",
       children: /* @__PURE__ */jsx(Table.Row, {
+        render: "tr",
         rowLocation: "first",
         children: headers.map((header, headerIdx) => /* @__PURE__ */jsx(Table.HeaderCell, {
+          render: "th",
           children: /* @__PURE__ */jsx(Paragraph, {
             size: "$4",
             fontWeight: "600",
@@ -83,11 +95,17 @@ function SimpleTable({
         }, `h-${headerIdx}`))
       })
     }), /* @__PURE__ */jsx(Table.Body, {
+      render: "tbody",
       children: rows.map((row, rowIdx) => /* @__PURE__ */jsx(Table.Row, {
+        render: "tr",
         rowLocation: rowIdx === rows.length - 1 ? "last" : "middle",
         children: row.map((cell, cellIdx) => /* @__PURE__ */jsx(Table.Cell, {
+          render: "td",
           children: /* @__PURE__ */jsx(Paragraph, {
+            render: "span",
+            display: "block",
             size: "$4",
+            maxWidth: 480,
             children: parseCell(cell)
           })
         }, `c-${rowIdx}-${cellIdx}`))
@@ -103,5 +121,5 @@ function SimpleTable({
   }
   return table;
 }
-export { SimpleTable };
+export { MarkdownSimpleTable };
 //# sourceMappingURL=index.mjs.map