@multiplatform.one/markdown 6.1.0 → 6.3.0

package/dist/cjs/components/List.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","List_exports","__export","MarkdownList","MarkdownListItem","module","exports","import_jsx_runtime","require","import_tamagui","param","ordered","_ordered","start","_start","children","jsx","View","marginVertical","checked","index","bullet","jsxs","XStack","marginBottom","alignItems","Text","width","color"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAmC,CAAAK,YAAA;AAI1B,IAAAM,kBAAA,GAAAC,OAAA;AADF,IAAAC,cAAS,GAAAD,OAAe,UAAS;AACtC,SAAOL,aAAAO,KAAA;EACT;IAAAC,OAAA,EAAAC,QAAA;IAAAC,KAAA,EAAAC,MAAA;IAAAC;EAAA,IAAAL,KAAA;EAOO,OAAS,gBAAiB,GAAAH,kBAAA,CAAAS,GAAA,EAAAP,cAAA,CAAAQ,IAAA;IAC/BC,cAAA;IACAH;EACA;AAAQ;AAEV,SAA0BX,iBAAAM,KAAA;EACxB;IAAMS,OAAA;IAASJ,QAAA;IAAUK,KAAG;IAAQT,OAAO;EAAA,IAAAD,KAAA;EAG3C,IAAIW,MAAA,GAAAV,OAAY,MAAQS,KAAA,OAAY,WAAW;EAC7C,IAAAD,OACE,aAAAA,OAAA;IACE,0BAAAZ,kBAAA,CAACe,IAAA,EAAAb,cAAA,CAAAc,MAAK;MAGNC,YAAA;MAAyBC,UAC3B;MAEJV,QAAA,GAEA,eACE,IAAAR,kBAAA,CAAAS,GAAA,EAAAP,cAAC,CAAAiB,IAAA;QACCC,KAAA;QAGAC,KAAA;QACFb,QAAA,EAAAI,OAAA;MAEJ,I","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","List_exports","__export","MarkdownList","MarkdownListItem","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_icons","listReset","listStyleType","paddingInlineStart","marginBlockStart","marginBlockEnd","param","ordered","start","children","items","Children","map","child","_childProps_ordered","_ref","_childProps_start","isValidElement","type","childProps","props","cloneElement","jsx","View","render","style","marginVertical","getTaskBoxMetrics","_getConfig_fontsParsed","_getConfig","_bodyFont_size","_bodyFont_lineHeight","bodyFont","getConfig","fontsParsed","$body","fontSize","Math","round","getVariableValue","size","$true","lineHeight","$6","boxSize","taskInlineGapMap","small","medium","large","clampTaskBoxRadius","radiusToken","pointy","num","Number","parseInt","replace","isFinite","TaskCheckbox","checked","knobProps","useResolvedKnobs","height","justifyContent","role","width","borderWidth","borderRadius","borderColor","backgroundColor","outlined","alignItems","CheckIcon","color","textAccentColor","strokeWidth","textWeight","fontWeight","index","bullet","_taskInlineGapMap_knobProps_space","jsxs","XStack","marginBottom","gap","space","flex","Text"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Paragraph.cjs

@@ -25,14 +25,19 @@ __export(Paragraph_exports, {
   Paragraph: () => Paragraph
 });
 module.exports = __toCommonJS(Paragraph_exports);
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Paragraph({
   children
 }) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
     marginBottom: "$2",
-    lineHeight: "$6",
+    size: knobProps.sizeToken,
+    ...knobProps.body,
     children
   });
 }

package/dist/cjs/components/Paragraph.native.js

@@ -28,14 +28,19 @@ __export(Paragraph_exports, {
 });
 module.exports = __toCommonJS(Paragraph_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 function Paragraph(param) {
   var {
     children
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
     marginBottom: "$2",
-    lineHeight: "$6",
+    size: knobProps.sizeToken,
+    ...knobProps.body,
     children
   });
 }

