@assistant-ui/react-markdown 0.7.12 → 0.7.14

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export type { CodeHeaderProps, SyntaxHighlighterProps, } from "./overrides/types
 export { useIsMarkdownCodeBlock } from "./overrides/PreOverride";
 export { makeMarkdownText, type MakeMarkdownTextProps, } from "./ui/markdown-text";
 export { CodeHeader } from "./ui/code-header";
+export { memoizeMarkdownComponents as unstable_memoizeMarkdownComponents } from "./memoization";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EACV,eAAe,EACf,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EACV,eAAe,EACf,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,yBAAyB,IAAI,kCAAkC,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -23,6 +23,7 @@ __export(index_exports, {
   CodeHeader: () => import_code_header.CodeHeader,
   MarkdownTextPrimitive: () => import_MarkdownText.MarkdownTextPrimitive,
   makeMarkdownText: () => import_markdown_text.makeMarkdownText,
+  unstable_memoizeMarkdownComponents: () => import_memoization.memoizeMarkdownComponents,
   useIsMarkdownCodeBlock: () => import_PreOverride.useIsMarkdownCodeBlock
 });
 module.exports = __toCommonJS(index_exports);
@@ -30,11 +31,13 @@ var import_MarkdownText = require("./primitives/MarkdownText.js");
 var import_PreOverride = require("./overrides/PreOverride.js");
 var import_markdown_text = require("./ui/markdown-text.js");
 var import_code_header = require("./ui/code-header.js");
+var import_memoization = require("./memoization.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CodeHeader,
   MarkdownTextPrimitive,
   makeMarkdownText,
+  unstable_memoizeMarkdownComponents,
   useIsMarkdownCodeBlock
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  MarkdownTextPrimitive,\n  type MarkdownTextPrimitiveProps,\n} from \"./primitives/MarkdownText\";\n\nexport type {\n  CodeHeaderProps,\n  SyntaxHighlighterProps,\n} from \"./overrides/types\";\n\nexport { useIsMarkdownCodeBlock } from \"./overrides/PreOverride\";\n\nexport {\n  makeMarkdownText,\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\nexport { CodeHeader } from \"./ui/code-header\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAGO;AAOP,yBAAuC;AAEvC,2BAGO;AAEP,yBAA2B;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  MarkdownTextPrimitive,\n  type MarkdownTextPrimitiveProps,\n} from \"./primitives/MarkdownText\";\n\nexport type {\n  CodeHeaderProps,\n  SyntaxHighlighterProps,\n} from \"./overrides/types\";\n\nexport { useIsMarkdownCodeBlock } from \"./overrides/PreOverride\";\n\nexport {\n  makeMarkdownText,\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\nexport { CodeHeader } from \"./ui/code-header\";\n\nexport { memoizeMarkdownComponents as unstable_memoizeMarkdownComponents } from \"./memoization\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAGO;AAOP,yBAAuC;AAEvC,2BAGO;AAEP,yBAA2B;AAE3B,yBAAgF;","names":[]}

package/dist/index.mjs

@@ -7,10 +7,12 @@ import {
   makeMarkdownText
 } from "./ui/markdown-text.mjs";
 import { CodeHeader } from "./ui/code-header.mjs";
+import { memoizeMarkdownComponents } from "./memoization.mjs";
 export {
   CodeHeader,
   MarkdownTextPrimitive,
   makeMarkdownText,
+  memoizeMarkdownComponents as unstable_memoizeMarkdownComponents,
   useIsMarkdownCodeBlock
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  MarkdownTextPrimitive,\n  type MarkdownTextPrimitiveProps,\n} from \"./primitives/MarkdownText\";\n\nexport type {\n  CodeHeaderProps,\n  SyntaxHighlighterProps,\n} from \"./overrides/types\";\n\nexport { useIsMarkdownCodeBlock } from \"./overrides/PreOverride\";\n\nexport {\n  makeMarkdownText,\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\nexport { CodeHeader } from \"./ui/code-header\";\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAEK;AAOP,SAAS,8BAA8B;AAEvC;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,kBAAkB;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  MarkdownTextPrimitive,\n  type MarkdownTextPrimitiveProps,\n} from \"./primitives/MarkdownText\";\n\nexport type {\n  CodeHeaderProps,\n  SyntaxHighlighterProps,\n} from \"./overrides/types\";\n\nexport { useIsMarkdownCodeBlock } from \"./overrides/PreOverride\";\n\nexport {\n  makeMarkdownText,\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\nexport { CodeHeader } from \"./ui/code-header\";\n\nexport { memoizeMarkdownComponents as unstable_memoizeMarkdownComponents } from \"./memoization\";\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAEK;AAOP,SAAS,8BAA8B;AAEvC;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,kBAAkB;AAE3B,SAAsC,iCAA0C;","names":[]}

package/dist/memoization.d.ts

@@ -0,0 +1,22 @@
+import { Element } from "hast";
+import { ComponentProps, ComponentType, ElementType } from "react";
+import { CodeHeaderProps, SyntaxHighlighterProps } from "./overrides/types";
+type Components = {
+    [Key in Extract<ElementType, string>]?: ComponentType<ComponentProps<Key>>;
+} & {
+    SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
+    CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
+};
+export declare const areNodesEqual: (prev: Element | undefined, next: Element | undefined) => boolean;
+export declare const memoCompareNodes: (prev: {
+    node?: Element | undefined;
+}, next: {
+    node?: Element | undefined;
+}) => boolean;
+export declare const memoizeMarkdownComponents: (components?: Components) => {
+    [k: string]: import("react").MemoExoticComponent<({ node, ...props }: {
+        node?: Element;
+    }) => import("react/jsx-runtime").JSX.Element> | undefined;
+};
+export {};
+//# sourceMappingURL=memoization.d.ts.map

package/dist/memoization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoization.d.ts","sourceRoot":"","sources":["../src/memoization.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAQ,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,KAAK,UAAU,GAAG;KACf,GAAG,IAAI,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;CAC3E,GAAG;IACF,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAAC;IACtE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CACzD,CAAC;AAOF,eAAO,MAAM,aAAa,SAClB,OAAO,GAAG,SAAS,QACnB,OAAO,GAAG,SAAS,YAO1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,SACrB;IAAE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,QAC9B;IAAE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,YAGrC,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBAAgB,UAAU;0EAMjB;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE;CAMhE,CAAC"}

package/dist/memoization.js

@@ -0,0 +1,60 @@
+"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);
+
+// src/memoization.tsx
+var memoization_exports = {};
+__export(memoization_exports, {
+  areNodesEqual: () => areNodesEqual,
+  memoCompareNodes: () => memoCompareNodes,
+  memoizeMarkdownComponents: () => memoizeMarkdownComponents
+});
+module.exports = __toCommonJS(memoization_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var areChildrenEqual = (prev, next) => {
+  if (typeof prev === "string") return prev === next;
+  return JSON.stringify(prev) === JSON.stringify(next);
+};
+var areNodesEqual = (prev, next) => {
+  if (!prev || !next) return prev === next;
+  const isEqual = JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) && areChildrenEqual(prev?.children, next?.children);
+  return isEqual;
+};
+var memoCompareNodes = (prev, next) => {
+  return areNodesEqual(prev.node, next.node);
+};
+var memoizeMarkdownComponents = (components = {}) => {
+  return Object.fromEntries(
+    Object.entries(components ?? {}).map(([key, value]) => {
+      if (!value) return [key, value];
+      const Component = value;
+      const WithoutNode = ({ node, ...props }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props });
+      };
+      return [key, (0, import_react.memo)(WithoutNode, memoCompareNodes)];
+    })
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  areNodesEqual,
+  memoCompareNodes,
+  memoizeMarkdownComponents
+});
+//# sourceMappingURL=memoization.js.map

package/dist/memoization.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/memoization.tsx"],"sourcesContent":["import { Element } from \"hast\";\nimport { ComponentProps, ComponentType, ElementType, memo } from \"react\";\nimport { CodeHeaderProps, SyntaxHighlighterProps } from \"./overrides/types\";\n\ntype Components = {\n  [Key in Extract<ElementType, string>]?: ComponentType<ComponentProps<Key>>;\n} & {\n  SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n  CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n};\n\nconst areChildrenEqual = (prev: string | unknown, next: string | unknown) => {\n  if (typeof prev === \"string\") return prev === next;\n  return JSON.stringify(prev) === JSON.stringify(next);\n};\n\nexport const areNodesEqual = (\n  prev: Element | undefined,\n  next: Element | undefined,\n) => {\n  if (!prev || !next) return prev === next;\n  const isEqual =\n    JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) &&\n    areChildrenEqual(prev?.children, next?.children);\n  return isEqual;\n};\n\nexport const memoCompareNodes = (\n  prev: { node?: Element | undefined },\n  next: { node?: Element | undefined },\n) => {\n  return areNodesEqual(prev.node, next.node);\n};\n\nexport const memoizeMarkdownComponents = (components: Components = {}) => {\n  return Object.fromEntries(\n    Object.entries(components ?? {}).map(([key, value]) => {\n      if (!value) return [key, value];\n\n      const Component = value as ComponentType;\n      const WithoutNode = ({ node, ...props }: { node?: Element }) => {\n        return <Component {...props} />;\n      };\n      return [key, memo(WithoutNode, memoCompareNodes)];\n    }),\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiE;AAwClD;AA9Bf,IAAM,mBAAmB,CAAC,MAAwB,SAA2B;AAC3E,MAAI,OAAO,SAAS,SAAU,QAAO,SAAS;AAC9C,SAAO,KAAK,UAAU,IAAI,MAAM,KAAK,UAAU,IAAI;AACrD;AAEO,IAAM,gBAAgB,CAC3B,MACA,SACG;AACH,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO,SAAS;AACpC,QAAM,UACJ,KAAK,UAAU,MAAM,UAAU,MAAM,KAAK,UAAU,MAAM,UAAU,KACpE,iBAAiB,MAAM,UAAU,MAAM,QAAQ;AACjD,SAAO;AACT;AAEO,IAAM,mBAAmB,CAC9B,MACA,SACG;AACH,SAAO,cAAc,KAAK,MAAM,KAAK,IAAI;AAC3C;AAEO,IAAM,4BAA4B,CAAC,aAAyB,CAAC,MAAM;AACxE,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrD,UAAI,CAAC,MAAO,QAAO,CAAC,KAAK,KAAK;AAE9B,YAAM,YAAY;AAClB,YAAM,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,MAA0B;AAC9D,eAAO,4CAAC,aAAW,GAAG,OAAO;AAAA,MAC/B;AACA,aAAO,CAAC,SAAK,mBAAK,aAAa,gBAAgB,CAAC;AAAA,IAClD,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/memoization.mjs

