@multiplatform.one/markdown 6.0.0

package/dist/cjs/MdxCodeBlock/index.cjs

@@ -0,0 +1,185 @@
+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_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 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_linear_gradient.LinearGradient, {
+          position: "absolute",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          height: 200,
+          colors: ["$backgroundTransparent", "$background"],
+          zIndex: zIndex.localTop,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
+            flex: 1
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            onPress: () => setIsCutoff(!isCutoff),
+            alignSelf: "center",
+            children: "Show more"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
+            size: "$4"
+          })]
+        }), (!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,
+              ...knobProps.panelPadding,
+              size: size ?? "$5",
+              ...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",
+          right: "$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,
+              $xs: {
+                display: "none"
+              }
+            })
+          }), isCollapsible && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            accessibilityLabel: "Show or hide code",
+            size: "$2",
+            onPress: () => setIsCollapsed(x => !x),
+            children: isCollapsed ? "Show code" : "Hide code"
+          })]
+        })]
+      })
+    })
+  });
+}

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

@@ -0,0 +1,205 @@
+"use strict";
+
+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_jsx_runtime = require("react/jsx-runtime");
+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.native.js");
+var import_mdxCodeBlockContext = require("./mdxCodeBlockContext.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var 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 === "undefined" ? "undefined" : _type_of(children)) === "object" && "props" in children) {
+    var _children_props;
+    return extractCodeText((_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.children);
+  }
+  return String(children !== null && children !== void 0 ? children : "");
+}
+function extractLanguage(className) {
+  if (!className) return "text";
+  var match = className.match(/language-(\w+)/);
+  return (match === null || match === void 0 ? void 0 : match[1]) || "text";
+}
+function MDXCodeBlock(props) {
+  var _ref;
+  var {
+    children,
+    className,
+    disableCopy,
+    id,
+    isCollapsible,
+    isHighlightingLines,
+    showLineNumbers: propShowLineNumbers,
+    size,
+    line,
+    ...codeProps
+  } = {
+    ...(0, import_react.useContext)(import_mdxCodeBlockContext.MDXCodeBlockContext),
+    ...props
+  };
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var codeText = (0, import_react.useMemo)(function () {
+    return extractCodeText(children).replace(/\n$/, "");
+  }, [children]);
+  var language = (0, import_react.useMemo)(function () {
+    return extractLanguage(className);
+  }, [className]);
+  var tokens = (0, import_components.useShikiTokens)(codeText, language);
+  var lines = (_ref = tokens === null || tokens === void 0 ? void 0 : tokens.length) !== null && _ref !== void 0 ? _ref : codeText.split("\n").length;
+  var showLineNumbers = propShowLineNumbers !== null && propShowLineNumbers !== void 0 ? propShowLineNumbers : lines > 10;
+  var [isCollapsed, setIsCollapsed] = (0, import_react.useState)(isCollapsible);
+  var isLong = lines > 22;
+  var [isCutoff, setIsCutoff] = (0, import_react.useState)(isLong && !isCollapsible);
+  var {
+    hasCopied,
+    onCopy
+  } = (0, import_components.useClipboard)(codeText);
+  var highlightLines = (0, import_react.useMemo)(function () {
+    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_linear_gradient.LinearGradient, {
+          position: "absolute",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          height: 200,
+          colors: ["$backgroundTransparent", "$background"],
+          zIndex: zIndex.localTop,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
+            flex: 1
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            onPress: function onPress() {
+              return setIsCutoff(!isCutoff);
+            },
+            alignSelf: "center",
+            children: "Show more"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
+            size: "$4"
+          })]
+        }), (!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,
+              ...knobProps.panelPadding,
+              size: size !== null && size !== void 0 ? size : "$5",
+              ...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",
+          right: "$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,
+              $xs: {
+                display: "none"
+              }
+            })
+          }), isCollapsible && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            accessibilityLabel: "Show or hide code",
+            size: "$2",
+            onPress: function onPress() {
+              return setIsCollapsed(function (x) {
+                return !x;
+              });
+            },
+            children: isCollapsed ? "Show code" : "Hide code"
+          })]
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MdxCodeBlock_exports","__export","MDXCodeBlock","module","exports","import_jsx_runtime","require","import_components","import_theme","import_linear_gradient","import_parse_numeric_range","__toESM","import_react","import_tamagui","import_icons","import_mdxCodeBlockContext","_type_of","obj","Symbol","constructor","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","_children_props","props","String","extractLanguage","className","match","_ref","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","useContext","MDXCodeBlockContext","knobProps","useResolvedKnobs","codeText","useMemo","replace","language","tokens","useShikiTokens","lines","length","split","isCollapsed","setIsCollapsed","useState","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","useClipboard","highlightLines","default","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","height","colors","Spacer","flex","Button","onPress","alignSelf","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor","panelPadding","HighlightedCode","XStack","top","gap","TooltipSimple","label"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/MdxCodeBlock/mdxCodeBlock.spec.cjs

