@multiplatform.one/markdown 6.4.1 → 6.4.2

package/dist/cjs/MarkdownSimpleTable/index.cjs

@@ -0,0 +1,150 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MarkdownSimpleTable_exports = {};
+__export(MarkdownSimpleTable_exports, {
+  MarkdownSimpleTable: () => MarkdownSimpleTable
+});
+module.exports = __toCommonJS(MarkdownSimpleTable_exports);
+var import_tamagui = require("tamagui");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_theme = require("@multiplatform.one/theme");
+var import_Link = require("../components/Link.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
+function parseCell(content) {
+  if (typeof content !== "string") return content;
+  const matches = [...content.matchAll(markdownPattern)];
+  if (!matches.length) return content;
+  const parts = [];
+  let lastIndex = 0;
+  for (const match of matches) {
+    const matchIndex = match.index ?? 0;
+    if (matchIndex > lastIndex) {
+      parts.push(content.slice(lastIndex, matchIndex));
+    }
+    const key = `m-${matchIndex}`;
+    if (match[1]) {
+      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "700",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+          href: match[3],
+          children: match[2]
+        })
+      }, key));
+    } else if (match[4]) {
+      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+        href: match[6],
+        children: match[5]
+      }, key));
+    } else if (match[7]) {
+      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "700",
+        children: match[8]
+      }, key));
+    } else if (match[9]) {
+      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontFamily: "$mono",
+        backgroundColor: "$color4",
+        paddingHorizontal: "$1.5",
+        paddingVertical: "$0.5",
+        borderRadius: "$2",
+        children: match[10]
+      }, key));
+    }
+    lastIndex = matchIndex + match[0].length;
+  }
+  if (lastIndex < content.length) {
+    parts.push(content.slice(lastIndex));
+  }
+  return parts.length === 1 ? parts[0] : parts;
+}
+function MarkdownSimpleTable({
+  headers,
+  rows
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const media = (0, import_tamagui.useMedia)();
+  const isMobile = media.sm;
+  const table = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
+    render: "table",
+    width: "auto",
+    cellWidth: "auto",
+    style: {
+      tableLayout: "auto"
+    },
+    borderColor: "$borderColor",
+    borderRadius: knobProps.borderRadius.borderRadius,
+    alignCells: {
+      x: "start",
+      y: "center"
+    },
+    alignHeaderCells: {
+      x: "start",
+      y: "center"
+    },
+    ...(isMobile && {
+      minWidth: 760
+    }),
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+      render: "thead",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+        render: "tr",
+        rowLocation: "first",
+        children: headers.map((header, headerIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+          render: "th",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$4",
+            fontWeight: "600",
+            children: header
+          })
+        }, `h-${headerIdx}`))
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+      render: "tbody",
+      children: rows.map((row, rowIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+        render: "tr",
+        rowLocation: rowIdx === rows.length - 1 ? "last" : "middle",
+        children: row.map((cell, cellIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+          render: "td",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            render: "span",
+            display: "block",
+            size: "$4",
+            maxWidth: 480,
+            children: parseCell(cell)
+          })
+        }, `c-${rowIdx}-${cellIdx}`))
+      }, `r-${rowIdx}`))
+    })]
+  });
+  if (isMobile) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      children: table
+    });
+  }
+  return table;
+}

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