@@ -0,0 +1,33 @@
+// src/memoization.tsx
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+var areChildrenEqual = (prev, next) => {
+  if (typeof prev === "string") return prev === next;
+  return JSON.stringify(prev) === JSON.stringify(next);
+};
+var areNodesEqual = (prev, next) => {
+  if (!prev || !next) return prev === next;
+  const isEqual = JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) && areChildrenEqual(prev?.children, next?.children);
+  return isEqual;
+};
+var memoCompareNodes = (prev, next) => {
+  return areNodesEqual(prev.node, next.node);
+};
+var memoizeMarkdownComponents = (components = {}) => {
+  return Object.fromEntries(
+    Object.entries(components ?? {}).map(([key, value]) => {
+      if (!value) return [key, value];
+      const Component = value;
+      const WithoutNode = ({ node, ...props }) => {
+        return /* @__PURE__ */ jsx(Component, { ...props });
+      };
+      return [key, memo(WithoutNode, memoCompareNodes)];
+    })
+  );
+};
+export {
+  areNodesEqual,
+  memoCompareNodes,
+  memoizeMarkdownComponents
+};
+//# sourceMappingURL=memoization.mjs.map

package/dist/memoization.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/memoization.tsx"],"sourcesContent":["import { Element } from \"hast\";\nimport { ComponentProps, ComponentType, ElementType, memo } from \"react\";\nimport { CodeHeaderProps, SyntaxHighlighterProps } from \"./overrides/types\";\n\ntype Components = {\n  [Key in Extract<ElementType, string>]?: ComponentType<ComponentProps<Key>>;\n} & {\n  SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n  CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n};\n\nconst areChildrenEqual = (prev: string | unknown, next: string | unknown) => {\n  if (typeof prev === \"string\") return prev === next;\n  return JSON.stringify(prev) === JSON.stringify(next);\n};\n\nexport const areNodesEqual = (\n  prev: Element | undefined,\n  next: Element | undefined,\n) => {\n  if (!prev || !next) return prev === next;\n  const isEqual =\n    JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) &&\n    areChildrenEqual(prev?.children, next?.children);\n  return isEqual;\n};\n\nexport const memoCompareNodes = (\n  prev: { node?: Element | undefined },\n  next: { node?: Element | undefined },\n) => {\n  return areNodesEqual(prev.node, next.node);\n};\n\nexport const memoizeMarkdownComponents = (components: Components = {}) => {\n  return Object.fromEntries(\n    Object.entries(components ?? {}).map(([key, value]) => {\n      if (!value) return [key, value];\n\n      const Component = value as ComponentType;\n      const WithoutNode = ({ node, ...props }: { node?: Element }) => {\n        return <Component {...props} />;\n      };\n      return [key, memo(WithoutNode, memoCompareNodes)];\n    }),\n  );\n};\n"],"mappings":";AACA,SAAqD,YAAY;AAwClD;AA9Bf,IAAM,mBAAmB,CAAC,MAAwB,SAA2B;AAC3E,MAAI,OAAO,SAAS,SAAU,QAAO,SAAS;AAC9C,SAAO,KAAK,UAAU,IAAI,MAAM,KAAK,UAAU,IAAI;AACrD;AAEO,IAAM,gBAAgB,CAC3B,MACA,SACG;AACH,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO,SAAS;AACpC,QAAM,UACJ,KAAK,UAAU,MAAM,UAAU,MAAM,KAAK,UAAU,MAAM,UAAU,KACpE,iBAAiB,MAAM,UAAU,MAAM,QAAQ;AACjD,SAAO;AACT;AAEO,IAAM,mBAAmB,CAC9B,MACA,SACG;AACH,SAAO,cAAc,KAAK,MAAM,KAAK,IAAI;AAC3C;AAEO,IAAM,4BAA4B,CAAC,aAAyB,CAAC,MAAM;AACxE,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrD,UAAI,CAAC,MAAO,QAAO,CAAC,KAAK,KAAK;AAE9B,YAAM,YAAY;AAClB,YAAM,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,MAA0B;AAC9D,eAAO,oBAAC,aAAW,GAAG,OAAO;AAAA,MAC/B;AACA,aAAO,CAAC,KAAK,KAAK,aAAa,gBAAgB,CAAC;AAAA,IAClD,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/overrides/CodeBlock.d.ts

@@ -1,6 +1,5 @@
 import { ComponentType, FC } from "react";
 import { CodeComponent, CodeHeaderProps, PreComponent, SyntaxHighlighterProps } from "./types";
-import { Element } from "hast";
 export type CodeBlockProps = {
     language: string;
     code: string;
@@ -10,7 +9,6 @@ export type CodeBlockProps = {
         CodeHeader: ComponentType<CodeHeaderProps>;
         SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;
     };
-    node: Element | undefined;
 };
 export declare const DefaultCodeBlock: FC<CodeBlockProps>;
 //# sourceMappingURL=CodeBlock.d.ts.map

package/dist/overrides/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/overrides/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC3C,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;KAC1D,CAAC;IACF,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAqB/C,CAAC"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/overrides/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC3C,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;KAC1D,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAmB/C,CAAC"}

package/dist/overrides/CodeBlock.js

@@ -29,8 +29,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultCodeBlock = ({
   components: { Pre, Code, SyntaxHighlighter, CodeHeader },
   language,
-  code,
-  node
+  code
 }) => {
   const components = (0, import_react.useMemo)(() => ({ Pre, Code }), [Pre, Code]);
   const SH = !!language ? SyntaxHighlighter : import_defaultComponents.DefaultCodeBlockContent;
@@ -41,8 +40,7 @@ var DefaultCodeBlock = ({
       {
         components,
         language: language ?? "unknown",
-        code,
-        node
+        code
       }
     )
   ] });

package/dist/overrides/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/CodeBlock.tsx"],"sourcesContent":["import { ComponentType, FC, useMemo } from \"react\";\n\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\nimport { Element } from \"hast\";\n\nexport type CodeBlockProps = {\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  node: Element | undefined;\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n  node,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n        node={node}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAQ3C,+BAAwC;AA0BpC;AAXG,IAAM,mBAAuC,CAAC;AAAA,EACnD,YAAY,EAAE,KAAK,MAAM,mBAAmB,WAAW;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAa,sBAAQ,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAE7D,QAAM,KAAK,CAAC,CAAC,WAAW,oBAAoB;AAE5C,SACE,4EACE;AAAA,gDAAC,cAAW,UAAoB,MAAY;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/overrides/CodeBlock.tsx"],"sourcesContent":["import { ComponentType, FC, useMemo } from \"react\";\n\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nexport type CodeBlockProps = {\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAQ3C,+BAAwC;AAuBpC;AAVG,IAAM,mBAAuC,CAAC;AAAA,EACnD,YAAY,EAAE,KAAK,MAAM,mBAAmB,WAAW;AAAA,EACvD;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAa,sBAAQ,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAE7D,QAAM,KAAK,CAAC,CAAC,WAAW,oBAAoB;AAE5C,SACE,4EACE;AAAA,gDAAC,cAAW,UAAoB,MAAY;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/overrides/CodeBlock.mjs

@@ -5,8 +5,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var DefaultCodeBlock = ({
   components: { Pre, Code, SyntaxHighlighter, CodeHeader },
   language,
-  code,
-  node
+  code
 }) => {
   const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);
   const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;
@@ -17,8 +16,7 @@ var DefaultCodeBlock = ({
       {
         components,
         language: language ?? "unknown",
-        code,
-        node
+        code
       }
     )
   ] });