@@ -0,0 +1,90 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("MDXCodeBlock", () => {
+  (0, import_vitest.it)("should render code content", () => {
+    const codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      className: "token keyword",
+      children: "const"
+    });
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: codeContent
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("const");
+  });
+  (0, import_vitest.it)("should handle collapsible code blocks", () => {
+    const codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: "Test code"
+    });
+    const {
+      getByText,
+      queryByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      isCollapsible: true,
+      children: codeContent
+    }));
+    const toggleButton = getByText("Show code");
+    (0, import_vitest.expect)(toggleButton).toBeDefined();
+    (0, import_vitest.expect)(queryByText("Test code")).toBeNull();
+  });
+  (0, import_vitest.it)("should show line numbers for long code blocks", () => {
+    const longCode = Array.from({
+      length: 15
+    }, (_, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: `Line ${i + 1}
+`
+    }, i));
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: longCode
+    }));
+    const pre = container.querySelector("pre");
+    (0, import_vitest.expect)(pre).toBeDefined();
+    (0, import_vitest.expect)(pre?.getAttribute("data-line-numbers")).toBe("true");
+  });
+  (0, import_vitest.it)("should not show line numbers for short code blocks", () => {
+    const shortCode = Array.from({
+      length: 5
+    }, (_, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: `Line ${i + 1}
+`
+    }, i));
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: shortCode
+    }));
+    const pre = container.querySelector("pre");
+    (0, import_vitest.expect)(pre).toBeDefined();
+    (0, import_vitest.expect)(pre?.getAttribute("data-line-numbers")).toBe("false");
+  });
+  (0, import_vitest.it)("should handle copy functionality when not disabled", () => {
+    const codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: "Copy this code"
+    });
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: codeContent
+    }));
+    const copyButton = container.querySelector('[aria-label="Copy code to clipboard"]');
+    (0, import_vitest.expect)(copyButton).toBeDefined();
+  });
+  (0, import_vitest.it)("should not show copy button when disabled", () => {
+    const codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: "Cannot copy this"
+    });
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      disableCopy: true,
+      children: codeContent
+    }));
+    const copyButton = container.querySelector('[aria-label="Copy code to clipboard"]');
+    (0, import_vitest.expect)(copyButton).toBeNull();
+  });
+});

package/dist/cjs/MdxCodeBlock/mdxCodeBlock.spec.native.js

@@ -0,0 +1,122 @@
+"use strict";
+
+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 __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 import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_react = __toESM(require("react"));
+var import_vitest = require("vitest");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("MDXCodeBlock", function () {
+  (0, import_vitest.it)("should render code content", function () {
+    var codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      className: "token keyword",
+      children: "const"
+    });
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: codeContent
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("const");
+  });
+  (0, import_vitest.it)("should handle collapsible code blocks", function () {
+    var codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: "Test code"
+    });
+    var {
+      getByText,
+      queryByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      isCollapsible: true,
+      children: codeContent
+    }));
+    var toggleButton = getByText("Show code");
+    (0, import_vitest.expect)(toggleButton).toBeDefined();
+    (0, import_vitest.expect)(queryByText("Test code")).toBeNull();
+  });
+  (0, import_vitest.it)("should show line numbers for long code blocks", function () {
+    var longCode = Array.from({
+      length: 15
+    }, function (_, i) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+        children: `Line ${i + 1}
+`
+      }, i);
+    });
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: longCode
+    }));
+    var pre = container.querySelector("pre");
+    (0, import_vitest.expect)(pre).toBeDefined();
+    (0, import_vitest.expect)(pre === null || pre === void 0 ? void 0 : pre.getAttribute("data-line-numbers")).toBe("true");
+  });
+  (0, import_vitest.it)("should not show line numbers for short code blocks", function () {
+    var shortCode = Array.from({
+      length: 5
+    }, function (_, i) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+        children: `Line ${i + 1}
+`
+      }, i);
+    });
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: shortCode
+    }));
+    var pre = container.querySelector("pre");
+    (0, import_vitest.expect)(pre).toBeDefined();
+    (0, import_vitest.expect)(pre === null || pre === void 0 ? void 0 : pre.getAttribute("data-line-numbers")).toBe("false");
+  });
+  (0, import_vitest.it)("should handle copy functionality when not disabled", function () {
+    var codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: "Copy this code"
+    });
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      children: codeContent
+    }));
+    var copyButton = container.querySelector('[aria-label="Copy code to clipboard"]');
+    (0, import_vitest.expect)(copyButton).toBeDefined();
+  });
+  (0, import_vitest.it)("should not show copy button when disabled", function () {
+    var codeContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      children: "Cannot copy this"
+    });
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MDXCodeBlock, {
+      disableCopy: true,
+      children: codeContent
+    }));
+    var copyButton = container.querySelector('[aria-label="Copy code to clipboard"]');
+    (0, import_vitest.expect)(copyButton).toBeNull();
+  });
+});
+//# sourceMappingURL=mdxCodeBlock.spec.native.js.map

