@multiplatform.one/markdown 6.0.0

package/dist/jsx/MdxCodeBlock/index.mjs

@@ -0,0 +1,149 @@
+import { Code, ErrorBoundary, HighlightedCode, Pre, useClipboard, useShikiTokens } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { LinearGradient } from "@tamagui/linear-gradient";
+import rangeParser from "parse-numeric-range";
+import { useContext, useMemo, useState } from "react";
+import { Button, ScrollView, Spacer, TooltipSimple, XStack, YStack } from "tamagui";
+import { CheckCircleIcon, ClipboardIcon } from "../icons/index.mjs";
+import { MDXCodeBlockContext } from "./mdxCodeBlockContext.mjs";
+import { jsx, jsxs } from "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
+  } = {
+    ...useContext(MDXCodeBlockContext),
+    ...props
+  };
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const codeText = useMemo(() => extractCodeText(children).replace(/\n$/, ""), [children]);
+  const language = useMemo(() => extractLanguage(className), [className]);
+  const tokens = useShikiTokens(codeText, language);
+  const lines = tokens?.length ?? codeText.split("\n").length;
+  const showLineNumbers = propShowLineNumbers ?? lines > 10;
+  const [isCollapsed, setIsCollapsed] = useState(isCollapsible);
+  const isLong = lines > 22;
+  const [isCutoff, setIsCutoff] = useState(isLong && !isCollapsible);
+  const {
+    hasCopied,
+    onCopy
+  } = useClipboard(codeText);
+  const highlightLines = useMemo(() => {
+    if (!isHighlightingLines || !line) return [];
+    return rangeParser(line);
+  }, [isHighlightingLines, line]);
+  return /* @__PURE__ */jsx(YStack, {
+    position: "relative",
+    marginBottom: "$4",
+    children: /* @__PURE__ */jsx(ErrorBoundary, {
+      children: /* @__PURE__ */jsxs(YStack, {
+        position: "relative",
+        ...(isCutoff && {
+          maxHeight: 400,
+          overflow: "hidden",
+          borderRadius: knobProps.borderRadius.borderRadius
+        }),
+        children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */jsxs(LinearGradient, {
+          position: "absolute",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          height: 200,
+          colors: ["$backgroundTransparent", "$background"],
+          zIndex: zIndex.localTop,
+          children: [/* @__PURE__ */jsx(Spacer, {
+            flex: 1
+          }), /* @__PURE__ */jsx(Button, {
+            onPress: () => setIsCutoff(!isCutoff),
+            alignSelf: "center",
+            children: "Show more"
+          }), /* @__PURE__ */jsx(Spacer, {
+            size: "$4"
+          })]
+        }), (!isCollapsed || !isCollapsible) && /* @__PURE__ */jsx(Pre, {
+          padding: 0,
+          marginBottom: 0,
+          id,
+          "data-line-numbers": showLineNumbers ? "true" : "false",
+          children: /* @__PURE__ */jsx(ScrollView, {
+            style: {
+              width: "100%"
+            },
+            contentContainerStyle: {
+              minWidth: "100%"
+            },
+            horizontal: true,
+            showsHorizontalScrollIndicator: false,
+            children: /* @__PURE__ */jsx(Code, {
+              backgroundColor: "transparent",
+              flex: 1,
+              ...knobProps.panelPadding,
+              size: size ?? "$5",
+              ...codeProps,
+              children: /* @__PURE__ */jsx(HighlightedCode, {
+                tokens,
+                highlightLines,
+                showLineNumbers,
+                children: codeText
+              })
+            })
+          })
+        }), /* @__PURE__ */jsxs(XStack, {
+          position: "absolute",
+          top: "$3",
+          right: "$3",
+          ...knobProps.gap,
+          children: [(!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */jsx(TooltipSimple, {
+            label: hasCopied ? "Copied" : "Copy to clipboard",
+            children: /* @__PURE__ */jsx(Button, {
+              "aria-label": "Copy code to clipboard",
+              size: "$2",
+              icon: hasCopied ? /* @__PURE__ */jsx(CheckCircleIcon, {
+                size: 14
+              }) : /* @__PURE__ */jsx(ClipboardIcon, {
+                size: 14
+              }),
+              onPress: onCopy,
+              $xs: {
+                display: "none"
+              }
+            })
+          }), isCollapsible && /* @__PURE__ */jsx(Button, {
+            accessibilityLabel: "Show or hide code",
+            size: "$2",
+            onPress: () => setIsCollapsed(x => !x),
+            children: isCollapsed ? "Show code" : "Hide code"
+          })]
+        })]
+      })
+    })
+  });
+}
+export { MDXCodeBlock };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Code","ErrorBoundary","HighlightedCode","Pre","useClipboard","useShikiTokens","useResolvedKnobs","LinearGradient","rangeParser","useContext","useMemo","useState","Button","ScrollView","Spacer","TooltipSimple","XStack","YStack","CheckCircleIcon","ClipboardIcon","MDXCodeBlockContext","jsx","jsxs","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","props","String","extractLanguage","className","match","MDXCodeBlock","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","knobProps","codeText","replace","language","tokens","lines","length","split","isCollapsed","setIsCollapsed","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","highlightLines","position","marginBottom","maxHeight","overflow","borderRadius","bottom","left","right","height","colors","flex","onPress","alignSelf","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","panelPadding","top","gap","label","icon","$xs","display","accessibilityLabel","x"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","MdxCodeBlock_exports","MDXCodeBlock","module","exports","import_jsx_runtime","require","import_components","import_theme","import_linear_gradient","import_parse_numeric_range","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"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/MdxCodeBlock/mdxCodeBlock.spec.mjs

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

