vue-stream-markdown 0.2.3 → 0.3.1

package/dist/index.d.ts

@@ -1,15 +1,16 @@
-import * as vue210 from "vue";
+import * as vue213 from "vue";
 import { CSSProperties, Component, MaybeRef, MaybeRefOrGetter } from "vue";
 import * as _floating_ui_dom0 from "@floating-ui/dom";
 import { Placement } from "@floating-ui/dom";
-import { MarkdownItAsync } from "markdown-it-async";
 import { KatexOptions as KatexOptions$1 } from "katex";
-import remend from "remend";
 import { BuiltinLanguage, BuiltinTheme, BundledLanguage, BundledTheme, CodeToTokensOptions, Highlighter, SpecialLanguage, TokensResult } from "shiki";
 import { Mermaid, MermaidConfig } from "mermaid";
-import { Extension, fromMarkdown } from "mdast-util-from-markdown";
-import { Options as Options$1 } from "mdast-util-to-markdown";
-import { Extension as Extension$1 } from "micromark-util-types";
+import * as mdast_util_from_markdown0 from "mdast-util-from-markdown";
+import { Extension as FromMarkdownExtension, fromMarkdown } from "mdast-util-from-markdown";
+import * as mdast_util_to_markdown0 from "mdast-util-to-markdown";
+import { Options as ToMarkdownExtension } from "mdast-util-to-markdown";
+import * as micromark_util_types0 from "micromark-util-types";
+import { Extension as MicromarkExtension } from "micromark-util-types";
 
 //#region src/components/previewers/index.d.ts
 declare const CODE_PREVIEWERS: Record<string, Component>;
@@ -21,6 +22,10 @@ type ParsedNode = SyntaxTree['children'][number] & {
 };
 type NodeType = ParsedNode['type'];
 type NodeRenderers = Partial<Record<NodeType, Component>>;
+interface MarkdownParserResult {
+  content: string;
+  nodes: ParsedNode[];
+}
 type BlockquoteNode = Extract<ParsedNode, {
   type: 'blockquote';
 }>;
@@ -103,6 +108,17 @@ type InlineMathNode = Extract<ParsedNode, {
   type: 'inlineMath';
 }>;
 //#endregion