package/dist/overrides/CodeBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/CodeBlock.tsx"],"sourcesContent":["import { ComponentType, FC, useMemo } from \"react\";\n\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\nimport { Element } from \"hast\";\n\nexport type CodeBlockProps = {\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  node: Element | undefined;\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n  node,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n        node={node}\n      />\n    </>\n  );\n};\n"],"mappings":";AAAA,SAA4B,eAAe;AAQ3C,SAAS,+BAA+B;AA0BpC,mBACE,KADF;AAXG,IAAM,mBAAuC,CAAC;AAAA,EACnD,YAAY,EAAE,KAAK,MAAM,mBAAmB,WAAW;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,QAAQ,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAE7D,QAAM,KAAK,CAAC,CAAC,WAAW,oBAAoB;AAE5C,SACE,iCACE;AAAA,wBAAC,cAAW,UAAoB,MAAY;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/overrides/CodeBlock.tsx"],"sourcesContent":["import { ComponentType, FC, useMemo } from \"react\";\n\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nexport type CodeBlockProps = {\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n"],"mappings":";AAAA,SAA4B,eAAe;AAQ3C,SAAS,+BAA+B;AAuBpC,mBACE,KADF;AAVG,IAAM,mBAAuC,CAAC;AAAA,EACnD,YAAY,EAAE,KAAK,MAAM,mBAAmB,WAAW;AAAA,EACvD;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,QAAQ,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAE7D,QAAM,KAAK,CAAC,CAAC,WAAW,oBAAoB;AAE5C,SACE,iCACE;AAAA,wBAAC,cAAW,UAAoB,MAAY;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/overrides/CodeOverride.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ComponentType, FC } from "react";
+import { ComponentPropsWithoutRef, ComponentType } from "react";
 import { CodeComponent, CodeHeaderProps, PreComponent, SyntaxHighlighterProps } from "./types";
 export type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {
     components: {
@@ -12,5 +12,5 @@ export type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {
         SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;
     }> | undefined;
 };
-export declare const CodeOverride: FC<CodeOverrideProps>;
+export declare const CodeOverride: import("react").NamedExoticComponent<CodeOverrideProps>;
 //# sourceMappingURL=CodeOverride.d.ts.map

package/dist/overrides/CodeOverride.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeOverride.d.ts","sourceRoot":"","sources":["../../src/overrides/CodeOverride.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAEhF,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAgEjB,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,aAAa,CAAC,GAAG;IACxE,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC3C,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;KAC1D,CAAC;IACF,oBAAoB,CAAC,EACjB,MAAM,CACJ,MAAM,EACN;QACE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC5C,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;KAC3D,CACF,GACD,SAAS,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAc9C,CAAC"}
+{"version":3,"file":"CodeOverride.d.ts","sourceRoot":"","sources":["../../src/overrides/CodeOverride.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,aAAa,EAId,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,sBAAsB,EACvB,MAAM,SAAS,CAAC;AA8DjB,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,aAAa,CAAC,GAAG;IACxE,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC3C,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;KAC1D,CAAC;IACF,oBAAoB,CAAC,EACjB,MAAM,CACJ,MAAM,EACN;QACE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC5C,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;KAC3D,CACF,GACD,SAAS,CAAC;CACf,CAAC;AAkBF,eAAO,MAAM,YAAY,yDAMvB,CAAC"}

package/dist/overrides/CodeOverride.js

@@ -29,6 +29,7 @@ var import_CodeBlock = require("./CodeBlock.js");
 var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
 var import_withDefaults = require("./withDefaults.js");
 var import_defaultComponents = require("./defaultComponents.js");
+var import_memoization = require("../memoization.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var CodeBlockOverride = ({
   components: {
@@ -39,7 +40,6 @@ var CodeBlockOverride = ({
   },
   componentsByLanguage = {},
   children,
-  node,
   ...codeProps
 }) => {
   const preProps = (0, import_react.useContext)(import_PreOverride.PreContext);
@@ -53,8 +53,7 @@ var CodeBlockOverride = ({
       import_defaultComponents.DefaultCodeBlockContent,
       {
         components: { Pre: WrappedPre, Code: WrappedCode },
-        code: children,
-        node
+        code: children
       }
     );
   }
@@ -70,18 +69,17 @@ var CodeBlockOverride = ({
         CodeHeader
       },
       language: language || "unknown",
-      code: children,
-      node
+      code: children
     }
   );
 };
-var CodeOverride = ({
+var CodeOverrideImpl = ({
   components,
   componentsByLanguage,
   ...props
 }) => {
-  const preProps = (0, import_react.useContext)(import_PreOverride.PreContext);
-  if (!preProps) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(components.Code, { ...props });
+  const isCodeBlock = (0, import_PreOverride.useIsMarkdownCodeBlock)();
+  if (!isCodeBlock) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(components.Code, { ...props });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     CodeBlockOverride,
     {
@@ -91,6 +89,10 @@ var CodeOverride = ({
     }
   );
 };
+var CodeOverride = (0, import_react.memo)(CodeOverrideImpl, (prev, next) => {
+  const isEqual = prev.components === next.components && prev.componentsByLanguage === next.componentsByLanguage && (0, import_memoization.memoCompareNodes)(prev, next);
+  return isEqual;
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CodeOverride

package/dist/overrides/CodeOverride.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/CodeOverride.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ComponentType, FC, useContext } from \"react\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlock } from \"./CodeBlock\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { withDefaultProps } from \"./withDefaults\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: {\n    Pre,\n    Code,\n    SyntaxHighlighter: FallbackSyntaxHighlighter,\n    CodeHeader: FallbackCodeHeader,\n  },\n  componentsByLanguage = {},\n  children,\n  node,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1] ?? \"\";\n\n  // if the code content is not string (due to rehype plugins), return a default code block\n  if (typeof children !== \"string\") {\n    return (\n      <DefaultCodeBlockContent\n        components={{ Pre: WrappedPre, Code: WrappedCode }}\n        code={children}\n        node={node}\n      />\n    );\n  }\n\n  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps> =\n    componentsByLanguage[language]?.SyntaxHighlighter ??\n    FallbackSyntaxHighlighter;\n\n  const CodeHeader: ComponentType<CodeHeaderProps> =\n    componentsByLanguage[language]?.CodeHeader ?? FallbackCodeHeader;\n\n  return (\n    <DefaultCodeBlock\n      components={{\n        Pre: WrappedPre,\n        Code: WrappedCode,\n        SyntaxHighlighter,\n        CodeHeader,\n      }}\n      language={language || \"unknown\"}\n      code={children}\n      node={node}\n    />\n  );\n};\n\nexport type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps>;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n        }\n      >\n    | undefined;\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  componentsByLanguage,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...props} />;\n  return (\n    <CodeBlockOverride\n      components={components}\n      componentsByLanguage={componentsByLanguage}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwE;AACxE,yBAA2B;AAO3B,uBAAiC;AACjC,oCAA+B;AAC/B,0BAAiC;AACjC,+BAAwC;AAiBpC;AAfJ,IAAM,oBAA2C,CAAC;AAAA,EAChD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,YAAY;AAAA,EACd;AAAA,EACA,uBAAuB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAW,yBAAW,6BAAU;AACtC,QAAM,kBAAc,sCAAsB,QAAQ;AAClD,QAAM,iBAA2B,8CAAe,CAAC,UAC/C,4CAAC,OAAK,GAAG,YAAY,KAAK,GAAG,CAC9B;AAED,QAAM,mBAAe,sCAAsB,SAAS;AACpD,QAAM,kBAA6B,8CAAe,CAAC,UACjD,4CAAC,QAAM,GAAG,aAAa,KAAK,GAAG,CAChC;AAED,QAAM,WAAW,iBAAiB,KAAK,UAAU,aAAa,EAAE,IAAI,CAAC,KAAK;AAG1E,MAAI,OAAO,aAAa,UAAU;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,KAAK,YAAY,MAAM,YAAY;AAAA,QACjD,MAAM;AAAA,QACN;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,oBACJ,qBAAqB,QAAQ,GAAG,qBAChC;AAEF,QAAM,aACJ,qBAAqB,QAAQ,GAAG,cAAc;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAoBO,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAW,yBAAW,6BAAU;AACtC,MAAI,CAAC,SAAU,QAAO,4CAAC,WAAW,MAAX,EAAiB,GAAG,OAAO;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/overrides/CodeOverride.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  FC,\n  memo,\n  useContext,\n} from \"react\";\nimport { PreContext, useIsMarkdownCodeBlock } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlock } from \"./CodeBlock\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { withDefaultProps } from \"./withDefaults\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\nimport { memoCompareNodes } from \"../memoization\";\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: {\n    Pre,\n    Code,\n    SyntaxHighlighter: FallbackSyntaxHighlighter,\n    CodeHeader: FallbackCodeHeader,\n  },\n  componentsByLanguage = {},\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1] ?? \"\";\n\n  // if the code content is not string (due to rehype plugins), return a default code block\n  if (typeof children !== \"string\") {\n    return (\n      <DefaultCodeBlockContent\n        components={{ Pre: WrappedPre, Code: WrappedCode }}\n        code={children}\n      />\n    );\n  }\n\n  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps> =\n    componentsByLanguage[language]?.SyntaxHighlighter ??\n    FallbackSyntaxHighlighter;\n\n  const CodeHeader: ComponentType<CodeHeaderProps> =\n    componentsByLanguage[language]?.CodeHeader ?? FallbackCodeHeader;\n\n  return (\n    <DefaultCodeBlock\n      components={{\n        Pre: WrappedPre,\n        Code: WrappedCode,\n        SyntaxHighlighter,\n        CodeHeader,\n      }}\n      language={language || \"unknown\"}\n      code={children}\n    />\n  );\n};\n\nexport type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps>;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n        }\n      >\n    | undefined;\n};\n\nconst CodeOverrideImpl: FC<CodeOverrideProps> = ({\n  components,\n  componentsByLanguage,\n  ...props\n}) => {\n  const isCodeBlock = useIsMarkdownCodeBlock();\n  if (!isCodeBlock) return <components.Code {...props} />;\n  return (\n    <CodeBlockOverride\n      components={components}\n      componentsByLanguage={componentsByLanguage}\n      {...props}\n    />\n  );\n};\n\nexport const CodeOverride = memo(CodeOverrideImpl, (prev, next) => {\n  const isEqual =\n    prev.components === next.components &&\n    prev.componentsByLanguage === next.componentsByLanguage &&\n    memoCompareNodes(prev, next);\n  return isEqual;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;AACP,yBAAmD;AAOnD,uBAAiC;AACjC,oCAA+B;AAC/B,0BAAiC;AACjC,+BAAwC;AACxC,yBAAiC;AAgB7B;AAdJ,IAAM,oBAA2C,CAAC;AAAA,EAChD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,YAAY;AAAA,EACd;AAAA,EACA,uBAAuB,CAAC;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAW,yBAAW,6BAAU;AACtC,QAAM,kBAAc,sCAAsB,QAAQ;AAClD,QAAM,iBAA2B,8CAAe,CAAC,UAC/C,4CAAC,OAAK,GAAG,YAAY,KAAK,GAAG,CAC9B;AAED,QAAM,mBAAe,sCAAsB,SAAS;AACpD,QAAM,kBAA6B,8CAAe,CAAC,UACjD,4CAAC,QAAM,GAAG,aAAa,KAAK,GAAG,CAChC;AAED,QAAM,WAAW,iBAAiB,KAAK,UAAU,aAAa,EAAE,IAAI,CAAC,KAAK;AAG1E,MAAI,OAAO,aAAa,UAAU;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,KAAK,YAAY,MAAM,YAAY;AAAA,QACjD,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AAEA,QAAM,oBACJ,qBAAqB,QAAQ,GAAG,qBAChC;AAEF,QAAM,aACJ,qBAAqB,QAAQ,GAAG,cAAc;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA;AAAA,EACR;AAEJ;AAoBA,IAAM,mBAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,kBAAc,2CAAuB;AAC3C,MAAI,CAAC,YAAa,QAAO,4CAAC,WAAW,MAAX,EAAiB,GAAG,OAAO;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,IAAM,mBAAe,mBAAK,kBAAkB,CAAC,MAAM,SAAS;AACjE,QAAM,UACJ,KAAK,eAAe,KAAK,cACzB,KAAK,yBAAyB,KAAK,4BACnC,qCAAiB,MAAM,IAAI;AAC7B,SAAO;AACT,CAAC;","names":[]}

package/dist/overrides/CodeOverride.mjs

@@ -1,10 +1,14 @@
 // src/overrides/CodeOverride.tsx
-import { useContext } from "react";
-import { PreContext } from "./PreOverride.mjs";
+import {
+  memo,
+  useContext
+} from "react";
+import { PreContext, useIsMarkdownCodeBlock } from "./PreOverride.mjs";
 import { DefaultCodeBlock } from "./CodeBlock.mjs";
 import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 import { withDefaultProps } from "./withDefaults.mjs";
 import { DefaultCodeBlockContent } from "./defaultComponents.mjs";
+import { memoCompareNodes } from "../memoization.mjs";
 import { jsx } from "react/jsx-runtime";
 var CodeBlockOverride = ({
   components: {
@@ -15,7 +19,6 @@ var CodeBlockOverride = ({
   },
   componentsByLanguage = {},
   children,
-  node,
   ...codeProps
 }) => {
   const preProps = useContext(PreContext);
@@ -29,8 +32,7 @@ var CodeBlockOverride = ({
       DefaultCodeBlockContent,
       {
         components: { Pre: WrappedPre, Code: WrappedCode },
-        code: children,
-        node
+        code: children
       }
     );
   }
@@ -46,18 +48,17 @@ var CodeBlockOverride = ({
         CodeHeader
       },
       language: language || "unknown",
-      code: children,
-      node
+      code: children
     }
   );
 };
-var CodeOverride = ({
+var CodeOverrideImpl = ({
   components,
   componentsByLanguage,
   ...props
 }) => {
-  const preProps = useContext(PreContext);
-  if (!preProps) return /* @__PURE__ */ jsx(components.Code, { ...props });
+  const isCodeBlock = useIsMarkdownCodeBlock();
+  if (!isCodeBlock) return /* @__PURE__ */ jsx(components.Code, { ...props });
   return /* @__PURE__ */ jsx(
     CodeBlockOverride,
     {
@@ -67,6 +68,10 @@ var CodeOverride = ({
     }
   );
 };
+var CodeOverride = memo(CodeOverrideImpl, (prev, next) => {
+  const isEqual = prev.components === next.components && prev.componentsByLanguage === next.componentsByLanguage && memoCompareNodes(prev, next);
+  return isEqual;
+});
 export {
   CodeOverride
 };

package/dist/overrides/CodeOverride.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/CodeOverride.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ComponentType, FC, useContext } from \"react\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlock } from \"./CodeBlock\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { withDefaultProps } from \"./withDefaults\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: {\n    Pre,\n    Code,\n    SyntaxHighlighter: FallbackSyntaxHighlighter,\n    CodeHeader: FallbackCodeHeader,\n  },\n  componentsByLanguage = {},\n  children,\n  node,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1] ?? \"\";\n\n  // if the code content is not string (due to rehype plugins), return a default code block\n  if (typeof children !== \"string\") {\n    return (\n      <DefaultCodeBlockContent\n        components={{ Pre: WrappedPre, Code: WrappedCode }}\n        code={children}\n        node={node}\n      />\n    );\n  }\n\n  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps> =\n    componentsByLanguage[language]?.SyntaxHighlighter ??\n    FallbackSyntaxHighlighter;\n\n  const CodeHeader: ComponentType<CodeHeaderProps> =\n    componentsByLanguage[language]?.CodeHeader ?? FallbackCodeHeader;\n\n  return (\n    <DefaultCodeBlock\n      components={{\n        Pre: WrappedPre,\n        Code: WrappedCode,\n        SyntaxHighlighter,\n        CodeHeader,\n      }}\n      language={language || \"unknown\"}\n      code={children}\n      node={node}\n    />\n  );\n};\n\nexport type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps>;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n        }\n      >\n    | undefined;\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  componentsByLanguage,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...props} />;\n  return (\n    <CodeBlockOverride\n      components={components}\n      componentsByLanguage={componentsByLanguage}\n      {...props}\n    />\n  );\n};\n"],"mappings":";AAAA,SAAsD,kBAAkB;AACxE,SAAS,kBAAkB;AAO3B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AAiBpC;AAfJ,IAAM,oBAA2C,CAAC;AAAA,EAChD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,YAAY;AAAA,EACd;AAAA,EACA,uBAAuB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,WAAW,UAAU;AACtC,QAAM,cAAc,iBAAsB,QAAQ;AAClD,QAAM,aAA2B,eAAe,CAAC,UAC/C,oBAAC,OAAK,GAAG,YAAY,KAAK,GAAG,CAC9B;AAED,QAAM,eAAe,iBAAsB,SAAS;AACpD,QAAM,cAA6B,eAAe,CAAC,UACjD,oBAAC,QAAM,GAAG,aAAa,KAAK,GAAG,CAChC;AAED,QAAM,WAAW,iBAAiB,KAAK,UAAU,aAAa,EAAE,IAAI,CAAC,KAAK;AAG1E,MAAI,OAAO,aAAa,UAAU;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,KAAK,YAAY,MAAM,YAAY;AAAA,QACjD,MAAM;AAAA,QACN;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,oBACJ,qBAAqB,QAAQ,GAAG,qBAChC;AAEF,QAAM,aACJ,qBAAqB,QAAQ,GAAG,cAAc;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAoBO,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,WAAW,UAAU;AACtC,MAAI,CAAC,SAAU,QAAO,oBAAC,WAAW,MAAX,EAAiB,GAAG,OAAO;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/overrides/CodeOverride.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  FC,\n  memo,\n  useContext,\n} from \"react\";\nimport { PreContext, useIsMarkdownCodeBlock } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlock } from \"./CodeBlock\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { withDefaultProps } from \"./withDefaults\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\nimport { memoCompareNodes } from \"../memoization\";\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: {\n    Pre,\n    Code,\n    SyntaxHighlighter: FallbackSyntaxHighlighter,\n    CodeHeader: FallbackCodeHeader,\n  },\n  componentsByLanguage = {},\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1] ?? \"\";\n\n  // if the code content is not string (due to rehype plugins), return a default code block\n  if (typeof children !== \"string\") {\n    return (\n      <DefaultCodeBlockContent\n        components={{ Pre: WrappedPre, Code: WrappedCode }}\n        code={children}\n      />\n    );\n  }\n\n  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps> =\n    componentsByLanguage[language]?.SyntaxHighlighter ??\n    FallbackSyntaxHighlighter;\n\n  const CodeHeader: ComponentType<CodeHeaderProps> =\n    componentsByLanguage[language]?.CodeHeader ?? FallbackCodeHeader;\n\n  return (\n    <DefaultCodeBlock\n      components={{\n        Pre: WrappedPre,\n        Code: WrappedCode,\n        SyntaxHighlighter,\n        CodeHeader,\n      }}\n      language={language || \"unknown\"}\n      code={children}\n    />\n  );\n};\n\nexport type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps>;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n        }\n      >\n    | undefined;\n};\n\nconst CodeOverrideImpl: FC<CodeOverrideProps> = ({\n  components,\n  componentsByLanguage,\n  ...props\n}) => {\n  const isCodeBlock = useIsMarkdownCodeBlock();\n  if (!isCodeBlock) return <components.Code {...props} />;\n  return (\n    <CodeBlockOverride\n      components={components}\n      componentsByLanguage={componentsByLanguage}\n      {...props}\n    />\n  );\n};\n\nexport const CodeOverride = memo(CodeOverrideImpl, (prev, next) => {\n  const isEqual =\n    prev.components === next.components &&\n    prev.componentsByLanguage === next.componentsByLanguage &&\n    memoCompareNodes(prev, next);\n  return isEqual;\n});\n"],"mappings":";AAAA;AAAA,EAIE;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY,8BAA8B;AAOnD,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAgB7B;AAdJ,IAAM,oBAA2C,CAAC;AAAA,EAChD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,YAAY;AAAA,EACd;AAAA,EACA,uBAAuB,CAAC;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,WAAW,UAAU;AACtC,QAAM,cAAc,iBAAsB,QAAQ;AAClD,QAAM,aAA2B,eAAe,CAAC,UAC/C,oBAAC,OAAK,GAAG,YAAY,KAAK,GAAG,CAC9B;AAED,QAAM,eAAe,iBAAsB,SAAS;AACpD,QAAM,cAA6B,eAAe,CAAC,UACjD,oBAAC,QAAM,GAAG,aAAa,KAAK,GAAG,CAChC;AAED,QAAM,WAAW,iBAAiB,KAAK,UAAU,aAAa,EAAE,IAAI,CAAC,KAAK;AAG1E,MAAI,OAAO,aAAa,UAAU;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,KAAK,YAAY,MAAM,YAAY;AAAA,QACjD,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AAEA,QAAM,oBACJ,qBAAqB,QAAQ,GAAG,qBAChC;AAEF,QAAM,aACJ,qBAAqB,QAAQ,GAAG,cAAc;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA;AAAA,EACR;AAEJ;AAoBA,IAAM,mBAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc,uBAAuB;AAC3C,MAAI,CAAC,YAAa,QAAO,oBAAC,WAAW,MAAX,EAAiB,GAAG,OAAO;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,IAAM,eAAe,KAAK,kBAAkB,CAAC,MAAM,SAAS;AACjE,QAAM,UACJ,KAAK,eAAe,KAAK,cACzB,KAAK,yBAAyB,KAAK,wBACnC,iBAAiB,MAAM,IAAI;AAC7B,SAAO;AACT,CAAC;","names":[]}

package/dist/overrides/PreOverride.d.ts

@@ -1,7 +1,8 @@
-import { PreComponent } from "./types";
 export declare const PreContext: import("react").Context<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref"> & {
     node?: import("hast").Element | undefined;
 }, "children"> | null>;
 export declare const useIsMarkdownCodeBlock: () => boolean;
-export declare const PreOverride: PreComponent;
+export declare const PreOverride: import("react").NamedExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref"> & {
+    node?: import("hast").Element | undefined;
+}>;
 //# sourceMappingURL=PreOverride.d.ts.map

package/dist/overrides/PreOverride.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreOverride.d.ts","sourceRoot":"","sources":["../../src/overrides/PreOverride.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU;;sBAGR,CAAC;AAEhB,eAAO,MAAM,sBAAsB,eAElC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,YAEzB,CAAC"}
+{"version":3,"file":"PreOverride.d.ts","sourceRoot":"","sources":["../../src/overrides/PreOverride.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU;;sBAGR,CAAC;AAEhB,eAAO,MAAM,sBAAsB,eAElC,CAAC;AAMF,eAAO,MAAM,WAAW;;EAA0C,CAAC"}

package/dist/overrides/PreOverride.js

@@ -26,14 +26,16 @@ __export(PreOverride_exports, {
 });
 module.exports = __toCommonJS(PreOverride_exports);
 var import_react = require("react");
+var import_memoization = require("../memoization.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PreContext = (0, import_react.createContext)(null);
 var useIsMarkdownCodeBlock = () => {
   return (0, import_react.useContext)(PreContext) !== null;
 };
-var PreOverride = ({ children, ...rest }) => {
+var PreOverrideImpl = ({ children, ...rest }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreContext.Provider, { value: rest, children });
 };
+var PreOverride = (0, import_react.memo)(PreOverrideImpl, import_memoization.memoCompareNodes);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PreContext,

package/dist/overrides/PreOverride.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/PreOverride.tsx"],"sourcesContent":["import { createContext, ComponentPropsWithoutRef, useContext } from \"react\";\nimport { PreComponent } from \"./types\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const useIsMarkdownCodeBlock = () => {\n  return useContext(PreContext) !== null;\n};\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoE;AAa3D;AAVF,IAAM,iBAAa,4BAGhB,IAAI;AAEP,IAAM,yBAAyB,MAAM;AAC1C,aAAO,yBAAW,UAAU,MAAM;AACpC;AAEO,IAAM,cAA4B,CAAC,EAAE,UAAU,GAAG,KAAK,MAAM;AAClE,SAAO,4CAAC,WAAW,UAAX,EAAoB,OAAO,MAAO,UAAS;AACrD;","names":[]}
+{"version":3,"sources":["../../src/overrides/PreOverride.tsx"],"sourcesContent":["import {\n  createContext,\n  ComponentPropsWithoutRef,\n  useContext,\n  memo,\n} from \"react\";\nimport { PreComponent } from \"./types\";\nimport { memoCompareNodes } from \"../memoization\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const useIsMarkdownCodeBlock = () => {\n  return useContext(PreContext) !== null;\n};\n\nconst PreOverrideImpl: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n\nexport const PreOverride = memo(PreOverrideImpl, memoCompareNodes);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKO;AAEP,yBAAiC;AAYxB;AAVF,IAAM,iBAAa,4BAGhB,IAAI;AAEP,IAAM,yBAAyB,MAAM;AAC1C,aAAO,yBAAW,UAAU,MAAM;AACpC;AAEA,IAAM,kBAAgC,CAAC,EAAE,UAAU,GAAG,KAAK,MAAM;AAC/D,SAAO,4CAAC,WAAW,UAAX,EAAoB,OAAO,MAAO,UAAS;AACrD;AAEO,IAAM,kBAAc,mBAAK,iBAAiB,mCAAgB;","names":[]}

package/dist/overrides/PreOverride.mjs

@@ -1,13 +1,19 @@
 // src/overrides/PreOverride.tsx
-import { createContext, useContext } from "react";
+import {
+  createContext,
+  useContext,
+  memo
+} from "react";
+import { memoCompareNodes } from "../memoization.mjs";
 import { jsx } from "react/jsx-runtime";
 var PreContext = createContext(null);
 var useIsMarkdownCodeBlock = () => {
   return useContext(PreContext) !== null;
 };
-var PreOverride = ({ children, ...rest }) => {
+var PreOverrideImpl = ({ children, ...rest }) => {
   return /* @__PURE__ */ jsx(PreContext.Provider, { value: rest, children });
 };
+var PreOverride = memo(PreOverrideImpl, memoCompareNodes);
 export {
   PreContext,
   PreOverride,

package/dist/overrides/PreOverride.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/PreOverride.tsx"],"sourcesContent":["import { createContext, ComponentPropsWithoutRef, useContext } from \"react\";\nimport { PreComponent } from \"./types\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const useIsMarkdownCodeBlock = () => {\n  return useContext(PreContext) !== null;\n};\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n"],"mappings":";AAAA,SAAS,eAAyC,kBAAkB;AAa3D;AAVF,IAAM,aAAa,cAGhB,IAAI;AAEP,IAAM,yBAAyB,MAAM;AAC1C,SAAO,WAAW,UAAU,MAAM;AACpC;AAEO,IAAM,cAA4B,CAAC,EAAE,UAAU,GAAG,KAAK,MAAM;AAClE,SAAO,oBAAC,WAAW,UAAX,EAAoB,OAAO,MAAO,UAAS;AACrD;","names":[]}
+{"version":3,"sources":["../../src/overrides/PreOverride.tsx"],"sourcesContent":["import {\n  createContext,\n  ComponentPropsWithoutRef,\n  useContext,\n  memo,\n} from \"react\";\nimport { PreComponent } from \"./types\";\nimport { memoCompareNodes } from \"../memoization\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const useIsMarkdownCodeBlock = () => {\n  return useContext(PreContext) !== null;\n};\n\nconst PreOverrideImpl: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n\nexport const PreOverride = memo(PreOverrideImpl, memoCompareNodes);\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AAYxB;AAVF,IAAM,aAAa,cAGhB,IAAI;AAEP,IAAM,yBAAyB,MAAM;AAC1C,SAAO,WAAW,UAAU,MAAM;AACpC;AAEA,IAAM,kBAAgC,CAAC,EAAE,UAAU,GAAG,KAAK,MAAM;AAC/D,SAAO,oBAAC,WAAW,UAAX,EAAoB,OAAO,MAAO,UAAS;AACrD;AAEO,IAAM,cAAc,KAAK,iBAAiB,gBAAgB;","names":[]}

package/dist/overrides/defaultComponents.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentType, ReactNode } from "react";
-import { Element } from "hast";
 import { PreComponent, CodeComponent, CodeHeaderProps } from "./types";
 export declare const DefaultPre: PreComponent;
 export declare const DefaultCode: CodeComponent;
@@ -9,7 +8,6 @@ export declare const DefaultCodeBlockContent: ComponentType<{
         Code: CodeComponent;
     };
     code: string | ReactNode | undefined;
-    node: Element | undefined;
 }>;
 export declare const DefaultCodeHeader: ComponentType<CodeHeaderProps>;
 //# sourceMappingURL=defaultComponents.d.ts.map

package/dist/overrides/defaultComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultComponents.d.ts","sourceRoot":"","sources":["../../src/overrides/defaultComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,UAAU,EAAE,YAExB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAEzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC;IAClD,UAAU,EAAE;QAAE,GAAG,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,aAAa,CAAA;KAAE,CAAC;IACvD,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACrC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3B,CAIA,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,eAAe,CAAc,CAAC"}
+{"version":3,"file":"defaultComponents.d.ts","sourceRoot":"","sources":["../../src/overrides/defaultComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,UAAU,EAAE,YAExB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAEzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC;IAClD,UAAU,EAAE;QAAE,GAAG,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,aAAa,CAAA;KAAE,CAAC;IACvD,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC,CAIA,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,eAAe,CAAc,CAAC"}

package/dist/overrides/defaultComponents.js

@@ -29,7 +29,7 @@ module.exports = __toCommonJS(defaultComponents_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultPre = ({ node, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { ...rest });
 var DefaultCode = ({ node, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { ...rest });
-var DefaultCodeBlockContent = ({ components: { Pre, Code }, code, node }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pre, { node, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Code, { node, children: code }) });
+var DefaultCodeBlockContent = ({ components: { Pre, Code }, code }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pre, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Code, { children: code }) });
 var DefaultCodeHeader = () => null;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/overrides/defaultComponents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/defaultComponents.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { Element } from \"hast\";\nimport { PreComponent, CodeComponent, CodeHeaderProps } from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\n\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\n\nexport const DefaultCodeBlockContent: ComponentType<{\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n  node: Element | undefined;\n}> = ({ components: { Pre, Code }, code, node }) => (\n  <Pre node={node}>\n    <Code node={node}>{code}</Code>\n  </Pre>\n);\n\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKE;AADK,IAAM,aAA2B,CAAC,EAAE,MAAM,GAAG,KAAK,MACvD,4CAAC,SAAK,GAAG,MAAM;AAGV,IAAM,cAA6B,CAAC,EAAE,MAAM,GAAG,KAAK,MACzD,4CAAC,UAAM,GAAG,MAAM;AAGX,IAAM,0BAIR,CAAC,EAAE,YAAY,EAAE,KAAK,KAAK,GAAG,MAAM,KAAK,MAC5C,4CAAC,OAAI,MACH,sDAAC,QAAK,MAAa,gBAAK,GAC1B;AAGK,IAAM,oBAAoD,MAAM;","names":[]}
+{"version":3,"sources":["../../src/overrides/defaultComponents.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { PreComponent, CodeComponent, CodeHeaderProps } from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\n\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\n\nexport const DefaultCodeBlockContent: ComponentType<{\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n}> = ({ components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code>{code}</Code>\n  </Pre>\n);\n\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIE;AADK,IAAM,aAA2B,CAAC,EAAE,MAAM,GAAG,KAAK,MACvD,4CAAC,SAAK,GAAG,MAAM;AAGV,IAAM,cAA6B,CAAC,EAAE,MAAM,GAAG,KAAK,MACzD,4CAAC,UAAM,GAAG,MAAM;AAGX,IAAM,0BAGR,CAAC,EAAE,YAAY,EAAE,KAAK,KAAK,GAAG,KAAK,MACtC,4CAAC,OACC,sDAAC,QAAM,gBAAK,GACd;AAGK,IAAM,oBAAoD,MAAM;","names":[]}

package/dist/overrides/defaultComponents.mjs

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 var DefaultPre = ({ node, ...rest }) => /* @__PURE__ */ jsx("pre", { ...rest });
 var DefaultCode = ({ node, ...rest }) => /* @__PURE__ */ jsx("code", { ...rest });
-var DefaultCodeBlockContent = ({ components: { Pre, Code }, code, node }) => /* @__PURE__ */ jsx(Pre, { node, children: /* @__PURE__ */ jsx(Code, { node, children: code }) });
+var DefaultCodeBlockContent = ({ components: { Pre, Code }, code }) => /* @__PURE__ */ jsx(Pre, { children: /* @__PURE__ */ jsx(Code, { children: code }) });
 var DefaultCodeHeader = () => null;
 export {
   DefaultCode,

package/dist/overrides/defaultComponents.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/defaultComponents.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { Element } from \"hast\";\nimport { PreComponent, CodeComponent, CodeHeaderProps } from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\n\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\n\nexport const DefaultCodeBlockContent: ComponentType<{\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n  node: Element | undefined;\n}> = ({ components: { Pre, Code }, code, node }) => (\n  <Pre node={node}>\n    <Code node={node}>{code}</Code>\n  </Pre>\n);\n\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n"],"mappings":";AAKE;AADK,IAAM,aAA2B,CAAC,EAAE,MAAM,GAAG,KAAK,MACvD,oBAAC,SAAK,GAAG,MAAM;AAGV,IAAM,cAA6B,CAAC,EAAE,MAAM,GAAG,KAAK,MACzD,oBAAC,UAAM,GAAG,MAAM;AAGX,IAAM,0BAIR,CAAC,EAAE,YAAY,EAAE,KAAK,KAAK,GAAG,MAAM,KAAK,MAC5C,oBAAC,OAAI,MACH,8BAAC,QAAK,MAAa,gBAAK,GAC1B;AAGK,IAAM,oBAAoD,MAAM;","names":[]}
+{"version":3,"sources":["../../src/overrides/defaultComponents.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { PreComponent, CodeComponent, CodeHeaderProps } from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\n\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\n\nexport const DefaultCodeBlockContent: ComponentType<{\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n}> = ({ components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code>{code}</Code>\n  </Pre>\n);\n\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n"],"mappings":";AAIE;AADK,IAAM,aAA2B,CAAC,EAAE,MAAM,GAAG,KAAK,MACvD,oBAAC,SAAK,GAAG,MAAM;AAGV,IAAM,cAA6B,CAAC,EAAE,MAAM,GAAG,KAAK,MACzD,oBAAC,UAAM,GAAG,MAAM;AAGX,IAAM,0BAGR,CAAC,EAAE,YAAY,EAAE,KAAK,KAAK,GAAG,KAAK,MACtC,oBAAC,OACC,8BAAC,QAAM,gBAAK,GACd;AAGK,IAAM,oBAAoD,MAAM;","names":[]}

package/dist/primitives/MarkdownText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownText.d.ts","sourceRoot":"","sources":["../../src/primitives/MarkdownText.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,YAAY,EACZ,WAAW,EAEX,yBAAyB,EACzB,aAAa,EACb,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAU7E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,KAAK,4BAA4B,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AACvE,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAExE,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,OAAO,EACP,YAAY,GAAG,UAAU,CAC1B,GAAG;IACF,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC7E,kBAAkB,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7C,UAAU,CAAC,EACP,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG;QACpC,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAAC;QACtE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;QACxD;;YAEI;QACJ,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC,GACF,SAAS,CAAC;IACd,oBAAoB,CAAC,EACjB,MAAM,CACJ,MAAM,EACN;QACE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;QACxD,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAAC;KACvE,CACF,GACD,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,yBAAyB,CAAC,0BAA0B,CAAC,GACvF,aAAa,CAAC,4BAA4B,CAwD3C,CAAC"}
+{"version":3,"file":"MarkdownText.d.ts","sourceRoot":"","sources":["../../src/primitives/MarkdownText.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,YAAY,EACZ,WAAW,EAEX,yBAAyB,EACzB,aAAa,EAEb,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAU7E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,KAAK,4BAA4B,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AACvE,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAExE,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,OAAO,EACP,YAAY,GAAG,UAAU,CAC1B,GAAG;IACF,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC7E,kBAAkB,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7C,UAAU,CAAC,EACP,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG;QACpC,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAAC;QACtE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;QACxD;;YAEI;QACJ,WAAW,CAAC,EAAE,SAAS,CAAC;KACzB,CAAC,GACF,SAAS,CAAC;IACd,oBAAoB,CAAC,EACjB,MAAM,CACJ,MAAM,EACN;QACE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;QACxD,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAAC;KACvE,CACF,GACD,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,yBAAyB,CAAC,0BAA0B,CAAC,GACvF,aAAa,CAAC,4BAA4B,CAqE3C,CAAC"}

package/dist/primitives/MarkdownText.js

@@ -59,27 +59,39 @@ var MarkdownTextPrimitive = (0, import_react2.forwardRef)(
       pre = import_defaultComponents.DefaultPre,
       code = import_defaultComponents.DefaultCode,
       SyntaxHighlighter = import_defaultComponents.DefaultCodeBlockContent,
-      CodeHeader = import_defaultComponents.DefaultCodeHeader,
-      by_language,
-      ...componentsRest
+      CodeHeader = import_defaultComponents.DefaultCodeHeader
     } = userComponents ?? {};
-    const components = {
-      ...componentsRest,
-      pre: import_PreOverride.PreOverride,
-      code: (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_CodeOverride.CodeOverride,
-        {
-          components: {
-            Pre: pre,
-            Code: code,
-            SyntaxHighlighter,
-            CodeHeader
-          },
-          componentsByLanguage,
-          ...props
-        }
-      ))
-    };
+    const useCodeOverrideComponents = (0, import_react2.useMemo)(() => {
+      return {
+        Pre: pre,
+        Code: code,
+        SyntaxHighlighter,
+        CodeHeader
+      };
+    }, [pre, code, SyntaxHighlighter, CodeHeader]);
+    const CodeComponent = (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_CodeOverride.CodeOverride,
+      {
+        components: useCodeOverrideComponents,
+        componentsByLanguage,
+        ...props
+      }
+    ));
+    const components = (0, import_react2.useMemo)(() => {
+      const {
+        pre: pre2 = import_defaultComponents.DefaultPre,
+        code: code2 = import_defaultComponents.DefaultCode,
+        SyntaxHighlighter: SyntaxHighlighter2 = import_defaultComponents.DefaultCodeBlockContent,
+        CodeHeader: CodeHeader2 = import_defaultComponents.DefaultCodeHeader,
+        by_language,
+        ...componentsRest
+      } = userComponents ?? {};
+      return {
+        ...componentsRest,
+        pre: import_PreOverride.PreOverride,
+        code: CodeComponent
+      };
+    }, [CodeComponent, userComponents, componentsByLanguage]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Container,
       {

package/dist/primitives/MarkdownText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/primitives/MarkdownText.tsx"],"sourcesContent":["\"use client\";\n\nimport { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport {\n  ComponentRef,\n  ElementType,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n} from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"../overrides/types\";\nimport { PreOverride } from \"../overrides/PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultCodeBlockContent,\n  DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport classNames from \"classnames\";\n\nconst { useSmooth } = INTERNAL;\n\ntype MarkdownTextPrimitiveElement = ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  containerProps?: Omit<PrimitiveDivProps, \"children\" | \"asChild\"> | undefined;\n  containerComponent?: ElementType | undefined;\n  components?:\n    | (NonNullable<Options[\"components\"]> & {\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n        /**\n         * @deprecated Use `componentsByLanguage` instead of `components.by_language`. This will be removed in the next major version.\n         **/\n        by_language?: undefined;\n      })\n    | undefined;\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        }\n      >\n    | undefined;\n  smooth?: boolean | undefined;\n};\n\nexport const MarkdownTextPrimitive: ForwardRefExoticComponent<MarkdownTextPrimitiveProps> &\n  RefAttributes<MarkdownTextPrimitiveElement> = forwardRef<\n  MarkdownTextPrimitiveElement,\n  MarkdownTextPrimitiveProps\n>(\n  (\n    {\n      components: userComponents,\n      componentsByLanguage = userComponents?.by_language,\n      className,\n      containerProps,\n      containerComponent: Container = \"div\",\n      smooth = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const { text, status } = useSmooth(useContentPartText(), smooth);\n\n    const {\n      pre = DefaultPre,\n      code = DefaultCode,\n      SyntaxHighlighter = DefaultCodeBlockContent,\n      CodeHeader = DefaultCodeHeader,\n      by_language,\n      ...componentsRest\n    } = userComponents ?? {};\n    const components: Options[\"components\"] = {\n      ...componentsRest,\n      pre: PreOverride,\n      code: useCallbackRef((props) => (\n        <CodeOverride\n          components={{\n            Pre: pre,\n            Code: code,\n            SyntaxHighlighter,\n            CodeHeader,\n          }}\n          componentsByLanguage={componentsByLanguage}\n          {...props}\n        />\n      )),\n    };\n\n    return (\n      <Container\n        data-status={status.type}\n        {...containerProps}\n        className={classNames(className, containerProps?.className)}\n        ref={forwardedRef}\n      >\n        <ReactMarkdown components={components} {...rest}>\n          {text}\n        </ReactMarkdown>\n      </Container>\n    );\n  },\n);\n\nMarkdownTextPrimitive.displayName = \"MarkdownTextPrimitive\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,IAAAA,gBAQO;AACP,4BAA4C;AAE5C,yBAA4B;AAC5B,+BAKO;AACP,oCAA+B;AAC/B,0BAA6B;AAE7B,wBAAuB;AAkEf;AAhER,IAAM,EAAE,UAAU,IAAI;AAiCf,IAAM,4BACmC;AAAA,EAI9C,CACE;AAAA,IACE,YAAY;AAAA,IACZ,uBAAuB,gBAAgB;AAAA,IACvC;AAAA,IACA;AAAA,IACA,oBAAoB,YAAY;AAAA,IAChC,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,EAAE,MAAM,OAAO,IAAI,cAAU,iCAAmB,GAAG,MAAM;AAE/D,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,aAAa;AAAA,MACb;AAAA,MACA,GAAG;AAAA,IACL,IAAI,kBAAkB,CAAC;AACvB,UAAM,aAAoC;AAAA,MACxC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,UAAM,8CAAe,CAAC,UACpB;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,YACV,KAAK;AAAA,YACL,MAAM;AAAA,YACN;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN,CACD;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,OAAO;AAAA,QACnB,GAAG;AAAA,QACJ,eAAW,kBAAAC,SAAW,WAAW,gBAAgB,SAAS;AAAA,QAC1D,KAAK;AAAA,QAEL,sDAAC,sBAAAC,SAAA,EAAc,YAAyB,GAAG,MACxC,gBACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,sBAAsB,cAAc;","names":["import_react","classNames","ReactMarkdown"]}
+{"version":3,"sources":["../../src/primitives/MarkdownText.tsx"],"sourcesContent":["\"use client\";\n\nimport { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport {\n  ComponentRef,\n  ElementType,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n} from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"../overrides/types\";\nimport { PreOverride } from \"../overrides/PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultCodeBlockContent,\n  DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport classNames from \"classnames\";\n\nconst { useSmooth } = INTERNAL;\n\ntype MarkdownTextPrimitiveElement = ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  containerProps?: Omit<PrimitiveDivProps, \"children\" | \"asChild\"> | undefined;\n  containerComponent?: ElementType | undefined;\n  components?:\n    | (NonNullable<Options[\"components\"]> & {\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n        /**\n         * @deprecated Use `componentsByLanguage` instead of `components.by_language`. This will be removed in the next major version.\n         **/\n        by_language?: undefined;\n      })\n    | undefined;\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        }\n      >\n    | undefined;\n  smooth?: boolean | undefined;\n};\n\nexport const MarkdownTextPrimitive: ForwardRefExoticComponent<MarkdownTextPrimitiveProps> &\n  RefAttributes<MarkdownTextPrimitiveElement> = forwardRef<\n  MarkdownTextPrimitiveElement,\n  MarkdownTextPrimitiveProps\n>(\n  (\n    {\n      components: userComponents,\n      componentsByLanguage = userComponents?.by_language,\n      className,\n      containerProps,\n      containerComponent: Container = \"div\",\n      smooth = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const { text, status } = useSmooth(useContentPartText(), smooth);\n\n    const {\n      pre = DefaultPre,\n      code = DefaultCode,\n      SyntaxHighlighter = DefaultCodeBlockContent,\n      CodeHeader = DefaultCodeHeader,\n    } = userComponents ?? {};\n    const useCodeOverrideComponents = useMemo(() => {\n      return {\n        Pre: pre,\n        Code: code,\n        SyntaxHighlighter,\n        CodeHeader,\n      };\n    }, [pre, code, SyntaxHighlighter, CodeHeader]);\n    const CodeComponent = useCallbackRef((props) => (\n      <CodeOverride\n        components={useCodeOverrideComponents}\n        componentsByLanguage={componentsByLanguage}\n        {...props}\n      />\n    ));\n\n    const components: Options[\"components\"] = useMemo(() => {\n      const {\n        pre = DefaultPre,\n        code = DefaultCode,\n        SyntaxHighlighter = DefaultCodeBlockContent,\n        CodeHeader = DefaultCodeHeader,\n        by_language,\n        ...componentsRest\n      } = userComponents ?? {};\n      return {\n        ...componentsRest,\n        pre: PreOverride,\n        code: CodeComponent,\n      };\n    }, [CodeComponent, userComponents, componentsByLanguage]);\n\n    return (\n      <Container\n        data-status={status.type}\n        {...containerProps}\n        className={classNames(className, containerProps?.className)}\n        ref={forwardedRef}\n      >\n        <ReactMarkdown components={components} {...rest}>\n          {text}\n        </ReactMarkdown>\n      </Container>\n    );\n  },\n);\n\nMarkdownTextPrimitive.displayName = \"MarkdownTextPrimitive\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,IAAAA,gBASO;AACP,4BAA4C;AAE5C,yBAA4B;AAC5B,+BAKO;AACP,oCAA+B;AAC/B,0BAA6B;AAE7B,wBAAuB;AAqEjB;AAnEN,IAAM,EAAE,UAAU,IAAI;AAiCf,IAAM,4BACmC;AAAA,EAI9C,CACE;AAAA,IACE,YAAY;AAAA,IACZ,uBAAuB,gBAAgB;AAAA,IACvC;AAAA,IACA;AAAA,IACA,oBAAoB,YAAY;AAAA,IAChC,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,EAAE,MAAM,OAAO,IAAI,cAAU,iCAAmB,GAAG,MAAM;AAE/D,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,aAAa;AAAA,IACf,IAAI,kBAAkB,CAAC;AACvB,UAAM,gCAA4B,uBAAQ,MAAM;AAC9C,aAAO;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACF,GAAG,CAAC,KAAK,MAAM,mBAAmB,UAAU,CAAC;AAC7C,UAAM,oBAAgB,8CAAe,CAAC,UACpC;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACC,GAAG;AAAA;AAAA,IACN,CACD;AAED,UAAM,iBAAoC,uBAAQ,MAAM;AACtD,YAAM;AAAA,QACJ,KAAAC,OAAM;AAAA,QACN,MAAAC,QAAO;AAAA,QACP,mBAAAC,qBAAoB;AAAA,QACpB,YAAAC,cAAa;AAAA,QACb;AAAA,QACA,GAAG;AAAA,MACL,IAAI,kBAAkB,CAAC;AACvB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF,GAAG,CAAC,eAAe,gBAAgB,oBAAoB,CAAC;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,OAAO;AAAA,QACnB,GAAG;AAAA,QACJ,eAAW,kBAAAC,SAAW,WAAW,gBAAgB,SAAS;AAAA,QAC1D,KAAK;AAAA,QAEL,sDAAC,sBAAAC,SAAA,EAAc,YAAyB,GAAG,MACxC,gBACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,sBAAsB,cAAc;","names":["import_react","pre","code","SyntaxHighlighter","CodeHeader","classNames","ReactMarkdown"]}

package/dist/primitives/MarkdownText.mjs

@@ -3,7 +3,8 @@
 // src/primitives/MarkdownText.tsx
 import { INTERNAL, useContentPartText } from "@assistant-ui/react";
 import {
-  forwardRef
+  forwardRef,
+  useMemo
 } from "react";
 import ReactMarkdown from "react-markdown";
 import { PreOverride } from "../overrides/PreOverride.mjs";
@@ -33,27 +34,39 @@ var MarkdownTextPrimitive = forwardRef(
       pre = DefaultPre,
       code = DefaultCode,
       SyntaxHighlighter = DefaultCodeBlockContent,
-      CodeHeader = DefaultCodeHeader,
-      by_language,
-      ...componentsRest
+      CodeHeader = DefaultCodeHeader
     } = userComponents ?? {};
-    const components = {
-      ...componentsRest,
-      pre: PreOverride,
-      code: useCallbackRef((props) => /* @__PURE__ */ jsx(
-        CodeOverride,
-        {
-          components: {
-            Pre: pre,
-            Code: code,
-            SyntaxHighlighter,
-            CodeHeader
-          },
-          componentsByLanguage,
-          ...props
-        }
-      ))
-    };
+    const useCodeOverrideComponents = useMemo(() => {
+      return {
+        Pre: pre,
+        Code: code,
+        SyntaxHighlighter,
+        CodeHeader
+      };
+    }, [pre, code, SyntaxHighlighter, CodeHeader]);
+    const CodeComponent = useCallbackRef((props) => /* @__PURE__ */ jsx(
+      CodeOverride,
+      {
+        components: useCodeOverrideComponents,
+        componentsByLanguage,
+        ...props
+      }
+    ));
+    const components = useMemo(() => {
+      const {
+        pre: pre2 = DefaultPre,
+        code: code2 = DefaultCode,
+        SyntaxHighlighter: SyntaxHighlighter2 = DefaultCodeBlockContent,
+        CodeHeader: CodeHeader2 = DefaultCodeHeader,
+        by_language,
+        ...componentsRest
+      } = userComponents ?? {};
+      return {
+        ...componentsRest,
+        pre: PreOverride,
+        code: CodeComponent
+      };
+    }, [CodeComponent, userComponents, componentsByLanguage]);
     return /* @__PURE__ */ jsx(
       Container,
       {

package/dist/primitives/MarkdownText.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/primitives/MarkdownText.tsx"],"sourcesContent":["\"use client\";\n\nimport { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport {\n  ComponentRef,\n  ElementType,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n} from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"../overrides/types\";\nimport { PreOverride } from \"../overrides/PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultCodeBlockContent,\n  DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport classNames from \"classnames\";\n\nconst { useSmooth } = INTERNAL;\n\ntype MarkdownTextPrimitiveElement = ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  containerProps?: Omit<PrimitiveDivProps, \"children\" | \"asChild\"> | undefined;\n  containerComponent?: ElementType | undefined;\n  components?:\n    | (NonNullable<Options[\"components\"]> & {\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n        /**\n         * @deprecated Use `componentsByLanguage` instead of `components.by_language`. This will be removed in the next major version.\n         **/\n        by_language?: undefined;\n      })\n    | undefined;\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        }\n      >\n    | undefined;\n  smooth?: boolean | undefined;\n};\n\nexport const MarkdownTextPrimitive: ForwardRefExoticComponent<MarkdownTextPrimitiveProps> &\n  RefAttributes<MarkdownTextPrimitiveElement> = forwardRef<\n  MarkdownTextPrimitiveElement,\n  MarkdownTextPrimitiveProps\n>(\n  (\n    {\n      components: userComponents,\n      componentsByLanguage = userComponents?.by_language,\n      className,\n      containerProps,\n      containerComponent: Container = \"div\",\n      smooth = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const { text, status } = useSmooth(useContentPartText(), smooth);\n\n    const {\n      pre = DefaultPre,\n      code = DefaultCode,\n      SyntaxHighlighter = DefaultCodeBlockContent,\n      CodeHeader = DefaultCodeHeader,\n      by_language,\n      ...componentsRest\n    } = userComponents ?? {};\n    const components: Options[\"components\"] = {\n      ...componentsRest,\n      pre: PreOverride,\n      code: useCallbackRef((props) => (\n        <CodeOverride\n          components={{\n            Pre: pre,\n            Code: code,\n            SyntaxHighlighter,\n            CodeHeader,\n          }}\n          componentsByLanguage={componentsByLanguage}\n          {...props}\n        />\n      )),\n    };\n\n    return (\n      <Container\n        data-status={status.type}\n        {...containerProps}\n        className={classNames(className, containerProps?.className)}\n        ref={forwardedRef}\n      >\n        <ReactMarkdown components={components} {...rest}>\n          {text}\n        </ReactMarkdown>\n      </Container>\n    );\n  },\n);\n\nMarkdownTextPrimitive.displayName = \"MarkdownTextPrimitive\";\n"],"mappings":";;;AAEA,SAAS,UAAU,0BAA0B;AAC7C;AAAA,EAGE;AAAA,OAKK;AACP,OAAO,mBAAqC;AAE5C,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,OAAO,gBAAgB;AAkEf;AAhER,IAAM,EAAE,UAAU,IAAI;AAiCf,IAAM,wBACmC;AAAA,EAI9C,CACE;AAAA,IACE,YAAY;AAAA,IACZ,uBAAuB,gBAAgB;AAAA,IACvC;AAAA,IACA;AAAA,IACA,oBAAoB,YAAY;AAAA,IAChC,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,EAAE,MAAM,OAAO,IAAI,UAAU,mBAAmB,GAAG,MAAM;AAE/D,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,aAAa;AAAA,MACb;AAAA,MACA,GAAG;AAAA,IACL,IAAI,kBAAkB,CAAC;AACvB,UAAM,aAAoC;AAAA,MACxC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,MAAM,eAAe,CAAC,UACpB;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,YACV,KAAK;AAAA,YACL,MAAM;AAAA,YACN;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN,CACD;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,OAAO;AAAA,QACnB,GAAG;AAAA,QACJ,WAAW,WAAW,WAAW,gBAAgB,SAAS;AAAA,QAC1D,KAAK;AAAA,QAEL,8BAAC,iBAAc,YAAyB,GAAG,MACxC,gBACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,sBAAsB,cAAc;","names":[]}
+{"version":3,"sources":["../../src/primitives/MarkdownText.tsx"],"sourcesContent":["\"use client\";\n\nimport { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport {\n  ComponentRef,\n  ElementType,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n} from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"../overrides/types\";\nimport { PreOverride } from \"../overrides/PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultCodeBlockContent,\n  DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport classNames from \"classnames\";\n\nconst { useSmooth } = INTERNAL;\n\ntype MarkdownTextPrimitiveElement = ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  containerProps?: Omit<PrimitiveDivProps, \"children\" | \"asChild\"> | undefined;\n  containerComponent?: ElementType | undefined;\n  components?:\n    | (NonNullable<Options[\"components\"]> & {\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n        /**\n         * @deprecated Use `componentsByLanguage` instead of `components.by_language`. This will be removed in the next major version.\n         **/\n        by_language?: undefined;\n      })\n    | undefined;\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        }\n      >\n    | undefined;\n  smooth?: boolean | undefined;\n};\n\nexport const MarkdownTextPrimitive: ForwardRefExoticComponent<MarkdownTextPrimitiveProps> &\n  RefAttributes<MarkdownTextPrimitiveElement> = forwardRef<\n  MarkdownTextPrimitiveElement,\n  MarkdownTextPrimitiveProps\n>(\n  (\n    {\n      components: userComponents,\n      componentsByLanguage = userComponents?.by_language,\n      className,\n      containerProps,\n      containerComponent: Container = \"div\",\n      smooth = true,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const { text, status } = useSmooth(useContentPartText(), smooth);\n\n    const {\n      pre = DefaultPre,\n      code = DefaultCode,\n      SyntaxHighlighter = DefaultCodeBlockContent,\n      CodeHeader = DefaultCodeHeader,\n    } = userComponents ?? {};\n    const useCodeOverrideComponents = useMemo(() => {\n      return {\n        Pre: pre,\n        Code: code,\n        SyntaxHighlighter,\n        CodeHeader,\n      };\n    }, [pre, code, SyntaxHighlighter, CodeHeader]);\n    const CodeComponent = useCallbackRef((props) => (\n      <CodeOverride\n        components={useCodeOverrideComponents}\n        componentsByLanguage={componentsByLanguage}\n        {...props}\n      />\n    ));\n\n    const components: Options[\"components\"] = useMemo(() => {\n      const {\n        pre = DefaultPre,\n        code = DefaultCode,\n        SyntaxHighlighter = DefaultCodeBlockContent,\n        CodeHeader = DefaultCodeHeader,\n        by_language,\n        ...componentsRest\n      } = userComponents ?? {};\n      return {\n        ...componentsRest,\n        pre: PreOverride,\n        code: CodeComponent,\n      };\n    }, [CodeComponent, userComponents, componentsByLanguage]);\n\n    return (\n      <Container\n        data-status={status.type}\n        {...containerProps}\n        className={classNames(className, containerProps?.className)}\n        ref={forwardedRef}\n      >\n        <ReactMarkdown components={components} {...rest}>\n          {text}\n        </ReactMarkdown>\n      </Container>\n    );\n  },\n);\n\nMarkdownTextPrimitive.displayName = \"MarkdownTextPrimitive\";\n"],"mappings":";;;AAEA,SAAS,UAAU,0BAA0B;AAC7C;AAAA,EAGE;AAAA,EAGA;AAAA,OAGK;AACP,OAAO,mBAAqC;AAE5C,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,OAAO,gBAAgB;AAqEjB;AAnEN,IAAM,EAAE,UAAU,IAAI;AAiCf,IAAM,wBACmC;AAAA,EAI9C,CACE;AAAA,IACE,YAAY;AAAA,IACZ,uBAAuB,gBAAgB;AAAA,IACvC;AAAA,IACA;AAAA,IACA,oBAAoB,YAAY;AAAA,IAChC,SAAS;AAAA,IACT,GAAG;AAAA,EACL,GACA,iBACG;AACH,UAAM,EAAE,MAAM,OAAO,IAAI,UAAU,mBAAmB,GAAG,MAAM;AAE/D,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,aAAa;AAAA,IACf,IAAI,kBAAkB,CAAC;AACvB,UAAM,4BAA4B,QAAQ,MAAM;AAC9C,aAAO;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACF,GAAG,CAAC,KAAK,MAAM,mBAAmB,UAAU,CAAC;AAC7C,UAAM,gBAAgB,eAAe,CAAC,UACpC;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACC,GAAG;AAAA;AAAA,IACN,CACD;AAED,UAAM,aAAoC,QAAQ,MAAM;AACtD,YAAM;AAAA,QACJ,KAAAA,OAAM;AAAA,QACN,MAAAC,QAAO;AAAA,QACP,mBAAAC,qBAAoB;AAAA,QACpB,YAAAC,cAAa;AAAA,QACb;AAAA,QACA,GAAG;AAAA,MACL,IAAI,kBAAkB,CAAC;AACvB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF,GAAG,CAAC,eAAe,gBAAgB,oBAAoB,CAAC;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,OAAO;AAAA,QACnB,GAAG;AAAA,QACJ,WAAW,WAAW,WAAW,gBAAgB,SAAS;AAAA,QAC1D,KAAK;AAAA,QAEL,8BAAC,iBAAc,YAAyB,GAAG,MACxC,gBACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,sBAAsB,cAAc;","names":["pre","code","SyntaxHighlighter","CodeHeader"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-markdown",
-  "version": "0.7.12",
+  "version": "0.7.14",
   "license": "MIT",
   "exports": {
     ".": {
@@ -13,6 +13,9 @@
       "import": "./dist/tailwindcss/index.mjs",
       "require": "./dist/tailwindcss/index.js"
     },
+    "./styles/dot.css": {
+      "default": "./styles/dot.css"
+    },
     "./styles/*": {
       "default": "./dist/styles/*"
     }
@@ -63,9 +66,9 @@
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.19.2",
     "@assistant-ui/react": "0.7.61",
-    "@assistant-ui/tsbuildutils": "^0.0.1",
     "@assistant-ui/tailwindcss-transformer": "0.1.0",
-    "@assistant-ui/tsconfig": "0.0.0"
+    "@assistant-ui/tsconfig": "0.0.0",
+    "@assistant-ui/tsbuildutils": "^0.0.1"
   },
   "publishConfig": {
     "access": "public",

package/src/index.ts

@@ -16,3 +16,5 @@ export {
 } from "./ui/markdown-text";
 
 export { CodeHeader } from "./ui/code-header";
+
+export { memoizeMarkdownComponents as unstable_memoizeMarkdownComponents } from "./memoization";

package/src/memoization.tsx

@@ -0,0 +1,47 @@
+import { Element } from "hast";
+import { ComponentProps, ComponentType, ElementType, memo } from "react";
+import { CodeHeaderProps, SyntaxHighlighterProps } from "./overrides/types";
+
+type Components = {
+  [Key in Extract<ElementType, string>]?: ComponentType<ComponentProps<Key>>;
+} & {
+  SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
+  CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
+};
+
+const areChildrenEqual = (prev: string | unknown, next: string | unknown) => {
+  if (typeof prev === "string") return prev === next;
+  return JSON.stringify(prev) === JSON.stringify(next);
+};
+
+export const areNodesEqual = (
+  prev: Element | undefined,
+  next: Element | undefined,
+) => {
+  if (!prev || !next) return prev === next;
+  const isEqual =
+    JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) &&
+    areChildrenEqual(prev?.children, next?.children);
+  return isEqual;
+};
+
+export const memoCompareNodes = (
+  prev: { node?: Element | undefined },
+  next: { node?: Element | undefined },
+) => {
+  return areNodesEqual(prev.node, next.node);
+};
+
+export const memoizeMarkdownComponents = (components: Components = {}) => {
+  return Object.fromEntries(
+    Object.entries(components ?? {}).map(([key, value]) => {
+      if (!value) return [key, value];
+
+      const Component = value as ComponentType;
+      const WithoutNode = ({ node, ...props }: { node?: Element }) => {
+        return <Component {...props} />;
+      };
+      return [key, memo(WithoutNode, memoCompareNodes)];
+    }),
+  );
+};

package/src/overrides/CodeBlock.tsx

@@ -7,7 +7,6 @@ import {
   SyntaxHighlighterProps,
 } from "./types";
 import { DefaultCodeBlockContent } from "./defaultComponents";
-import { Element } from "hast";
 
 export type CodeBlockProps = {
   language: string;
@@ -18,14 +17,12 @@ export type CodeBlockProps = {
     CodeHeader: ComponentType<CodeHeaderProps>;
     SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;
   };
-  node: Element | undefined;
 };
 
 export const DefaultCodeBlock: FC<CodeBlockProps> = ({
   components: { Pre, Code, SyntaxHighlighter, CodeHeader },
   language,
   code,
-  node,
 }) => {
   const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);
 
@@ -38,7 +35,6 @@ export const DefaultCodeBlock: FC<CodeBlockProps> = ({
         components={components}
         language={language ?? "unknown"}
         code={code}
-        node={node}
       />
     </>
   );

package/src/overrides/CodeOverride.tsx

@@ -1,5 +1,11 @@
-import { ComponentPropsWithoutRef, ComponentType, FC, useContext } from "react";
-import { PreContext } from "./PreOverride";
+import {
+  ComponentPropsWithoutRef,
+  ComponentType,
+  FC,
+  memo,
+  useContext,
+} from "react";
+import { PreContext, useIsMarkdownCodeBlock } from "./PreOverride";
 import {
   CodeComponent,
   CodeHeaderProps,
@@ -10,6 +16,7 @@ import { DefaultCodeBlock } from "./CodeBlock";
 import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 import { withDefaultProps } from "./withDefaults";
 import { DefaultCodeBlockContent } from "./defaultComponents";
+import { memoCompareNodes } from "../memoization";
 
 const CodeBlockOverride: FC<CodeOverrideProps> = ({
   components: {
@@ -20,7 +27,6 @@ const CodeBlockOverride: FC<CodeOverrideProps> = ({
   },
   componentsByLanguage = {},
   children,
-  node,
   ...codeProps
 }) => {
   const preProps = useContext(PreContext)!;
@@ -42,7 +48,6 @@ const CodeBlockOverride: FC<CodeOverrideProps> = ({
       <DefaultCodeBlockContent
         components={{ Pre: WrappedPre, Code: WrappedCode }}
         code={children}
-        node={node}
       />
     );
   }
@@ -64,7 +69,6 @@ const CodeBlockOverride: FC<CodeOverrideProps> = ({
       }}
       language={language || "unknown"}
       code={children}
-      node={node}
     />
   );
 };
@@ -87,13 +91,13 @@ export type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {
     | undefined;
 };
 
-export const CodeOverride: FC<CodeOverrideProps> = ({
+const CodeOverrideImpl: FC<CodeOverrideProps> = ({
   components,
   componentsByLanguage,
   ...props
 }) => {
-  const preProps = useContext(PreContext);
-  if (!preProps) return <components.Code {...props} />;
+  const isCodeBlock = useIsMarkdownCodeBlock();
+  if (!isCodeBlock) return <components.Code {...props} />;
   return (
     <CodeBlockOverride
       components={components}
@@ -102,3 +106,11 @@ export const CodeOverride: FC<CodeOverrideProps> = ({
     />
   );
 };
+
+export const CodeOverride = memo(CodeOverrideImpl, (prev, next) => {
+  const isEqual =
+    prev.components === next.components &&
+    prev.componentsByLanguage === next.componentsByLanguage &&
+    memoCompareNodes(prev, next);
+  return isEqual;
+});

package/src/overrides/PreOverride.tsx

@@ -1,5 +1,11 @@
-import { createContext, ComponentPropsWithoutRef, useContext } from "react";
+import {
+  createContext,
+  ComponentPropsWithoutRef,
+  useContext,
+  memo,
+} from "react";
 import { PreComponent } from "./types";
+import { memoCompareNodes } from "../memoization";
 
 export const PreContext = createContext<Omit<
   ComponentPropsWithoutRef<PreComponent>,
@@ -10,6 +16,8 @@ export const useIsMarkdownCodeBlock = () => {
   return useContext(PreContext) !== null;
 };
 
-export const PreOverride: PreComponent = ({ children, ...rest }) => {
+const PreOverrideImpl: PreComponent = ({ children, ...rest }) => {
   return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;
 };
+
+export const PreOverride = memo(PreOverrideImpl, memoCompareNodes);

package/src/overrides/defaultComponents.tsx

@@ -1,5 +1,4 @@
 import type { ComponentType, ReactNode } from "react";
-import { Element } from "hast";
 import { PreComponent, CodeComponent, CodeHeaderProps } from "./types";
 
 export const DefaultPre: PreComponent = ({ node, ...rest }) => (
@@ -13,10 +12,9 @@ export const DefaultCode: CodeComponent = ({ node, ...rest }) => (
 export const DefaultCodeBlockContent: ComponentType<{
   components: { Pre: PreComponent; Code: CodeComponent };
   code: string | ReactNode | undefined;
-  node: Element | undefined;
-}> = ({ components: { Pre, Code }, code, node }) => (
-  <Pre node={node}>
-    <Code node={node}>{code}</Code>
+}> = ({ components: { Pre, Code }, code }) => (
+  <Pre>
+    <Code>{code}</Code>
   </Pre>
 );
 

package/src/primitives/MarkdownText.tsx

@@ -7,6 +7,7 @@ import {
   forwardRef,
   ForwardRefExoticComponent,
   RefAttributes,
+  useMemo,
   type ComponentPropsWithoutRef,
   type ComponentType,
 } from "react";
@@ -81,25 +82,38 @@ export const MarkdownTextPrimitive: ForwardRefExoticComponent<MarkdownTextPrimit
       code = DefaultCode,
       SyntaxHighlighter = DefaultCodeBlockContent,
       CodeHeader = DefaultCodeHeader,
-      by_language,
-      ...componentsRest
     } = userComponents ?? {};
-    const components: Options["components"] = {
-      ...componentsRest,
-      pre: PreOverride,
-      code: useCallbackRef((props) => (
-        <CodeOverride
-          components={{
-            Pre: pre,
-            Code: code,
-            SyntaxHighlighter,
-            CodeHeader,
-          }}
-          componentsByLanguage={componentsByLanguage}
-          {...props}
-        />
-      )),
-    };
+    const useCodeOverrideComponents = useMemo(() => {
+      return {
+        Pre: pre,
+        Code: code,
+        SyntaxHighlighter,
+        CodeHeader,
+      };
+    }, [pre, code, SyntaxHighlighter, CodeHeader]);
+    const CodeComponent = useCallbackRef((props) => (
+      <CodeOverride
+        components={useCodeOverrideComponents}
+        componentsByLanguage={componentsByLanguage}
+        {...props}
+      />
+    ));
+
+    const components: Options["components"] = useMemo(() => {
+      const {
+        pre = DefaultPre,
+        code = DefaultCode,
+        SyntaxHighlighter = DefaultCodeBlockContent,
+        CodeHeader = DefaultCodeHeader,
+        by_language,
+        ...componentsRest
+      } = userComponents ?? {};
+      return {
+        ...componentsRest,
+        pre: PreOverride,
+        code: CodeComponent,
+      };
+    }, [CodeComponent, userComponents, componentsByLanguage]);
 
     return (
       <Container