@multiplatform.one/markdown 6.1.0 → 6.3.0

package/dist/esm/components/Table.mjs

@@ -1,34 +1,59 @@
+import { Children, isValidElement } from "react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { View, Text, XStack, YStack, ScrollView } from "tamagui";
-import { markdownTableColors } from "../shared/colorRamps.mjs";
-import { jsx } from "react/jsx-runtime";
+import { Paragraph, ScrollView, YStack } from "tamagui";
+import { Table } from "@multiplatform.one/table-primitives";
+import { jsx, jsxs } from "react/jsx-runtime";
+function isHeaderRow(row) {
+  return isValidElement(row) && Boolean(row.props.isHeader);
+}
 function MarkdownTable({
   children
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
+  const rows = Children.toArray(children);
+  const headerRows = rows.filter(row => isHeaderRow(row));
+  const bodyRows = rows.filter(row => !isHeaderRow(row));
   return /* @__PURE__ */jsx(ScrollView, {
     horizontal: true,
+    showsHorizontalScrollIndicator: false,
     marginVertical: "$3",
     children: /* @__PURE__ */jsx(YStack, {
-      ...knobProps.borderRadiusOuter,
-      borderWidth: 1,
-      borderColor: markdownTableColors.border.base,
-      overflow: "hidden",
       minWidth: "100%",
-      children
+      children: /* @__PURE__ */jsxs(Table, {
+        render: "table",
+        width: "auto",
+        cellWidth: "auto",
+        style: {
+          tableLayout: "auto"
+        },
+        borderColor: "$borderColor",
+        borderRadius: knobProps.borderRadius.borderRadius,
+        alignCells: {
+          x: "start",
+          y: "center"
+        },
+        alignHeaderCells: {
+          x: "start",
+          y: "center"
+        },
+        children: [headerRows.length > 0 && /* @__PURE__ */jsx(Table.Head, {
+          render: "thead",
+          children: headerRows
+        }), /* @__PURE__ */jsx(Table.Body, {
+          render: "tbody",
+          children: bodyRows
+        })]
+      })
     })
   });
 }
 function MarkdownTableRow({
-  children,
-  isHeader
+  children
 }) {
-  return /* @__PURE__ */jsx(XStack, {
-    backgroundColor: isHeader ? markdownTableColors.background.header : markdownTableColors.background.base,
-    borderBottomWidth: isHeader ? 1 : 0.5,
-    borderBottomColor: markdownTableColors.border.base,
+  return /* @__PURE__ */jsx(Table.Row, {
+    render: "tr",
     children
   });
 }
@@ -37,20 +62,28 @@ function MarkdownTableCell({
   isHeader,
   align
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
   const textAlign = align || "left";
-  return /* @__PURE__ */jsx(View, {
-    flex: 1,
-    paddingHorizontal: knobProps.gap.gap,
-    paddingVertical: "$2",
-    borderRightWidth: 0.5,
-    borderRightColor: markdownTableColors.border.base,
-    justifyContent: "center",
-    children: /* @__PURE__ */jsx(Text, {
-      fontWeight: isHeader ? "600" : "normal",
+  if (isHeader) {
+    return /* @__PURE__ */jsx(Table.HeaderCell, {
+      render: "th",
+      children: /* @__PURE__ */jsx(Paragraph, {
+        render: "span",
+        display: "block",
+        size: "$4",
+        fontWeight: "600",
+        textAlign,
+        children
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Table.Cell, {
+    render: "td",
+    children: /* @__PURE__ */jsx(Paragraph, {
+      render: "span",
+      display: "block",
+      size: "$4",
       textAlign,
+      maxWidth: 480,
       children
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","View","Text","XStack","YStack","ScrollView","markdownTableColors","jsx","MarkdownTable","children","knobProps","horizontal","marginVertical","borderRadiusOuter","borderWidth","borderColor","border","base","overflow","minWidth","MarkdownTableRow","isHeader","backgroundColor","background","header","borderBottomWidth","borderBottomColor","MarkdownTableCell","align","textAlign","flex","paddingHorizontal","gap","paddingVertical","borderRightWidth","borderRightColor","justifyContent","fontWeight"],"sources":["../../../src/components/Table.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,MAAA,EAAQC,UAAA,QAAkB;AACvD,SAASC,mBAAA,QAA2B;AAQ9B,SAAAC,GAAA;AALC,SAASC,cAAc;EAAEC;AAAS,GAAe;EACtD,MAAM;IAAEC;EAAU,IAAIV,gBAAA,CAAiB;EAEvC,OACE,eAAAO,GAAA,CAACF,UAAA;IAAWM,UAAA,EAAU;IAACC,cAAA,EAAe;IACpCH,QAAA,iBAAAF,GAAA,CAACH,MAAA;MACE,GAAGM,SAAA,CAAUG,iBAAA;MACdC,WAAA,EAAa;MACbC,WAAA,EAAaT,mBAAA,CAAoBU,MAAA,CAAOC,IAAA;MACxCC,QAAA,EAAS;MACTC,QAAA,EAAS;MAERV;IAAA,CACH;EAAA,CACF;AAEJ;AAEO,SAASW,iBAAiB;EAAEX,QAAA;EAAUY;AAAS,GAAkB;EACtE,OACE,eAAAd,GAAA,CAACJ,MAAA;IACCmB,eAAA,EACED,QAAA,GAAWf,mBAAA,CAAoBiB,UAAA,CAAWC,MAAA,GAASlB,mBAAA,CAAoBiB,UAAA,CAAWN,IAAA;IAEpFQ,iBAAA,EAAmBJ,QAAA,GAAW,IAAI;IAClCK,iBAAA,EAAmBpB,mBAAA,CAAoBU,MAAA,CAAOC,IAAA;IAE7CR;EAAA,CACH;AAEJ;AAEO,SAASkB,kBAAkB;EAAElB,QAAA;EAAUY,QAAA;EAAUO;AAAM,GAAmB;EAC/E,MAAM;IAAElB;EAAU,IAAIV,gBAAA,CAAiB;EACvC,MAAM6B,SAAA,GAAYD,KAAA,IAAS;EAE3B,OACE,eAAArB,GAAA,CAACN,IAAA;IACC6B,IAAA,EAAM;IACNC,iBAAA,EAAmBrB,SAAA,CAAUsB,GAAA,CAAIA,GAAA;IACjCC,eAAA,EAAgB;IAChBC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB7B,mBAAA,CAAoBU,MAAA,CAAOC,IAAA;IAC7CmB,cAAA,EAAe;IAEf3B,QAAA,iBAAAF,GAAA,CAACL,IAAA;MAAKmC,UAAA,EAAYhB,QAAA,GAAW,QAAQ;MAAUQ,SAAA;MAC5CpB;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Children","isValidElement","useResolvedKnobs","Paragraph","ScrollView","YStack","Table","jsx","jsxs","isHeaderRow","row","Boolean","props","isHeader","MarkdownTable","children","knobProps","rows","toArray","headerRows","filter","bodyRows","horizontal","showsHorizontalScrollIndicator","marginVertical","minWidth","render","width","cellWidth","style","tableLayout","borderColor","borderRadius","alignCells","x","y","alignHeaderCells","length","Head","Body","MarkdownTableRow","Row","MarkdownTableCell","align","textAlign","HeaderCell","display","size","fontWeight","Cell","maxWidth"],"sources":["../../../src/components/Table.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,QAAA,EAAUC,cAAA,QAAsB;AACzC,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,EAAWC,UAAA,EAAYC,MAAA,QAAc;AAC9C,SAASC,KAAA,QAAa;AAgBd,SAc4BC,GAAA,EAd5BC,IAAA;AAbR,SAASC,YAAYC,GAAA,EAAuB;EAC1C,OAAOT,cAAA,CAAeS,GAAG,KAAKC,OAAA,CAASD,GAAA,CAAIE,KAAA,CAAwBC,QAAQ;AAC7E;AAEO,SAASC,cAAc;EAAEC;AAAS,GAAe;EACtD,MAAM;IAAEC;EAAU,IAAId,gBAAA,CAAiB;EACvC,MAAMe,IAAA,GAAOjB,QAAA,CAASkB,OAAA,CAAQH,QAAQ;EACtC,MAAMI,UAAA,GAAaF,IAAA,CAAKG,MAAA,CAAQV,GAAA,IAAQD,WAAA,CAAYC,GAAG,CAAC;EACxD,MAAMW,QAAA,GAAWJ,IAAA,CAAKG,MAAA,CAAQV,GAAA,IAAQ,CAACD,WAAA,CAAYC,GAAG,CAAC;EAEvD,OACE,eAAAH,GAAA,CAACH,UAAA;IAAWkB,UAAA,EAAU;IAACC,8BAAA,EAAgC;IAAOC,cAAA,EAAe;IAC3ET,QAAA,iBAAAR,GAAA,CAACF,MAAA;MAAOoB,QAAA,EAAS;MACfV,QAAA,iBAAAP,IAAA,CAACF,KAAA;QACCoB,MAAA,EAAO;QAKPC,KAAA,EAAM;QACNC,SAAA,EAAU;QACVC,KAAA,EAAO;UAAEC,WAAA,EAAa;QAAO;QAC7BC,WAAA,EAAY;QACZC,YAAA,EAAchB,SAAA,CAAUgB,YAAA,CAAaA,YAAA;QACrCC,UAAA,EAAY;UAAEC,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QACtCC,gBAAA,EAAkB;UAAEF,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QAE3CpB,QAAA,GAAAI,UAAA,CAAWkB,MAAA,GAAS,KAAK,eAAA9B,GAAA,CAACD,KAAA,CAAMgC,IAAA,EAAN;UAAWZ,MAAA,EAAO;UAASX,QAAA,EAAAI;QAAA,CAAW,GACjE,eAAAZ,GAAA,CAACD,KAAA,CAAMiC,IAAA,EAAN;UAAWb,MAAA,EAAO;UAASX,QAAA,EAAAM;QAAA,CAAS;MAAA,CACvC;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASmB,iBAAiB;EAAEzB;AAAS,GAAkB;EAE5D,OAAO,eAAAR,GAAA,CAACD,KAAA,CAAMmC,GAAA,EAAN;IAAUf,MAAA,EAAO;IAAMX;EAAA,CAAS;AAC1C;AAEO,SAAS2B,kBAAkB;EAAE3B,QAAA;EAAUF,QAAA;EAAU8B;AAAM,GAAmB;EAC/E,MAAMC,SAAA,GAAYD,KAAA,IAAS;EAE3B,IAAI9B,QAAA,EAAU;IACZ,OACE,eAAAN,GAAA,CAACD,KAAA,CAAMuC,UAAA,EAAN;MAAiBnB,MAAA,EAAO;MACvBX,QAAA,iBAAAR,GAAA,CAACJ,SAAA;QAAUuB,MAAA,EAAO;QAAOoB,OAAA,EAAQ;QAAQC,IAAA,EAAK;QAAKC,UAAA,EAAW;QAAMJ,SAAA;QACjE7B;MAAA,CACH;IAAA,CACF;EAEJ;EAEA,OACE,eAAAR,GAAA,CAACD,KAAA,CAAM2C,IAAA,EAAN;IAAWvB,MAAA,EAAO;IAEjBX,QAAA,iBAAAR,GAAA,CAACJ,SAAA;MAAUuB,MAAA,EAAO;MAAOoB,OAAA,EAAQ;MAAQC,IAAA,EAAK;MAAKH,SAAA;MAAsBM,QAAA,EAAU;MAChFnC;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -1,7 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, isValidElement } from "react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { View, Text, XStack, YStack, ScrollView } from "tamagui";
-import { markdownTableColors } from "../shared/colorRamps.native.js";
+import { Paragraph, ScrollView, YStack } from "tamagui";
+import { Table } from "@multiplatform.one/table-primitives";
+function isHeaderRow(row) {
+  return /* @__PURE__ */isValidElement(row) && Boolean(row.props.isHeader);
+}
 function MarkdownTable(param) {
   var {
     children
@@ -9,28 +13,57 @@ function MarkdownTable(param) {
   var {
     knobProps
   } = useResolvedKnobs();
+  var rows = Children.toArray(children);
+  var headerRows = rows.filter(function (row) {
+    return isHeaderRow(row);
+  });
+  var bodyRows = rows.filter(function (row) {
+    return !isHeaderRow(row);
+  });
   return /* @__PURE__ */_jsx(ScrollView, {
     horizontal: true,
+    showsHorizontalScrollIndicator: false,
     marginVertical: "$3",
     children: /* @__PURE__ */_jsx(YStack, {
-      ...knobProps.borderRadiusOuter,
-      borderWidth: 1,
-      borderColor: markdownTableColors.border.base,
-      overflow: "hidden",
       minWidth: "100%",
-      children
+      children: /* @__PURE__ */_jsxs(Table, {
+        render: "table",
+        // Size by content inside the horizontal scroller: a real <table> with
+        // width:100% against the scroller's indefinite width hits Chromium's
+        // 1e6px table clamp. Auto width + auto layout = GitHub-style
+        // shrink-to-fit columns; cellWidth="auto" lifts the token width cap.
+        width: "auto",
+        cellWidth: "auto",
+        style: {
+          tableLayout: "auto"
+        },
+        borderColor: "$borderColor",
+        borderRadius: knobProps.borderRadius.borderRadius,
+        alignCells: {
+          x: "start",
+          y: "center"
+        },
+        alignHeaderCells: {
+          x: "start",
+          y: "center"
+        },
+        children: [headerRows.length > 0 && /* @__PURE__ */_jsx(Table.Head, {
+          render: "thead",
+          children: headerRows
+        }), /* @__PURE__ */_jsx(Table.Body, {
+          render: "tbody",
+          children: bodyRows
+        })]
+      })
     })
   });
 }
 function MarkdownTableRow(param) {
   var {
-    children,
-    isHeader
+    children
   } = param;
-  return /* @__PURE__ */_jsx(XStack, {
-    backgroundColor: isHeader ? markdownTableColors.background.header : markdownTableColors.background.base,
-    borderBottomWidth: isHeader ? 1 : 0.5,
-    borderBottomColor: markdownTableColors.border.base,
+  return /* @__PURE__ */_jsx(Table.Row, {
+    render: "tr",
     children
   });
 }
@@ -40,22 +73,31 @@ function MarkdownTableCell(param) {
     isHeader,
     align
   } = param;
-  var {
-    knobProps
-  } = useResolvedKnobs();
   var textAlign = align || "left";
-  return /* @__PURE__ */_jsx(View, {
-    flex: 1,
-    paddingHorizontal: knobProps.gap.gap,
-    paddingVertical: "$2",
-    borderRightWidth: 0.5,
-    borderRightColor: markdownTableColors.border.base,
-    justifyContent: "center",
-    children: /* @__PURE__ */_jsx(Text, {
-      fontWeight: isHeader ? "600" : "normal",
+  if (isHeader) {
+    return /* @__PURE__ */_jsx(Table.HeaderCell, {
+      render: "th",
+      children: /* @__PURE__ */_jsx(Paragraph, {
+        render: "span",
+        display: "block",
+        size: "$4",
+        fontWeight: "600",
+        textAlign,
+        children
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Table.Cell, {
+    render: "td",
+    children: (/* maxWidth caps the column's max-content contribution so long cells wrap */
+    /* @__PURE__ */_jsx(Paragraph, {
+      render: "span",
+      display: "block",
+      size: "$4",
       textAlign,
+      maxWidth: 480,
       children
-    })
+    }))
   });
 }
 export { MarkdownTable, MarkdownTableCell, MarkdownTableRow };

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useResolvedKnobs","View","Text","XStack","YStack","ScrollView","markdownTableColors","MarkdownTable","param","children","knobProps","horizontal","marginVertical","borderRadiusOuter","borderWidth","borderColor","border","base","overflow","minWidth","MarkdownTableRow","isHeader","backgroundColor","background","header","borderBottomWidth","borderBottomColor","MarkdownTableCell","align","textAlign","flex","paddingHorizontal","gap","paddingVertical","borderRightWidth","borderRightColor","justifyContent","fontWeight"],"sources":["../../../src/components/Table.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwB;AACjC,SAASC,gBAAY,QAAQ,0BAA0B;AACvD,SAASC,IAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAA2BC,UAAA;AAQ9B,SAAAC,mBAAA;AALC,SAASC,cAAcC,KAAE;EAC9B;IAAMC;EAAE,IAAUD,KAAI;EAEtB;IAAAE;EACE,IAAAV,gBAAC;EACC,OAAC,eAAAD,IAAA,CAAAM,UAAA;IAAAM,UAAA;IAAAC,cACK,EAAU;IAAAH,QACd,iBAAaV,IAAA,CAAAK,MAAA;MACb,GAAAM,SAAA,CAAaG,iBAAA;MACbC,WAAS;MACTC,WAAS,EAAAT,mBAAA,CAAAU,MAAA,CAAAC,IAAA;MAERC,QAAA;MAAAC,QAAA;MAELV;IAEJ;EAEO;AACL;AACE,SAACW,iBAAAZ,KAAA;EAAA;IAAAC,QAAA;IAAAY;EAAA,IAAAb,KAAA;EAAA,OACC,eACET,IAAA,CAAAI,MAAW;IAAuEmB,eAEpF,EAAAD,QAAmB,GAAAf,mBAAe,CAAAiB,UAAA,CAAAC,MAAA,GAAAlB,mBAAA,CAAAiB,UAAA,CAAAN,IAAA;IAAAQ,iBAClC,EAAAJ,QAAmB;IAA2BK,iBAE7C,EAAApB,mBAAA,CAAAU,MAAA,CAAAC,IAAA;IAAAR;EACH;AAEJ;AAEO,SAASkB,kBAAkBnB,KAAE;EAClC;IAAMC,QAAE;IAAAY,QAAc;IAAAO;EAAA,IAAApB,KAAiB;EACvC;IAAME;EAAA,IAAYV,gBAAS;EAE3B,IAAA6B,SACE,GAAAD,KAAA;EAAA,OAAC,eAAA7B,IAAA,CAAAE,IAAA;IAAA6B,IAAA;IAAAC,iBACO,EAAArB,SAAA,CAAAsB,GAAA,CAAAA,GAAA;IAAAC,eACN,MAAmB;IAAcC,gBACjC,KAAgB;IAAAC,gBAChB,EAAA7B,mBAAkB,CAAAU,MAAA,CAAAC,IAAA;IAAAmB,cAClB,UAAkB;IAA2B3B,QAC7C,iBAAeV,IAAA,CAAAG,IAAA;MAEfmC,UAAA,EAAAhB,QAAA,WAAC,QAAK;MAENQ,SAAA;MACFpB;IAEJ","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Children","isValidElement","useResolvedKnobs","Paragraph","ScrollView","YStack","Table","isHeaderRow","row","Boolean","props","isHeader","MarkdownTable","param","children","knobProps","rows","toArray","headerRows","filter","bodyRows","horizontal","showsHorizontalScrollIndicator","marginVertical","minWidth","render","width","cellWidth","style","tableLayout","borderColor","borderRadius","alignCells","x","y"],"sources":["../../../src/components/Table.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAA,QAAsB;AACzC,SAASC,QAAA,EAAAC,cAAwB;AACjC,SAASC,gBAAW,QAAY,0BAAc;AAC9C,SAASC,SAAA,EAAAC,UAAa,EAAAC,MAAA;AAgBd,SAc4BC,KAd5B;AAbR,SAASC,YAAYC,GAAA,EAAuB;EAC1C,OAAO,eAAeP,cAAQ,CAASO,GAAA,CAAI,IAAAC,OAAwB,CAAAD,GAAQ,CAAAE,KAAA,CAAAC,QAAA;AAC7E;AAEO,SAASC,cAAcC,KAAE;EAC9B;IAAMC;EAAE,IAAUD,KAAI;EACtB;IAAME;EAAO,IAAAb,gBAAiB,EAAQ;EACtC,IAAAc,IAAM,GAAAhB,QAAa,CAAAiB,OAAK,CAAAH,QAAQ;EAChC,IAAAI,UAAM,GAAWF,IAAA,CAAKG,MAAA,CAAO,UAASX,GAAC;IAEvC,OACED,WAAA,CAAAC,GAAA;EAEI,EAAC;EAAA,IAAAY,QAAA,GAAAJ,IAAA,CAAAG,MAAA,WAAAX,GAAA;IAAA,OACC,CAAAD,WAAO,CAAAC,GAAA;EAAA;EAKD,OACN,eAAUX,IAAA,CAAAO,UAAA;IAAAiB,UACH,EAAE;IAAoBC,8BACjB;IAAAC,cACZ,EAAc;IAAuBT,QACrC,iBAAiBjB,IAAS,CAAGQ,MAAA;MAC7BmB,QAAA;MAECV,QAAA,iBAAAf,KAAA,CAAAO,KAAA;QAAAmB,MAAA,SAAW;QACZ;QAAqC;QAAA;QAG3C;QAEJC,KAAA;QAEOC,SAAS;QAEdC,KAAO;UACTC,WAAA;QAEO,CAAS;QACRC,WAAA,EAAY,cAAS;QAEvBC,YAAU,EAAAhB,SAAA,CAAAgB,YAAA,CAAAA,YAAA;QACZC,UACE;UAMJC,CAAA;UAGEC,CAAA;QAOJ","ignoreList":[]}

package/dist/esm/hooks/useCompileMdx.mjs

@@ -1,38 +1,70 @@
 import { useEffect, useState } from "react";
+const logger = console;
+const frontmatterRegex = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+function parseFrontmatter(source) {
+  const match = source.match(frontmatterRegex);
+  if (!match) return {
+    content: source,
+    data: {}
+  };
+  const data = {};
+  for (const line of match[1].split(/\r?\n/)) {
+    const separatorIndex = line.indexOf(":");
+    if (separatorIndex <= 0) continue;
+    const key = line.slice(0, separatorIndex).trim();
+    let value = line.slice(separatorIndex + 1).trim();
+    if (/^(["']).*\1$/.test(value)) value = value.slice(1, -1);else if (value === "true") value = true;else if (value === "false") value = false;else if (value === "null") value = null;else if (value !== "" && !Number.isNaN(Number(value))) value = Number(value);
+    data[key] = value;
+  }
+  return {
+    content: source.slice(match[0].length),
+    data
+  };
+}
 function useCompileMdx(source, options) {
   const [code, setCode] = useState();
   const [frontmatter, setFrontmatter] = useState();
   useEffect(() => {
+    let cancelled = false;
     (async () => {
-      const [{
-        compile
-      }, {
-        default: grayMatter
-      }, {
-        default: rehypeAutolinkHeadings
-      }, {
-        default: rehypeSlug
-      }, {
-        default: remarkFrontmatter
-      }, {
-        default: remarkMdxFrontmatter
-      }, {
-        rehypeMetaAttributes
-      }] = await Promise.all([import("@mdx-js/mdx"), import("gray-matter"), import("rehype-autolink-headings"), import("rehype-slug"), import("remark-frontmatter"), import("remark-mdx-frontmatter"), import("../util/rehypeMetaAttributes.mjs")]);
-      const {
-        value
-      } = await compile(source, {
-        ...options,
-        development: false,
-        outputFormat: "function-body",
-        remarkPlugins: [...(options?.remarkPlugins || []), [remarkMdxFrontmatter, {
-          name: "frontmatter"
-        }], remarkFrontmatter],
-        rehypePlugins: [...(options?.rehypePlugins || []), rehypeAutolinkHeadings, rehypeMetaAttributes, rehypeSlug]
-      });
-      setCode(value.toString());
-      setFrontmatter(grayMatter(source));
+      try {
+        const [{
+          compile
+        }, {
+          default: rehypeAutolinkHeadings
+        }, {
+          default: rehypeSlug
+        }, {
+          default: remarkFrontmatter
+        }, {
+          default: remarkMdxFrontmatter
+        }, {
+          rehypeMetaAttributes
+        }] = await Promise.all([import("@mdx-js/mdx"), import("rehype-autolink-headings"), import("rehype-slug"), import("remark-frontmatter"), import("remark-mdx-frontmatter"), import("../util/rehypeMetaAttributes.mjs")]);
+        const {
+          value
+        } = await compile(source, {
+          ...options,
+          development: false,
+          outputFormat: "function-body",
+          remarkPlugins: [...(options?.remarkPlugins || []), [remarkMdxFrontmatter, {
+            name: "frontmatter"
+          }], remarkFrontmatter],
+          rehypePlugins: [...(options?.rehypePlugins || []), rehypeAutolinkHeadings, rehypeMetaAttributes, rehypeSlug]
+        });
+        if (cancelled) return;
+        setCode(value.toString());
+        setFrontmatter(parseFrontmatter(source));
+      } catch (err) {
+        if (cancelled) return;
+        logger.error("useCompileMdx: failed to compile MDX source", err);
+        setCode(void 0);
+        setFrontmatter(void 0);
+      }
     })();
+    return () => {
+      cancelled = true;
+    };
   }, [source, options]);
   if (!code || !frontmatter) return {};
   return {
@@ -40,5 +72,5 @@ function useCompileMdx(source, options) {
     frontmatter
   };
 }
-export { useCompileMdx };
+export { parseFrontmatter, useCompileMdx };
 //# sourceMappingURL=useCompileMdx.mjs.map

package/dist/esm/hooks/useCompileMdx.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","useCompileMdx","source","options","code","setCode","frontmatter","setFrontmatter","compile","default","grayMatter","rehypeAutolinkHeadings","rehypeSlug","remarkFrontmatter","remarkMdxFrontmatter","rehypeMetaAttributes","Promise","all","value","development","outputFormat","remarkPlugins","name","rehypePlugins","toString"],"sources":["../../../src/hooks/useCompileMdx.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AAE7B,SAASC,cACdC,MAAA,EACAC,OAAA,EAIA;EACA,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIL,QAAA,CAA6B;EACrD,MAAM,CAACM,WAAA,EAAaC,cAAc,IAAIP,QAAA,CAA0C;EAEhFD,SAAA,CAAU,MAAM;IACd,CAAC,YAAY;MACX,MAAM,CACJ;QAAES;MAAQ,GACV;QAAEC,OAAA,EAASC;MAAW,GACtB;QAAED,OAAA,EAASE;MAAuB,GAClC;QAAEF,OAAA,EAASG;MAAW,GACtB;QAAEH,OAAA,EAASI;MAAkB,GAC7B;QAAEJ,OAAA,EAASK;MAAqB,GAChC;QAAEC;MAAqB,EACzB,GAAI,MAAMC,OAAA,CAAQC,GAAA,CAAI,CACpB,OAAO,aAAa,GACpB,OAAO,aAAa,GACpB,OAAO,0BAA0B,GACjC,OAAO,aAAa,GACpB,OAAO,oBAAoB,GAC3B,OAAO,wBAAwB,GAC/B,OAAO,kCAA8B,EACtC;MACD,MAAM;QAAEC;MAAM,IAAI,MAAMV,OAAA,CAAQN,MAAA,EAAQ;QACtC,GAAGC,OAAA;QACHgB,WAAA,EAAa;QACbC,YAAA,EAAc;QACdC,aAAA,EAAe,CACb,IAAIlB,OAAA,EAASkB,aAAA,IAAiB,EAAC,GAC/B,CAACP,oBAAA,EAAsB;UAAEQ,IAAA,EAAM;QAAc,CAAC,GAC9CT,iBAAA,CACF;QACAU,aAAA,EAAe,CACb,IAAIpB,OAAA,EAASoB,aAAA,IAAiB,EAAC,GAC/BZ,sBAAA,EACAI,oBAAA,EACAH,UAAA;MAEJ,CAAC;MACDP,OAAA,CAAQa,KAAA,CAAMM,QAAA,CAAS,CAAC;MACxBjB,cAAA,CAAeG,UAAA,CAAWR,MAAM,CAAC;IACnC,GAAG;EACL,GAAG,CAACA,MAAA,EAAQC,OAAO,CAAC;EAEpB,IAAI,CAACC,IAAA,IAAQ,CAACE,WAAA,EAAa,OAAO,CAAC;EACnC,OAAO;IAAEF,IAAA;IAAME;EAAY;AAC7B","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","logger","console","frontmatterRegex","parseFrontmatter","source","match","content","data","line","split","separatorIndex","indexOf","key","slice","trim","value","test","Number","isNaN","length","useCompileMdx","options","code","setCode","frontmatter","setFrontmatter","cancelled","compile","default","rehypeAutolinkHeadings","rehypeSlug","remarkFrontmatter","remarkMdxFrontmatter","rehypeMetaAttributes","Promise","all","development","outputFormat","remarkPlugins","name","rehypePlugins","toString","err","error"],"sources":["../../../src/hooks/useCompileMdx.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useCompileMdx.native.js

@@ -1,38 +1,89 @@
 import { useEffect, useState } from "react";
+var logger = console;
+var frontmatterRegex = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+function parseFrontmatter(source) {
+  var match = source.match(frontmatterRegex);
+  if (!match) return {
+    content: source,
+    data: {}
+  };
+  var data = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = match[1].split(/\r?\n/)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var line = _step.value;
+      var separatorIndex = line.indexOf(":");
+      if (separatorIndex <= 0) continue;
+      var key = line.slice(0, separatorIndex).trim();
+      var value = line.slice(separatorIndex + 1).trim();
+      if (/^(["']).*\1$/.test(value)) value = value.slice(1, -1);else if (value === "true") value = true;else if (value === "false") value = false;else if (value === "null") value = null;else if (value !== "" && !Number.isNaN(Number(value))) value = Number(value);
+      data[key] = value;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return {
+    content: source.slice(match[0].length),
+    data
+  };
+}
 function useCompileMdx(source, options) {
   var [code, setCode] = useState();
   var [frontmatter, setFrontmatter] = useState();
   useEffect(function () {
+    var cancelled = false;
     (async function () {
-      var [{
-        compile
-      }, {
-        default: grayMatter
-      }, {
-        default: rehypeAutolinkHeadings
-      }, {
-        default: rehypeSlug
-      }, {
-        default: remarkFrontmatter
-      }, {
-        default: remarkMdxFrontmatter
-      }, {
-        rehypeMetaAttributes
-      }] = await Promise.all([import("@mdx-js/mdx"), import("gray-matter"), import("rehype-autolink-headings"), import("rehype-slug"), import("remark-frontmatter"), import("remark-mdx-frontmatter"), import("../util/rehypeMetaAttributes.native.js")]);
-      var {
-        value
-      } = await compile(source, {
-        ...options,
-        development: false,
-        outputFormat: "function-body",
-        remarkPlugins: [...((options === null || options === void 0 ? void 0 : options.remarkPlugins) || []), [remarkMdxFrontmatter, {
-          name: "frontmatter"
-        }], remarkFrontmatter],
-        rehypePlugins: [...((options === null || options === void 0 ? void 0 : options.rehypePlugins) || []), rehypeAutolinkHeadings, rehypeMetaAttributes, rehypeSlug]
-      });
-      setCode(value.toString());
-      setFrontmatter(grayMatter(source));
+      try {
+        var [{
+          compile
+        }, {
+          default: rehypeAutolinkHeadings
+        }, {
+          default: rehypeSlug
+        }, {
+          default: remarkFrontmatter
+        }, {
+          default: remarkMdxFrontmatter
+        }, {
+          rehypeMetaAttributes
+        }] = await Promise.all([import("@mdx-js/mdx"), import("rehype-autolink-headings"), import("rehype-slug"), import("remark-frontmatter"), import("remark-mdx-frontmatter"), import("../util/rehypeMetaAttributes.native.js")]);
+        var {
+          value
+        } = await compile(source, {
+          ...options,
+          development: false,
+          outputFormat: "function-body",
+          remarkPlugins: [...((options === null || options === void 0 ? void 0 : options.remarkPlugins) || []), [remarkMdxFrontmatter, {
+            name: "frontmatter"
+          }], remarkFrontmatter],
+          rehypePlugins: [...((options === null || options === void 0 ? void 0 : options.rehypePlugins) || []), rehypeAutolinkHeadings, rehypeMetaAttributes, rehypeSlug]
+        });
+        if (cancelled) return;
+        setCode(value.toString());
+        setFrontmatter(parseFrontmatter(source));
+      } catch (err) {
+        if (cancelled) return;
+        logger.error("useCompileMdx: failed to compile MDX source", err);
+        setCode(void 0);
+        setFrontmatter(void 0);
+      }
     })();
+    return function () {
+      cancelled = true;
+    };
   }, [source, options]);
   if (!code || !frontmatter) return {};
   return {
@@ -40,5 +91,5 @@ function useCompileMdx(source, options) {
     frontmatter
   };
 }
-export { useCompileMdx };
+export { parseFrontmatter, useCompileMdx };
 //# sourceMappingURL=useCompileMdx.native.js.map

package/dist/esm/hooks/useCompileMdx.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","useCompileMdx","source","options","code","setCode","frontmatter","setFrontmatter","compile","default","grayMatter","rehypeAutolinkHeadings","rehypeSlug","remarkFrontmatter","remarkMdxFrontmatter","rehypeMetaAttributes","Promise","all","value","development","outputFormat","remarkPlugins","name","rehypePlugins","toString"],"sources":["../../../src/hooks/useCompileMdx.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AAE7B,SAASC,cACdC,MAAA,EACAC,OAAA,EAIA;EACA,KAAAC,IAAO,EAAAC,OAAM,IAAOL,QAAI;EACxB,KAAAM,WAAO,EAAAC,cAAa,IAAcP,QAAI;EAEtCD,SAAA,CAAU,YAAM;IACd,CAAC,kBAAY;MACX;QAAMS;MAAA;QAAAC,OAAA,EAAAC;MAAA;QAAAD,OAAA,EAAAE;MAAA;QAAAF,OAAA,EAAAG;MAAA;QAAAH,OAAA,EAAAI;MAAA;QAAAJ,OAAA,EAAAK;MAAA;QAAAC;MAAA,WAAAC,OAAA,CAAAC,GAAA,EACJ,MAAE,cAAQ,GACV,MAAE,cAAS,GACX,MAAE,2BAAS,CAAuB,EAClC,MAAE,cAAS,GACX,MAAE,qBAAS,GACX,MAAE,yBAAS,CAAqB,EAChC,MAAE,yCAAqB,EACzB;MAAsB,IACpB;QAAAC;MAAO,UAAaV,OAAA,CAAAN,MAAA;QACpB,GAAAC,OAAO;QACPgB,WAAO;QACPC,YAAO,iBAAa;QACpBC,aAAO,GACP,KAAAlB,OAAO,aAAAA,OAAwB,uBAAAA,OAAA,CAAAkB,aAAA,UAC/B,CACDP,oBAAA,EACK;UACDQ,IAAA;QACH,EACA,EACAT,iBAAe;QACkBU,aAC9B,GACD,KAAApB,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAoB,aAAA,UACFZ,sBAAA,EACAI,oBAAe,EACbH,UAAI;MACJ;MACAP,OACA,CAAAa,KAAA,CAAAM,QAAA;MAAAjB,cACF,CAAAG,UAAA,CAAAR,MAAA;IAAA,GACD;EACD,IACAA,MAAA,EACFC,OAAG,CACL;EAEA,IAAI,CAACC,IAAA,IAAQ,CAACE,WAAA,EAAa,OAAO,CAAC;EACnC,OAAO;IACTF,IAAA","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","logger","console","frontmatterRegex","parseFrontmatter","source","match","content","data","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","split","Symbol","iterator","_step","next","done","line","value","separatorIndex","indexOf","key","slice","trim","test","Number","isNaN","err","return","length","useCompileMdx","options","code","setCode","frontmatter","setFrontmatter","cancelled","compile","default","rehypeAutolinkHeadings","rehypeSlug","remarkFrontmatter","remarkMdxFrontmatter","rehypeMetaAttributes","Promise","all","development","outputFormat","remarkPlugins","name","rehypePlugins"],"sources":["../../../src/hooks/useCompileMdx.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AAEpC,IAAAC,MAAM,GAAAC,OAAS;AAEf,IAAAC,gBAAM,sCAAmB;AAMlB,SAASC,iBAAiBC,MAAA,EAG/B;EACA,IAAAC,KAAM,GAAAD,MAAQ,CAAAC,KAAO,CAAAH,gBAAM;EAC3B,IAAI,CAACG,KAAA,EAAO,OAAO;IACnBC,OAAM,EAAAF,MAA6B;IACnCG,IAAA;EACE;EACA,IAAAA,IAAI;EACJ,IAAAC,yBAA0B;IAAAC,iBAAqB;IAAAC,cAAA;EAC/C;IACA,KAAI,IAAAC,SAAA,GAAeN,KAAK,GAAK,CAAAO,KAAG,QAAQ,EAAAC,MAAM,CAAMC,QAAK,KAAAC,KAAA,IAAAP,yBAAA,IAAAO,KAAA,GAAAJ,SAAA,CAAAK,IAAA,IAAAC,IAAA,GAAAT,yBAAA;MAAA,IAAAU,IAChD,GAAAH,KAAA,CAAUI,KAAA;MAAgB,IAAAC,cAChB,GAAAF,IAAS,CAAAG,OAAA,CAAQ;MAAA,IAAAD,cACjB,OAAQ;MAAQ,IAAAE,GAC1B,GAAAJ,IAAA,CAAAK,KAAU,IAAOH,cAAa,EAAAI,IAAO;MAC9C,IAAKL,KAAG,GAAID,IAAA,CAAAK,KAAA,CAAAH,cAAA,MAAAI,IAAA;MACd,mBAAAC,IAAA,CAAAN,KAAA,GAAAA,KAAA,GAAAA,KAAA,CAAAI,KAAA,aACS,IAAAJ,KAAS,WAAO,EAAMA,KAAA,GAAO,IAAE,MAC1C,IAAAA,KAAA,cAAAA,KAAA,cAEgB,IAAAA,KAAA,KACd,MACA,EAAAA,KAAA,GAIA,UACO,IAAMA,KAAA,KAAO,EAAI,KAAAO,MAA6B,CAAAC,KAAA,CAAAD,MAAA,CAAAP,KAAA,IAAAA,KAAA,GAAAO,MAAA,CAAAP,KAAA;MACrDZ,IAAO,CAAAe,GAAA,IAAAH,KAAa;IAEpB;EACE,SAAIS,GAAA;IACJnB,iBAAa;IACXC,cAAI,GAAAkB,GAAA;EACF;IAAM;MACM,IACV,CAAApB,yBAAW,IAAAG,SAAuB,CAAAkB,MAAA;QAAAlB,SAChC,CAAAkB,MAAS;MAAW;IACO,UAC3B;MAA8B,IAChCpB,iBAAE;QACJ,MAAIC,cAAc;MAAI;IACA;EACa;EACb;IACOJ,OAC3B,EAAAF,MAAO,CAAAmB,KAAA,CAAAlB,KAAA,IAAAyB,MAAwB;IAAAvB;EACM;AAEvC;AAAwC,SAAAwB,aACnCA,CAAA3B,MAAA,EAAA4B,OAAA;EAAA,KAAAC,IACH,EAAAC,OAAA,IAAanC,QAAA;EAAA,KAAAoC,WACb,EAAAC,cAAc,IAAArC,QAAA;EAAAD,SACd;IAAe,IAAAuC,SACT,QAAS;IAAkB,mBAC9B;MAA6C;QAC9C,IACF;UAAAC;QAAA;UAAAC,OAAA,EAAAC;QAAA;UAAAD,OAAA,EAAAE;QAAA;UAAAF,OAAA,EAAAG;QAAA;UAAAH,OAAA,EAAAI;QAAA;UAAAC;QAAA,WAAAC,OAAA,CAAAC,GAAA,EACA,oBAAe,SACT,2BAA2B,SAC/B,uBACA,8BACA,4BACF,iDACD;QACD,IAAI;UAAA3B;QAAA,IAAW,MAAAmB,OAAA,CAAAlC,MAAA;UACf,GAAA4B,OAAQ;UACRe,WAAA,EAAe;UACjBC,YAAc;UACZC,aAAe,GACf,IAAO,CAAAjB,OAAM,aAAAA,OAAA,uBAAAA,OAAkD,CAAAiB,aAAA,UAC/D,CACAN,oBAAwB,EAC1B;YACCO,IAAA;UACI,EACL,EACFR,iBAAA,CACE;UAECS,aAAS,GACL,KAAAnB,OAAM,SAAY,IAAAA,OAAA,uBAAAA,OAAA,CAAAmB,aAAA,UAC7BX,sBAAA,E","ignoreList":[]}

package/dist/esm/hooks/useEvaluateMdx.mjs

@@ -4,7 +4,13 @@ function useEvaluateMdx(code, options) {
   const [Component, setComponent] = useState();
   useEffect(() => {
     if (!code) return;
-    setComponent(() => evaluateMdx(code, options));
+    try {
+      const Evaluated = evaluateMdx(code, options);
+      setComponent(() => Evaluated);
+    } catch (err) {
+      console.error("useEvaluateMdx: failed to evaluate compiled MDX", err);
+      setComponent(void 0);
+    }
   }, [code, options]);
   return Component;
 }

package/dist/esm/hooks/useEvaluateMdx.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","jsxRuntime","useEvaluateMdx","code","options","Component","setComponent","evaluateMdx","run","default","AsyncFunction","Object","getPrototypeOf","constructor","String"],"sources":["../../../src/hooks/useEvaluateMdx.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,YAAYC,UAAA,MAAgB;AAErB,SAASC,eAAeC,IAAA,EAAeC,OAAA,EAA+B;EAC3E,MAAM,CAACC,SAAA,EAAWC,YAAY,IAAIN,QAAA,CAA8D;EAEhGD,SAAA,CAAU,MAAM;IACd,IAAI,CAACI,IAAA,EAAM;IACXG,YAAA,CAAa,MAAMC,WAAA,CAAYJ,IAAA,EAAMC,OAAO,CAAC;EAC/C,GAAG,CAACD,IAAA,EAAMC,OAAO,CAAC;EAElB,OAAOC,SAAA;AACT;AAEA,SAASE,YAAYJ,IAAA,EAAcC,OAAA,EAA+B;EAChE,OAAOI,GAAA,CAAIL,IAAA,EAAM;IACf,GAAGF,UAAA;IACH,GAAGG;EACL,CAAC,EAAEK,OAAA;AACL;AAEA,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,cAAA,CAAeJ,GAAG,EAAEK,WAAA;AACjD,SAASL,IAAIL,IAAA,EAAcC,OAAA,EAA8B;EACvD,OAAO,IAAIM,aAAA,CAAcI,MAAA,CAAOX,IAAI,CAAC,EAAEC,OAAO;AAChD","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","jsxRuntime","useEvaluateMdx","code","options","Component","setComponent","Evaluated","evaluateMdx","err","console","error","run","default","AsyncFunction","Object","getPrototypeOf","constructor","String"],"sources":["../../../src/hooks/useEvaluateMdx.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,YAAYC,UAAA,MAAgB;AAErB,SAASC,eAAeC,IAAA,EAAeC,OAAA,EAA+B;EAC3E,MAAM,CAACC,SAAA,EAAWC,YAAY,IAAIN,QAAA,CAA8D;EAEhGD,SAAA,CAAU,MAAM;IACd,IAAI,CAACI,IAAA,EAAM;IACX,IAAI;MACF,MAAMI,SAAA,GAAYC,WAAA,CAAYL,IAAA,EAAMC,OAAO;MAC3CE,YAAA,CAAa,MAAMC,SAAS;IAC9B,SAASE,GAAA,EAAK;MACZC,OAAA,CAAQC,KAAA,CAAM,mDAAmDF,GAAG;MACpEH,YAAA,CAAa,MAAS;IACxB;EACF,GAAG,CAACH,IAAA,EAAMC,OAAO,CAAC;EAElB,OAAOC,SAAA;AACT;AAEA,SAASG,YAAYL,IAAA,EAAcC,OAAA,EAA+B;EAChE,OAAOQ,GAAA,CAAIT,IAAA,EAAM;IACf,GAAGF,UAAA;IACH,GAAGG;EACL,CAAC,EAAES,OAAA;AACL;AAEA,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,cAAA,CAAeJ,GAAG,EAAEK,WAAA;AACjD,SAASL,IAAIT,IAAA,EAAcC,OAAA,EAA8B;EACvD,OAAO,IAAIU,aAAA,CAAcI,MAAA,CAAOf,IAAI,CAAC,EAAEC,OAAO;AAChD","ignoreList":[]}

package/dist/esm/hooks/useEvaluateMdx.native.js

@@ -4,9 +4,15 @@ function useEvaluateMdx(code, options) {
   var [Component, setComponent] = useState();
   useEffect(function () {
     if (!code) return;
-    setComponent(function () {
-      return evaluateMdx(code, options);
-    });
+    try {
+      var Evaluated = evaluateMdx(code, options);
+      setComponent(function () {
+        return Evaluated;
+      });
+    } catch (err) {
+      console.error("useEvaluateMdx: failed to evaluate compiled MDX", err);
+      setComponent(void 0);
+    }
   }, [code, options]);
   return Component;
 }

package/dist/esm/hooks/useEvaluateMdx.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","jsxRuntime","useEvaluateMdx","code","options","Component","setComponent","evaluateMdx","run","default"],"sources":["../../../src/hooks/useEvaluateMdx.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,YAAYC,UAAA,MAAgB;AAErB,SAASC,eAAeC,IAAA,EAAeC,OAAA,EAA+B;EAC3E,KAAAC,SAAO,EAAAC,YAAW,IAAYN,QAAI;EAElCD,SAAA,CAAU,YAAM;IACd,IAAI,CAACI,IAAA,EAAM;IACXG,YAAA,CAAa,YAAM;MACjB,OAAMC,WAAQ,CAAAJ,IAAA,EAAAC,OAAA;IAElB;EACF,IAEAD,IAAA,EACEC,OAAO,CAAU,CACf;EAAG,OACAC,SAAA;AAAA;AAEP,SAAAE,YAAAJ,IAAA,EAAAC,OAAA;EAEA,OAAMI,GAAA,CAAAL,IAAA;IACN,GAAAF,UAAa;IACX,GAAAG;EACF,GAAAK,OAAA","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","jsxRuntime","useEvaluateMdx","code","options","Component","setComponent","Evaluated","evaluateMdx","err","console","error","run","default"],"sources":["../../../src/hooks/useEvaluateMdx.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,YAAYC,UAAA,MAAgB;AAErB,SAASC,eAAeC,IAAA,EAAeC,OAAA,EAA+B;EAC3E,KAAAC,SAAO,EAAAC,YAAW,IAAYN,QAAI;EAElCD,SAAA,CAAU,YAAM;IACd,IAAI,CAACI,IAAA,EAAM;IACX,IAAI;MACF,IAAAI,SAAM,GAAAC,WAAY,CAAAL,IAAY,EAAAC,OAAM;MACpCE,YAAA,CAAa,YAAM;QACrB,OAASC,SAAK;MACZ;IACA,SAAAE,GAAA;MACFC,OAAA,CAAAC,KAAA,oDAAAF,GAAA;MACEH,YAAM,CAAO,KAAC;IAElB;EACF,IAEAH,IAAA,EACEC,OAAO,CAAU,CACf;EAAG,OACAC,SAAA;AAAA;AAEP,SAAAG,YAAAL,IAAA,EAAAC,OAAA;EAEA,OAAMQ,GAAA,CAAAT,IAAA;IACN,GAAAF,UAAa;IACX,GAAAG;EACF,GAAAS,OAAA","ignoreList":[]}