markstream-react 0.0.50 → 0.0.53

package/dist/server.d.ts

@@ -1,7 +1,6 @@
 import { CodeBlockNode as CodeBlockNode$1, BaseNode, ParseOptions, MarkdownIt, HtmlPolicy, ParsedNode, ListItemNode as ListItemNode$1, TableRowNode, DefinitionItemNode } from 'stream-markdown-parser';
-import React, { ComponentType, CSSProperties } from 'react';
+import React, { ComponentType, PropsWithChildren, CSSProperties } from 'react';
 import { SmoothMarkdownStreamOptions } from 'markstream-core';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface HtmlPreviewFrameProps {
     code: string;
@@ -17,6 +16,19 @@ type MarkstreamCustomComponent<P = never> = ComponentType<P> & {
     markstreamDisplay?: CustomComponentDisplayMode;
 };
 type CustomComponentMap = Record<string, MarkstreamCustomComponent>;
+type StreamingComponent<TNode = any> = ComponentType<NodeComponentProps<TNode>>;
+type StreamingComponentMap = Record<string, StreamingComponent<any>>;
+type HtmlComponent<P extends object = any> = ComponentType<PropsWithChildren<P>>;
+type HtmlComponentMap = Record<string, HtmlComponent<any>>;
+type IsAny<T> = 0 extends (1 & T) ? true : false;
+type ComponentProps<T> = T extends ComponentType<infer P> ? P : T extends (props: infer P) => any ? P : never;
+type StreamingComponentDefinitions<T extends Record<string, any>> = {
+    [K in keyof T]: ComponentProps<T[K]> extends infer P ? IsAny<P> extends true ? T[K] : P extends NodeComponentProps<any> ? NodeComponentProps<any> extends P ? T[K] : never : never : never;
+};
+type ParserComponentOnlyProp = Exclude<keyof NodeComponentProps<any>, 'children' | 'node'>;
+type HtmlComponentDefinitions<T extends Record<string, any>> = {
+    [K in keyof T]: ComponentProps<T[K]> extends infer P ? IsAny<P> extends true ? T[K] : Extract<keyof P, ParserComponentOnlyProp> extends never ? T[K] : never : never;
+};
 declare function setCustomComponents(id: string, mapping: CustomComponentMap): void;
 declare function setCustomComponents(mapping: CustomComponentMap): void;
 declare function getCustomNodeComponents(customId?: string): CustomComponentMap;
@@ -26,6 +38,8 @@ declare function getCustomComponentDisplay(component: ComponentType<never> | nul
 declare function withMarkstreamComponentDisplay<T extends ComponentType<never>>(component: T, display: CustomComponentDisplayMode): T & {
     markstreamDisplay: CustomComponentDisplayMode;
 };
+declare function defineStreamingComponents<const T extends Record<string, ComponentType<any>>>(components: T & StreamingComponentDefinitions<T>): T & StreamingComponentDefinitions<T>;
+declare function defineHtmlComponents<const T extends Record<string, ComponentType<any>>>(components: T & HtmlComponentDefinitions<T>): T & HtmlComponentDefinitions<T>;
 
 interface CodeBlockMonacoThemeObject {
     name: string;
@@ -263,7 +277,7 @@ type NodeRendererCodeBlockThemes = CodeBlockNodeProps['themes'] | ShikiCodeBlock
 type NodeRendererCodeBlockProps = Partial<Omit<CodeBlockNodeProps, 'node' | 'themes'>> & Partial<Omit<ShikiCodeBlockProps, 'themes'>> & {
     themes?: NodeRendererCodeBlockThemes;
 } & Record<string, unknown>;
-interface NodeRendererProps {
+interface NodeRendererProps<TStreamingComponents extends Record<string, ComponentType<any>> = StreamingComponentMap, THtmlComponents extends Record<string, any> = HtmlComponentMap> {
     content?: string;
     nodes?: readonly BaseNode[] | null;
     /**
@@ -273,6 +287,8 @@ interface NodeRendererProps {
     final?: boolean;
     parseOptions?: ParseOptions;
     customMarkdownIt?: (md: MarkdownIt) => MarkdownIt;
+    streamingComponents?: TStreamingComponents & StreamingComponentDefinitions<TStreamingComponents>;
+    htmlComponents?: THtmlComponents & HtmlComponentDefinitions<THtmlComponents>;
     /** Log parse/render timing stats (dev only). */
     debugPerformance?: boolean;
     /**
@@ -342,6 +358,7 @@ interface NodeRendererProps {
 interface RenderContext {
     customId?: string;
     isDark?: boolean;
+    final?: boolean;
     indexKey?: string;
     typewriter?: boolean;
     /** Enable/disable fade animations. Default: true */
@@ -349,6 +366,8 @@ interface RenderContext {
     textStreamState?: Map<string, string>;
     streamRenderVersion?: number;
     customComponents?: CustomComponentMap;
+    streamingComponents?: StreamingComponentMap;
+    htmlComponents?: HtmlComponentMap;
     customHtmlTags?: readonly string[];
     htmlPolicy?: HtmlPolicy;
     codeBlockProps?: NodeRendererCodeBlockProps;
@@ -455,56 +474,56 @@ declare function TextNode(props: NodeComponentProps<{
     type: 'text';
     content: string;
     center?: boolean;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function ParagraphNode(props: NodeComponentProps<{
     type: 'paragraph';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function HeadingNode(props: NodeComponentProps<{
     type: 'heading';
     level?: number;
     children?: ParsedNode[];
     attrs?: Record<string, string | boolean>;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function BlockquoteNode(props: NodeComponentProps<{
     type: 'blockquote';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function ListItemNode(props: NodeComponentProps<{
     type: 'list_item';
     children?: ParsedNode[];
 }> & {
     value?: number;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 declare function ListNode(props: NodeComponentProps<{
     type: 'list';
     ordered?: boolean;
     start?: number;
     items?: ListItemNode$1[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function TableNode(props: NodeComponentProps<{
     type: 'table';
     header?: TableRowNode;
     rows?: TableRowNode[];
     loading?: boolean;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function DefinitionListNode(props: NodeComponentProps<{
     type: 'definition_list';
     items?: DefinitionItemNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function FootnoteNode(props: NodeComponentProps<{
     type: 'footnote';
     id: string;
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function FootnoteReferenceNode(props: NodeComponentProps<{
     type: 'footnote_reference';
     id: string;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function FootnoteAnchorNode(props: NodeComponentProps<{
     type: 'footnote_anchor';
     id: string;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function AdmonitionNode(props: NodeComponentProps<{
     type: 'admonition';
     kind?: string;
@@ -512,54 +531,54 @@ declare function AdmonitionNode(props: NodeComponentProps<{
     children?: ParsedNode[];
     collapsible?: boolean;
     open?: boolean;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function CheckboxNode(props: NodeComponentProps<{
     type: 'checkbox' | 'checkbox_input';
     checked?: boolean;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function EmojiNode(props: NodeComponentProps<{
     type: 'emoji';
     name: string;
     markup?: string;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function StrongNode(props: NodeComponentProps<{
     type: 'strong';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function EmphasisNode(props: NodeComponentProps<{
     type: 'emphasis';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function StrikethroughNode(props: NodeComponentProps<{
     type: 'strikethrough';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function HighlightNode(props: NodeComponentProps<{
     type: 'highlight';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function InsertNode(props: NodeComponentProps<{
     type: 'insert';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function SubscriptNode(props: NodeComponentProps<{
     type: 'subscript';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function SuperscriptNode(props: NodeComponentProps<{
     type: 'superscript';
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function HardBreakNode(_props: NodeComponentProps<{
     type: 'hardbreak';
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function ThematicBreakNode(_props?: NodeComponentProps<{
     type: 'thematic_break';
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function InlineCodeNode(props: NodeComponentProps<{
     type: 'inline_code';
     code: string;
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function LinkNode(props: NodeComponentProps<LinkNodeProps['node']> & {
     showTooltip?: boolean;
     color?: string;
@@ -569,46 +588,49 @@ declare function LinkNode(props: NodeComponentProps<LinkNodeProps['node']> & {
     animationOpacity?: number;
     animationTiming?: string;
     animationIteration?: string | number;
-}): react_jsx_runtime.JSX.Element;
-declare function ImageNode(rawProps: ImageNodeProps): react_jsx_runtime.JSX.Element;
-declare function PreCodeNode({ node }: PreCodeNodeProps): react_jsx_runtime.JSX.Element;
-declare function CodeBlockNode(props: CodeBlockNodeProps): react_jsx_runtime.JSX.Element;
-declare function MarkdownCodeBlockNode(props: MarkdownCodeBlockNodeProps): react_jsx_runtime.JSX.Element;
-declare function MermaidBlockNode(props: MermaidBlockNodeProps): react_jsx_runtime.JSX.Element;
-declare function D2BlockNode(props: D2BlockNodeProps): react_jsx_runtime.JSX.Element;
-declare function InfographicBlockNode(props: InfographicBlockNodeProps): react_jsx_runtime.JSX.Element;
-declare function MathBlockNode({ node }: MathBlockNodeProps): react_jsx_runtime.JSX.Element;
-declare function MathInlineNode({ node }: MathInlineNodeProps): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
+declare function ImageNode(rawProps: ImageNodeProps): React.JSX.Element;
+declare function PreCodeNode({ node }: PreCodeNodeProps): React.JSX.Element;
+declare function CodeBlockNode(props: CodeBlockNodeProps): React.JSX.Element;
+declare function MarkdownCodeBlockNode(props: MarkdownCodeBlockNodeProps): React.JSX.Element;
+declare function MermaidBlockNode(props: MermaidBlockNodeProps): React.JSX.Element;
+declare function D2BlockNode(props: D2BlockNodeProps): React.JSX.Element;
+declare function InfographicBlockNode(props: InfographicBlockNodeProps): React.JSX.Element;
+declare function MathBlockNode({ node }: MathBlockNodeProps): React.JSX.Element;
+declare function MathInlineNode({ node }: MathInlineNodeProps): React.JSX.Element;
 declare function ReferenceNode(props: NodeComponentProps<{
     type: 'reference';
     id: string;
 }> & {
     messageId?: string;
     threadId?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 declare function HtmlBlockNode(props: NodeComponentProps<{
     type: 'html_block';
     content?: string;
     tag?: string;
     attrs?: [string, string | null][] | null;
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function HtmlInlineNode(props: NodeComponentProps<{
     type: 'html_inline';
     content?: string;
-}>): react_jsx_runtime.JSX.Element;
+    tag?: string;
+    attrs?: [string, string | null][] | null;
+    children?: ParsedNode[];
+}>): React.JSX.Element;
 declare function VmrContainerNode(props: NodeComponentProps<{
     type: 'vmr_container';
     name: string;
     attrs?: Record<string, string> | [string, string | null][] | null;
     children?: ParsedNode[];
-}>): react_jsx_runtime.JSX.Element;
+}>): React.JSX.Element;
 declare function Tooltip(_props: TooltipProps): any;
 declare function HtmlPreviewFrame(_props: HtmlPreviewFrameProps): any;
 declare function FallbackComponent(props: NodeComponentProps<{
     type: string;
-}>): react_jsx_runtime.JSX.Element;
-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;
+}>): React.JSX.Element;
+declare function renderNode(node: ParsedNode, key: React.Key, ctx: RenderContext): any;
+declare function NodeRenderer<TStreamingComponents extends StreamingComponentMap = StreamingComponentMap, THtmlComponents extends Record<string, any> = HtmlComponentMap>(props: NodeRendererProps<TStreamingComponents, THtmlComponents>): React.JSX.Element;
 
-export { AdmonitionNode, BlockquoteNode, CheckboxNode, CodeBlockDiffAppearance, CodeBlockDiffHideUnchangedRegions, CodeBlockDiffHideUnchangedRegionsOptions, CodeBlockDiffHunkActionContext, CodeBlockDiffHunkActionKind, CodeBlockDiffHunkSide, CodeBlockDiffLineStyle, CodeBlockDiffUnchangedRegionStyle, CodeBlockMonacoLanguage, CodeBlockMonacoOptions, CodeBlockMonacoTheme, CodeBlockMonacoThemeObject, CodeBlockNode, CodeBlockNodeProps, CodeBlockPreviewPayload, CommonCodeBlockProps, 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, ShikiCodeBlockProps, 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, CommonCodeBlockProps, CustomComponentDisplayMode, D2BlockNode, D2BlockNodeProps, DefinitionListNode, EmojiNode, EmphasisNode, FallbackComponent, FootnoteAnchorNode, FootnoteNode, FootnoteReferenceNode, HardBreakNode, HeadingNode, HighlightNode, HtmlBlockNode, HtmlComponent, HtmlComponentMap, 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, ShikiCodeBlockProps, StreamingComponent, StreamingComponentMap, StrikethroughNode, StrongNode, SubscriptNode, SuperscriptNode, TableNode, TextNode, ThematicBreakNode, Tooltip, TooltipPlacement, TooltipProps, VmrContainerNode, clearGlobalCustomComponents, NodeRenderer as default, defineHtmlComponents, defineStreamingComponents, 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"./codeBlockExtraProps-7n9FWJXk.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 B,H as g,g as u,h as f,i as I,j as H,k as b,I as x,l as F,m as M,n as w,L as D,o as L,p as P,M as R,q as S,r as T,s as j,N as E,P as v,t as y,a as A,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-o_DISWz2.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,B as FootnoteReferenceNode,g as HardBreakNode,u as HeadingNode,f as HighlightNode,I as HtmlBlockNode,H as HtmlInlineNode,b as HtmlPreviewFrame,x as ImageNode,F as InfographicBlockNode,M as InlineCodeNode,w as InsertNode,D as LinkNode,L as ListItemNode,P as ListNode,R as MarkdownCodeBlockNode,S as MathBlockNode,T as MathInlineNode,j as MermaidBlockNode,E as NodeRenderer,v as ParagraphNode,y as PreCodeNode,A 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{b as e,d as o,e as a,i as s,k as d,z as t,G as n,N}from"./codeBlockExtraProps-RaPzFq78.js";import{A as r,B as i,C as m,a as l,D as c,b as p,E as C,c as k,F as h,d as B,e as g,f as u,H as f,g as H,h as I,i as b,j as x,k as F,I as M,l as S,m as D,n as L,L as P,o as R,p as T,M as j,q as w,r as E,s as v,N as y,P as A,t as G,a as q,R as z,S as V,u as J,v as K,w as O,T as Q,x as U,y as W,z as X,V as Y,N as Z,G as $}from"./index-D0DspXy9.js";export{r as AdmonitionNode,i as BlockquoteNode,m as CheckboxNode,l as CodeBlockNode,c as D2BlockNode,p as DefinitionListNode,C as EmojiNode,k as EmphasisNode,h as FallbackComponent,B as FootnoteAnchorNode,g as FootnoteNode,u as FootnoteReferenceNode,f as HardBreakNode,H as HeadingNode,I as HighlightNode,b as HtmlBlockNode,x as HtmlInlineNode,F as HtmlPreviewFrame,M as ImageNode,S as InfographicBlockNode,D as InlineCodeNode,L as InsertNode,P as LinkNode,R as ListItemNode,T as ListNode,j as MarkdownCodeBlockNode,w as MathBlockNode,E as MathInlineNode,v as MermaidBlockNode,y as NodeRenderer,A as ParagraphNode,G as PreCodeNode,q as ReactCodeBlockNode,z as ReferenceNode,V as StrikethroughNode,J as StrongNode,K as SubscriptNode,O as SuperscriptNode,Q as TableNode,U as TextNode,W as ThematicBreakNode,X as Tooltip,Y as VmrContainerNode,e as clearGlobalCustomComponents,Z as default,o as defineHtmlComponents,a as defineStreamingComponents,s as getCustomComponentDisplay,d as getCustomNodeComponents,t as removeCustomComponents,$ as renderNode,n as setCustomComponents,N as withMarkstreamComponentDisplay};

package/dist/tailwind.cjs

@@ -0,0 +1,4 @@
+const safeList = `use client react stream-markdown-parser string cannot delete global call clearGlobalCustomComponents checkbox-node checkbox checkbox-input 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 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 smooth footnote-reference handleScroll footnote-link cursor-pointer mark highlight-node footnote-node flex text-sm leading-relaxed border-t border-[var(--footnote-border,#eaecef)] pt-2 flex-1 emphasis-node dl definition-list indexKey mb-4 dt definition-term font-semibold ctx renderNode ?? definition dd definition-desc ml-4 dependency is not install it to enable hard-break emoji-node footnote-anchor hover:underline ↩︎ clsx heading-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 style.visibility hidden line-info 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 important max-height visible height onDidUpdateDiff onDidContentSizeChange onDidLayoutChange window.MutationObserver childList record.type attributes class explicit fontSize lineHeight paddingBottom paddingTop tabSize on same helpers.cleanupEditor canonicalLanguage single window.cancelAnimationFrame clientX navigator.clipboard navigator.clipboard.writeText code-fallback-plain m-0 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 aria-hidden code-editor-fallback-surface code-loading-placeholder loading-skeleton skeleton-line short sr-only polite status list-item pl-1.5 my-2 valueAttr children primary fallback failed is-loaded lazy eager async image-node__placeholder image-node__spinner image-node__placeholder-text image… placeholder image-node__error load ease-in-out infinite node.title link-loading inline-flex items-baseline gap-1.5 link-text-wrapper relative leading-[normal] link-text text link-loading-indicator link-node aria-label noopener noreferrer markstream-core inline-code inline text-[85%] px-1 py-0.5 bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full text-node-stream-delta text-node-stream-delta--a text-node-stream-delta--b insert-node 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 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 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 markstream-react 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 strikethrough-node vitesse-dark vitesse-light shiki shiki-fallback [MarkdownCodeBlockNode] dispose stream-markdown stream-markdown.createShikiStreamRenderer available stale ready requires with ignoring and using default language register configured retrying without code-block-content rendererTargetRef code-block-render containerClass vmr-container 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 superscript-node unknown-node italic node strong-node paragraph-node paragraph child.type html_inline reference-node bg-[hsl(var(--muted))] px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] event.key right text-right text-left pointermove pointerup pointercancel table-node-wrapper my-8 table-node table-node--loading aria-busy colgroup border-[var(--table-border,#cbd5e1)] p-[calc(4/7*1em)] table-node__resize-handle table-node__loading table-node__spinner subscript-node text-node text-node-center [mermaidWorkerClient] messageerror cleared worker inject via busy timed out canParse findPrefix in zoom loose strict viewBox 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 abort javascript typescript go python ruby shell powershell d2 plain cpp csharp objectivec objectivecpp yaml markdown rust kotlin node.type infographic d2lang langs 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 stream-monaco thinking htmlFor className data-ssr-fallback normalizedLanguage data-language no 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 html-inline server-renderer node-content [markstream-react] htmlPreviewSandbox contains both allow-scripts 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 document child key ref ms-html self_closing tag_open token.type tag_close parse dynamic template html-inline-node html-inline-node--loading role aria-describedby hunk !options.preserveBlankKind context removed added markstream-pre__diff-pane--inline original markstream-pre__diff-pane--original modified markstream-pre__diff-pane--modified markstream-pre--line-numbers markstream-pre--diff-preview markstream-pre--diff-inline showLineNumbers markstream-pre__diff-code line.empty markstream-pre__diff-line--empty markstream-pre__diff-rail markstream-pre__diff-number markstream-pre__diff-content markstream-pre__diff-content-inner mathRef math-inline--hidden math-inline__loading math-inline__spinner rendering math-rendering npm development process normalizedType [katexWorkerClient] init cache-hit timeout waiting slot sequencediagram classdiagram kind statediagram erdiagram flowchart graph globalThis.requestAnimationFrame globalThis.cancelAnimationFrame module did expected existingEnv.getWorkerUrl prototype constructor katex °C`;
+module.exports = safeList;
+module.exports.safeList = safeList;
+module.exports.default = safeList;

package/dist/tailwind.d.ts

@@ -0,0 +1,2 @@
+export declare const safeList: string
+export default safeList

package/dist/tailwind.js

@@ -0,0 +1,2 @@
+export const safeList = `use client react stream-markdown-parser string cannot delete global call clearGlobalCustomComponents checkbox-node checkbox checkbox-input 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 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 smooth footnote-reference handleScroll footnote-link cursor-pointer mark highlight-node footnote-node flex text-sm leading-relaxed border-t border-[var(--footnote-border,#eaecef)] pt-2 flex-1 emphasis-node dl definition-list indexKey mb-4 dt definition-term font-semibold ctx renderNode ?? definition dd definition-desc ml-4 dependency is not install it to enable hard-break emoji-node footnote-anchor hover:underline ↩︎ clsx heading-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 style.visibility hidden line-info 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 important max-height visible height onDidUpdateDiff onDidContentSizeChange onDidLayoutChange window.MutationObserver childList record.type attributes class explicit fontSize lineHeight paddingBottom paddingTop tabSize on same helpers.cleanupEditor canonicalLanguage single window.cancelAnimationFrame clientX navigator.clipboard navigator.clipboard.writeText code-fallback-plain m-0 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 aria-hidden code-editor-fallback-surface code-loading-placeholder loading-skeleton skeleton-line short sr-only polite status list-item pl-1.5 my-2 valueAttr children primary fallback failed is-loaded lazy eager async image-node__placeholder image-node__spinner image-node__placeholder-text image… placeholder image-node__error load ease-in-out infinite node.title link-loading inline-flex items-baseline gap-1.5 link-text-wrapper relative leading-[normal] link-text text link-loading-indicator link-node aria-label noopener noreferrer markstream-core inline-code inline text-[85%] px-1 py-0.5 bg-[hsl(var(--secondary))] whitespace-normal break-words max-w-full text-node-stream-delta text-node-stream-delta--a text-node-stream-delta--b insert-node 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 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 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 markstream-react 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 strikethrough-node vitesse-dark vitesse-light shiki shiki-fallback [MarkdownCodeBlockNode] dispose stream-markdown stream-markdown.createShikiStreamRenderer available stale ready requires with ignoring and using default language register configured retrying without code-block-content rendererTargetRef code-block-render containerClass vmr-container 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 superscript-node unknown-node italic node strong-node paragraph-node paragraph child.type html_inline reference-node bg-[hsl(var(--muted))] px-1.5 mx-0.5 hover:bg-[hsl(var(--secondary))] event.key right text-right text-left pointermove pointerup pointercancel table-node-wrapper my-8 table-node table-node--loading aria-busy colgroup border-[var(--table-border,#cbd5e1)] p-[calc(4/7*1em)] table-node__resize-handle table-node__loading table-node__spinner subscript-node text-node text-node-center [mermaidWorkerClient] messageerror cleared worker inject via busy timed out canParse findPrefix in zoom loose strict viewBox 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 abort javascript typescript go python ruby shell powershell d2 plain cpp csharp objectivec objectivecpp yaml markdown rust kotlin node.type infographic d2lang langs 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 stream-monaco thinking htmlFor className data-ssr-fallback normalizedLanguage data-language no 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 html-inline server-renderer node-content [markstream-react] htmlPreviewSandbox contains both allow-scripts 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 document child key ref ms-html self_closing tag_open token.type tag_close parse dynamic template html-inline-node html-inline-node--loading role aria-describedby hunk !options.preserveBlankKind context removed added markstream-pre__diff-pane--inline original markstream-pre__diff-pane--original modified markstream-pre__diff-pane--modified markstream-pre--line-numbers markstream-pre--diff-preview markstream-pre--diff-inline showLineNumbers markstream-pre__diff-code line.empty markstream-pre__diff-line--empty markstream-pre__diff-rail markstream-pre__diff-number markstream-pre__diff-content markstream-pre__diff-content-inner mathRef math-inline--hidden math-inline__loading math-inline__spinner rendering math-rendering npm development process normalizedType [katexWorkerClient] init cache-hit timeout waiting slot sequencediagram classdiagram kind statediagram erdiagram flowchart graph globalThis.requestAnimationFrame globalThis.cancelAnimationFrame module did expected existingEnv.getWorkerUrl prototype constructor katex °C`;
+export default safeList;

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

@@ -1,5 +1,6 @@
 import { ParsedNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function AdmonitionNode(props: NodeComponentProps<{
     type: 'admonition';
     kind?: string;
@@ -7,5 +8,5 @@ export declare function AdmonitionNode(props: NodeComponentProps<{
     children?: ParsedNode[];
     collapsible?: boolean;
     open?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default AdmonitionNode;

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

@@ -1,7 +1,8 @@
 import { ParsedNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function BlockquoteNode(props: NodeComponentProps<{
     type: 'blockquote';
     children?: ParsedNode[];
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default BlockquoteNode;

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

@@ -1,6 +1,7 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function CheckboxNode(props: NodeComponentProps<{
     type: 'checkbox' | 'checkbox_input';
     checked?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default CheckboxNode;

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

@@ -1,4 +1,5 @@
 import { CodeBlockNodeProps } from '../../types/component-props';
+import { default as React } from 'react';
 export interface CodeBlockPreviewPayload {
     node: CodeBlockNodeProps['node'];
     artifactType: 'text/html' | 'image/svg+xml';
@@ -9,5 +10,5 @@ export interface CodeBlockNodeReactEvents {
     onCopy?: (code: string) => void;
     onPreviewCode?: (payload: CodeBlockPreviewPayload) => void;
 }
-export declare function CodeBlockNode(rawProps: CodeBlockNodeProps & CodeBlockNodeReactEvents): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockNode(rawProps: CodeBlockNodeProps & CodeBlockNodeReactEvents): React.JSX.Element;
 export default CodeBlockNode;

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

@@ -1,2 +1,3 @@
 import { PreCodeNodeProps } from '../../types/component-props';
-export declare function PreCodeNode({ node, className, diffInline, showLineNumbers, style }: PreCodeNodeProps): import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+export declare function PreCodeNode({ node, className, diffInline, showLineNumbers, style }: PreCodeNodeProps): React.JSX.Element;

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

@@ -1,2 +1,3 @@
 import { D2BlockNodeProps } from '../../types/component-props';
-export declare function D2BlockNode(rawProps: D2BlockNodeProps): import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+export declare function D2BlockNode(rawProps: D2BlockNodeProps): React.JSX.Element;

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

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

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

@@ -1,7 +1,8 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function EmojiNode(props: NodeComponentProps<{
     type: 'emoji';
     name: string;
     markup?: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default EmojiNode;

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

@@ -1,5 +1,6 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function EmphasisNode(props: NodeComponentProps<{
     type: 'emphasis';
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default EmphasisNode;

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

@@ -1,6 +1,7 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function FootnoteAnchorNode(props: NodeComponentProps<{
     type: 'footnote_anchor';
     id: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default FootnoteAnchorNode;

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

@@ -1,8 +1,9 @@
 import { ParsedNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function FootnoteNode(props: NodeComponentProps<{
     type: 'footnote';
     id: string;
     children?: ParsedNode[];
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default FootnoteNode;

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

@@ -1,6 +1,7 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function FootnoteReferenceNode(props: NodeComponentProps<{
     type: 'footnote_reference';
     id: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default FootnoteReferenceNode;

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

@@ -1,5 +1,6 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function HardBreakNode(_props: NodeComponentProps<{
     type: 'hardbreak';
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default HardBreakNode;

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

@@ -1,9 +1,10 @@
 import { ParsedNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function HeadingNode(props: NodeComponentProps<{
     type: 'heading';
     level?: number;
     children?: ParsedNode[];
     attrs?: Record<string, string | boolean>;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default HeadingNode;

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

@@ -1,5 +1,6 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function HighlightNode(props: NodeComponentProps<{
     type: 'highlight';
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default HighlightNode;

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

@@ -14,5 +14,5 @@ export declare function HtmlBlockNode(props: NodeComponentProps<{
     customComponents?: CustomComponentMap;
     htmlPolicy?: HtmlPolicy;
     placeholder?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export default HtmlBlockNode;

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

@@ -1,11 +1,15 @@
-import { HtmlPolicy } from 'stream-markdown-parser';
+import { HtmlPolicy, ParsedNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function HtmlInlineNode(props: NodeComponentProps<{
     type: 'html_inline';
     content: string;
+    tag?: string;
+    attrs?: [string, string | null][] | null;
+    children?: ParsedNode[];
     loading?: boolean;
     autoClosed?: boolean;
 }> & {
     htmlPolicy?: HtmlPolicy;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export default HtmlInlineNode;

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

@@ -5,5 +5,5 @@ export interface ImageNodeReactEvents {
     onError?: (src: string) => void;
     onClick?: (payload: [event: React.MouseEvent<HTMLImageElement>, src: string]) => void;
 }
-export declare function ImageNode(rawProps: ImageNodeProps & ImageNodeReactEvents): import("react/jsx-runtime").JSX.Element;
+export declare function ImageNode(rawProps: ImageNodeProps & ImageNodeReactEvents): React.JSX.Element;
 export default ImageNode;

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

@@ -1,4 +1,5 @@
 import { InfographicBlockNodeProps, MermaidBlockEvent } from '../../types/component-props';
+import { default as React } from 'react';
 export interface InfographicBlockNodeReactEvents {
     onCopy?: (code: string) => void;
     onExport?: (event: MermaidBlockEvent<{
@@ -12,4 +13,4 @@ export interface InfographicBlockNodeReactEvents {
         target: 'preview' | 'source';
     }>) => void;
 }
-export declare function InfographicBlockNode(rawProps: InfographicBlockNodeProps & InfographicBlockNodeReactEvents): import("react/jsx-runtime").JSX.Element;
+export declare function InfographicBlockNode(rawProps: InfographicBlockNodeProps & InfographicBlockNodeReactEvents): React.JSX.Element;

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

@@ -1,6 +1,7 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function InlineCodeNode(props: NodeComponentProps<{
     type: 'inline_code';
     code: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default InlineCodeNode;

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

@@ -1,5 +1,6 @@
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export declare function InsertNode(props: NodeComponentProps<{
     type: 'insert';
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export default InsertNode;

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

@@ -1,5 +1,6 @@
 import { ParsedNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export interface LinkNodeStyleProps {
     showTooltip?: boolean;
     color?: string;
@@ -17,5 +18,5 @@ export declare function LinkNode(props: NodeComponentProps<{
     text: string;
     children?: ParsedNode[];
     loading?: boolean;
-}> & LinkNodeStyleProps): import("react/jsx-runtime").JSX.Element;
+}> & LinkNodeStyleProps): React.JSX.Element;
 export default LinkNode;

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

@@ -1,5 +1,6 @@
 import { ParsedNode } from 'stream-markdown-parser';
 import { NodeComponentProps } from '../../types/node-component';
+import { default as React } from 'react';
 export interface ListItemNodeData {
     type: 'list_item';
     children?: ParsedNode[];
@@ -8,5 +9,5 @@ export interface ListItemNodeData {
 export interface ListItemNodeProps extends NodeComponentProps<ListItemNodeData> {
     value?: number;
 }
-export declare function ListItemNode(props: ListItemNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListItemNode(props: ListItemNodeProps): React.JSX.Element;
 export default ListItemNode;

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

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

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

@@ -1,4 +1,5 @@
 import { ShikiCodeBlockProps } from '../../types/component-props';
+import { default as React } from 'react';
 export interface MarkdownCodeBlockNodeProps extends ShikiCodeBlockProps {
     node: {
         type: 'code_block';
@@ -29,5 +30,5 @@ export interface MarkdownCodeBlockNodeProps extends ShikiCodeBlockProps {
         title: string;
     }) => void;
 }
-export declare function MarkdownCodeBlockNode(rawProps: MarkdownCodeBlockNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownCodeBlockNode(rawProps: MarkdownCodeBlockNodeProps): React.JSX.Element;
 export default MarkdownCodeBlockNode;