@assistant-ui/react-markdown 0.7.20 → 0.8.0

package/dist/index.d.ts

@@ -1,12 +1,5 @@
 export { MarkdownTextPrimitive, type MarkdownTextPrimitiveProps, } from "./primitives/MarkdownText";
 export type { CodeHeaderProps, SyntaxHighlighterProps, } from "./overrides/types";
 export { useIsMarkdownCodeBlock } from "./overrides/PreOverride";
-export { 
-/** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */
-makeMarkdownText, 
-/** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */
-type MakeMarkdownTextProps, } from "./ui/markdown-text";
-/** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */
-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;AACL,2JAA2J;AAC3J,gBAAgB;AAEhB,2JAA2J;AAC3J,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAE5B,2JAA2J;AAC3J,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,yBAAyB,IAAI,kCAAkC,EAAE,MAAM,eAAe,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;AACjE,OAAO,EAAE,yBAAyB,IAAI,kCAAkC,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -20,23 +20,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __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);
 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
 });

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  /** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */\n  makeMarkdownText,\n\n  /** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\n/** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */\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,2BAMO;AAGP,yBAA2B;AAE3B,yBAAgF;","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\";\nexport { memoizeMarkdownComponents as unstable_memoizeMarkdownComponents } from \"./memoization\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAGO;AAOP,yBAAuC;AACvC,yBAAgF;","names":[]}

package/dist/index.mjs

@@ -3,15 +3,9 @@ import {
   MarkdownTextPrimitive
 } from "./primitives/MarkdownText.mjs";
 import { useIsMarkdownCodeBlock } from "./overrides/PreOverride.mjs";
-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
 };

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  /** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */\n  makeMarkdownText,\n\n  /** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\n/** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */\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,EAEE;AAAA,OAIK;AAGP,SAAS,kBAAkB;AAE3B,SAAsC,iCAA0C;","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\";\nexport { memoizeMarkdownComponents as unstable_memoizeMarkdownComponents } from \"./memoization\";\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAEK;AAOP,SAAS,8BAA8B;AACvC,SAAsC,iCAA0C;","names":[]}

package/dist/memoization.d.ts