package/dist/cjs/components/Paragraph.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Paragraph_exports","__export","Paragraph","module","exports","import_jsx_runtime","require","import_tamagui","param","children"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA8C,CAAAK,iBAAA;AAK1C,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAS,GAAYD,OAAA,UAA4B;AACtD,SACEJ,UAAAM,KAAA;EAIJ;IAAAC;EAAA,IAAAD,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Paragraph_exports","__export","Paragraph","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","param","children","knobProps","useResolvedKnobs"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,iBAAA;AACjC,IAAAK,kBAA8C,GAAAC,OAAA;AAS1C,IAAAC,YAAA,GAAAD,OAAA;AANG,IAAAE,cAAS,GAAYF,OAAA,UAA4B;AAItD,SAAMJ,SAAEA,CAAAO,KAAU;EAClB;IAAAC;EACE,IAAAD,KAAA;EAIJ;IAAAE;EAAA,QAAAJ,YAAA,CAAAK,gBAAA","ignoreList":[]}

package/dist/cjs/components/Table.cjs

@@ -27,37 +27,62 @@ __export(Table_exports, {
   MarkdownTableRow: () => MarkdownTableRow
 });
 module.exports = __toCommonJS(Table_exports);
+var import_react = require("react");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
-var import_colorRamps = require("../shared/colorRamps.cjs");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
 var import_jsx_runtime = require("react/jsx-runtime");
+function isHeaderRow(row) {
+  return (0, import_react.isValidElement)(row) && Boolean(row.props.isHeader);
+}
 function MarkdownTable({
   children
 }) {
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const rows = import_react.Children.toArray(children);
+  const headerRows = rows.filter(row => isHeaderRow(row));
+  const bodyRows = rows.filter(row => !isHeaderRow(row));
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
     horizontal: true,
+    showsHorizontalScrollIndicator: false,
     marginVertical: "$3",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ...knobProps.borderRadiusOuter,
-      borderWidth: 1,
-      borderColor: import_colorRamps.markdownTableColors.border.base,
-      overflow: "hidden",
       minWidth: "100%",
-      children
+      children: /* @__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: {
+          x: "start",
+          y: "center"
+        },
+        alignHeaderCells: {
+          x: "start",
+          y: "center"
+        },
+        children: [headerRows.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+          render: "thead",
+          children: headerRows
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+          render: "tbody",
+          children: bodyRows
+        })]
+      })
     })
   });
 }
 function MarkdownTableRow({
-  children,
-  isHeader
+  children
 }) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-    backgroundColor: isHeader ? import_colorRamps.markdownTableColors.background.header : import_colorRamps.markdownTableColors.background.base,
-    borderBottomWidth: isHeader ? 1 : 0.5,
-    borderBottomColor: import_colorRamps.markdownTableColors.border.base,
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+    render: "tr",
     children
   });
 }
@@ -66,20 +91,28 @@ function MarkdownTableCell({
   isHeader,
   align
 }) {
-  const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   const textAlign = align || "left";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    flex: 1,
-    paddingHorizontal: knobProps.gap.gap,
-    paddingVertical: "$2",
-    borderRightWidth: 0.5,
-    borderRightColor: import_colorRamps.markdownTableColors.border.base,
-    justifyContent: "center",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontWeight: isHeader ? "600" : "normal",
+  if (isHeader) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+      render: "th",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        render: "span",
+        display: "block",
+        size: "$4",
+        fontWeight: "600",
+        textAlign,
+        children
+      })
+    });
+  }
+  return /* @__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",
       textAlign,
+      maxWidth: 480,
       children
     })
   });

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

@@ -30,9 +30,13 @@ __export(Table_exports, {
 });
 module.exports = __toCommonJS(Table_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
-var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+function isHeaderRow(row) {
+  return /* @__PURE__ */(0, import_react.isValidElement)(row) && Boolean(row.props.isHeader);
+}
 function MarkdownTable(param) {
   var {
     children
@@ -40,28 +44,57 @@ function MarkdownTable(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var rows = import_react.Children.toArray(children);
+  var headerRows = rows.filter(function (row) {
+    return isHeaderRow(row);
+  });
+  var bodyRows = rows.filter(function (row) {
+    return !isHeaderRow(row);
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
     horizontal: true,
+    showsHorizontalScrollIndicator: false,
     marginVertical: "$3",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ...knobProps.borderRadiusOuter,
-      borderWidth: 1,
-      borderColor: import_colorRamps.markdownTableColors.border.base,
-      overflow: "hidden",
       minWidth: "100%",
-      children
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.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__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+          render: "thead",
+          children: headerRows
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+          render: "tbody",
+          children: bodyRows
+        })]
+      })
     })
   });
 }
 function MarkdownTableRow(param) {
   var {
-    children,
-    isHeader
+    children
   } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-    backgroundColor: isHeader ? import_colorRamps.markdownTableColors.background.header : import_colorRamps.markdownTableColors.background.base,
-    borderBottomWidth: isHeader ? 1 : 0.5,
-    borderBottomColor: import_colorRamps.markdownTableColors.border.base,
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+    render: "tr",
     children
   });
 }