@@ -0,0 +1,183 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MarkdownSimpleTable_exports = {};
+__export(MarkdownSimpleTable_exports, {
+  MarkdownSimpleTable: () => MarkdownSimpleTable
+});
+module.exports = __toCommonJS(MarkdownSimpleTable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_theme = require("@multiplatform.one/theme");
+var import_Link = require("../components/Link.native.js");
+var markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
+function parseCell(content) {
+  if (typeof content !== "string") return content;
+  var matches = [...content.matchAll(markdownPattern)];
+  if (!matches.length) return content;
+  var parts = [];
+  var lastIndex = 0;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = matches[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var match = _step.value;
+      var _match_index;
+      var matchIndex = (_match_index = match.index) !== null && _match_index !== void 0 ? _match_index : 0;
+      if (matchIndex > lastIndex) {
+        parts.push(content.slice(lastIndex, matchIndex));
+      }
+      var key = `m-${matchIndex}`;
+      if (match[1]) {
+        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontWeight: "700",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+            href: match[3],
+            children: match[2]
+          })
+        }, key));
+      } else if (match[4]) {
+        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
+          href: match[6],
+          children: match[5]
+        }, key));
+      } else if (match[7]) {
+        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontWeight: "700",
+          children: match[8]
+        }, key));
+      } else if (match[9]) {
+        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontFamily: "$mono",
+          backgroundColor: "$color4",
+          paddingHorizontal: "$1.5",
+          paddingVertical: "$0.5",
+          borderRadius: "$2",
+          children: match[10]
+        }, key));
+      }
+      lastIndex = matchIndex + match[0].length;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  if (lastIndex < content.length) {
+    parts.push(content.slice(lastIndex));
+  }
+  return parts.length === 1 ? parts[0] : parts;
+}
+function MarkdownSimpleTable(param) {
+  var {
+    headers,
+    rows
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var media = (0, import_tamagui.useMedia)();
+  var isMobile = media.sm;
+  var table = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
+    render: "table",
+    // Auto width/layout: a real <table> with width:100% against the
+    // scroller's indefinite width hits Chromium's 1e6px table clamp.
+    width: "auto",
+    cellWidth: "auto",
+    style: {
+      tableLayout: "auto"
+    },
+    borderColor: "$borderColor",
+    borderRadius: knobProps.borderRadius.borderRadius,
+    alignCells: {
+      x: "start",
+      y: "center"
+    },
+    alignHeaderCells: {
+      x: "start",
+      y: "center"
+    },
+    ...(isMobile && {
+      minWidth: 760
+    }),
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+      render: "thead",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+        render: "tr",
+        rowLocation: "first",
+        children: headers.map(function (header, headerIdx) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+            render: "th",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+              size: "$4",
+              fontWeight: "600",
+              children: header
+            })
+          }, `h-${headerIdx}`);
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+      render: "tbody",
+      children: rows.map(function (row, rowIdx) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+          render: "tr",
+          rowLocation: rowIdx === rows.length - 1 ? "last" : "middle",
+          children: row.map(function (cell, cellIdx) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+              render: "td",
+              children: (/* maxWidth caps the column's max-content contribution so long cells wrap */
+              /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                render: "span",
+                display: "block",
+                size: "$4",
+                maxWidth: 480,
+                children: parseCell(cell)
+              }))
+            }, `c-${rowIdx}-${cellIdx}`);
+          })
+        }, `r-${rowIdx}`);
+      })
+    })]
+  });
+  if (isMobile) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      children: table
+    });
+  }
+  return table;
+}
+//# sourceMappingURL=index.native.js.map

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

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