@@ -4,8 +4,8 @@ import { CodeHeaderProps, SyntaxHighlighterProps } from "./overrides/types";
 type Components = {
     [Key in Extract<ElementType, string>]?: ComponentType<ComponentProps<Key>>;
 } & {
-    SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
-    CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
+    SyntaxHighlighter?: ComponentType<Omit<SyntaxHighlighterProps, "node">> | undefined;
+    CodeHeader?: ComponentType<Omit<CodeHeaderProps, "node">> | undefined;
 };
 export declare const areNodesEqual: (prev: Element | undefined, next: Element | undefined) => boolean;
 export declare const memoCompareNodes: (prev: {

package/dist/memoization.d.ts.map

@@ -1 +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"}
+{"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,EACd,aAAa,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC,GACnD,SAAS,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;CACvE,CAAC;AAOF,eAAO,MAAM,aAAa,SAClB,OAAO,GAAG,SAAS,QACnB,OAAO,GAAG,SAAS,YAQ1B,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

@@ -32,7 +32,7 @@ var areChildrenEqual = (prev, next) => {
   return JSON.stringify(prev) === JSON.stringify(next);
 };
 var areNodesEqual = (prev, next) => {
-  if (!prev || !next) return prev === next;
+  if (!prev || !next) return false;
   const isEqual = JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) && areChildrenEqual(prev?.children, next?.children);
   return isEqual;
 };

package/dist/memoization.js.map

@@ -1 +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":[]}
+{"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?:\n    | ComponentType<Omit<SyntaxHighlighterProps, \"node\">>\n    | undefined;\n  CodeHeader?: ComponentType<Omit<CodeHeaderProps, \"node\">> | 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  // TODO troubleshoot why this is triggering for code blocks\n  if (!prev || !next) return false;\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;AA2ClD;AA/Bf,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;AAEH,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAC3B,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

@@ -6,7 +6,7 @@ var areChildrenEqual = (prev, next) => {
   return JSON.stringify(prev) === JSON.stringify(next);
 };
 var areNodesEqual = (prev, next) => {
-  if (!prev || !next) return prev === next;
+  if (!prev || !next) return false;
   const isEqual = JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) && areChildrenEqual(prev?.children, next?.children);
   return isEqual;
 };

package/dist/memoization.mjs.map

@@ -1 +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":[]}
+{"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?:\n    | ComponentType<Omit<SyntaxHighlighterProps, \"node\">>\n    | undefined;\n  CodeHeader?: ComponentType<Omit<CodeHeaderProps, \"node\">> | 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  // TODO troubleshoot why this is triggering for code blocks\n  if (!prev || !next) return false;\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;AA2ClD;AA/Bf,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;AAEH,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAC3B,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,8 @@
 import { ComponentType, FC } from "react";
 import { CodeComponent, CodeHeaderProps, PreComponent, SyntaxHighlighterProps } from "./types";
+import { Element } from "hast";
 export type CodeBlockProps = {
+    node: Element | undefined;
     language: string;
     code: string;
     components: {

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;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"}
+{"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,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,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,CAqB/C,CAAC"}

package/dist/overrides/CodeBlock.js

@@ -27,6 +27,7 @@ var import_react = require("react");
 var import_defaultComponents = require("./defaultComponents.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultCodeBlock = ({
+  node,
   components: { Pre, Code, SyntaxHighlighter, CodeHeader },
   language,
   code
@@ -34,10 +35,11 @@ var DefaultCodeBlock = ({
   const components = (0, import_react.useMemo)(() => ({ Pre, Code }), [Pre, Code]);
   const SH = !!language ? SyntaxHighlighter : import_defaultComponents.DefaultCodeBlockContent;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeHeader, { language, code }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeHeader, { node, language, code }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       SH,
       {
+        node,
         components,
         language: language ?? "unknown",
         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\";\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":[]}
+{"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  node: Element | undefined;\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  node,\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 node={node} language={language} code={code} />\n      <SH\n        node={node}\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;AA0BpC;AAXG,IAAM,mBAAuC,CAAC;AAAA,EACnD;AAAA,EACA,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,MAAY,UAAoB,MAAY;AAAA,IACxD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/overrides/CodeBlock.mjs

@@ -3,6 +3,7 @@ import { useMemo } from "react";
 import { DefaultCodeBlockContent } from "./defaultComponents.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var DefaultCodeBlock = ({
+  node,
   components: { Pre, Code, SyntaxHighlighter, CodeHeader },
   language,
   code
@@ -10,10 +11,11 @@ var DefaultCodeBlock = ({
   const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);
   const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(CodeHeader, { language, code }),
+    /* @__PURE__ */ jsx(CodeHeader, { node, language, code }),
     /* @__PURE__ */ jsx(
       SH,
       {
+        node,
         components,
         language: language ?? "unknown",
         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\";\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":[]}
+{"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  node: Element | undefined;\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  node,\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 node={node} language={language} code={code} />\n      <SH\n        node={node}\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n"],"mappings":";AAAA,SAA4B,eAAe;AAQ3C,SAAS,+BAA+B;AA0BpC,mBACE,KADF;AAXG,IAAM,mBAAuC,CAAC;AAAA,EACnD;AAAA,EACA,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,MAAY,UAAoB,MAAY;AAAA,IACxD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

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,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"}
+{"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;AAiEjB,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;AAoBF,eAAO,MAAM,YAAY,yDAMvB,CAAC"}

package/dist/overrides/CodeOverride.js

@@ -32,6 +32,7 @@ var import_defaultComponents = require("./defaultComponents.js");
 var import_memoization = require("../memoization.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var CodeBlockOverride = ({
+  node,
   components: {
     Pre,
     Code,
@@ -52,6 +53,7 @@ var CodeBlockOverride = ({
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_defaultComponents.DefaultCodeBlockContent,
       {
+        node,
         components: { Pre: WrappedPre, Code: WrappedCode },
         code: children
       }
@@ -62,6 +64,7 @@ var CodeBlockOverride = ({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_CodeBlock.DefaultCodeBlock,
     {
+      node,
       components: {
         Pre: WrappedPre,
         Code: WrappedCode,
@@ -74,6 +77,7 @@ var CodeBlockOverride = ({
   );
 };
 var CodeOverrideImpl = ({
+  node,
   components,
   componentsByLanguage,
   ...props
@@ -83,6 +87,7 @@ var CodeOverrideImpl = ({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     CodeBlockOverride,
     {
+      node,
       components,
       componentsByLanguage,
       ...props

package/dist/overrides/CodeOverride.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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  node,\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        node={node}\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      node={node}\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  node,\n  components,\n  componentsByLanguage,\n  ...props\n}) => {\n  const isCodeBlock = useIsMarkdownCodeBlock();\n  if (!isCodeBlock) return <components.Code {...props} />;\n  return (\n    <CodeBlockOverride\n      node={node}\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;AAiB7B;AAfJ,IAAM,oBAA2C,CAAC;AAAA,EAChD;AAAA,EACA,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;AAAA,QACA,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;AAAA,MACA,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;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,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

@@ -11,6 +11,7 @@ import { DefaultCodeBlockContent } from "./defaultComponents.mjs";
 import { memoCompareNodes } from "../memoization.mjs";
 import { jsx } from "react/jsx-runtime";
 var CodeBlockOverride = ({
+  node,
   components: {
     Pre,
     Code,
@@ -31,6 +32,7 @@ var CodeBlockOverride = ({
     return /* @__PURE__ */ jsx(
       DefaultCodeBlockContent,
       {
+        node,
         components: { Pre: WrappedPre, Code: WrappedCode },
         code: children
       }
@@ -41,6 +43,7 @@ var CodeBlockOverride = ({
   return /* @__PURE__ */ jsx(
     DefaultCodeBlock,
     {
+      node,
       components: {
         Pre: WrappedPre,
         Code: WrappedCode,
@@ -53,6 +56,7 @@ var CodeBlockOverride = ({
   );
 };
 var CodeOverrideImpl = ({
+  node,
   components,
   componentsByLanguage,
   ...props
@@ -62,6 +66,7 @@ var CodeOverrideImpl = ({
   return /* @__PURE__ */ jsx(
     CodeBlockOverride,
     {
+      node,
       components,
       componentsByLanguage,
       ...props

package/dist/overrides/CodeOverride.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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  node,\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        node={node}\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      node={node}\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  node,\n  components,\n  componentsByLanguage,\n  ...props\n}) => {\n  const isCodeBlock = useIsMarkdownCodeBlock();\n  if (!isCodeBlock) return <components.Code {...props} />;\n  return (\n    <CodeBlockOverride\n      node={node}\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;AAiB7B;AAfJ,IAAM,oBAA2C,CAAC;AAAA,EAChD;AAAA,EACA,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;AAAA,QACA,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;AAAA,MACA,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;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,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/defaultComponents.d.ts

@@ -1,8 +1,10 @@
 import type { ComponentType, ReactNode } from "react";
 import { PreComponent, CodeComponent, CodeHeaderProps } from "./types";
+import { Element } from "hast";
 export declare const DefaultPre: PreComponent;
 export declare const DefaultCode: CodeComponent;
 export declare const DefaultCodeBlockContent: ComponentType<{
+    node: Element | undefined;
     components: {
         Pre: PreComponent;
         Code: CodeComponent;

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,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"}
+{"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;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,YAExB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAEzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC;IAClD,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,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 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pre, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Code, { children: code }) });
+var DefaultCodeBlockContent = ({ node, components: { Pre, Code }, code }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pre, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Code, { node, 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 { 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":[]}
+{"version":3,"sources":["../../src/overrides/defaultComponents.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { PreComponent, CodeComponent, CodeHeaderProps } from \"./types\";\nimport { Element } from \"hast\";\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  node: Element | undefined;\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n}> = ({ node, components: { Pre, Code }, code }) => (\n  <Pre>\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,MAAM,YAAY,EAAE,KAAK,KAAK,GAAG,KAAK,MAC5C,4CAAC,OACC,sDAAC,QAAK,MAAa,gBAAK,GAC1B;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 }) => /* @__PURE__ */ jsx(Pre, { children: /* @__PURE__ */ jsx(Code, { children: code }) });
+var DefaultCodeBlockContent = ({ node, components: { Pre, Code }, code }) => /* @__PURE__ */ jsx(Pre, { children: /* @__PURE__ */ jsx(Code, { node, 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 { 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":[]}
+{"version":3,"sources":["../../src/overrides/defaultComponents.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { PreComponent, CodeComponent, CodeHeaderProps } from \"./types\";\nimport { Element } from \"hast\";\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  node: Element | undefined;\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n}> = ({ node, components: { Pre, Code }, code }) => (\n  <Pre>\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,MAAM,YAAY,EAAE,KAAK,KAAK,GAAG,KAAK,MAC5C,oBAAC,OACC,8BAAC,QAAK,MAAa,gBAAK,GAC1B;AAGK,IAAM,oBAAoD,MAAM;","names":[]}

package/dist/overrides/types.d.ts

@@ -7,10 +7,12 @@ export type CodeComponent = ComponentType<ComponentPropsWithoutRef<"code"> & {
     node?: Element | undefined;
 }>;
 export type CodeHeaderProps = {
+    node?: Element | undefined;
     language: string | undefined;
     code: string;
 };
 export type SyntaxHighlighterProps = {
+    node?: Element | undefined;
     components: {
         Pre: PreComponent;
         Code: CodeComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/overrides/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,CACjE,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,aAAa,CACvC,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,CAClE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/overrides/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,CACjE,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,aAAa,CACvC,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,CAClE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}

package/dist/overrides/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overrides/types.ts"],"sourcesContent":["import { Element } from \"hast\";\nimport { ComponentPropsWithoutRef, ComponentType } from \"react\";\n\nexport type PreComponent = ComponentType<\n  ComponentPropsWithoutRef<\"pre\"> & { node?: Element | undefined }\n>;\nexport type CodeComponent = ComponentType<\n  ComponentPropsWithoutRef<\"code\"> & { node?: Element | undefined }\n>;\n\nexport type CodeHeaderProps = {\n  language: string | undefined;\n  code: string;\n};\n\nexport type SyntaxHighlighterProps = {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n  };\n  language: string;\n  code: string;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/overrides/types.ts"],"sourcesContent":["import { Element } from \"hast\";\nimport { ComponentPropsWithoutRef, ComponentType } from \"react\";\n\nexport type PreComponent = ComponentType<\n  ComponentPropsWithoutRef<\"pre\"> & { node?: Element | undefined }\n>;\nexport type CodeComponent = ComponentType<\n  ComponentPropsWithoutRef<\"code\"> & { node?: Element | undefined }\n>;\n\nexport type CodeHeaderProps = {\n  node?: Element | undefined;\n  language: string | undefined;\n  code: string;\n};\n\nexport type SyntaxHighlighterProps = {\n  node?: Element | undefined;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n  };\n  language: string;\n  code: string;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-markdown",
-  "version": "0.7.20",
+  "version": "0.8.0",
   "license": "MIT",
   "exports": {
     ".": {
@@ -8,16 +8,8 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./tailwindcss": {
-      "types": "./dist/tailwindcss/index.d.ts",
-      "import": "./dist/tailwindcss/index.mjs",
-      "require": "./dist/tailwindcss/index.js"
-    },
     "./styles/dot.css": {
       "default": "./styles/dot.css"
-    },
-    "./styles/*": {
-      "default": "./dist/styles/*"
     }
   },
   "source": "./src/index.ts",
@@ -26,7 +18,6 @@
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
-    "tailwindcss",
     "src",
     "styles",
     "README.md"
@@ -37,11 +28,10 @@
     "@radix-ui/react-use-callback-ref": "^1.1.0",
     "@types/hast": "^3.0.4",
     "classnames": "^2.5.1",
-    "lucide-react": "^0.475.0",
     "react-markdown": "^9.0.3"
   },
   "peerDependencies": {
-    "@assistant-ui/react": "^0.7.75",
+    "@assistant-ui/react": "^0.8.0",
     "@types/react": "*",
     "react": "^18 || ^19 || ^19.0.0-rc"
   },
@@ -52,19 +42,14 @@
   },
   "devDependencies": {
     "@types/node": "^22.13.1",
-    "autoprefixer": "^10.4.20",
     "eslint": "^9",
     "eslint-config-next": "15.1.6",
-    "postcss": "^8.5.1",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.19.2",
     "@assistant-ui/tsbuildutils": "^0.0.1",
-    "@assistant-ui/tsconfig": "0.0.0",
-    "@assistant-ui/react": "0.7.75",
-    "@assistant-ui/tailwindcss-transformer": "0.1.0"
+    "@assistant-ui/react": "0.8.0",
+    "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public",

package/src/index.ts

@@ -9,16 +9,4 @@ export type {
 } from "./overrides/types";
 
 export { useIsMarkdownCodeBlock } from "./overrides/PreOverride";
-
-export {
-  /** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */
-  makeMarkdownText,
-
-  /** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */
-  type MakeMarkdownTextProps,
-} from "./ui/markdown-text";
-
-/** @deprecated This export was moved to `@assistant-ui/react-ui`. Use the migration codemod to update your code, by running `npx assistant-ui upgrade`. */
-export { CodeHeader } from "./ui/code-header";
-
 export { memoizeMarkdownComponents as unstable_memoizeMarkdownComponents } from "./memoization";

package/src/memoization.tsx

@@ -5,8 +5,10 @@ import { CodeHeaderProps, SyntaxHighlighterProps } from "./overrides/types";
 type Components = {
   [Key in Extract<ElementType, string>]?: ComponentType<ComponentProps<Key>>;
 } & {
-  SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
-  CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
+  SyntaxHighlighter?:
+    | ComponentType<Omit<SyntaxHighlighterProps, "node">>
+    | undefined;
+  CodeHeader?: ComponentType<Omit<CodeHeaderProps, "node">> | undefined;
 };
 
 const areChildrenEqual = (prev: string | unknown, next: string | unknown) => {
@@ -18,7 +20,8 @@ export const areNodesEqual = (
   prev: Element | undefined,
   next: Element | undefined,
 ) => {
-  if (!prev || !next) return prev === next;
+  // TODO troubleshoot why this is triggering for code blocks
+  if (!prev || !next) return false;
   const isEqual =
     JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) &&
     areChildrenEqual(prev?.children, next?.children);

package/src/overrides/CodeBlock.tsx

@@ -7,8 +7,10 @@ import {
   SyntaxHighlighterProps,
 } from "./types";
 import { DefaultCodeBlockContent } from "./defaultComponents";
+import { Element } from "hast";
 
 export type CodeBlockProps = {
+  node: Element | undefined;
   language: string;
   code: string;
   components: {
@@ -20,6 +22,7 @@ export type CodeBlockProps = {
 };
 
 export const DefaultCodeBlock: FC<CodeBlockProps> = ({
+  node,
   components: { Pre, Code, SyntaxHighlighter, CodeHeader },
   language,
   code,
@@ -30,8 +33,9 @@ export const DefaultCodeBlock: FC<CodeBlockProps> = ({
 
   return (
     <>
-      <CodeHeader language={language} code={code} />
+      <CodeHeader node={node} language={language} code={code} />
       <SH
+        node={node}
         components={components}
         language={language ?? "unknown"}
         code={code}