@@ -71,22 +104,31 @@ function MarkdownTableCell(param) {
     isHeader,
     align
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   var textAlign = align || "left";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    flex: 1,
-    paddingHorizontal: knobProps.gap.gap,
-    paddingVertical: "$2",
-    borderRightWidth: 0.5,
-    borderRightColor: import_colorRamps.markdownTableColors.border.base,
-    justifyContent: "center",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontWeight: isHeader ? "600" : "normal",
+  if (isHeader) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+      render: "th",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        render: "span",
+        display: "block",
+        size: "$4",
+        fontWeight: "600",
+        textAlign,
+        children
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+    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",
       textAlign,
+      maxWidth: 480,
       children
-    })
+    }))
   });
 }
 //# sourceMappingURL=Table.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Table_exports","__export","MarkdownTable","MarkdownTableCell","MarkdownTableRow","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_colorRamps","param","children","knobProps","useResolvedKnobs","jsx","ScrollView","horizontal","marginVertical","YStack","borderRadiusOuter","borderWidth","borderColor","markdownTableColors","border","base","overflow","minWidth","isHeader","XStack","backgroundColor","background","header","borderBottomWidth","borderBottomColor","align","textAlign","View","flex","paddingHorizontal","gap","paddingVertical","borderRightWidth","borderRightColor","justifyContent","Text","fontWeight"],"sources":["../../../src/components/Table.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,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAiC,CAAAK,aAAA;AACjC,IAAAO,kBAAuD,GAAAC,OAAA;AACvD,IAAAC,YAAA,GAAAD,OAAoC;AAQ9B,IAAAE,cAAA,GAAAF,OAAA;AALC,IAAAG,iBAAS,GAAcH,OAAE,iCAAwB;AACtD,SAAMN,aAAYA,CAAAU,KAAI;EAEtB;IAAAC;EACE,IAAAD,KAAA;EACE,IAAC;IAAAE;EAAA,QAAAL,YAAA,CAAAM,gBAAA;EAAA,0BAAAR,kBAAA,CAAAS,GAAA,EAAAN,cAAA,CAAAO,UAAA;IAAAC,UACK,MAAU;IAAAC,cACd,EAAa;IAAAN,QACb,iBAAa,IAAAN,kBAAA,CAAAS,GAAA,EAAoBN,cAAO,CAAAU,MAAA;MACxC,GAAAN,SAAS,CAAAO,iBAAA;MACTC,WAAS;MAERC,WAAA,EAAAZ,iBAAA,CAAAa,mBAAA,CAAAC,MAAA,CAAAC,IAAA;MAAAC,QAAA;MAELC,QAAA;MAEJf;IAEO;EACL;AACE;AAAC,SAAAT,iBAAAQ,KAAA;EAAA,IACC;IAAAC,QAAA;IAAAgB;EACE,IAAAjB,KAAW;EAAuE,OAEpF,eAAmB,IAAAL,kBAAe,CAAAS,GAAA,EAAAN,cAAA,CAAAoB,MAAA;IAAAC,eAClC,EAAAF,QAAmB,GAAAlB,iBAAA,CAAAa,mBAAoB,CAAOQ,UAAA,CAAAC,MAAA,GAAAtB,iBAAA,CAAAa,mBAAA,CAAAQ,UAAA,CAAAN,IAAA;IAAAQ,iBAE7C,EAAAL,QAAA;IAAAM,iBAAA,EAAAxB,iBAAA,CAAAa,mBAAA,CAAAC,MAAA,CAAAC,IAAA;IACHb;EAEJ;AAEO;AACL,SAAMV,iBAAYA,CAAAS,KAAI;EACtB;IAAMC,QAAA;IAAAgB,QAAY;IAAAO;EAAS,IAAAxB,KAAA;EAE3B;IAAAE;EACE,QAAAL,YAAA,CAAAM,gBAAA;EAAA,IAACsB,SAAA,GAAAD,KAAA;EAAA,0BAAA7B,kBAAA,CAAAS,GAAA,EAAAN,cAAA,CAAA4B,IAAA;IAAAC,IACC;IAAMC,iBACN,EAAA1B,SAAmB,CAAA2B,GAAU,CAAAA,GAAI;IAAAC,eACjC,MAAgB;IAAAC,gBAChB,KAAkB;IAAAC,gBAClB,EAAAjC,iBAAkB,CAAAa,mBAAA,CAAAC,MAAoB,CAAAC,IAAO;IAAAmB,cAC7C,UAAe;IAAAhC,QAEf,qBAAAN,kBAAA,CAAAS,GAAA,EAAAN,cAAC,CAAAoC,IAAA;MAEDC,UAAA,EAAAlB,QAAA;MACFQ,SAAA;MAEJxB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Table_exports","__export","MarkdownTable","MarkdownTableCell","MarkdownTableRow","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_table_primitives","isHeaderRow","row","isValidElement","Boolean","props","isHeader","param","children","knobProps","useResolvedKnobs","rows","Children","toArray","headerRows","filter","bodyRows","jsx","ScrollView","horizontal","showsHorizontalScrollIndicator","marginVertical","YStack","minWidth","jsxs","Table","render","width","cellWidth","style","tableLayout","borderColor","borderRadius","alignCells","x","y"],"sources":["../../../src/components/Table.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,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AASAC,MAAA,CAAAC,OAAA,GAAAX,YAAyC,CAAAK,aAAA;AACzC,IAAAO,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,YAAA,GAAAD,OAA8C;AAC9C,IAAAE,YAAA,GAAAF,OAAA,2BAAsB;AAgBd,IAAAG,cAAA,GAAAH,OAAA;AAbR,IAAAI,uBAA4C,GAAAJ,OAAA;AAC1C,SAAAK,WAAOA,CAAAC,GAAA;EACT,0BAAAL,YAAA,CAAAM,cAAA,EAAAD,GAAA,KAAAE,OAAA,CAAAF,GAAA,CAAAG,KAAA,CAAAC,QAAA;AAEO;AACL,SAAMhB,aAAYA,CAAAiB,KAAI;EACtB;IAAMC;EAAO,IAAAD,KAAA;EACb;IAAME;EAAA,IAAa,IAAKX,YAAQ,CAAAY,gBAAoB,EAAG,CAAC;EACxD,IAAAC,IAAM,GAAAd,YAAgB,CAAAe,QAAQ,CAAAC,OAAS,CAAAL,QAAA;EAEvC,IAAAM,UACE,GAAAH,IAAA,CAAAI,MAAA,WAAAb,GAAA;IAEK,OAAAD,WAAA,CAAAC,GAAA;EAAA;EAAA,IACCc,QAAO,GAAAL,IAAA,CAAAI,MAAA,WAAAb,GAAA;IAAA,OAKP,CAAAD,WAAM,CAAAC,GAAA;EAAA;EACI,OACV,eAAS,IAAaP,kBAAO,CAAAsB,GAAA,EAAAlB,cAAA,CAAAmB,UAAA;IAAAC,UAC7B,MAAY;IAAAC,8BACY;IAAaC,cACzB,EAAE,IAAG;IAAqBb,QACtC,iBAAuB,IAAAb,kBAAqB,CAAAsB,GAAA,EAAAlB,cAAA,CAAAuB,MAAA;MAE3CC,QAAA;MAAAf,QAAA,iBAAoB,CAAK,GAAAb,kBAAA,CAAA6B,IAAA,EAAAxB,uBAAC,CAAAyB,KAAA;QAC3BC,MAAA;QAAqC;QAAA;QAG3C;QAEJ;QAEOC,KAAS;QAEdC,SAAO;QACTC,KAAA;UAEgBC,WAAA;QACR;QAEFC,WAAU;QACZC,YACE,EAAAvB,SAAA,CAAAuB,YAAA,CAAAA,YAAC;QAMLC,UAAA;UAGEC,CAAA;UAOJC,CAAA","ignoreList":[]}