+//#region src/types/events.d.ts
+type DownloadEvent = UrlDownloadEvent | ContentDownloadEvent;
+interface UrlDownloadEvent {
+  type: 'image';
+  url: string;
+}
+interface ContentDownloadEvent {
+  type: 'code' | 'mermaid' | 'table';
+  content: string;
+}
+//#endregion
 //#region src/types/locale.d.ts
 interface LocaleConfig {
   button: {
@@ -133,24 +149,89 @@ interface LocaleConfig {
   };
 }
 //#endregion
+//#region src/constants/code.d.ts
+declare const DEFAULT_LIGHT_THEME = "github-light";
+declare const DEFAULT_DARK_THEME = "github-dark";
+declare const LANGUAGE_ALIAS: Record<string, BuiltinLanguage>;
+declare const LANGUAGE_EXTENSIONS: Partial<Record<BuiltinLanguage, string>>;
+declare const LANGUAGE_ICONS: Partial<Record<BuiltinLanguage | SpecialLanguage, Component>>;
+//#endregion
+//#region src/constants/harden.d.ts
+declare const DEFAULT_HARDEN_OPTIONS: HardenOptions;
+//#endregion
+//#region src/constants/icons.d.ts
+declare const ICONS: {
+  readonly arrowLeft: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly check: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly code: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly collapse: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly copy: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly cornerDownLeft: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly download: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly error: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly flipHorizontal: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly image: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly link: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly maximize: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly mermaid: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly minimize: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly preview: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly rotateLeft: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly zoomIn: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+  readonly zoomOut: vue213.FunctionalComponent<vue213.SVGAttributes, {}, any, {}>;
+};
+//#endregion
+//#region src/constants/plugins.d.ts
+declare const BUILTIN_MICROMARK_EXTENSIONS: {
+  readonly gfm: () => micromark_util_types0.Extension;
+  readonly math: (ctx: BuiltinPluginContext) => micromark_util_types0.Extension;
+  readonly frontmatter: () => micromark_util_types0.Extension;
+  readonly cjkFriendlyExtension: () => micromark_util_types0.Extension;
+  readonly gfmStrikethroughCjkFriendly: () => micromark_util_types0.Extension;
+};
+declare const BUILTIN_FROM_MDAST_EXTENSIONS: {
+  readonly gfmFromMarkdown: () => mdast_util_from_markdown0.Extension[];
+  readonly mathFromMarkdown: () => mdast_util_from_markdown0.Extension;
+  readonly frontmatterFromMarkdown: () => mdast_util_from_markdown0.Extension;
+};
+declare const BUILTIN_TO_MARKDOWN_EXTENSIONS: {
+  readonly gfmToMarkdown: () => mdast_util_to_markdown0.Options;
+  readonly mathToMarkdown: () => mdast_util_to_markdown0.Options;
+  readonly frontmatterToMarkdown: () => mdast_util_to_markdown0.Options;
+};
+//#endregion
+//#region src/constants/preload.d.ts
+declare const PRELOAD_NODE_RENDERER: BuiltinNodeRenderers[];
+//#endregion
+//#region src/constants/theme.d.ts
+declare const SHADCN_SCHEMAS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
+//#endregion
+//#region src/types/plugins.d.ts
+type BuiltinMicromarkExtension = keyof typeof BUILTIN_MICROMARK_EXTENSIONS;
+type BuiltinFromMdastExtension = keyof typeof BUILTIN_FROM_MDAST_EXTENSIONS;
+type BuiltinToMarkdownExtension = keyof typeof BUILTIN_TO_MARKDOWN_EXTENSIONS;
+type BuiltinPluginFactory<Ctx, Ext> = (ctx: Ctx) => Ext | Ext[];
+type BuiltinPluginControl<T extends string, Ext> = Partial<Record<T, false | (() => Ext)>>;
+interface BuiltinPluginContext {
+  mdastOptions?: MdastOptions;
+}
+//#endregion
 //#region src/markdown-parser.d.ts
 interface Options extends MarkdownParserOptions {
   mode: 'streaming' | 'static';
 }
 declare class MarkdownParser {
   private mode;
-  private md;
   private content;
   private syntaxTree;
+  private micromarkExtensions;
+  private fromMdastExtensions;
+  private toMdastExtensions;
   private options;
   constructor(options: Options);
   private update;
   updateMode(mode: 'streaming' | 'static'): void;
-  parseMarkdown(content: string): {
-    content: string;
-    nodes: ParsedNode[];
-  };
-  markdownToHtml(content: string): string;
+  parseMarkdown(content: string): MarkdownParserResult;
   markdownToAst(content: string, loading?: boolean): SyntaxTree;
   astToMarkdown(data: SyntaxTree | ParsedNode): string;
   hasLoadingNode(nodes?: ParsedNode[]): boolean;
@@ -249,45 +330,9 @@ interface InlineMathNodeRendererProps extends NodeRendererProps {
   node: InlineMathNode;
 }
 //#endregion
-//#region src/constants/code.d.ts
-declare const DEFAULT_LIGHT_THEME = "github-light";
-declare const DEFAULT_DARK_THEME = "github-dark";
-declare const LANGUAGE_ALIAS: Record<string, BuiltinLanguage>;
-declare const LANGUAGE_EXTENSIONS: Partial<Record<BuiltinLanguage, string>>;
-declare const LANGUAGE_ICONS: Partial<Record<BuiltinLanguage | SpecialLanguage, Component>>;
-//#endregion
-//#region src/constants/harden.d.ts
-declare const DEFAULT_HARDEN_OPTIONS: HardenOptions;
-//#endregion
-//#region src/constants/icons.d.ts
-declare const ICONS: {
-  readonly arrowLeft: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly check: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly code: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly collapse: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly copy: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly cornerDownLeft: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly download: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly error: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly flipHorizontal: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly image: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly link: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly maximize: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly mermaid: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly minimize: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly preview: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly rotateLeft: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly zoomIn: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-  readonly zoomOut: vue210.FunctionalComponent<vue210.SVGAttributes, {}, any, {}>;
-};
-//#endregion
-//#region src/constants/preload.d.ts
-declare const PRELOAD_NODE_RENDERER: BuiltinNodeRenderers[];
-//#endregion
-//#region src/constants/theme.d.ts
-declare const SHADCN_SCHEMAS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
-//#endregion
 //#region src/types/shared.d.ts
+type MaybePromise<T> = T | Promise<T>;
+type MaybeArray<T> = T | T[];
 type BuiltinNodeRenderers = keyof typeof NODE_RENDERERS;
 type BuiltinPreviewers = 'mermaid' | 'html';
 type BuiltinUIComponents = keyof typeof UI;
@@ -327,6 +372,7 @@ interface StreamMarkdownProps extends StreamMarkdownContext, MarkdownParserOptio
   preload?: PreloadConfig;
   locale?: string | LocaleConfig;
   enableAnimate?: boolean;
+  beforeDownload?: (event: DownloadEvent) => MaybePromise<boolean>;
 }
 interface PreloadConfig {
   nodeRenderers?: BuiltinNodeRenderers[];
@@ -337,12 +383,17 @@ interface MarkdownParserOptions {
   postNormalize?: (data: SyntaxTree) => SyntaxTree;
   preprocess?: (content: string) => string;
   postprocess?: (data: SyntaxTree) => SyntaxTree;
-  extendMarkdownIt?: (md: MarkdownItAsync) => void;
 }
 interface MdastOptions {
-  from?: Extension[];
-  to?: Options$1[];
-  micromark?: Extension$1[];
+  from?: FromMarkdownExtension[];
+  to?: ToMarkdownExtension[];
+  micromark?: MicromarkExtension[];
+  builtin?: {
+    micromark?: BuiltinPluginControl<BuiltinMicromarkExtension, MicromarkExtension>;
+    from?: BuiltinPluginControl<BuiltinFromMdastExtension, FromMarkdownExtension>;
+    to?: BuiltinPluginControl<BuiltinToMarkdownExtension, ToMarkdownExtension>;
+  };
+  singleDollarTextMath?: boolean;
 }
 interface StreamMarkdownContext {
   controls?: ControlsConfig;
@@ -466,20 +517,20 @@ declare const NODE_RENDERERS: NodeRenderers;
 //#endregion
 //#region src/components/index.d.ts
 declare const UI: {
-  readonly Button: vue210.DefineComponent<ButtonProps, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {} & {
+  readonly Button: vue213.DefineComponent<ButtonProps, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {} & {
     click: (event: MouseEvent, item?: SelectOption | undefined) => any;
-  }, string, vue210.PublicProps, Readonly<ButtonProps> & Readonly<{
+  }, string, vue213.PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent, item?: SelectOption | undefined) => any) | undefined;
   }>, {
     variant: "icon" | "text";
-    buttonStyle: vue210.CSSProperties;
+    buttonStyle: vue213.CSSProperties;
     iconWidth: number;
     iconHeight: number;
-    iconStyle: vue210.CSSProperties;
+    iconStyle: vue213.CSSProperties;
     options: SelectOption[];
-  }, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
+  }, {}, {}, {}, string, vue213.ComponentProvideOptions, false, {}, any>;
   readonly CodeBlock: {
-    new (...args: any[]): vue210.CreateComponentPublicInstanceWithMixins<Readonly<CodeNodeRendererProps> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, vue210.PublicProps, {}, false, {}, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, {}, any, vue210.ComponentProvideOptions, {
+    new (...args: any[]): vue213.CreateComponentPublicInstanceWithMixins<Readonly<CodeNodeRendererProps> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, vue213.PublicProps, {}, false, {}, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, {}, any, vue213.ComponentProvideOptions, {
       P: {};
       B: {};
       D: {};
@@ -490,7 +541,7 @@ declare const UI: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } & vue210.ComponentOptionsBase<Readonly<CodeNodeRendererProps> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, vue210.ComponentProvideOptions> & vue210.VNodeProps & vue210.AllowedComponentProps & vue210.ComponentCustomProps & (new () => {
+  } & vue213.ComponentOptionsBase<Readonly<CodeNodeRendererProps> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, vue213.ComponentProvideOptions> & vue213.VNodeProps & vue213.AllowedComponentProps & vue213.ComponentCustomProps & (new () => {
     $slots: {
       title?: (props: {}) => any;
     } & {
@@ -502,16 +553,16 @@ declare const UI: {
     };
   });
   readonly Dropdown: {
-    new (...args: any[]): vue210.CreateComponentPublicInstanceWithMixins<Readonly<{
+    new (...args: any[]): vue213.CreateComponentPublicInstanceWithMixins<Readonly<{
       title?: string;
       options?: SelectOption[];
     }> & Readonly<{
       onClick?: ((event: MouseEvent, item: SelectOption) => any) | undefined;
-    }>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {} & {
+    }>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {} & {
       click: (event: MouseEvent, item: SelectOption) => any;
-    }, vue210.PublicProps, {
+    }, vue213.PublicProps, {
       options: SelectOption[];
-    }, false, {}, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, {}, any, vue210.ComponentProvideOptions, {
+    }, false, {}, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, {}, any, vue213.ComponentProvideOptions, {
       P: {};
       B: {};
       D: {};
@@ -529,30 +580,30 @@ declare const UI: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } & vue210.ComponentOptionsBase<Readonly<{
+  } & vue213.ComponentOptionsBase<Readonly<{
     title?: string;
     options?: SelectOption[];
   }> & Readonly<{
     onClick?: ((event: MouseEvent, item: SelectOption) => any) | undefined;
-  }>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {} & {
+  }>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {} & {
     click: (event: MouseEvent, item: SelectOption) => any;
   }, string, {
     options: SelectOption[];
-  }, {}, string, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, vue210.ComponentProvideOptions> & vue210.VNodeProps & vue210.AllowedComponentProps & vue210.ComponentCustomProps & (new () => {
+  }, {}, string, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, vue213.ComponentProvideOptions> & vue213.VNodeProps & vue213.AllowedComponentProps & vue213.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
     };
   });
   readonly ErrorComponent: {
-    new (...args: any[]): vue210.CreateComponentPublicInstanceWithMixins<Readonly<{
+    new (...args: any[]): vue213.CreateComponentPublicInstanceWithMixins<Readonly<{
       variant?: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
       showIcon?: boolean;
-      icon?: string | vue210.Component;
+      icon?: string | vue213.Component;
       message?: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, vue210.PublicProps, {
+    }> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, vue213.PublicProps, {
       variant: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
       showIcon: boolean;
-    }, false, {}, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, {}, any, vue210.ComponentProvideOptions, {
+    }, false, {}, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, {}, any, vue213.ComponentProvideOptions, {
       P: {};
       B: {};
       D: {};
@@ -562,7 +613,7 @@ declare const UI: {
     }, Readonly<{
       variant?: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
       showIcon?: boolean;
-      icon?: string | vue210.Component;
+      icon?: string | vue213.Component;
       message?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, {
       variant: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
@@ -571,36 +622,36 @@ declare const UI: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } & vue210.ComponentOptionsBase<Readonly<{
+  } & vue213.ComponentOptionsBase<Readonly<{
     variant?: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
     showIcon?: boolean;
-    icon?: string | vue210.Component;
+    icon?: string | vue213.Component;
     message?: string;
-  }> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, {
+  }> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, {
     variant: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
     showIcon: boolean;
-  }, {}, string, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, vue210.ComponentProvideOptions> & vue210.VNodeProps & vue210.AllowedComponentProps & vue210.ComponentCustomProps & (new () => {
+  }, {}, string, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, vue213.ComponentProvideOptions> & vue213.VNodeProps & vue213.AllowedComponentProps & vue213.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
     };
   });
-  readonly Icon: vue210.DefineComponent<{
-    icon: string | vue210.Component;
+  readonly Icon: vue213.DefineComponent<{
+    icon: string | vue213.Component;
     width?: number;
     height?: number;
     class?: string | string[] | Record<string, unknown>;
-    style?: vue210.CSSProperties;
-  }, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, vue210.PublicProps, Readonly<{
-    icon: string | vue210.Component;
+    style?: vue213.CSSProperties;
+  }, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, vue213.PublicProps, Readonly<{
+    icon: string | vue213.Component;
     width?: number;
     height?: number;
     class?: string | string[] | Record<string, unknown>;
-    style?: vue210.CSSProperties;
+    style?: vue213.CSSProperties;
   }> & Readonly<{}>, {
     width: number;
     height: number;
-  }, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
-  readonly Image: vue210.DefineComponent<{
+  }, {}, {}, {}, string, vue213.ComponentProvideOptions, false, {}, any>;
+  readonly Image: vue213.DefineComponent<{
     src?: string;
     alt?: string;
     title?: string;
@@ -609,10 +660,11 @@ declare const UI: {
     controls?: ControlsConfig;
     transformHardenUrl?: (url: string) => string | null;
     nodeProps: ImageNodeRendererProps;
-  }, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {} & {
+    handleDownload?: (url: string) => Promise<void>;
+  }, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {} & {
     load: (event: Event) => any;
     error: (event: Event) => any;
-  }, string, vue210.PublicProps, Readonly<{
+  }, string, vue213.PublicProps, Readonly<{
     src?: string;
     alt?: string;
     title?: string;
@@ -621,6 +673,7 @@ declare const UI: {
     controls?: ControlsConfig;
     transformHardenUrl?: (url: string) => string | null;
     nodeProps: ImageNodeRendererProps;
+    handleDownload?: (url: string) => Promise<void>;
   }> & Readonly<{
     onLoad?: ((event: Event) => any) | undefined;
     onError?: ((event: Event) => any) | undefined;
@@ -628,25 +681,25 @@ declare const UI: {
     controls: ControlsConfig;
     preview: boolean;
     margin: number;
-  }, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
+  }, {}, {}, {}, string, vue213.ComponentProvideOptions, false, {}, any>;
   readonly Modal: {
-    new (...args: any[]): vue210.CreateComponentPublicInstanceWithMixins<Readonly<{
+    new (...args: any[]): vue213.CreateComponentPublicInstanceWithMixins<Readonly<{
       title?: string;
       zIndex?: number;
-      modalStyle?: vue210.CSSProperties;
-      headerStyle?: vue210.CSSProperties;
+      modalStyle?: vue213.CSSProperties;
+      headerStyle?: vue213.CSSProperties;
       transition?: string;
       close?: () => void;
     } & {
       open?: boolean;
     }> & Readonly<{
       "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {
       "update:open": (value: boolean) => any;
-    }, vue210.PublicProps, {
+    }, vue213.PublicProps, {
       zIndex: number;
       transition: string;
-    }, false, {}, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, {}, any, vue210.ComponentProvideOptions, {
+    }, false, {}, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, {}, any, vue213.ComponentProvideOptions, {
       P: {};
       B: {};
       D: {};
@@ -656,8 +709,8 @@ declare const UI: {
     }, Readonly<{
       title?: string;
       zIndex?: number;
-      modalStyle?: vue210.CSSProperties;
-      headerStyle?: vue210.CSSProperties;
+      modalStyle?: vue213.CSSProperties;
+      headerStyle?: vue213.CSSProperties;
       transition?: string;
       close?: () => void;
     } & {
@@ -671,23 +724,23 @@ declare const UI: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } & vue210.ComponentOptionsBase<Readonly<{
+  } & vue213.ComponentOptionsBase<Readonly<{
     title?: string;
     zIndex?: number;
-    modalStyle?: vue210.CSSProperties;
-    headerStyle?: vue210.CSSProperties;
+    modalStyle?: vue213.CSSProperties;
+    headerStyle?: vue213.CSSProperties;
     transition?: string;
     close?: () => void;
   } & {
     open?: boolean;
   }> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  }>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {
+  }>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
   }, string, {
     zIndex: number;
     transition: string;
-  }, {}, string, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, vue210.ComponentProvideOptions> & vue210.VNodeProps & vue210.AllowedComponentProps & vue210.ComponentCustomProps & (new () => {
+  }, {}, string, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, vue213.ComponentProvideOptions> & vue213.VNodeProps & vue213.AllowedComponentProps & vue213.ComponentCustomProps & (new () => {
     $slots: {
       title?: (props: {}) => any;
     } & {
@@ -698,39 +751,39 @@ declare const UI: {
       default?: (props: {}) => any;
     };
   });
-  readonly NodeList: vue210.DefineComponent<NodeRendererListProps, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, vue210.PublicProps, Readonly<NodeRendererListProps> & Readonly<{}>, {
+  readonly NodeList: vue213.DefineComponent<NodeRendererListProps, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, vue213.PublicProps, Readonly<NodeRendererListProps> & Readonly<{}>, {
     nodes: ParsedNode[];
-  }, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
-  readonly Segmented: vue210.DefineComponent<{
+  }, {}, {}, {}, string, vue213.ComponentProvideOptions, false, {}, any>;
+  readonly Segmented: vue213.DefineComponent<{
     options?: SelectOption[];
-    buttonStyle?: vue210.CSSProperties;
+    buttonStyle?: vue213.CSSProperties;
   } & {
     value?: string;
-  }, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {
+  }, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {
     "update:value": (value: string) => any;
   } & {
     change: (value: string) => any;
-  }, string, vue210.PublicProps, Readonly<{
+  }, string, vue213.PublicProps, Readonly<{
     options?: SelectOption[];
-    buttonStyle?: vue210.CSSProperties;
+    buttonStyle?: vue213.CSSProperties;
   } & {
     value?: string;
   }> & Readonly<{
     "onUpdate:value"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
   }>, {
-    buttonStyle: vue210.CSSProperties;
+    buttonStyle: vue213.CSSProperties;
     options: SelectOption[];
-  }, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
-  readonly Spin: vue210.DefineComponent<{}, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, vue210.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue210.ComponentProvideOptions, true, {}, any>;
+  }, {}, {}, {}, string, vue213.ComponentProvideOptions, false, {}, any>;
+  readonly Spin: vue213.DefineComponent<{}, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, vue213.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue213.ComponentProvideOptions, true, {}, any>;
   readonly Table: {
-    new (...args: any[]): vue210.CreateComponentPublicInstanceWithMixins<Readonly<{
+    new (...args: any[]): vue213.CreateComponentPublicInstanceWithMixins<Readonly<{
       getAlign?: (index: number) => "left" | "center" | "right";
       headers?: unknown[];
       rows?: Array<{
         children: unknown[];
       }>;
-    }> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, vue210.PublicProps, {}, false, {}, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, {}, any, vue210.ComponentProvideOptions, {
+    }> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, vue213.PublicProps, {}, false, {}, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, {}, any, vue213.ComponentProvideOptions, {
       P: {};
       B: {};
       D: {};
@@ -747,13 +800,13 @@ declare const UI: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } & vue210.ComponentOptionsBase<Readonly<{
+  } & vue213.ComponentOptionsBase<Readonly<{
     getAlign?: (index: number) => "left" | "center" | "right";
     headers?: unknown[];
     rows?: Array<{
       children: unknown[];
     }>;
-  }> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, vue210.ComponentProvideOptions> & vue210.VNodeProps & vue210.AllowedComponentProps & vue210.ComponentCustomProps & (new () => {
+  }> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, vue213.ComponentProvideOptions> & vue213.VNodeProps & vue213.AllowedComponentProps & vue213.ComponentCustomProps & (new () => {
     $slots: {
       'header-cell'?: (props: {
         cell: unknown;
@@ -768,7 +821,7 @@ declare const UI: {
     };
   });
   readonly Tooltip: {
-    new (...args: any[]): vue210.CreateComponentPublicInstanceWithMixins<Readonly<{
+    new (...args: any[]): vue213.CreateComponentPublicInstanceWithMixins<Readonly<{
       content?: string;
       trigger?: "hover" | "click";
       placement?: _floating_ui_dom0.Placement;
@@ -776,11 +829,11 @@ declare const UI: {
     }> & Readonly<{}>, {
       show: () => void;
       hide: () => void;
-    }, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, vue210.PublicProps, {
+    }, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, vue213.PublicProps, {
       trigger: "hover" | "click";
       placement: _floating_ui_dom0.Placement;
       delay: number | [number, number];
-    }, false, {}, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, {}, any, vue210.ComponentProvideOptions, {
+    }, false, {}, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, {}, any, vue213.ComponentProvideOptions, {
       P: {};
       B: {};
       D: {};
@@ -803,7 +856,7 @@ declare const UI: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } & vue210.ComponentOptionsBase<Readonly<{
+  } & vue213.ComponentOptionsBase<Readonly<{
     content?: string;
     trigger?: "hover" | "click";
     placement?: _floating_ui_dom0.Placement;
@@ -811,11 +864,11 @@ declare const UI: {
   }> & Readonly<{}>, {
     show: () => void;
     hide: () => void;
-  }, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, {
+  }, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, {
     trigger: "hover" | "click";
     placement: _floating_ui_dom0.Placement;
     delay: number | [number, number];
-  }, {}, string, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, vue210.ComponentProvideOptions> & vue210.VNodeProps & vue210.AllowedComponentProps & vue210.ComponentCustomProps & (new () => {
+  }, {}, string, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, vue213.ComponentProvideOptions> & vue213.VNodeProps & vue213.AllowedComponentProps & vue213.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
     } & {
@@ -823,19 +876,19 @@ declare const UI: {
     };
   });
   readonly ZoomContainer: {
-    new (...args: any[]): vue210.CreateComponentPublicInstanceWithMixins<Readonly<{
+    new (...args: any[]): vue213.CreateComponentPublicInstanceWithMixins<Readonly<{
       interactive?: boolean;
       showControl?: boolean;
       controlSize?: "vanilla" | "large";
       position?: ZoomControlPosition;
-      containerStyle?: vue210.CSSProperties;
-    }> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, vue210.PublicProps, {
+      containerStyle?: vue213.CSSProperties;
+    }> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, vue213.PublicProps, {
       interactive: boolean;
       showControl: boolean;
       controlSize: "vanilla" | "large";
       position: ZoomControlPosition;
-      containerStyle: vue210.CSSProperties;
-    }, false, {}, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, {}, any, vue210.ComponentProvideOptions, {
+      containerStyle: vue213.CSSProperties;
+    }, false, {}, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, {}, any, vue213.ComponentProvideOptions, {
       P: {};
       B: {};
       D: {};
@@ -847,30 +900,30 @@ declare const UI: {
       showControl?: boolean;
       controlSize?: "vanilla" | "large";
       position?: ZoomControlPosition;
-      containerStyle?: vue210.CSSProperties;
+      containerStyle?: vue213.CSSProperties;
     }> & Readonly<{}>, {}, {}, {}, {}, {
       interactive: boolean;
       showControl: boolean;
       controlSize: "vanilla" | "large";
       position: ZoomControlPosition;
-      containerStyle: vue210.CSSProperties;
+      containerStyle: vue213.CSSProperties;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } & vue210.ComponentOptionsBase<Readonly<{
+  } & vue213.ComponentOptionsBase<Readonly<{
     interactive?: boolean;
     showControl?: boolean;
     controlSize?: "vanilla" | "large";
     position?: ZoomControlPosition;
-    containerStyle?: vue210.CSSProperties;
-  }> & Readonly<{}>, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, {
+    containerStyle?: vue213.CSSProperties;
+  }> & Readonly<{}>, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, {
     interactive: boolean;
     showControl: boolean;
     controlSize: "vanilla" | "large";
     position: ZoomControlPosition;
-    containerStyle: vue210.CSSProperties;
-  }, {}, string, {}, vue210.GlobalComponents, vue210.GlobalDirectives, string, vue210.ComponentProvideOptions> & vue210.VNodeProps & vue210.AllowedComponentProps & vue210.ComponentCustomProps & (new () => {
+    containerStyle: vue213.CSSProperties;
+  }, {}, string, {}, vue213.GlobalComponents, vue213.GlobalDirectives, string, vue213.ComponentProvideOptions> & vue213.VNodeProps & vue213.AllowedComponentProps & vue213.ComponentCustomProps & (new () => {
     $slots: {
       controls?: (props: {
         iconWidth?: undefined;
@@ -895,16 +948,16 @@ interface UseCodeOptionsOptions {
   language?: MaybeRef<string>;
 }
 declare function useCodeOptions(options: UseCodeOptionsOptions): {
-  languageCodeOptions: vue210.ComputedRef<{
-    languageIcon?: boolean | vue210.Component | undefined;
+  languageCodeOptions: vue213.ComputedRef<{
+    languageIcon?: boolean | vue213.Component | undefined;
     language?: Record<string, CodeOptionsLanguage>;
     languageName?: boolean;
     lineNumbers?: boolean;
     maxHeight?: number | string;
   }>;
-  showLanguageIcon: vue210.ComputedRef<boolean>;
-  showLanguageName: vue210.ComputedRef<boolean>;
-  showLineNumbers: vue210.ComputedRef<boolean>;
+  showLanguageIcon: vue213.ComputedRef<boolean>;
+  showLanguageName: vue213.ComputedRef<boolean>;
+  showLineNumbers: vue213.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-context.d.ts
@@ -917,20 +970,22 @@ interface Context {
   parsedNodes?: MaybeRef<ParsedNode[]>;
   getContainer?: () => HTMLElement | undefined;
   getOverlayContainer?: () => Element | null;
+  beforeDownload?: StreamMarkdownProps['beforeDownload'];
   onCopied?: (content: string) => void;
 }
 declare function useContext(): {
   context: Context;
   provideContext: (ctx: Partial<Context>) => void;
   injectContext: () => Context;
-  mode: vue210.ComputedRef<"streaming" | "static">;
-  hideTooltip: vue210.ComputedRef<boolean>;
-  icons: vue210.ComputedRef<Partial<Icons>>;
-  isDark: vue210.ComputedRef<boolean>;
-  enableAnimate: vue210.ComputedRef<boolean | undefined>;
-  parsedNodes: vue210.ComputedRef<ParsedNode[]>;
+  mode: vue213.ComputedRef<"streaming" | "static">;
+  hideTooltip: vue213.ComputedRef<boolean>;
+  icons: vue213.ComputedRef<Partial<Icons>>;
+  isDark: vue213.ComputedRef<boolean>;
+  enableAnimate: vue213.ComputedRef<boolean | undefined>;
+  parsedNodes: vue213.ComputedRef<ParsedNode[]>;
   readonly getContainer: () => HTMLElement | undefined;
   readonly getOverlayContainer: () => Element | null;
+  readonly beforeDownload: (event: DownloadEvent) => MaybePromise<boolean>;
   readonly onCopied: (content: string) => void;
 };
 //#endregion
@@ -944,6 +999,29 @@ declare function useControls(options: UseControlsOptions): {
   resolveControls: <T extends NodeRendererProps = NodeRendererProps>(type: string, builtinControls: Control[], props: T) => Control[];
 };
 //#endregion
+//#region src/composables/use-deferred-render.d.ts
+interface UseDeferredRenderOptions {
+  targetRef: MaybeRef<HTMLElement | null | undefined>;
+  immediate?: boolean;
+  debounceDelay?: number;
+  rootMargin?: string;
+  idleTimeout?: number;
+}
+declare function useDeferredRender(options: UseDeferredRenderOptions): {
+  shouldRender: vue213.Ref<boolean, boolean>;
+};
+//#endregion
+//#region src/composables/use-dirty-parser.d.ts
+interface UseIdleOptions {
+  idle?: boolean;
+  idleTimeout?: number;
+}
+declare function useDirtyParser(parse: (content: string) => MarkdownParserResult, options?: UseIdleOptions): {
+  requestParse: (content: string) => void;
+  result: vue213.Ref<MarkdownParserResult | undefined, MarkdownParserResult | undefined>;
+  running: vue213.Ref<boolean, boolean>;
+};
+//#endregion
 //#region src/composables/use-floating.d.ts
 interface UseFloatingOptions {
   hideTooltip?: MaybeRef<boolean>;
@@ -953,11 +1031,11 @@ interface UseFloatingOptions {
   getContainer?: () => HTMLElement | undefined;
 }
 declare function useFloating(options: UseFloatingOptions): {
-  referenceEl: vue210.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-  floatingEl: vue210.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-  open: vue210.Ref<boolean, boolean>;
-  appendTo: vue210.ComputedRef<HTMLElement | "body">;
-  floatingStyle: vue210.ComputedRef<{
+  referenceEl: vue213.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  floatingEl: vue213.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  open: vue213.Ref<boolean, boolean>;
+  appendTo: vue213.ComputedRef<HTMLElement | "body">;
+  floatingStyle: vue213.ComputedRef<{
     position: "absolute" | "fixed";
     top: string;
     left: string;
@@ -978,7 +1056,7 @@ declare function useI18n(): {
 //#endregion
 //#region src/composables/use-katex.d.ts
 declare function useKatex(): {
-  installed: vue210.Ref<boolean, boolean>;
+  installed: vue213.Ref<boolean, boolean>;
   render: (code: string, options?: KatexOptions$1) => Promise<{
     html?: string;
     error?: string;
@@ -994,9 +1072,9 @@ interface UseMathRendererOptions {
   throttle?: MaybeRef<number>;
 }
 declare function useMathRenderer(options: UseMathRendererOptions): {
-  html: vue210.Ref<string, string>;
-  error: vue210.ComputedRef<boolean>;
-  errorMessage: vue210.Ref<string, string>;
+  html: vue213.Ref<string, string>;
+  error: vue213.ComputedRef<boolean>;
+  errorMessage: vue213.Ref<string, string>;
 };
 //#endregion
 //#region src/composables/use-medium-zoom.d.ts
@@ -1006,12 +1084,12 @@ interface UseMediumZoomOptions {
   close?: () => void;
 }
 declare function useMediumZoom(options: UseMediumZoomOptions): {
-  isAnimating: vue210.Ref<boolean, boolean>;
-  elementStyle: vue210.ComputedRef<{
+  isAnimating: vue213.Ref<boolean, boolean>;
+  elementStyle: vue213.ComputedRef<{
     opacity: number;
   }>;
-  elementRef: vue210.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-  zoomElementRef: vue210.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  elementRef: vue213.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  zoomElementRef: vue213.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   zoomIn: () => Promise<void>;
   zoomOut: () => Promise<void>;
 };
@@ -1022,7 +1100,7 @@ interface UseMermaidOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useMermaid(options?: UseMermaidOptions): {
-  installed: vue210.Ref<boolean, boolean>;
+  installed: vue213.Ref<boolean, boolean>;
   getMermaid: () => Promise<Mermaid>;
   parseMermaid: (code: string) => Promise<{
     valid: boolean;
@@ -1046,10 +1124,10 @@ interface UseSanitizersOptions {
   isImage?: MaybeRef<boolean | undefined>;
 }
 declare function useSanitizers(options: UseSanitizersOptions): {
-  hardenOptions: vue210.ComputedRef<HardenOptions>;
+  hardenOptions: vue213.ComputedRef<HardenOptions>;
   transformHardenUrl: (url: string) => string | null;
-  transformedUrl: vue210.ComputedRef<string | null>;
-  isHardenUrl: vue210.ComputedRef<boolean>;
+  transformedUrl: vue213.ComputedRef<string | null>;
+  isHardenUrl: vue213.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-shiki.d.ts
@@ -1059,7 +1137,7 @@ interface UseShikiOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useShiki(options?: UseShikiOptions): {
-  installed: vue210.Ref<boolean, boolean>;
+  installed: vue213.Ref<boolean, boolean>;
   getHighlighter: () => Promise<Highlighter>;
   codeToTokens: (code: string) => Promise<TokensResult>;
   preload: () => Promise<void>;
@@ -1072,12 +1150,12 @@ interface UseTailwindV3ThemeOptions {
   styleScope?: MaybeRef<string | string[]>;
 }
 declare function useTailwindV3Theme(options: UseTailwindV3ThemeOptions): {
-  element: vue210.ComputedRef<Element | undefined>;
+  element: vue213.ComputedRef<Element | undefined>;
   id: string;
-  css: vue210.ShallowRef<string>;
+  css: vue213.ShallowRef<string>;
   load: () => void;
   unload: () => void;
-  isLoaded: Readonly<vue210.ShallowRef<boolean>>;
+  isLoaded: Readonly<vue213.ShallowRef<boolean>>;
   generateCSS: () => void;
 };
 //#endregion
@@ -1097,11 +1175,11 @@ interface ZoomState {
   translateY: number;
 }
 declare function useZoom(options?: UseZoomOptions): {
-  zoom: vue210.Ref<number, number>;
-  translateX: vue210.Ref<number, number>;
-  translateY: vue210.Ref<number, number>;
-  isDragging: vue210.Ref<boolean, boolean>;
-  transformStyle: vue210.ComputedRef<{
+  zoom: vue213.Ref<number, number>;
+  translateX: vue213.Ref<number, number>;
+  translateY: vue213.Ref<number, number>;
+  isDragging: vue213.Ref<boolean, boolean>;
+  transformStyle: vue213.ComputedRef<{
     transform: string;
   }>;
   zoomIn: () => void;
@@ -1120,16 +1198,16 @@ declare function useZoom(options?: UseZoomOptions): {
 };
 //#endregion
 //#region src/index.vue.d.ts
-declare const __VLS_export: vue210.DefineComponent<StreamMarkdownProps, {
+declare const __VLS_export: vue213.DefineComponent<StreamMarkdownProps, {
   getMarkdownParser: () => MarkdownParser;
   getParsedNodes: () => ParsedNode[];
   getProcessedContent: () => string;
-}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {} & {
+}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {} & {
   copied: (content: string) => any;
-}, string, vue210.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
+}, string, vue213.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
   onCopied?: ((content: string) => any) | undefined;
 }>, {
-  nodeRenderers: Partial<Record<"delete" | "text" | "blockquote" | "break" | "code" | "definition" | "emphasis" | "footnoteDefinition" | "footnoteReference" | "heading" | "html" | "image" | "imageReference" | "inlineCode" | "link" | "linkReference" | "list" | "listItem" | "paragraph" | "strong" | "table" | "tableCell" | "tableRow" | "thematicBreak" | "yaml" | "inlineMath" | "math", vue210.Component>>;
+  nodeRenderers: Partial<Record<"delete" | "text" | "blockquote" | "break" | "code" | "definition" | "emphasis" | "footnoteDefinition" | "footnoteReference" | "heading" | "html" | "image" | "imageReference" | "inlineCode" | "link" | "linkReference" | "list" | "listItem" | "paragraph" | "strong" | "table" | "tableCell" | "tableRow" | "thematicBreak" | "yaml" | "inlineMath" | "math", vue213.Component>>;
   controls: ControlsConfig;
   previewers: PreviewerConfig;
   isDark: boolean;
@@ -1138,22 +1216,19 @@ declare const __VLS_export: vue210.DefineComponent<StreamMarkdownProps, {
   icons: Partial<Icons>;
   locale: string | LocaleConfig;
   enableAnimate: boolean;
-}, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue213.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 //#region src/locales/index.d.ts
 declare const SUPPORT_LANGUAGES: string[];
 declare const localesGlob: Record<string, () => Promise<unknown>>;
-declare const localeMessages: vue210.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
-declare const currentLocale: vue210.Ref<string, string>;
+declare const localeMessages: vue213.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
+declare const currentLocale: vue213.Ref<string, string>;
 declare function loadLocaleMessages(language: string | LocaleConfig): Promise<void>;
 //#endregion
 //#region src/postprocess/footnote.d.ts
 declare function postFixFootnote(data: SyntaxTree): SyntaxTree;
 //#endregion
-//#region src/postprocess/text.d.ts
-declare function postFixText(data: SyntaxTree): SyntaxTree;
-//#endregion
 //#region src/postprocess/index.d.ts
 declare function postNormalize(data: SyntaxTree): SyntaxTree;
 declare function postprocess(data: SyntaxTree): SyntaxTree;
@@ -1297,6 +1372,31 @@ declare function fixFootnote(content: string): string;
  */
 declare function fixLink(content: string): string;
 //#endregion
+//#region src/preprocess/math.d.ts
+/**
+ * Fix unclosed block math ($$) syntax in streaming markdown
+ *
+ * Block math is defined as $$ delimiters on separate lines:
+ * $$
+ * E = mc^2
+ * $$
+ *
+ * This function processes the entire content (not just last paragraph)
+ * because block math can span multiple paragraphs.
+ *
+ * @param content - Markdown content (potentially incomplete in stream mode)
+ * @returns Content with auto-completed block math if needed
+ *
+ * @example
+ * fixMath('$$\nE = mc^2')
+ * // Returns: '$$\nE = mc^2\n$$'
+ *
+ * @example
+ * fixMath('$$\nE = mc^2\n$$')
+ * // Returns: '$$\nE = mc^2\n$$' (no change)
+ */
+declare function fixMath(content: string): string;
+//#endregion
 //#region src/preprocess/strong.d.ts
 /**
  * Fix unclosed strong (** or __) syntax in streaming markdown
@@ -1392,11 +1492,14 @@ declare const quoteStandaloneDashPattern: RegExp;
 declare const quoteTaskListPattern: RegExp;
 declare const quoteIncompleteTaskListPattern: RegExp;
 declare const trailingStandaloneDashWithNewlinesPattern: RegExp;
+declare const linkImagePattern: RegExp;
+declare const incompleteLinkImageUrlPattern: RegExp;
+declare const standaloneUrlPattern: RegExp;
 //#endregion
 //#region src/preprocess/index.d.ts
 declare function proprocessContent(content: string): string;
 declare function normalize(content: string): string;
-declare function preprocess(content: string, streamdown?: boolean): string;
+declare function preprocess(content: string): string;
 //#endregion
 //#region src/utils/harden.d.ts
 declare function transformUrl(url: unknown, allowedPrefixes: string[], defaultOrigin: string, allowDataImages?: boolean, isImage?: boolean, allowedProtocols?: string[]): string | null;
@@ -1409,6 +1512,12 @@ declare function svgToPngBlob(svgString: string, options?: {
   scale?: number;
 }): Promise<Blob> | null;
 //#endregion
+//#region src/utils/idle.d.ts
+declare function createIdleCallback(): {
+  request: (cb: IdleRequestCallback, timeout?: number) => number;
+  cancel: (id: number) => void;
+};
+//#endregion
 //#region src/utils/inference.d.ts
 declare function isClient(): boolean;
 declare function isServer(): boolean;
@@ -1429,6 +1538,9 @@ declare function findNodeParent(targetNode: ParsedNode, nodes: ParsedNode[], par
   index: number;
 } | null;
 //#endregion
+//#region src/utils/plugins.d.ts
+declare function resolveBuiltinExtensions<Builtins extends Record<string, BuiltinPluginFactory<Ctx, any>>, Ctx, Key extends keyof Builtins, Ext = (ReturnType<Builtins[Key]> extends (infer U)[] ? U : ReturnType<Builtins[Key]>)>(builtins: Builtins, ctx: Ctx, control?: Partial<Record<Key, false | BuiltinPluginFactory<Ctx, Ext>>>, extend?: Ext[]): Ext[];
+//#endregion
 //#region src/utils/preload.d.ts
 declare function preloadAsyncComponents(components: Record<string, Component>, include?: string[], exclude?: string[]): Promise<void>;
 //#endregion
@@ -1443,4 +1555,4 @@ declare function tableDataToTSV(data: TableData): string;
 declare function escapeMarkdownTableCell(cell: string): string;
 declare function tableDataToMarkdown(data: TableData): string;
 //#endregion
-export { BlockquoteNode, BlockquoteNodeRendererProps, BreakNode, BreakNodeRendererProps, BuiltinNodeRenderers, BuiltinPreviewers, BuiltinUIComponents, ButtonProps, CODE_PREVIEWERS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, CodeOptionsLanguage, Control, ControlTransformer, ControlsConfig, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, DefinitionNode, DefinitionNodeRendererProps, DeleteNode, DeleteNodeRendererProps, EmphasisNode, EmphasisNodeRendererProps, FootnoteDefinitionNode, FootnoteDefinitionNodeRendererProps, FootnoteReferenceNode, FootnoteReferenceNodeRendererProps, HardenOptions, HeadingNode, HeadingNodeRendererProps, HtmlNode, HtmlNodeRendererProps, ICONS, IconName, Icons, ImageControlsConfig, ImageNode, ImageNodeRendererProps, ImageOptions, ImageReferenceNode, ImageReferenceNodeRendererProps, InlineCodeNode, InlineCodeNodeRendererProps, InlineMathNode, InlineMathNodeRendererProps, KatexOptions, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, LinkNode, LinkNodeRendererProps, LinkReferenceNode, LinkReferenceNodeRendererProps, ListItemNode, ListItemNodeRendererProps, ListNode, ListNodeRendererProps, LocaleConfig, _default as Markdown, MarkdownParser, MarkdownParserOptions, MathNode, MathNodeRendererProps, MdastOptions, MermaidControlsConfig, MermaidOptions, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, OptionalIconName, Options, PRELOAD_NODE_RENDERER, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreloadConfig, PreviewSegmentedPlacement, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectOption, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, UI, UIOptions, YamlNode, YamlNodeRendererProps, ZoomControlPosition, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixFootnote, fixLink, fixStrong, fixTable, fixTaskList, flow, footnoteDefLabelPattern, footnoteDefLinePattern, footnoteDefPattern, footnoteRefLabelPattern, footnoteRefPattern, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteFootnoteRefPattern, incompleteLinkTextPattern, incompleteTaskListPattern, incompleteUrlPattern, isClient, isServer, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixFootnote, postFixText, postNormalize, postprocess, preloadAsyncComponents, preprocess, preprocessLaTeX, proprocessContent, quoteIncompleteTaskListPattern, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, saveImage, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingStandaloneBracketPattern, trailingStandaloneDashWithNewlinesPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useFloating, useI18n, useKatex, useMathRenderer, useMediumZoom, useMermaid, useSanitizers, useShiki, useTailwindV3Theme, useZoom };
+export { BUILTIN_FROM_MDAST_EXTENSIONS, BUILTIN_MICROMARK_EXTENSIONS, BUILTIN_TO_MARKDOWN_EXTENSIONS, BlockquoteNode, BlockquoteNodeRendererProps, BreakNode, BreakNodeRendererProps, BuiltinFromMdastExtension, BuiltinMicromarkExtension, BuiltinNodeRenderers, BuiltinPluginContext, BuiltinPluginControl, BuiltinPluginFactory, BuiltinPreviewers, BuiltinToMarkdownExtension, BuiltinUIComponents, ButtonProps, CODE_PREVIEWERS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, CodeOptionsLanguage, ContentDownloadEvent, Control, ControlTransformer, ControlsConfig, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, DefinitionNode, DefinitionNodeRendererProps, DeleteNode, DeleteNodeRendererProps, DownloadEvent, EmphasisNode, EmphasisNodeRendererProps, FootnoteDefinitionNode, FootnoteDefinitionNodeRendererProps, FootnoteReferenceNode, FootnoteReferenceNodeRendererProps, type FromMarkdownExtension, HardenOptions, HeadingNode, HeadingNodeRendererProps, HtmlNode, HtmlNodeRendererProps, ICONS, IconName, Icons, ImageControlsConfig, ImageNode, ImageNodeRendererProps, ImageOptions, ImageReferenceNode, ImageReferenceNodeRendererProps, InlineCodeNode, InlineCodeNodeRendererProps, InlineMathNode, InlineMathNodeRendererProps, KatexOptions, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, LinkNode, LinkNodeRendererProps, LinkReferenceNode, LinkReferenceNodeRendererProps, ListItemNode, ListItemNodeRendererProps, ListNode, ListNodeRendererProps, LocaleConfig, _default as Markdown, MarkdownParser, MarkdownParserOptions, MarkdownParserResult, MathNode, MathNodeRendererProps, MaybeArray, MaybePromise, MdastOptions, MermaidControlsConfig, MermaidOptions, type MicromarkExtension, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, OptionalIconName, Options, PRELOAD_NODE_RENDERER, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreloadConfig, PreviewSegmentedPlacement, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectOption, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, type ToMarkdownExtension, UI, UIOptions, UrlDownloadEvent, YamlNode, YamlNodeRendererProps, ZoomControlPosition, codeBlockPattern, createIdleCallback, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixFootnote, fixLink, fixMath, fixStrong, fixTable, fixTaskList, flow, footnoteDefLabelPattern, footnoteDefLinePattern, footnoteDefPattern, footnoteRefLabelPattern, footnoteRefPattern, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteFootnoteRefPattern, incompleteLinkImageUrlPattern, incompleteLinkTextPattern, incompleteTaskListPattern, incompleteUrlPattern, isClient, isServer, linkImagePattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixFootnote, postNormalize, postprocess, preloadAsyncComponents, preprocess, preprocessLaTeX, proprocessContent, quoteIncompleteTaskListPattern, quoteStandaloneDashPattern, quoteTaskListPattern, resolveBuiltinExtensions, save, saveImage, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, standaloneUrlPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingStandaloneBracketPattern, trailingStandaloneDashWithNewlinesPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useDeferredRender, useDirtyParser, useFloating, useI18n, useKatex, useMathRenderer, useMediumZoom, useMermaid, useSanitizers, useShiki, useTailwindV3Theme, useZoom };