package/dist/cjs/Mdx/index.cjs

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Mdx_exports = {};
+__export(Mdx_exports, {
+  MDX: () => MDX
+});
+module.exports = __toCommonJS(Mdx_exports);
+var import_react = require("@mdx-js/react");
+var import_components = require("@multiplatform.one/components");
+var import_hooks = require("../hooks/index.cjs");
+var import_mdxComponents = require("../mdxComponents.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const logger = console;
+function MDX({
+  children,
+  debug,
+  ...props
+}) {
+  const components = (0, import_react.useMDXComponents)();
+  const {
+    Component,
+    code,
+    frontmatter
+  } = (0, import_hooks.useCompileAndEvaluateMdx)(children);
+  if (!Component) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+  if (debug) {
+    logger.debug("MDX", {
+      frontmatter
+    });
+    logger.debug(code);
+  }
+  return (
+    // contain runtime render errors (e.g. missing component mappings) so
+    // sibling content outside the MDX renderer survives
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_components.ErrorBoundary, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        components: {
+          ...import_mdxComponents.mdxComponents,
+          ...components,
+          ...props.components
+        }
+      })
+    })
+  );
+}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Mdx_exports = {};
+__export(Mdx_exports, {
+  MDX: () => MDX
+});
+module.exports = __toCommonJS(Mdx_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@mdx-js/react");
+var import_components = require("@multiplatform.one/components");
+var import_hooks = require("../hooks/index.native.js");
+var import_mdxComponents = require("../mdxComponents.native.js");
+var logger = console;
+function MDX(param) {
+  var {
+    children,
+    debug,
+    ...props
+  } = param;
+  var components = (0, import_react.useMDXComponents)();
+  var {
+    Component,
+    code,
+    frontmatter
+  } = (0, import_hooks.useCompileAndEvaluateMdx)(children);
+  if (!Component) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+  if (debug) {
+    logger.debug("MDX", {
+      frontmatter
+    });
+    logger.debug(code);
+  }
+  return (
+    // contain runtime render errors (e.g. missing component mappings) so
+    // sibling content outside the MDX renderer survives
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_components.ErrorBoundary, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        components: {
+          ...import_mdxComponents.mdxComponents,
+          ...components,
+          ...props.components
+        }
+      })
+    })
+  );
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Mdx_exports","__export","MDX","module","exports","import_jsx_runtime","require","import_react","import_components","import_hooks","import_mdxComponents","logger","console","param","children","debug","props","components","useMDXComponents","Component","code","frontmatter","useCompileAndEvaluateMdx","jsx","Fragment","ErrorBoundary","mdxComponents"],"sources":["../../../src/Mdx/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,WAAA;AAAAC,QAAA,CAAAD,WAAA;EAAAE,GAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,WAAA;AACjC,IAAAK,kBAAA,GAA8BC,OAAA;AAG9B,IAAAC,YAAA,GAAyCD,OAAA;AACzC,IAAAE,iBAAA,GAAAF,OAA8B;AAaL,IAAAG,YAAA,GAAAH,OAAA;AALzB,IAAAI,oBAAe,GAAAJ,OAAA;AAER,IAAAK,MAAS,GAAIC,OAAE;AACpB,SAAMV,IAAAW,KAAA;EACN;IAAMC,QAAE;IAAAC,KAAW;IAAA,GAAMC;EAAA,IAAAH,KAAY;EACrC,IAAII,UAAC,GAAW,IAAAV,YAAO,CAAAW,gBAAA;EACvB,IAAI;IAAAC,SAAO;IAAAC,IAAA;IAAAC;EAAA,QAAAZ,YAAA,CAAAa,wBAAA,EAAAR,QAAA;EACT,KAAAK,SAAO,EAAM,OAAO,eAAe,IAAAd,kBAAA,CAAAkB,GAAA,EAAAlB,kBAAA,CAAAmB,QAAA;EACnC,IAAAT,KAAO;IACTJ,MAAA,CAAAI,KAAA;MACAM;IAAA;IAAAV,MAAA,CAAAI,KAAA,CAAAK,IAAA;EAAA;EAII;IAAC;IAAA;IACa;IACP,IAAAf,kBAAA,CAAAkB,GAAA,EAAAf,iBAAA,CAAAiB,aAAA;MAAAX,QACA,qBAAAT,kBAAA,CAAAkB,GAAA,EAAAJ,SAAA;QAAAF,UACA,EAAM;UACX,GAAAP,oBAAA,CAAAgB,aAAA;UAAA,GAAAT,UAAA;UAEJ,GAAAD,KAAA,CAAAC;QAAA;MAEJ","ignoreList":[]}

package/dist/cjs/MdxCodeBlock/index.cjs