package/dist/cjs/hooks/useCompileMdx.cjs

@@ -33,44 +33,77 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var useCompileMdx_exports = {};
 __export(useCompileMdx_exports, {
+  parseFrontmatter: () => parseFrontmatter,
   useCompileMdx: () => useCompileMdx
 });
 module.exports = __toCommonJS(useCompileMdx_exports);
 var import_react = require("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] = (0, import_react.useState)();
   const [frontmatter, setFrontmatter] = (0, import_react.useState)();
   (0, import_react.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")]);
-      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")]);
+        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 {

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

@@ -35,44 +35,96 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var useCompileMdx_exports = {};
 __export(useCompileMdx_exports, {
+  parseFrontmatter: () => parseFrontmatter,
   useCompileMdx: () => useCompileMdx
 });
 module.exports = __toCommonJS(useCompileMdx_exports);
 var import_react = require("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] = (0, import_react.useState)();
   var [frontmatter, setFrontmatter] = (0, import_react.useState)();
   (0, import_react.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")]);
-      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")]);
+        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 {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useCompileMdx_exports","__export","useCompileMdx","module","exports","import_react","require","source","options","code","setCode","useState","frontmatter","setFrontmatter","useEffect","compile","default","grayMatter","rehypeAutolinkHeadings","rehypeSlug","remarkFrontmatter","remarkMdxFrontmatter","rehypeMetaAttributes","Promise","all","development","outputFormat","remarkPlugins","name","rehypePlugins","toString"],"sources":["../../../src/hooks/useCompileMdx.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,qBAAA;AAE7B,IAAAK,YAAS,GAAAC,OACd,QACA;AAKA,SAAOJ,aAAaA,CAAAK,MAAA,EAAIC,OAAA;EACxB,KAAAC,IAAO,EAAAC,OAAA,IAAa,IAAAL,YAAc,CAAAM,QAAI;EAEtC,KAAAC,WAAA,EAAAC,cAAU,IAAM,IAAAR,YAAA,CAAAM,QAAA;EACd,IAACN,YAAY,CAAAS,SAAA;IACX,mBAAM;MAAA,IACF;QAAAC;MAAQ;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,EACV,MAAE,cAAS,GACX,MAAE,cAAS,GACX,MAAE,2BAAoB,GACtB,MAAE,cAAS,GACX,MAAE,qBAAS,GACX,MAAE,yBAAqB,GACzB,MAAI,+BAAkB,GACpB;MAAoB,IACpB;QAAAzB;MAAO,UAAagB,OAAA,CAAAR,MAAA;QACpB,GAAAC,OAAO;QACPiB,WAAO;QACPC,YAAO,iBAAoB;QAC3BC,aAAO,GACP,KAAAnB,OAAO,aAAAA,OAAA,KAA8B,kBAAAA,OAAA,CAAAmB,aAAA,UACtC,CACKN,oBAAkB,EACnB;UACHO,IAAA;QACA,EACA,EACER,iBAAa,CAAkB;QACeS,aAC9C,GACF,KAAArB,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAqB,aAAA,UACAX,sBAAe,EACbI,oBAAa,EACbH,UAAA;MACA;MACAT,OACF,CAAAX,KAAA,CAAA+B,QAAA;MACFjB,cAAC,CAAAI,UAAA,CAAAV,MAAA;IACD;EACA,IACFA,MAAG,EACLC,OAAI,CAEJ;EACA,KAAAC,IAAS,KAAAG,WAAM,EAAY;EAC7B","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useCompileMdx_exports","__export","parseFrontmatter","useCompileMdx","module","exports","import_react","require","logger","console","frontmatterRegex","source","match","content","data","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","split","Symbol","iterator","_step","next","done","line","separatorIndex","indexOf","key","slice","trim","test","Number","isNaN","err","return","length","options","code","setCode","useState","frontmatter","setFrontmatter","useEffect","cancelled","compile","default","rehypeAutolinkHeadings","rehypeSlug","remarkFrontmatter","remarkMdxFrontmatter","rehypeMetaAttributes","Promise","all","development","outputFormat","remarkPlugins","name","rehypePlugins"],"sources":["../../../src/hooks/useCompileMdx.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useEvaluateMdx.cjs

@@ -42,7 +42,13 @@ function useEvaluateMdx(code, options) {
   const [Component, setComponent] = (0, import_react.useState)();
   (0, import_react.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/cjs/hooks/useEvaluateMdx.native.js

@@ -44,9 +44,15 @@ function useEvaluateMdx(code, options) {
   var [Component, setComponent] = (0, import_react.useState)();
   (0, import_react.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/cjs/hooks/useEvaluateMdx.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useEvaluateMdx_exports","__export","useEvaluateMdx","module","exports","import_react","require","jsxRuntime","__toESM","code","options","Component","setComponent","useState","useEffect","evaluateMdx","run"],"sources":["../../../src/hooks/useEvaluateMdx.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,sBAAA;AACpC,IAAAK,YAAA,GAA4BC,OAAA;AAErB,IAAAC,UAAS,GAAAC,OAAe,CAAAF,OAAe,oBAA+B;AAC3E,SAAOJ,cAAWA,CAAAO,IAAA,EAAAC,OAAY;EAE9B,KAAAC,SAAA,EAAAC,YAAU,MAAM,EAAAP,YAAA,CAAAQ,QAAA;EACd,IAAAR,YAAW,CAAAS,SAAA;IACX,KAAAL,IAAA;IACFG,YAAU,aAAQ;MAElB,OAAOG,WAAA,CAAAN,IAAA,EAAAC,OAAA;IACT;EAEA,IACED,IAAA,EACEC,OAAG,EACH;EACF,OAAGC,SAAA;AACL;AAEA,SAAMI,YAAAN,IAAgB,EAAAC,OAAO;EAC7B,OAASM,GAAA,CAAIP,IAAA,EAAc;IACzB,GAAAF,UAAW;IACb,GAAAG","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useEvaluateMdx_exports","__export","useEvaluateMdx","module","exports","import_react","require","jsxRuntime","__toESM","code","options","Component","setComponent","useState","useEffect","Evaluated","evaluateMdx","err","console","error","run"],"sources":["../../../src/hooks/useEvaluateMdx.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,sBAAA;AACpC,IAAAK,YAAA,GAA4BC,OAAA;AAErB,IAAAC,UAAS,GAAAC,OAAe,CAAAF,OAAe,oBAA+B;AAC3E,SAAOJ,cAAWA,CAAAO,IAAA,EAAAC,OAAY;EAE9B,KAAAC,SAAA,EAAAC,YAAU,MAAM,EAAAP,YAAA,CAAAQ,QAAA;EACd,IAAAR,YAAW,CAAAS,SAAA;IACX,IAAI,CAAAL,IAAA;IACF;MACA,IAAAM,SAAa,GAAAC,WAAM,CAASP,IAAA,EAAAC,OAAA;MAC9BE,YAAc;QACZ,OAAQG,SAAM;MACd;IACF,SAAAE,GAAA;MACEC,OAAM,CAAAC,KAAO,CAAC,mDAAAF,GAAA;MAElBL,YAAO;IACT;EAEA,IACEH,IAAA,EACEC,OAAG,EACH;EACF,OAAGC,SAAA;AACL;AAEA,SAAMK,YAAAP,IAAgB,EAAAC,OAAO;EAC7B,OAASU,GAAA,CAAIX,IAAA,EAAc;IACzB,GAAAF,UAAW;IACb,GAAAG","ignoreList":[]}