markstream-react 0.0.47 → 0.0.49

package/dist/server.d.ts

@@ -1,14 +1,32 @@
-import { CodeBlockNode as CodeBlockNode$1, BaseNode, ParseOptions, MarkdownIt, HtmlPolicy, ParsedNode } from 'stream-markdown-parser';
+import { CodeBlockNode as CodeBlockNode$1, BaseNode, ParseOptions, MarkdownIt, HtmlPolicy, ParsedNode, ListItemNode as ListItemNode$1, TableRowNode, DefinitionItemNode } from 'stream-markdown-parser';
 import React, { ComponentType } from 'react';
+import { SmoothMarkdownStreamOptions } from 'markstream-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface HtmlPreviewFrameProps {
     code: string;
     isDark?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string;
     onClose?: () => void;
     title?: string;
 }
 
+type CustomComponentDisplayMode = 'inline' | 'block';
+type MarkstreamCustomComponent<P = never> = ComponentType<P> & {
+    markstreamDisplay?: CustomComponentDisplayMode;
+};
+type CustomComponentMap = Record<string, MarkstreamCustomComponent>;
+declare function setCustomComponents(id: string, mapping: CustomComponentMap): void;
+declare function setCustomComponents(mapping: CustomComponentMap): void;
+declare function getCustomNodeComponents(customId?: string): CustomComponentMap;
+declare function removeCustomComponents(id: string): void;
+declare function clearGlobalCustomComponents(): void;
+declare function getCustomComponentDisplay(component: ComponentType<never> | null | undefined): CustomComponentDisplayMode | undefined;
+declare function withMarkstreamComponentDisplay<T extends ComponentType<never>>(component: T, display: CustomComponentDisplayMode): T & {
+    markstreamDisplay: CustomComponentDisplayMode;
+};
+
 interface CodeBlockMonacoThemeObject {
     name: string;
     base?: string;
@@ -18,7 +36,7 @@ interface CodeBlockMonacoThemeObject {
     [key: string]: unknown;
 }
 type CodeBlockMonacoTheme = string | CodeBlockMonacoThemeObject;
-type CodeBlockMonacoLanguage = string | ((...args: any[]) => unknown);
+type CodeBlockMonacoLanguage = string | ((...args: unknown[]) => unknown);
 interface CodeBlockDiffHideUnchangedRegionsOptions {
     enabled?: boolean;
     contextLineCount?: number;
@@ -71,8 +89,8 @@ interface CodeBlockMonacoOptions {
     diffHunkActionsOnHover?: boolean;
     diffHunkHoverHideDelayMs?: number;
     onDiffHunkAction?: (context: CodeBlockDiffHunkActionContext) => void | boolean | Promise<void | boolean>;
-    scrollbar?: Record<string, any>;
-    [key: string]: any;
+    scrollbar?: Record<string, unknown>;
+    [key: string]: unknown;
 }
 interface CodeBlockNodeProps {
     node: CodeBlockNode$1;
@@ -94,6 +112,8 @@ interface CodeBlockNodeProps {
     showCollapseButton?: boolean;
     showFontSizeButtons?: boolean;
     showTooltips?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string;
     customId?: string;
 }
 interface ImageNodeProps {
@@ -164,7 +184,13 @@ interface MermaidBlockNodeProps {
     showTooltips?: boolean;
     onRenderError?: (error: unknown, code: string, container: HTMLElement) => boolean | void;
 }
-interface MermaidBlockEvent<TPayload = any> {
+interface CodeBlockPreviewPayload {
+    node: CodeBlockNode$1;
+    artifactType: 'text/html' | 'image/svg+xml';
+    artifactTitle: string;
+    id: string;
+}
+interface MermaidBlockEvent<TPayload = unknown> {
     payload?: TPayload;
     defaultPrevented: boolean;
     preventDefault: () => void;
@@ -254,7 +280,20 @@ interface NodeRendererProps {
     isDark?: boolean;
     customId?: string;
     indexKey?: number | string;
+    /** Show a blinking typewriter cursor while streamed content grows. Default: false */
     typewriter?: boolean;
+    /** Enable/disable non-code-node enter and streamed-text fade animations. Default: true */
+    fade?: boolean;
+    /**
+     * Enable built-in smooth pacing for streaming `content` updates.
+     * - `true`: force-enable smooth streaming (content mode only)
+     * - `false`: force-disable smooth streaming
+     * - `'auto'` (default): enable only when typewriter/incremental mode is active
+     * Applies when rendering from `content` (not `nodes`).
+     */
+    smoothStreaming?: boolean | 'auto';
+    /** Options forwarded to the built-in smooth streaming controller. Read once when the renderer is created. */
+    smoothStreamingOptions?: SmoothMarkdownStreamOptions;
     batchRendering?: boolean;
     initialRenderBatchSize?: number;
     renderBatchSize?: number;
@@ -265,7 +304,7 @@ interface NodeRendererProps {
     maxLiveNodes?: number;
     liveNodeBuffer?: number;
     onCopy?: (code: string) => void;
-    onHandleArtifactClick?: (payload: any) => void;
+    onHandleArtifactClick?: (payload: CodeBlockPreviewPayload) => void;
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseOut?: (event: React.MouseEvent<HTMLElement>) => void;
@@ -275,9 +314,11 @@ interface RenderContext {
     isDark?: boolean;
     indexKey?: string;
     typewriter?: boolean;
+    /** Enable/disable fade animations. Default: true */
+    fade?: boolean;
     textStreamState?: Map<string, string>;
     streamRenderVersion?: number;
-    customComponents?: Record<string, React.ComponentType<any>>;
+    customComponents?: CustomComponentMap;
     customHtmlTags?: readonly string[];
     htmlPolicy?: HtmlPolicy;
     codeBlockProps?: NodeRendererCodeBlockProps;
@@ -297,7 +338,7 @@ interface RenderContext {
     };
     events: {
         onCopy?: (code: string) => void;
-        onHandleArtifactClick?: (payload: any) => void;
+        onHandleArtifactClick?: (payload: CodeBlockPreviewPayload) => void;
     };
 }
 type RenderNodeFn = (node: ParsedNode, key: React.Key, ctx: RenderContext) => React.ReactNode;
@@ -310,6 +351,8 @@ interface NodeComponentProps<TNode = unknown> {
     customId?: string;
     isDark?: boolean;
     typewriter?: boolean;
+    /** Enable/disable fade animations. Default: true */
+    fade?: boolean;
     children?: React.ReactNode;
 }
 
@@ -381,21 +424,6 @@ interface TooltipProps {
     isDark?: boolean | null;
 }
 
-type CustomComponentDisplayMode = 'inline' | 'block';
-type MarkstreamCustomComponent<P = any> = ComponentType<P> & {
-    markstreamDisplay?: CustomComponentDisplayMode;
-};
-type CustomComponentMap = Record<string, MarkstreamCustomComponent<any>>;
-declare function setCustomComponents(id: string, mapping: CustomComponentMap): void;
-declare function setCustomComponents(mapping: CustomComponentMap): void;
-declare function getCustomNodeComponents(customId?: string): CustomComponentMap;
-declare function removeCustomComponents(id: string): void;
-declare function clearGlobalCustomComponents(): void;
-declare function getCustomComponentDisplay(component: ComponentType<any> | null | undefined): CustomComponentDisplayMode | undefined;
-declare function withMarkstreamComponentDisplay<T extends ComponentType<any>>(component: T, display: CustomComponentDisplayMode): T & {
-    markstreamDisplay: CustomComponentDisplayMode;
-};
-
 declare function TextNode(props: NodeComponentProps<{
     type: 'text';
     content: string;
@@ -425,17 +453,17 @@ declare function ListNode(props: NodeComponentProps<{
     type: 'list';
     ordered?: boolean;
     start?: number;
-    items?: any[];
+    items?: ListItemNode$1[];
 }>): react_jsx_runtime.JSX.Element;
 declare function TableNode(props: NodeComponentProps<{
     type: 'table';
-    header?: any;
-    rows?: any[];
+    header?: TableRowNode;
+    rows?: TableRowNode[];
     loading?: boolean;
 }>): react_jsx_runtime.JSX.Element;
 declare function DefinitionListNode(props: NodeComponentProps<{
     type: 'definition_list';
-    items?: any[];
+    items?: DefinitionItemNode[];
 }>): react_jsx_runtime.JSX.Element;
 declare function FootnoteNode(props: NodeComponentProps<{
     type: 'footnote';
@@ -556,4 +584,4 @@ declare function FallbackComponent(props: NodeComponentProps<{
 declare function renderNode(node: ParsedNode, key: React.Key, ctx: RenderContext): react_jsx_runtime.JSX.Element;
 declare function NodeRenderer(props: NodeRendererProps): react_jsx_runtime.JSX.Element;
 
-export { AdmonitionNode, BlockquoteNode, CheckboxNode, CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNode, CodeBlockNodeProps, CustomComponentDisplayMode, D2BlockNode, D2BlockNodeProps, DefinitionListNode, EmojiNode, EmphasisNode, FallbackComponent, FootnoteAnchorNode, FootnoteNode, FootnoteReferenceNode, HardBreakNode, HeadingNode, HighlightNode, HtmlBlockNode, HtmlInlineNode, HtmlPreviewFrame, HtmlPreviewFrameProps, ImageNode, ImageNodeProps, InfographicBlockNode, InfographicBlockNodeProps, InlineCodeNode, InsertNode, LinkNode, LinkNodeProps, LinkNodeStyleProps, ListItemNode, ListItemNodeProps, ListNode, MarkdownCodeBlockNode, MarkdownCodeBlockNodeProps, MarkstreamCustomComponent, MathBlockNode, MathBlockNodeProps, MathInlineNode, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNode, MermaidBlockNodeProps, NodeComponentProps, NodeRenderer, NodeRendererCodeBlockProps, NodeRendererProps, ParagraphNode, PreCodeNode, PreCodeNodeProps, CodeBlockNode as ReactCodeBlockNode, ReferenceNode, StrikethroughNode, StrongNode, SubscriptNode, SuperscriptNode, TableNode, TextNode, ThematicBreakNode, Tooltip, TooltipPlacement, TooltipProps, VmrContainerNode, clearGlobalCustomComponents, NodeRenderer as default, getCustomComponentDisplay, getCustomNodeComponents, removeCustomComponents, renderNode, setCustomComponents, withMarkstreamComponentDisplay };
+export { AdmonitionNode, BlockquoteNode, CheckboxNode, CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNode, CodeBlockNodeProps, CodeBlockPreviewPayload, CustomComponentDisplayMode, D2BlockNode, D2BlockNodeProps, DefinitionListNode, EmojiNode, EmphasisNode, FallbackComponent, FootnoteAnchorNode, FootnoteNode, FootnoteReferenceNode, HardBreakNode, HeadingNode, HighlightNode, HtmlBlockNode, HtmlInlineNode, HtmlPreviewFrame, HtmlPreviewFrameProps, ImageNode, ImageNodeProps, InfographicBlockNode, InfographicBlockNodeProps, InlineCodeNode, InsertNode, LinkNode, LinkNodeProps, LinkNodeStyleProps, ListItemNode, ListItemNodeProps, ListNode, MarkdownCodeBlockNode, MarkdownCodeBlockNodeProps, MarkstreamCustomComponent, MathBlockNode, MathBlockNodeProps, MathInlineNode, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNode, MermaidBlockNodeProps, NodeComponentProps, NodeRenderer, NodeRendererCodeBlockProps, NodeRendererProps, ParagraphNode, PreCodeNode, PreCodeNodeProps, CodeBlockNode as ReactCodeBlockNode, ReferenceNode, StrikethroughNode, StrongNode, SubscriptNode, SuperscriptNode, TableNode, TextNode, ThematicBreakNode, Tooltip, TooltipPlacement, TooltipProps, VmrContainerNode, clearGlobalCustomComponents, NodeRenderer as default, getCustomComponentDisplay, getCustomNodeComponents, removeCustomComponents, renderNode, setCustomComponents, withMarkstreamComponentDisplay };

package/dist/server.js

@@ -1 +1 @@
-import{c as o,g as e,a,r as s,s as d,w as t}from"./customHtmlTag-BRT4eqd8.js";import{A as N,B as n,C as r,a as i,D as m,b as l,E as c,c as p,F as C,d as k,e as h,f as g,H as u,g as B,h as f,i as H,j as I,k as b,I as F,l as M,m as T,n as w,L as x,o as D,p as L,M as R,q as S,r as j,s as P,N as v,P as y,t as A,a as E,R as q,S as G,u as V,v as z,w as J,T as K,x as O,y as Q,z as U,V as W,N as X,G as Y}from"./index-DOjYeelM.js";export{N as AdmonitionNode,n as BlockquoteNode,r as CheckboxNode,i as CodeBlockNode,m as D2BlockNode,l as DefinitionListNode,c as EmojiNode,p as EmphasisNode,C as FallbackComponent,k as FootnoteAnchorNode,h as FootnoteNode,g as FootnoteReferenceNode,u as HardBreakNode,B as HeadingNode,f as HighlightNode,H as HtmlBlockNode,I as HtmlInlineNode,b as HtmlPreviewFrame,F as ImageNode,M as InfographicBlockNode,T as InlineCodeNode,w as InsertNode,x as LinkNode,D as ListItemNode,L as ListNode,R as MarkdownCodeBlockNode,S as MathBlockNode,j as MathInlineNode,P as MermaidBlockNode,v as NodeRenderer,y as ParagraphNode,A as PreCodeNode,E as ReactCodeBlockNode,q as ReferenceNode,G as StrikethroughNode,V as StrongNode,z as SubscriptNode,J as SuperscriptNode,K as TableNode,O as TextNode,Q as ThematicBreakNode,U as Tooltip,W as VmrContainerNode,o as clearGlobalCustomComponents,X as default,e as getCustomComponentDisplay,a as getCustomNodeComponents,s as removeCustomComponents,Y as renderNode,d as setCustomComponents,t as withMarkstreamComponentDisplay};
+import{c as o,g as e,a,r as s,s as d,w as t}from"./customHtmlTag-BRT4eqd8.js";import{A as N,B as n,C as r,a as i,D as m,b as l,E as c,c as p,F as C,d as k,e as h,f as g,H as u,g as B,h as f,i as H,j as I,k as b,I as F,l as M,m as T,n as w,L as x,o as D,p as L,M as R,q as S,r as j,s as P,N as v,P as y,t as A,a as E,R as q,S as G,u as V,v as z,w as J,T as K,x as O,y as Q,z as U,V as W,N as X,G as Y}from"./index-DI8pPos8.js";export{N as AdmonitionNode,n as BlockquoteNode,r as CheckboxNode,i as CodeBlockNode,m as D2BlockNode,l as DefinitionListNode,c as EmojiNode,p as EmphasisNode,C as FallbackComponent,k as FootnoteAnchorNode,h as FootnoteNode,g as FootnoteReferenceNode,u as HardBreakNode,B as HeadingNode,f as HighlightNode,H as HtmlBlockNode,I as HtmlInlineNode,b as HtmlPreviewFrame,F as ImageNode,M as InfographicBlockNode,T as InlineCodeNode,w as InsertNode,x as LinkNode,D as ListItemNode,L as ListNode,R as MarkdownCodeBlockNode,S as MathBlockNode,j as MathInlineNode,P as MermaidBlockNode,v as NodeRenderer,y as ParagraphNode,A as PreCodeNode,E as ReactCodeBlockNode,q as ReferenceNode,G as StrikethroughNode,V as StrongNode,z as SubscriptNode,J as SuperscriptNode,K as TableNode,O as TextNode,Q as ThematicBreakNode,U as Tooltip,W as VmrContainerNode,o as clearGlobalCustomComponents,X as default,e as getCustomComponentDisplay,a as getCustomNodeComponents,s as removeCustomComponents,Y as renderNode,d as setCustomComponents,t as withMarkstreamComponentDisplay};

package/dist/tailwind.ts

@@ -1,3 +1,3 @@
-export const safeList = `use client react string cannot delete global call clearGlobalCustomComponents note is-dark data-index-key headerId admonition-header admonition-icon admonition-title admonition-toggle aria-expanded aria-controls collapsed admonition-content aria-labelledby stream-markdown-parser plaintext ?? data-ssr-fallback aria-busy normalizedLanguage block data-language no safe html-block-node boolean none mermaid infographic d2 language d2lang whitespace-pre-wrap text-node-center text image auto paragraph-node renderNodeProp ctx paragraph heading-node font-semibold classAttr object blockquote-node node.cite children list-item pl-1.5 my-2 value void list-node my-5 pl-[calc(13/8*1em)] list-decimal list-disc max-lg:my-[calc(4/3*1em)] max-lg:pl-[calc(14/9*1em)] list right text-right center text-center text-left table-node-wrapper text-sm table-node--loading border-[var(--table-border,#cbd5e1)] border-b p-[calc(4/7*1em)] rowIdx bodyRows.length table-node__loading status polite table-node__spinner sr-only dl definition-list indexKey mb-4 dt definition-term definition dd definition-desc ml-4 footnote-node flex mt-2 mb-2 leading-relaxed border-t border-[#eaecef] pt-2 flex-1 footnote-reference href footnote footnote-link footnote-anchor text-[#0366d6] hover:underline ↩︎ isOpen checkbox-node checkbox checkbox-input emoji-node strong-node emphasis-node emphasis strikethrough-node strikethrough mark highlight-node highlight insert-node insert subscript-node subscript superscript-node superscript thematic-break-node inline-code inline text-[85%] px-1 py-0.5 rounded font-mono bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full number ease-in-out typeof infinite node.title link-loading inline-flex items-baseline gap-1.5 cssVars link-text-wrapper relative leading-[normal] link-text link-loading-indicator link-node aria-label noopener noreferrer image-node__img is-loaded eager lazy async code-block-node code-block markdown-code-block-node markdown-code-block mermaid-block-node d2-block-node infographic-block-node math-block overflow-x-auto min-h-[40px] node.content $$ math-inline-wrapper math-inline reference-node cursor-pointer bg-[hsl(var(--muted))] text-xs rounded-md px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] data-reference-id html-block customComponents vmr-container unknown-node text-gray-500 italic node code_block html_block node.type html_inline text_special heading list_item definition_list footnote_reference footnote_anchor admonition hardbreak inline_code checkbox_input emoji thematic_break math_inline math_block reference vmr_container label_open label_close server-renderer markdown-renderer dark data-custom-id node-slot data-node-index data-node-type node-content window.requestIdleCallback [data-node-index] node-spacer virtualized typewriter-node node-placeholder performance [markstream-react][perf] theme name react-dom en utf-8 viewport content="width=device-width initial-scale=1 event.key keydown html-preview-frame__backdrop--dark html-preview-frame--dark html-preview-frame__header html-preview-frame__title html-preview-frame__dot html-preview-frame__label html-preview-frame__close--dark html-preview-frame__iframe allow-scripts allow-same-origin about:blank line-info diffUnchangedRegionStyle line-info-basic metadata legacy off never background night moon black dracula mocha frappe macchiato palenight ocean poimandres monokai laserwave tokyo slack-dark rose-pine github-dark material-theme one-dark catppuccin-mocha catppuccin-frappe catppuccin-macchiato light latte dawn lotus diff visible view.getModifiedEditor explicit on same helpers.cleanupEditor canonicalLanguage window.requestAnimationFrame single window.cancelAnimationFrame clientX top navigator.clipboard navigator.clipboard.writeText code-block-container my-4 rounded-lg border overflow-hidden shadow-sm border-gray-700/30 bg-gray-900 border-gray-200 bg-white is-rendering is-diff is-plain-text code-block-header justify-between items-center px-4 py-2.5 border-gray-400/5 space-x-2 icon-slot h-4 w-4 flex-shrink-0 font-medium truncate code-action-btn p-2 transition-colors hover:bg-[var(--vscode-editor-selectionBackground)] aria-pressed w-3 h-3 currentColor round m9 copied m14 evenodd code-block-body--collapsed code-block-body--expanded code-editor-layer code-height-placeholder hidden aria-hidden code-editor-fallback-surface code-fallback-plain m-0 code-loading-placeholder loading-skeleton skeleton-line short dependency is not install it to enable renderNode escape html-block-node__placeholder html-block-node__placeholder-bar w-4/5 w-2/3 setHostEl shouldRender useDynamic reactNodes smooth handleScroll image-node__placeholder image-node__spinner image-node__placeholder-text image… placeholder image-node__error failed load hard-break clsx text-node-stream-delta text-node-stream-delta--a text-node-stream-delta--b valueAttr xlink:href markstream-d2-root-svg instance.render instance missing render returned empty d2-block text-gray-100 text-gray-900 d2-block-header gap-x-2 gap-x-1 p-0.5 bg-gray-700 bg-gray-100 mode-btn px-2 py-1 !showSource is-active showSource d2-action-btn copying bodyRef d2-block-body bodyStyle !hasPreview d2-source py-4 d2-code d2-error d2-render d2-svg pb-3 vitesse-dark vitesse-light shiki shiki-fallback stream-markdown code-block-content rendererTargetRef code-block-render library text-red-500 p-4">Failed instanceof error.message error transform ease fullscreen touches text-gray-400 hover:bg-gray-700 hover:text-gray-200 text-gray-600 hover:bg-gray-200 hover:text-gray-700 source hasPreview preview pending bg-gray-800 bg-gray-50 px-2.5 bg-gray-600 text-gray-200 text-gray-700 m16 isCollapsed opacity-50 cursor-not-allowed m7 text-gray-300 baseCode absolute top-2 right-2 z-10 gap-2 backdrop-blur infographic-preview min-h-[360px] transition-all duration-100 inset-0 cursor-grab isDragging containerRef w-full justify-center min-h-full fixed z-50 bg-black/70 p-4 closeModal dialog h-full max-h-full shadow-lg top-6 right-6 !isDragging cursor-grabbing hr-node thematic-break in out zoom window.matchMedia ms-tooltip z-[9999] inline-block text-base py-2 px-3 shadow-md whitespace-nowrap pointer-events-none tooltip-element text-white border-gray-700 tooltip containerClass text-node pointermove pointerup pointercancel my-8 table-node colgroup table-node__resize-handle thinking htmlFor class className javascript typescript python ruby shell plain cpp markdown [mermaidWorkerClient] messageerror cleared worker inject via busy timed canParse findPrefix afterbegin viewBox loose strict gantt open-modal [data-mermaid-wrapper] mermaid-action-btn toggle-mode common.zoomIn common.zoomOut common.resetZoom transition-[height] duration-150 ease-out data-mermaid-wrapper mermaid-loading mermaid-spinner diagram… mermaid-block-header space-x-1 common.preview common.source common.export mermaid-error hasRenderedOnce mermaid-block modeContainerRef mermaid-modal-overlay mermaid-modal-panel mermaid-modal-header mermaid-modal-title mermaid-modal-close mermaid-modal-body modalContentRef mermaid-modal-content available default abort sequencediagram classdiagram kind statediagram erdiagram flowchart graph normalizedType process katex self_closing tag_open stream-monaco document role aria-describedby tag_close parse dynamic template html-inline-node html-inline-node--loading mathRef rendering math-rendering math-inline--hidden math-inline__loading math-inline__spinner [katexWorkerClient] init cache-hit timeout waiting slot °C globalThis.requestAnimationFrame globalThis.cancelAnimationFrame module did expected [markstream-react] existingEnv.getWorkerUrl`
+export const safeList = `use client react string cannot delete global call clearGlobalCustomComponents stream-markdown-parser auto code_block next.type typeof window.requestIdleCallback [data-node-index] node-spacer dark virtualized data-custom-id node-slot data-node-index data-node-type fade-node typewriter-node node-placeholder typewriterCursorRef typewriter-cursor admonition math_block html_block image object [data-node-type="code_block"] [data-node-type="admonition"] [data-node-type="table"] [data-node-type="math_block"] [data-node-type="html_block"] [data-node-type="image"] performance [markstream-react][perf] mermaid theme name markdown-renderer boolean safe note is-dark data-index-key headerId admonition-header admonition-icon admonition-title admonition-toggle aria-expanded aria-controls collapsed admonition-content aria-labelledby blockquote-node checkbox-node checkbox checkbox-input emoji-node clsx heading-node font-semibold dependency is not install it to enable footnote-node flex text-sm leading-relaxed border-t border-[var(--footnote-border,#eaecef)] pt-2 flex-1 smooth footnote-reference handleScroll footnote-link cursor-pointer emphasis-node dl definition-list indexKey mb-4 dt definition-term ctx renderNode ?? definition dd definition-desc ml-4 footnote-anchor hover:underline ↩︎ hard-break mark highlight-node html-block-node escape html-block html-block-node__placeholder html-block-node__placeholder-bar w-4/5 w-2/3 setHostEl shouldRender useDynamic reactNodes href xlink:href markstream-d2-root-svg number window.requestAnimationFrame instance.render instance missing render returned empty top d2-block my-4 rounded-lg border overflow-hidden shadow-sm border-gray-700/30 bg-gray-900 text-gray-100 border-gray-200 bg-white text-gray-900 d2-block-header justify-between items-center px-4 py-2.5 border-b border-gray-400/5 gap-x-2 font-medium font-mono gap-x-1 rounded-md p-0.5 bg-gray-700 bg-gray-100 mode-btn px-2 py-1 text-xs rounded !showSource is-active showSource d2-action-btn p-2 transition-colors hover:bg-[var(--vscode-editor-selectionBackground)] copying w-3 h-3 none currentColor round aria-pressed m9 bodyRef d2-block-body bodyStyle !hasPreview d2-source py-4 d2-code d2-error mt-2 d2-render d2-svg pb-3 line-info diffUnchangedRegionStyle line-info-basic metadata legacy off never background night moon black dracula mocha frappe macchiato palenight ocean poimandres monokai laserwave tokyo slack-dark rose-pine github-dark material-theme one-dark catppuccin-mocha catppuccin-frappe catppuccin-macchiato light latte dawn lotus plaintext diff visible view.getModifiedEditor explicit on same helpers.cleanupEditor canonicalLanguage single window.cancelAnimationFrame clientX navigator.clipboard navigator.clipboard.writeText code-block-container is-rendering is-diff is-plain-text code-block-header space-x-2 icon-slot h-4 w-4 flex-shrink-0 truncate code-action-btn copied m14 evenodd code-block-body--collapsed code-block-body--expanded code-editor-layer code-height-placeholder hidden aria-hidden code-editor-fallback-surface code-fallback-plain m-0 aria-busy aria-label no code-loading-placeholder loading-skeleton skeleton-line short sr-only polite status is-loaded lazy eager async image-node__placeholder image-node__spinner image-node__placeholder-text image… placeholder image-node__error failed load react-dom library text-red-500 p-4">Failed instanceof error.message error keydown transform ease center fullscreen touches text-gray-400 hover:bg-gray-700 hover:text-gray-200 text-gray-600 hover:bg-gray-200 hover:text-gray-700 source hasPreview preview pending bg-gray-800 bg-gray-50 px-2.5 bg-gray-600 text-gray-200 text-gray-700 text-gray-500 m16 isCollapsed opacity-50 cursor-not-allowed m7 whitespace-pre-wrap text-gray-300 baseCode relative absolute top-2 right-2 z-10 gap-2 backdrop-blur infographic-preview min-h-[360px] transition-all duration-100 block inset-0 cursor-grab isDragging containerRef w-full text-center justify-center min-h-full fixed z-50 bg-black/70 p-4 closeModal dialog h-full max-w-full max-h-full shadow-lg top-6 right-6 !isDragging cursor-grabbing markstream-core inline-code inline text-[85%] px-1 py-0.5 bg-[hsl(var(--secondary))] whitespace-normal break-words text-node-stream-delta text-node-stream-delta--a text-node-stream-delta--b ease-in-out infinite node.title link-loading inline-flex items-baseline gap-1.5 link-text-wrapper leading-[normal] link-text text link-loading-indicator link-node noopener noreferrer list-node my-5 pl-[calc(13/8*1em)] list-decimal list-disc max-lg:my-[calc(4/3*1em)] max-lg:pl-[calc(14/9*1em)] list insert-node subscript-node superscript-node vitesse-dark vitesse-light shiki shiki-fallback stream-markdown code-block-content rendererTargetRef code-block-render list-item pl-1.5 my-2 valueAttr children hr-node thematic-break text-node text-node-center strong-node in out zoom afterbegin viewBox loose strict gantt open-modal [data-mermaid-wrapper] mermaid-action-btn toggle-mode common.zoomIn common.zoomOut common.resetZoom transition-[height] duration-150 ease-out data-mermaid-wrapper mermaid-loading mermaid-spinner diagram… mermaid-block-header space-x-1 common.preview common.source common.export mermaid-error hasRenderedOnce mermaid-block modeContainerRef mermaid-modal-overlay mermaid-modal-panel mermaid-modal-header mermaid-modal-title mermaid-modal-close mermaid-modal-body modalContentRef mermaid-modal-content available default abort timed window.matchMedia ms-tooltip z-[9999] inline-block text-base py-2 px-3 shadow-md whitespace-nowrap pointer-events-none tooltip-element text-white border-gray-700 tooltip right text-right text-left pointermove pointerup pointercancel table-node-wrapper my-8 table-node table-node--loading colgroup border-[var(--table-border,#cbd5e1)] p-[calc(4/7*1em)] table-node__resize-handle table-node__loading table-node__spinner unknown-node italic node strikethrough-node paragraph-node paragraph reference-node bg-[hsl(var(--muted))] px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] event.key infographic d2 language d2lang node.type html_inline text_special node.content heading list_item definition_list footnote footnote_reference footnote_anchor hardbreak inline_code emphasis strikethrough highlight insert subscript superscript checkbox_input emoji thematic_break math_inline reference vmr_container label_open label_close containerClass vmr-container javascript typescript python ruby shell plain cpp markdown document stream-monaco [mermaidWorkerClient] messageerror cleared worker inject via busy canParse findPrefix [markstream-react] htmlPreviewSandbox contains both allow-scripts and this only fully trusted content served an isolated en utf-8 viewport content="width=device-width initial-scale=1 html-preview-frame__backdrop--dark html-preview-frame--dark html-preview-frame__header html-preview-frame__title html-preview-frame__dot html-preview-frame__label html-preview-frame__close--dark html-preview-frame__iframe no-referrer about:blank thinking htmlFor class className data-ssr-fallback normalizedLanguage data-language renderNodeProp classAttr node.cite value void rowIdx bodyRows.length isOpen thematic-break-node cssVars image-node__img code-block-node code-block markdown-code-block-node markdown-code-block mermaid-block-node d2-block-node infographic-block-node math-block overflow-x-auto min-h-[40px] $$ math-inline-wrapper math-inline data-reference-id customComponents server-renderer node-content self_closing tag_open tag_close parse dynamic template html-inline-node html-inline-node--loading role aria-describedby mathRef math-inline--hidden math-inline__loading math-inline__spinner rendering math-rendering globalThis.requestAnimationFrame globalThis.cancelAnimationFrame sequencediagram classdiagram kind statediagram erdiagram flowchart graph module did expected normalizedType [katexWorkerClient] init cache-hit timeout waiting slot existingEnv.getWorkerUrl process katex °C`
 module.exports = safeList;
 export default safeList;

package/dist/types/components/CodeBlockNode/HtmlPreviewFrame.d.ts

@@ -2,6 +2,8 @@ import { default as React } from 'react';
 export interface HtmlPreviewFrameProps {
     code: string;
     isDark?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string;
     onClose?: () => void;
     title?: string;
 }

package/dist/types/components/D2BlockNode/d2.d.ts

@@ -1,6 +1,17 @@
-export type D2Loader = () => Promise<any> | any;
+export interface D2Instance {
+    D2?: D2Constructor;
+    compile?: (source: string, options?: Record<string, unknown>) => Promise<unknown> | unknown;
+    render?: (input: unknown, options?: Record<string, unknown>) => Promise<unknown> | unknown;
+}
+export interface D2Constructor {
+    new (): D2Instance;
+    D2?: D2Constructor;
+    compile?: D2Instance['compile'];
+}
+export type D2Module = D2Constructor | D2Instance;
+export type D2Loader = () => Promise<unknown> | unknown;
 export declare function setD2Loader(loader: D2Loader | null): void;
 export declare function enableD2(loader?: D2Loader): void;
 export declare function disableD2(): void;
 export declare function isD2Enabled(): boolean;
-export declare function getD2(): Promise<any>;
+export declare function getD2(): Promise<D2Module | null>;

package/dist/types/components/DefinitionListNode/DefinitionListNode.d.ts

@@ -1,6 +1,7 @@
+import { DefinitionItemNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
 export declare function DefinitionListNode(props: NodeComponentProps<{
     type: 'definition_list';
-    items?: any[];
+    items?: DefinitionItemNode[];
 }>): import("react/jsx-runtime").JSX.Element;
 export default DefinitionListNode;

package/dist/types/components/HtmlBlockNode/HtmlBlockNode.d.ts

@@ -1,4 +1,5 @@
-import { HtmlPolicy } from 'stream-markdown-parser';
+import { HtmlPolicy, ParsedNode } from 'stream-markdown-parser';
+import { CustomComponentMap } from '../../customComponents';
 import { NodeComponentProps } from '../../types/node-component';
 import { default as React } from 'react';
 export declare function HtmlBlockNode(props: NodeComponentProps<{
@@ -7,10 +8,10 @@ export declare function HtmlBlockNode(props: NodeComponentProps<{
     raw?: string;
     tag?: string;
     attrs?: [string, string | null][] | null;
-    children?: any[];
+    children?: ParsedNode[];
     loading?: boolean;
 }> & {
-    customComponents?: Record<string, React.ComponentType<any>>;
+    customComponents?: CustomComponentMap;
     htmlPolicy?: HtmlPolicy;
     placeholder?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ListNode/ListNode.d.ts

@@ -1,8 +1,9 @@
+import { ListItemNode as ParsedListItemNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
 export declare function ListNode(props: NodeComponentProps<{
     type: 'list';
     ordered?: boolean;
     start?: number;
-    items?: any[];
+    items?: ParsedListItemNode[];
 }>): import("react/jsx-runtime").JSX.Element;
 export default ListNode;

package/dist/types/components/MermaidBlockNode/mermaid.d.ts

@@ -1 +1,22 @@
-export declare function getMermaid(initConfig?: Record<string, any>): Promise<any>;
+export interface MermaidModule {
+    render: (id: string, source: string) => Promise<MermaidRenderResult> | MermaidRenderResult;
+    parse?: (source: string) => Promise<unknown> | unknown;
+    initialize?: (config?: Record<string, unknown>) => unknown;
+    mermaidAPI?: {
+        render?: MermaidModule['render'];
+        parse?: MermaidModule['parse'];
+        initialize?: MermaidModule['initialize'];
+    };
+}
+export type MermaidRenderResult = string | {
+    svg?: string;
+    bindFunctions?: (element: Element) => unknown;
+};
+interface MermaidInitConfig extends Record<string, unknown> {
+    securityLevel?: unknown;
+    flowchart?: {
+        htmlLabels?: unknown;
+    };
+}
+export declare function getMermaid(initConfig?: MermaidInitConfig): Promise<MermaidModule | null>;
+export {};

package/dist/types/components/TableNode/TableNode.d.ts

@@ -1,8 +1,9 @@
+import { TableRowNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
 export declare function TableNode(props: NodeComponentProps<{
     type: 'table';
-    header?: any;
-    rows?: any[];
+    header?: TableRowNode;
+    rows?: TableRowNode[];
     loading?: boolean;
 }>): import("react/jsx-runtime").JSX.Element;
 export default TableNode;

package/dist/types/context/smoothStreaming.d.ts

@@ -0,0 +1 @@
+export declare const SmoothStreamingContext: import('react').Context<boolean>;

package/dist/types/context/streamState.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Holds mutable streaming state that updates on every streaming chunk
+ * without triggering React re-renders. TextNode and InlineCodeNode read
+ * from this ref inside effects / callbacks rather than from renderCtx props,
+ * so that the renderCtx object can stay referentially stable during streaming.
+ */
+export interface StreamStateRef {
+    /** Map from node key to last-settled text content (shared across renders). */
+    textStreamState: Map<string, string>;
+    /** Returns the current stream render version counter. */
+    getStreamRenderVersion: () => number;
+}
+/**
+ * React Context that carries a stable StreamStateRef.
+ * The context value itself never changes (same ref object for the lifetime
+ * of the NodeRenderer), so subscribing components do NOT re-render when
+ * the stream version increments.  Consumers read the latest value inside
+ * effects or callbacks via `ref.getStreamRenderVersion()`.
+ */
+export declare const StreamStateRefContext: import('react').Context<StreamStateRef>;
+/**
+ * Hook that returns the nearest StreamStateRef, or null if none is provided.
+ */
+export declare function useStreamStateRef(): StreamStateRef | null;

package/dist/types/customComponents.d.ts

@@ -1,9 +1,9 @@
 import { ComponentType } from 'react';
 export type CustomComponentDisplayMode = 'inline' | 'block';
-export type MarkstreamCustomComponent<P = any> = ComponentType<P> & {
+export type MarkstreamCustomComponent<P = never> = ComponentType<P> & {
     markstreamDisplay?: CustomComponentDisplayMode;
 };
-export type CustomComponentMap = Record<string, MarkstreamCustomComponent<any>>;
+export type CustomComponentMap = Record<string, MarkstreamCustomComponent>;
 export declare function subscribeCustomComponents(listener: () => void): () => void;
 export declare function getCustomComponentsRevision(): number;
 export declare function setCustomComponents(id: string, mapping: CustomComponentMap): void;
@@ -11,7 +11,7 @@ export declare function setCustomComponents(mapping: CustomComponentMap): void;
 export declare function getCustomNodeComponents(customId?: string): CustomComponentMap;
 export declare function removeCustomComponents(id: string): void;
 export declare function clearGlobalCustomComponents(): void;
-export declare function getCustomComponentDisplay(component: ComponentType<any> | null | undefined): CustomComponentDisplayMode | undefined;
-export declare function withMarkstreamComponentDisplay<T extends ComponentType<any>>(component: T, display: CustomComponentDisplayMode): T & {
+export declare function getCustomComponentDisplay(component: ComponentType<never> | null | undefined): CustomComponentDisplayMode | undefined;
+export declare function withMarkstreamComponentDisplay<T extends ComponentType<never>>(component: T, display: CustomComponentDisplayMode): T & {
     markstreamDisplay: CustomComponentDisplayMode;
 };

package/dist/types/hooks/useSmoothMarkdownStream.d.ts

@@ -0,0 +1,20 @@
+import { SmoothMarkdownStreamOptions, SmoothMarkdownStreamSnapshot } from 'markstream-core';
+export type { SmoothMarkdownStreamOptions, SmoothMarkdownStreamSnapshot };
+export declare function useSmoothMarkdownStream(options?: SmoothMarkdownStreamOptions): {
+    enqueue: (chunk: string) => void;
+    finish: (options?: {
+        flush?: boolean;
+    }) => void;
+    flush: () => void;
+    reset: (initialMarkdown?: string) => void;
+    pause: () => void;
+    resume: () => void;
+    getSnapshot: () => SmoothMarkdownStreamSnapshot;
+    source: string;
+    visible: string;
+    done: boolean;
+    paused: boolean;
+    pendingChars: number;
+    caughtUp: boolean;
+    final: boolean;
+};

package/dist/types/index.d.ts

@@ -53,10 +53,12 @@ export type { TooltipPlacement, TooltipProps } from './components/Tooltip/Toolti
 export { VmrContainerNode } from './components/VmrContainerNode/VmrContainerNode';
 export { clearGlobalCustomComponents, getCustomComponentDisplay, getCustomNodeComponents, removeCustomComponents, setCustomComponents, withMarkstreamComponentDisplay, } from './customComponents';
 export type { CustomComponentDisplayMode, MarkstreamCustomComponent, } from './customComponents';
+export { useSmoothMarkdownStream } from './hooks/useSmoothMarkdownStream';
+export type { SmoothMarkdownStreamOptions, SmoothMarkdownStreamSnapshot, } from './hooks/useSmoothMarkdownStream';
 export * from './i18n/useSafeI18n';
 export * from './renderers/renderNode';
 export type { NodeRendererCodeBlockProps, NodeRendererProps } from './types';
-export type { CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNodeProps, D2BlockNodeProps, ImageNodeProps, InfographicBlockNodeProps, LinkNodeProps, MathBlockNodeProps, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNodeProps, PreCodeNodeProps, } from './types/component-props';
+export type { CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNodeProps, CodeBlockPreviewPayload, D2BlockNodeProps, ImageNodeProps, InfographicBlockNodeProps, LinkNodeProps, MathBlockNodeProps, MathInlineNodeProps, MermaidBlockEvent, MermaidBlockNodeProps, PreCodeNodeProps, } from './types/component-props';
 export type { NodeComponentProps } from './types/node-component';
 export * from './utils/languageIcon';
 export * from './workers/katexWorkerClient';

package/dist/types/next.d.ts

@@ -45,7 +45,7 @@ export declare const D2BlockNode: {
 export declare const DefinitionListNode: {
     (props: import('./types/node-component').NodeComponentProps<{
         type: "definition_list";
-        items?: any[];
+        items?: import('stream-markdown-parser').DefinitionItemNode[];
     }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
@@ -109,17 +109,11 @@ export declare const HighlightNode: {
 export declare const HtmlBlockNode: {
     (props: import('./types/node-component').NodeComponentProps<{
         type: "html_block";
-        content: string;
-        raw?: string;
+        content?: string;
         tag?: string;
         attrs?: [string, string | null][] | null;
-        children?: any[];
-        loading?: boolean;
-    }> & {
-        customComponents?: Record<string, React.ComponentType<any>>;
-        htmlPolicy?: import('stream-markdown-parser').HtmlPolicy;
-        placeholder?: React.ReactNode;
-    }): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        children?: import('stream-markdown-parser').ParsedNode[];
+    }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
 export declare const HtmlInlineNode: {
@@ -175,7 +169,7 @@ export declare const ListNode: {
         type: "list";
         ordered?: boolean;
         start?: number;
-        items?: any[];
+        items?: import('stream-markdown-parser').ListItemNode[];
     }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
@@ -253,8 +247,8 @@ export declare const SuperscriptNode: {
 export declare const TableNode: {
     (props: import('./types/node-component').NodeComponentProps<{
         type: "table";
-        header?: any;
-        rows?: any[];
+        header?: import('stream-markdown-parser').TableRowNode;
+        rows?: import('stream-markdown-parser').TableRowNode[];
         loading?: boolean;
     }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;

package/dist/types/server-renderer/index.d.ts

@@ -1,4 +1,4 @@
-import { ParsedNode } from 'stream-markdown-parser';
+import { DefinitionItemNode as DefinitionItemNodeType, ListItemNode as ListItemNodeType, ParsedNode, TableRowNode as TableRowNodeType } from 'stream-markdown-parser';
 import { HtmlPreviewFrameProps } from '../components/CodeBlockNode/HtmlPreviewFrame';
 import { MarkdownCodeBlockNodeProps } from '../components/MarkdownCodeBlockNode/MarkdownCodeBlockNode';
 import { TooltipProps } from '../components/Tooltip/Tooltip';
@@ -35,17 +35,17 @@ export declare function ListNode(props: NodeComponentProps<{
     type: 'list';
     ordered?: boolean;
     start?: number;
-    items?: any[];
+    items?: ListItemNodeType[];
 }>): import("react/jsx-runtime").JSX.Element;
 export declare function TableNode(props: NodeComponentProps<{
     type: 'table';
-    header?: any;
-    rows?: any[];
+    header?: TableRowNodeType;
+    rows?: TableRowNodeType[];
     loading?: boolean;
 }>): import("react/jsx-runtime").JSX.Element;
 export declare function DefinitionListNode(props: NodeComponentProps<{
     type: 'definition_list';
-    items?: any[];
+    items?: DefinitionItemNodeType[];
 }>): import("react/jsx-runtime").JSX.Element;
 export declare function FootnoteNode(props: NodeComponentProps<{
     type: 'footnote';

package/dist/types/types/component-props.d.ts

@@ -8,7 +8,7 @@ export interface CodeBlockMonacoThemeObject {
     [key: string]: unknown;
 }
 export type CodeBlockMonacoTheme = string | CodeBlockMonacoThemeObject;
-export type CodeBlockMonacoLanguage = string | ((...args: any[]) => unknown);
+export type CodeBlockMonacoLanguage = string | ((...args: unknown[]) => unknown);
 export interface CodeBlockDiffHideUnchangedRegionsOptions {
     enabled?: boolean;
     contextLineCount?: number;
@@ -61,8 +61,8 @@ export interface CodeBlockMonacoOptions {
     diffHunkActionsOnHover?: boolean;
     diffHunkHoverHideDelayMs?: number;
     onDiffHunkAction?: (context: CodeBlockDiffHunkActionContext) => void | boolean | Promise<void | boolean>;
-    scrollbar?: Record<string, any>;
-    [key: string]: any;
+    scrollbar?: Record<string, unknown>;
+    [key: string]: unknown;
 }
 export interface CodeBlockNodeProps {
     node: CodeBlockNode;
@@ -84,6 +84,8 @@ export interface CodeBlockNodeProps {
     showCollapseButton?: boolean;
     showFontSizeButtons?: boolean;
     showTooltips?: boolean;
+    htmlPreviewAllowScripts?: boolean;
+    htmlPreviewSandbox?: string;
     customId?: string;
 }
 export interface ImageNodeProps {
@@ -154,7 +156,13 @@ export interface MermaidBlockNodeProps {
     showTooltips?: boolean;
     onRenderError?: (error: unknown, code: string, container: HTMLElement) => boolean | void;
 }
-export interface MermaidBlockEvent<TPayload = any> {
+export interface CodeBlockPreviewPayload {
+    node: CodeBlockNode;
+    artifactType: 'text/html' | 'image/svg+xml';
+    artifactTitle: string;
+    id: string;
+}
+export interface MermaidBlockEvent<TPayload = unknown> {
     payload?: TPayload;
     defaultPrevented: boolean;
     preventDefault: () => void;

package/dist/types/types/node-component.d.ts

@@ -8,5 +8,7 @@ export interface NodeComponentProps<TNode = unknown> {
     customId?: string;
     isDark?: boolean;
     typewriter?: boolean;
+    /** Enable/disable fade animations. Default: true */
+    fade?: boolean;
     children?: React.ReactNode;
 }