package/dist/cjs/MdxCodeBlock/mdxCodeBlock.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__toESM","mod","isNodeMode","target","__esModule","value","import_jsx_runtime","require","import_test_utils","import_react","import_vitest","import_index","describe","it","codeContent","jsx","className","children","container","renderWithProviders","MDXCodeBlock","expect","textContent","toContain","getByText","queryByText","isCollapsible","toggleButton","toBeDefined","toBeNull"],"sources":["../../../src/MdxCodeBlock/mdxCodeBlock.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AAEA,IAAAA,QAAA,GAAAC,MAAqC,CAAAC,MAAA;AACrC,IAAAC,SAAA,GAAAF,MAA6B,CAAAG,cAAA;AAIL,IAAAC,gBAAA,GAAAJ,MAAA,CAAAK,wBAAA;AAAA,IAFxBC,iBAAA,GAAAN,MAAS,CAAAO,mBAAsB;AAC7B,IAAAC,YAAA,GAAAR,MAAG,CAAAS,cAAA;AACD,IAAAC,YAAM,GAAAV,MAAc,CAAAW,SAAA,CAAAC,cAAA;AAEpB,IAAAC,WAAQ,GAAAA,CAAAC,EAAA,EAAUC,IAAA,EAAAC,MAAI,EAAAC,IAAA;EAEtB,IAAAF,IAAA,WAAAA,IAAA,KAAO,YAAU,OAAAA,IAAa,eAAU,EAAO;IAChD,SAAAG,GAAA,IAAAZ,iBAAA,CAAAS,IAAA,GAED,KAAAL,YAAA,CAAGS,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACDd,SAAM,CAAAY,EAAA,EAAAI,GAAc;MAAAE,GAAA,EAAAA,CAAA,KAAAL,IAAA,CAAAG,GAAA;MAAAG,UAAA,IAAAJ,IAAC,GAAAb,gBAAK,CAAAW,IAAA,EAAAG,GAAA,MAASD,IAAA,CAAAI;IAAA;EAEnC;EAAmC,OACjCP,EAAA;AAAyC;AAG3C,IAAAQ,OAAM,GAAAA,CAAAC,GAAA,EAAAC,UAAe,EAAAC,MAAU,MAAAA,MAAW,GAAAF,GAAA,WAAAxB,QAAA,CAAAS,YAAA,CAAAe,GAAA,SAAAV,WAAA;AAC1C;AACA;AACF;AAEA;AACEW,UAAM,KAAAD,GAAA,IAAW,CAAAA,GAAM,CAAAG,UAAO,GAAQxB,SAAO,CAAGuB,MAAM;EAAAE,KAAA,EAAAJ,GAAA;EAAAF,UAAA;AAAC,KAAAI,MAAc,EAAaF,GAElF;AAEA,IAAAK,kBAAY,GAAAC,OAAU,oBAAmB;AACzC,IAAAC,iBAAA,GAAAD,OAAO,gCAAiB;AACxB,IAAAE,YAAA,GAAAT,OAAA,CAAAO,OAAO,CAAK;AAA8C,IAC3DG,aAAA,GAAAH,OAAA;AAED,IAAAI,YAAA,GAAAJ,OAAG;AACD,IAAAG,aAAM,CAAAE,QAAY,EAAM,cAAO,EAAQ,YAAS;EAAkC,IAAKF,aAAO,CAAAG,EAAA;IAE9F,IAAAC,WAAQ,GAAU,eAAI,IAAAR,kBAAA,CAAAS,GAAA,QAAoB;MAE1CC,SAAM,EAAM,eAAU;MACtBC,QAAA;IACA;IACD;MAAAC;IAAA,QAAAV,iBAAA,CAAAW,mBAAA,qBAAAb,kBAAA,CAAAS,GAAA,EAAAJ,YAAA,CAAAS,YAAA;MAEDH,QAAA,EAAAH;IACE;IAEA,IAAAJ,aAAQ,CAAUW,MAAA,EAAIH,SAAA,CAAAI,WAAA,EAAAC,SAAA,QAAoB;EAE1C;EACA,IAAAb,aAAA,CAAAG,EAAA,yCAA+B;IAChC,IAAAC,WAAA,sBAAAR,kBAAA,CAAAS,GAAA;MAEDE,QAAA;IACE;IAEA;MAAMO,SAAE;MAAAC;IAAc,QAAAjB,iBAAA,CAAAW,mBAAA,qBAAAb,kBAAA,CAAAS,GAAA,EAAAJ,YAAA,CAAAS,YAAA;MACpBM,aAAA;MACFT,QAAA,EAAAH;IAEA;IACA,IAAAa,YAAA,GAAAH,SAAO,YAAY;IACpB,IAAAd,aAAA,CAAAW,MAAA,EAAAM,YAAA,EAAAC,WAAA;IACF,IAAAlB,aAAA,CAAAW,MAAA,EAAAI,WAAA,eAAAI,QAAA","ignoreList":[]}

package/dist/cjs/MdxCodeBlock/mdxCodeBlockContext.cjs

@@ -0,0 +1,29 @@
+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 mdxCodeBlockContext_exports = {};
+__export(mdxCodeBlockContext_exports, {
+  MDXCodeBlockContext: () => MDXCodeBlockContext
+});
+module.exports = __toCommonJS(mdxCodeBlockContext_exports);
+var import_react = require("react");
+const MDXCodeBlockContext = (0, import_react.createContext)({});