package/dist/jsx/MdxCodeBlock/mdxCodeBlock.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","describe","expect","it","MDXCodeBlock","jsx","codeContent","className","children","container","textContent","toContain","getByText","queryByText","isCollapsible","toggleButton","toBeDefined","toBeNull","longCode","Array","from","length","_","i","pre","querySelector","getAttribute","toBe","shortCode","copyButton","disableCopy"],"sources":["../../../src/MdxCodeBlock/mdxCodeBlock.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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,YAAS;;AAET,IAAAA,QAAS,GAAAC,MAAU,CAAAC,MAAQ;AAC3B,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAAoB;AAIL,IAAAC,gBAAA,GAAAJ,MAAA,CAAAK,wBAAA;AAFxB,IAAAC,iBAAS,GAAAN,MAAgB,CAAMO,mBAAA;AAC7B,IAAAC,YAAG,GAAAR,MAAA,CAAAS,cAA8B;AAC/B,IAAAC,YAAM,GAAAV,MAAc,CAAAW,SAAA,CAAAC,cAAC;AAErB,IAAAC,WAAQ,GAAAA,CAAAC,EAAA,EAAUC,IAAI,EAAAC,MAAA,EAAAC,IAAA,KAAoB;EAE1C,IAAAF,IAAA,IAAO,OAAUA,IAAA,aAAa,WAAUA,IAAO;IAChD,SAAAG,GAAA,IAAAZ,iBAAA,CAAAS,IAAA,GAEE,KAAAL,YAAA,CAAAS,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAyCF,MAAM,EAChDd,SAAM,CAAAY,EAAA,EAAAI,GAAc;MAAAE,GAAA,EAAAA,CAAA,KAAAL,IAAC,CAAAG,GAAA;MAAAG,UAAK,IAAAJ,IAAA,GAAAb,gBAAS,CAAAW,IAAA,EAAAG,GAAA,MAAAD,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,KAAC,EAAAJ,GAAA;EAAAF,UAAc;AAAA,KAAQI,MAAK,EAAAF,GAElF;AAEA,IAAAK,kBAAY,GAAAC,OAAU,oBAAmB;AACzC,IAAAC,iBAAY,GAAAD,OAAY;AACxB,IAAAE,YAAY,GAAAT,OAAA,CAAAO,OAAa;AAAiC,IAC3DG,aAAA,GAAAH,OAAA;AAED,IAAAI,YAAG,GAAAJ,OAAA;AACD,IAAAG,aAAM,CAAAE,QAAY,EAAM,cAAO,EAAQ,YAAS;EAAkC,IAAKF,aAAO,CAAAG,EAAA;IAE9F,IAAAC,WAAQ,GAAU,eAAI,IAAAR,kBAAoB,CAAAS,GAAA,EAAC;MAE3CC,SAAM,EAAM,eAAU;MACtBC,QAAU,EAAE;IACZ;IACD;MAAAC;IAAA,QAAAV,iBAAA,CAAAW,mBAAA,qBAAAb,kBAAA,CAAAS,GAAA,EAAAJ,YAAA,CAAAS,YAAA;MAEEH,QAAA,EAAAH;IACD;IAEA,IAAAJ,aAAQ,CAAUW,MAAI,EAAAH,SAAA,CAAAI,WAAoB,EAAAC,SAAA,QAAC;EAE3C;EACA,IAAAb,aAAO,CAAAG,EAAU,EAAE,uCAAY;IAChC,IAAAC,WAAA,sBAAAR,kBAAA,CAAAS,GAAA;MAEEE,QAAA;IACD;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,YAAO,GAAYH,SAAS;IAC7B,IAAAd,aAAA,CAAAW,MAAA,EAAAM,YAAA,EAAAC,WAAA;IACF,IAAAlB,aAAA,CAAAW,MAAA,EAAAI,WAAA,eAAAI,QAAA","ignoreList":[]}

package/dist/jsx/MdxCodeBlock/mdxCodeBlockContext.mjs

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+const MDXCodeBlockContext = createContext({});
+export { MDXCodeBlockContext };
+//# sourceMappingURL=mdxCodeBlockContext.mjs.map

package/dist/jsx/MdxCodeBlock/mdxCodeBlockContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","MDXCodeBlockContext"],"sources":["../../../src/MdxCodeBlock/mdxCodeBlockContext.ts"],"sourcesContent":[null],"mappings":"AAGA,SAASA,aAAA,QAAqB;AAWvB,MAAMC,mBAAA,GAAsBD,aAAA,CAAwC,CAAC,CAAC","ignoreList":[]}

package/dist/jsx/MdxCodeBlock/mdxCodeBlockContext.native.js

@@ -0,0 +1,32 @@
+"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 mdxCodeBlockContext_exports = {};
+__export(mdxCodeBlockContext_exports, {
+  MDXCodeBlockContext: () => MDXCodeBlockContext
+});
+module.exports = __toCommonJS(mdxCodeBlockContext_exports);
+var import_react = require("react");
+var MDXCodeBlockContext = (0, import_react.createContext)({});
+//# sourceMappingURL=mdxCodeBlockContext.native.js.map

package/dist/jsx/MdxCodeBlock/mdxCodeBlockContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty"],"sources":["../../../src/MdxCodeBlock/mdxCodeBlockContext.ts"],"sourcesContent":[null],"mappings":"AAGA,YAAS;;AAWF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAAsB","ignoreList":[]}