@@ -0,0 +1,193 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MdxCodeBlock_exports = {};
+__export(MdxCodeBlock_exports, {
+  MDXCodeBlock: () => MDXCodeBlock
+});
+module.exports = __toCommonJS(MdxCodeBlock_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_linear_gradient = require("@tamagui/linear-gradient");
+var import_parse_numeric_range = __toESM(require("parse-numeric-range"));
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_icons = require("../icons/index.cjs");
+var import_cutoffGradient = require("../shared/cutoffGradient.cjs");
+var import_mdxCodeBlockContext = require("./mdxCodeBlockContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const zIndex = {
+  localTop: 100
+};
+function extractCodeText(children) {
+  if (typeof children === "string") return children;
+  if (Array.isArray(children)) return children.map(extractCodeText).join("");
+  if (children && typeof children === "object" && "props" in children) {
+    return extractCodeText(children.props?.children);
+  }
+  return String(children ?? "");
+}
+function extractLanguage(className) {
+  if (!className) return "text";
+  const match = className.match(/language-(\w+)/);
+  return match?.[1] || "text";
+}
+function MDXCodeBlock(props) {
+  const {
+    children,
+    className,
+    disableCopy,
+    id,
+    isCollapsible,
+    isHighlightingLines,
+    showLineNumbers: propShowLineNumbers,
+    size,
+    line,
+    ...codeProps
+  } = {
+    ...(0, import_react.useContext)(import_mdxCodeBlockContext.MDXCodeBlockContext),
+    ...props
+  };
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
+  const codeText = (0, import_react.useMemo)(() => extractCodeText(children).replace(/\n$/, ""), [children]);
+  const language = (0, import_react.useMemo)(() => extractLanguage(className), [className]);
+  const tokens = (0, import_components.useShikiTokens)(codeText, language);
+  const lines = tokens?.length ?? codeText.split("\n").length;
+  const showLineNumbers = propShowLineNumbers ?? lines > 10;
+  const [isCollapsed, setIsCollapsed] = (0, import_react.useState)(isCollapsible);
+  const isLong = lines > 22;
+  const [isCutoff, setIsCutoff] = (0, import_react.useState)(isLong && !isCollapsible);
+  const {
+    hasCopied,
+    onCopy
+  } = (0, import_components.useClipboard)(codeText);
+  const highlightLines = (0, import_react.useMemo)(() => {
+    if (!isHighlightingLines || !line) return [];
+    return (0, import_parse_numeric_range.default)(line);
+  }, [isHighlightingLines, line]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    position: "relative",
+    marginBottom: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ErrorBoundary, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        position: "relative",
+        ...(isCutoff && {
+          maxHeight: 400,
+          overflow: "hidden",
+          borderRadius: knobProps.borderRadius.borderRadius
+        }),
+        children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__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: () => setIsCutoff(false),
+              children: "Show more"
+            })
+          })]
+        }), (!isCollapsed || !isCollapsible) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Pre, {
+          padding: 0,
+          marginBottom: 0,
+          id,
+          "data-line-numbers": showLineNumbers ? "true" : "false",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+            style: {
+              width: "100%"
+            },
+            contentContainerStyle: {
+              minWidth: "100%"
+            },
+            horizontal: true,
+            showsHorizontalScrollIndicator: false,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Code, {
+              backgroundColor: "transparent",
+              flex: 1,
+              borderWidth: 0,
+              ...knobProps.panelPadding,
+              size: size ?? knobProps.sizeToken,
+              ...codeProps,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.HighlightedCode, {
+                tokens,
+                highlightLines,
+                showLineNumbers,
+                children: codeText
+              })
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          position: "absolute",
+          top: "$3",
+          insetInlineEnd: "$3",
+          ...knobProps.gap,
+          children: [(!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
+            label: hasCopied ? "Copied" : "Copy to clipboard",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              "aria-label": "Copy code to clipboard",
+              size: "$2",
+              icon: hasCopied ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.CheckCircleIcon, {
+                size: 14
+              }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ClipboardIcon, {
+                size: 14
+              }),
+              onPress: onCopy,
+              "$max-xs": {
+                display: "none"
+              }
+            })
+          }), isCollapsible && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            "aria-label": "Show or hide code",
+            size: "$2",
+            onPress: () => setIsCollapsed(x => !x),
+            children: isCollapsed ? "Show code" : "Hide code"
+          })]
+        })]
+      })
+    })
+  });
+}