vue-stream-markdown 0.2.0 → 0.2.2

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import * as vue7 from "vue";
+import * as vue209 from "vue";
 import { CSSProperties, Component, MaybeRef, MaybeRefOrGetter } from "vue";
-import * as _floating_ui_vue0 from "@floating-ui/vue";
-import { Placement } from "@floating-ui/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";
@@ -261,30 +261,36 @@ declare const DEFAULT_HARDEN_OPTIONS: HardenOptions;
 //#endregion
 //#region src/constants/icons.d.ts
 declare const ICONS: {
-  readonly arrowLeft: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly check: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly code: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly collapse: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly copy: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly cornerDownLeft: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly download: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly error: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly flipHorizontal: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly image: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly link: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly maximize: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly mermaid: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly minimize: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly preview: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly rotateLeft: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly zoomIn: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
-  readonly zoomOut: vue7.FunctionalComponent<vue7.SVGAttributes, {}, any, {}>;
+  readonly arrowLeft: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly check: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly code: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly collapse: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly copy: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly cornerDownLeft: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly download: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly error: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly flipHorizontal: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly image: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly link: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly maximize: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly mermaid: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly minimize: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly preview: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly rotateLeft: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly zoomIn: vue209.FunctionalComponent<vue209.SVGAttributes, {}, any, {}>;
+  readonly zoomOut: vue209.FunctionalComponent<vue209.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 BuiltinNodeRenderers = keyof typeof NODE_RENDERERS;
+type BuiltinPreviewers = 'mermaid' | 'html';
+type BuiltinUIComponents = keyof typeof UI;
 type OptionalIconName = 'flipVertical' | 'rotateRight' | 'arrowRight';
 type IconName = keyof typeof ICONS;
 type Icons = Record<IconName, Component> & Partial<Record<OptionalIconName, Component>> & Record<string, Component>;
@@ -318,9 +324,13 @@ interface StreamMarkdownProps extends StreamMarkdownContext, MarkdownParserOptio
   content?: string;
   nodeRenderers?: NodeRenderers;
   icons?: Partial<Icons>;
+  preload?: PreloadConfig;
   locale?: string | LocaleConfig;
   enableAnimate?: boolean;
 }
+interface PreloadConfig {
+  nodeRenderers?: BuiltinNodeRenderers[];
+}
 interface MarkdownParserOptions {
   mdastOptions?: MdastOptions;
   normalize?: (content: string) => string;
@@ -377,12 +387,15 @@ type ControlsConfig = boolean | {
   image?: boolean | ImageControlsConfig;
   mermaid?: boolean | MermaidControlsConfig;
 };
-type PreviewerConfig = boolean | ({
-  mermaid?: boolean | Component;
-  html?: boolean | Component;
-} & {
-  [key: string]: Component;
-});
+type PreviewSegmentedPlacement = 'left' | 'center' | 'right' | 'auto';
+type PreviewerConfig = boolean | {
+  placement?: PreviewSegmentedPlacement;
+  progressive?: Record<string, boolean>;
+  components?: {
+    mermaid?: boolean | Component;
+    html?: boolean | Component;
+  } & Record<string, Component>;
+};
 interface ShikiOptions {
   theme?: [BuiltinTheme, BuiltinTheme];
   langs?: BundledLanguage[];
@@ -437,7 +450,423 @@ interface HardenOptions {
 declare const NODE_RENDERERS: NodeRenderers;
 //#endregion
 //#region src/components/index.d.ts
-declare const UI: Record<string, Component>;
+declare const UI: {
+  readonly Button: vue209.DefineComponent<ButtonProps, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent, item?: SelectOption | undefined) => any;
+  }, string, vue209.PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent, item?: SelectOption | undefined) => any) | undefined;
+  }>, {
+    variant: "icon" | "text";
+    buttonStyle: vue209.CSSProperties;
+    iconWidth: number;
+    iconHeight: number;
+    iconStyle: vue209.CSSProperties;
+    options: SelectOption[];
+  }, {}, {}, {}, string, vue209.ComponentProvideOptions, false, {}, any>;
+  readonly CodeBlock: {
+    new (...args: any[]): vue209.CreateComponentPublicInstanceWithMixins<Readonly<CodeNodeRendererProps> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, vue209.PublicProps, {}, false, {}, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, {}, any, vue209.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<CodeNodeRendererProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue209.ComponentOptionsBase<Readonly<CodeNodeRendererProps> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, vue209.ComponentProvideOptions> & vue209.VNodeProps & vue209.AllowedComponentProps & vue209.ComponentCustomProps & (new () => {
+    $slots: {
+      title?: (props: {}) => any;
+    } & {
+      'header-center'?: (props: {}) => any;
+    } & {
+      actions?: (props: {}) => any;
+    } & {
+      default?: (props: {}) => any;
+    };
+  });
+  readonly Dropdown: {
+    new (...args: any[]): vue209.CreateComponentPublicInstanceWithMixins<Readonly<{
+      title?: string;
+      options?: SelectOption[];
+    }> & Readonly<{
+      onClick?: ((event: MouseEvent, item: SelectOption) => any) | undefined;
+    }>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {} & {
+      click: (event: MouseEvent, item: SelectOption) => any;
+    }, vue209.PublicProps, {
+      options: SelectOption[];
+    }, false, {}, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, {}, any, vue209.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<{
+      title?: string;
+      options?: SelectOption[];
+    }> & Readonly<{
+      onClick?: ((event: MouseEvent, item: SelectOption) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+      options: SelectOption[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue209.ComponentOptionsBase<Readonly<{
+    title?: string;
+    options?: SelectOption[];
+  }> & Readonly<{
+    onClick?: ((event: MouseEvent, item: SelectOption) => any) | undefined;
+  }>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent, item: SelectOption) => any;
+  }, string, {
+    options: SelectOption[];
+  }, {}, string, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, vue209.ComponentProvideOptions> & vue209.VNodeProps & vue209.AllowedComponentProps & vue209.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {}) => any;
+    };
+  });
+  readonly ErrorComponent: {
+    new (...args: any[]): vue209.CreateComponentPublicInstanceWithMixins<Readonly<{
+      variant?: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
+      showIcon?: boolean;
+      icon?: string | vue209.Component;
+      message?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, vue209.PublicProps, {
+      variant: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
+      showIcon: boolean;
+    }, false, {}, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, {}, any, vue209.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<{
+      variant?: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
+      showIcon?: boolean;
+      icon?: string | vue209.Component;
+      message?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+      variant: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
+      showIcon: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue209.ComponentOptionsBase<Readonly<{
+    variant?: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
+    showIcon?: boolean;
+    icon?: string | vue209.Component;
+    message?: string;
+  }> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, {
+    variant: "image" | "vanilla" | "mermaid" | "katex" | "harden-image" | "harden-link";
+    showIcon: boolean;
+  }, {}, string, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, vue209.ComponentProvideOptions> & vue209.VNodeProps & vue209.AllowedComponentProps & vue209.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {}) => any;
+    };
+  });
+  readonly Icon: vue209.DefineComponent<{
+    icon: string | vue209.Component;
+    width?: number;
+    height?: number;
+    class?: string | string[] | Record<string, unknown>;
+    style?: vue209.CSSProperties;
+  }, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, vue209.PublicProps, Readonly<{
+    icon: string | vue209.Component;
+    width?: number;
+    height?: number;
+    class?: string | string[] | Record<string, unknown>;
+    style?: vue209.CSSProperties;
+  }> & Readonly<{}>, {
+    width: number;
+    height: number;
+  }, {}, {}, {}, string, vue209.ComponentProvideOptions, false, {}, any>;
+  readonly Image: vue209.DefineComponent<{
+    src?: string;
+    alt?: string;
+    title?: string;
+    preview?: boolean;
+    margin?: number;
+    controls?: ControlsConfig;
+    transformHardenUrl?: (url: string) => string | null;
+    nodeProps: ImageNodeRendererProps;
+  }, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {} & {
+    load: (event: Event) => any;
+    error: (event: Event) => any;
+  }, string, vue209.PublicProps, Readonly<{
+    src?: string;
+    alt?: string;
+    title?: string;
+    preview?: boolean;
+    margin?: number;
+    controls?: ControlsConfig;
+    transformHardenUrl?: (url: string) => string | null;
+    nodeProps: ImageNodeRendererProps;
+  }> & Readonly<{
+    onLoad?: ((event: Event) => any) | undefined;
+    onError?: ((event: Event) => any) | undefined;
+  }>, {
+    controls: ControlsConfig;
+    preview: boolean;
+    margin: number;
+  }, {}, {}, {}, string, vue209.ComponentProvideOptions, false, {}, any>;
+  readonly Modal: {
+    new (...args: any[]): vue209.CreateComponentPublicInstanceWithMixins<Readonly<{
+      title?: string;
+      zIndex?: number;
+      modalStyle?: vue209.CSSProperties;
+      headerStyle?: vue209.CSSProperties;
+      transition?: string;
+      close?: () => void;
+    } & {
+      open?: boolean;
+    }> & Readonly<{
+      "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {
+      "update:open": (value: boolean) => any;
+    }, vue209.PublicProps, {
+      zIndex: number;
+      transition: string;
+    }, false, {}, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, {}, any, vue209.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<{
+      title?: string;
+      zIndex?: number;
+      modalStyle?: vue209.CSSProperties;
+      headerStyle?: vue209.CSSProperties;
+      transition?: string;
+      close?: () => void;
+    } & {
+      open?: boolean;
+    }> & Readonly<{
+      "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+      zIndex: number;
+      transition: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue209.ComponentOptionsBase<Readonly<{
+    title?: string;
+    zIndex?: number;
+    modalStyle?: vue209.CSSProperties;
+    headerStyle?: vue209.CSSProperties;
+    transition?: string;
+    close?: () => void;
+  } & {
+    open?: boolean;
+  }> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  }>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+  }, string, {
+    zIndex: number;
+    transition: string;
+  }, {}, string, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, vue209.ComponentProvideOptions> & vue209.VNodeProps & vue209.AllowedComponentProps & vue209.ComponentCustomProps & (new () => {
+    $slots: {
+      title?: (props: {}) => any;
+    } & {
+      'header-center'?: (props: {}) => any;
+    } & {
+      actions?: (props: {}) => any;
+    } & {
+      default?: (props: {}) => any;
+    };
+  });
+  readonly NodeList: vue209.DefineComponent<NodeRendererListProps, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, vue209.PublicProps, Readonly<NodeRendererListProps> & Readonly<{}>, {
+    nodes: ParsedNode[];
+  }, {}, {}, {}, string, vue209.ComponentProvideOptions, false, {}, any>;
+  readonly Segmented: vue209.DefineComponent<{
+    options?: SelectOption[];
+    buttonStyle?: vue209.CSSProperties;
+  } & {
+    value?: string;
+  }, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+  } & {
+    change: (value: string) => any;
+  }, string, vue209.PublicProps, Readonly<{
+    options?: SelectOption[];
+    buttonStyle?: vue209.CSSProperties;
+  } & {
+    value?: string;
+  }> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+  }>, {
+    buttonStyle: vue209.CSSProperties;
+    options: SelectOption[];
+  }, {}, {}, {}, string, vue209.ComponentProvideOptions, false, {}, any>;
+  readonly Spin: vue209.DefineComponent<{}, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, vue209.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue209.ComponentProvideOptions, true, {}, any>;
+  readonly Table: {
+    new (...args: any[]): vue209.CreateComponentPublicInstanceWithMixins<Readonly<{
+      getAlign?: (index: number) => "left" | "center" | "right";
+      headers?: unknown[];
+      rows?: Array<{
+        children: unknown[];
+      }>;
+    }> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, vue209.PublicProps, {}, false, {}, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, {}, any, vue209.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<{
+      getAlign?: (index: number) => "left" | "center" | "right";
+      headers?: unknown[];
+      rows?: Array<{
+        children: unknown[];
+      }>;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue209.ComponentOptionsBase<Readonly<{
+    getAlign?: (index: number) => "left" | "center" | "right";
+    headers?: unknown[];
+    rows?: Array<{
+      children: unknown[];
+    }>;
+  }> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, vue209.ComponentProvideOptions> & vue209.VNodeProps & vue209.AllowedComponentProps & vue209.ComponentCustomProps & (new () => {
+    $slots: {
+      'header-cell'?: (props: {
+        cell: unknown;
+        cellIndex: number;
+      }) => any;
+    } & {
+      'body-cell'?: (props: {
+        cell: unknown;
+        rowIndex: number;
+        cellIndex: number;
+      }) => any;
+    };
+  });
+  readonly Tooltip: {
+    new (...args: any[]): vue209.CreateComponentPublicInstanceWithMixins<Readonly<{
+      content?: string;
+      trigger?: "hover" | "click";
+      placement?: _floating_ui_dom0.Placement;
+      delay?: number | [number, number];
+    }> & Readonly<{}>, {
+      show: () => void;
+      hide: () => void;
+    }, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, vue209.PublicProps, {
+      trigger: "hover" | "click";
+      placement: _floating_ui_dom0.Placement;
+      delay: number | [number, number];
+    }, false, {}, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, {}, any, vue209.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<{
+      content?: string;
+      trigger?: "hover" | "click";
+      placement?: _floating_ui_dom0.Placement;
+      delay?: number | [number, number];
+    }> & Readonly<{}>, {
+      show: () => void;
+      hide: () => void;
+    }, {}, {}, {}, {
+      trigger: "hover" | "click";
+      placement: _floating_ui_dom0.Placement;
+      delay: number | [number, number];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue209.ComponentOptionsBase<Readonly<{
+    content?: string;
+    trigger?: "hover" | "click";
+    placement?: _floating_ui_dom0.Placement;
+    delay?: number | [number, number];
+  }> & Readonly<{}>, {
+    show: () => void;
+    hide: () => void;
+  }, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, {
+    trigger: "hover" | "click";
+    placement: _floating_ui_dom0.Placement;
+    delay: number | [number, number];
+  }, {}, string, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, vue209.ComponentProvideOptions> & vue209.VNodeProps & vue209.AllowedComponentProps & vue209.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {}) => any;
+    } & {
+      content?: (props: {}) => any;
+    };
+  });
+  readonly ZoomContainer: {
+    new (...args: any[]): vue209.CreateComponentPublicInstanceWithMixins<Readonly<{
+      showControl?: boolean;
+      controlSize?: "vanilla" | "large";
+      position?: ZoomControlPosition;
+      containerStyle?: vue209.CSSProperties;
+    }> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, vue209.PublicProps, {
+      showControl: boolean;
+      controlSize: "vanilla" | "large";
+      position: ZoomControlPosition;
+      containerStyle: vue209.CSSProperties;
+    }, false, {}, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, {}, any, vue209.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<{
+      showControl?: boolean;
+      controlSize?: "vanilla" | "large";
+      position?: ZoomControlPosition;
+      containerStyle?: vue209.CSSProperties;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+      showControl: boolean;
+      controlSize: "vanilla" | "large";
+      position: ZoomControlPosition;
+      containerStyle: vue209.CSSProperties;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue209.ComponentOptionsBase<Readonly<{
+    showControl?: boolean;
+    controlSize?: "vanilla" | "large";
+    position?: ZoomControlPosition;
+    containerStyle?: vue209.CSSProperties;
+  }> & Readonly<{}>, {}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {}, string, {
+    showControl: boolean;
+    controlSize: "vanilla" | "large";
+    position: ZoomControlPosition;
+    containerStyle: vue209.CSSProperties;
+  }, {}, string, {}, vue209.GlobalComponents, vue209.GlobalDirectives, string, vue209.ComponentProvideOptions> & vue209.VNodeProps & vue209.AllowedComponentProps & vue209.ComponentCustomProps & (new () => {
+    $slots: {
+      controls?: (props: {
+        iconWidth?: undefined;
+        iconHeight?: undefined;
+        buttonStyle?: undefined;
+      } | {
+        iconWidth: number;
+        iconHeight: number;
+        buttonStyle: {
+          fontSize: string;
+        };
+      }) => any;
+    } & {
+      default?: (props: {}) => any;
+    };
+  });
+};
 //#endregion
 //#region src/composables/use-code-options.d.ts
 interface UseCodeOptionsOptions {
@@ -445,16 +874,16 @@ interface UseCodeOptionsOptions {
   language?: MaybeRef<string>;
 }
 declare function useCodeOptions(options: UseCodeOptionsOptions): {
-  languageCodeOptions: vue7.ComputedRef<{
-    languageIcon?: boolean | vue7.Component | undefined;
+  languageCodeOptions: vue209.ComputedRef<{
+    languageIcon?: boolean | vue209.Component | undefined;
     language?: Record<string, CodeOptionsLanguage>;
     languageName?: boolean;
     lineNumbers?: boolean;
     maxHeight?: number | string;
   }>;
-  showLanguageIcon: vue7.ComputedRef<boolean>;
-  showLanguageName: vue7.ComputedRef<boolean>;
-  showLineNumbers: vue7.ComputedRef<boolean>;
+  showLanguageIcon: vue209.ComputedRef<boolean>;
+  showLanguageName: vue209.ComputedRef<boolean>;
+  showLineNumbers: vue209.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-context.d.ts
@@ -471,11 +900,11 @@ declare function useContext(): {
   context: Context;
   provideContext: (ctx: Partial<Context>) => void;
   injectContext: () => Context;
-  mode: vue7.ComputedRef<"streaming" | "static">;
-  icons: vue7.ComputedRef<Partial<Icons>>;
-  isDark: vue7.ComputedRef<boolean>;
-  enableAnimate: vue7.ComputedRef<boolean | undefined>;
-  parsedNodes: vue7.ComputedRef<ParsedNode[]>;
+  mode: vue209.ComputedRef<"streaming" | "static">;
+  icons: vue209.ComputedRef<Partial<Icons>>;
+  isDark: vue209.ComputedRef<boolean>;
+  enableAnimate: vue209.ComputedRef<boolean | undefined>;
+  parsedNodes: vue209.ComputedRef<ParsedNode[]>;
   readonly getContainer: () => HTMLElement | undefined;
   readonly onCopied: (content: string) => void;
 };
@@ -490,20 +919,20 @@ declare function useControls(options: UseControlsOptions): {
   resolveControls: <T extends NodeRendererProps = NodeRendererProps>(type: string, builtinControls: Control[], props: T) => Control[];
 };
 //#endregion
-//#region src/composables/use-floating-element.d.ts
-interface UseFloatingElementOptions {
+//#region src/composables/use-floating.d.ts
+interface UseFloatingOptions {
   trigger?: MaybeRef<'hover' | 'click'>;
   placement?: MaybeRef<Placement>;
   delay?: MaybeRef<number | [number, number]>;
   getContainer?: () => HTMLElement | undefined;
 }
-declare function useFloatingElement(options: UseFloatingElementOptions): {
-  referenceEl: vue7.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-  floatingEl: vue7.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-  open: vue7.Ref<boolean, boolean>;
-  appendTo: vue7.ComputedRef<HTMLElement | "body">;
-  floatingStyle: vue7.ComputedRef<{
-    position: _floating_ui_vue0.Strategy;
+declare function useFloating(options: UseFloatingOptions): {
+  referenceEl: vue209.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  floatingEl: vue209.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  open: vue209.Ref<boolean, boolean>;
+  appendTo: vue209.ComputedRef<HTMLElement | "body">;
+  floatingStyle: vue209.ComputedRef<{
+    position: "absolute" | "fixed";
     top: string;
     left: string;
   }>;
@@ -523,7 +952,7 @@ declare function useI18n(): {
 //#endregion
 //#region src/composables/use-katex.d.ts
 declare function useKatex(): {
-  installed: vue7.Ref<boolean, boolean>;
+  installed: vue209.Ref<boolean, boolean>;
   render: (code: string, options?: KatexOptions$1) => Promise<{
     html?: string;
     error?: string;
@@ -539,9 +968,9 @@ interface UseMathRendererOptions {
   throttle?: MaybeRef<number>;
 }
 declare function useMathRenderer(options: UseMathRendererOptions): {
-  html: vue7.Ref<string, string>;
-  error: vue7.ComputedRef<boolean>;
-  errorMessage: vue7.Ref<string, string>;
+  html: vue209.Ref<string, string>;
+  error: vue209.ComputedRef<boolean>;
+  errorMessage: vue209.Ref<string, string>;
 };
 //#endregion
 //#region src/composables/use-medium-zoom.d.ts
@@ -551,12 +980,12 @@ interface UseMediumZoomOptions {
   close?: () => void;
 }
 declare function useMediumZoom(options: UseMediumZoomOptions): {
-  isAnimating: vue7.Ref<boolean, boolean>;
-  elementStyle: vue7.ComputedRef<{
+  isAnimating: vue209.Ref<boolean, boolean>;
+  elementStyle: vue209.ComputedRef<{
     opacity: number;
   }>;
-  elementRef: vue7.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-  zoomElementRef: vue7.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  elementRef: vue209.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  zoomElementRef: vue209.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   zoomIn: () => Promise<void>;
   zoomOut: () => Promise<void>;
 };
@@ -567,10 +996,17 @@ interface UseMermaidOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useMermaid(options?: UseMermaidOptions): {
-  installed: vue7.Ref<boolean, boolean>;
+  installed: vue209.Ref<boolean, boolean>;
   getMermaid: () => Promise<Mermaid>;
-  parseMermaid: (code: string) => Promise<boolean>;
-  renderMermaid: (code: string) => Promise<string | null>;
+  parseMermaid: (code: string) => Promise<{
+    valid: boolean;
+    error?: string;
+  }>;
+  renderMermaid: (code: string) => Promise<{
+    svg?: string;
+    error?: string;
+    valid: boolean;
+  }>;
   saveMermaid: (format: "svg" | "png", code?: string, onError?: (error: Error) => void) => Promise<void>;
   preload: () => Promise<void>;
   dispose: () => void;
@@ -584,10 +1020,10 @@ interface UseSanitizersOptions {
   isImage?: MaybeRef<boolean | undefined>;
 }
 declare function useSanitizers(options: UseSanitizersOptions): {
-  hardenOptions: vue7.ComputedRef<HardenOptions>;
+  hardenOptions: vue209.ComputedRef<HardenOptions>;
   transformHardenUrl: (url: string) => string | null;
-  transformedUrl: vue7.ComputedRef<string | null>;
-  isHardenUrl: vue7.ComputedRef<boolean>;
+  transformedUrl: vue209.ComputedRef<string | null>;
+  isHardenUrl: vue209.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-shiki.d.ts
@@ -597,7 +1033,7 @@ interface UseShikiOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useShiki(options?: UseShikiOptions): {
-  installed: vue7.Ref<boolean, boolean>;
+  installed: vue209.Ref<boolean, boolean>;
   getHighlighter: () => Promise<Highlighter>;
   codeToTokens: (code: string) => Promise<TokensResult>;
   preload: () => Promise<void>;
@@ -610,12 +1046,12 @@ interface UseTailwindV3ThemeOptions {
   styleScope?: MaybeRef<string>;
 }
 declare function useTailwindV3Theme(options: UseTailwindV3ThemeOptions): {
-  element: vue7.ComputedRef<Element | undefined>;
+  element: vue209.ComputedRef<Element | undefined>;
   id: string;
-  css: vue7.ShallowRef<string>;
+  css: vue209.ShallowRef<string>;
   load: () => void;
   unload: () => void;
-  isLoaded: Readonly<vue7.ShallowRef<boolean>>;
+  isLoaded: Readonly<vue209.ShallowRef<boolean>>;
   generateCSS: () => void;
 };
 //#endregion
@@ -635,11 +1071,11 @@ interface ZoomState {
   translateY: number;
 }
 declare function useZoom(options?: UseZoomOptions): {
-  zoom: vue7.Ref<number, number>;
-  translateX: vue7.Ref<number, number>;
-  translateY: vue7.Ref<number, number>;
-  isDragging: vue7.Ref<boolean, boolean>;
-  transformStyle: vue7.ComputedRef<{
+  zoom: vue209.Ref<number, number>;
+  translateX: vue209.Ref<number, number>;
+  translateY: vue209.Ref<number, number>;
+  isDragging: vue209.Ref<boolean, boolean>;
+  transformStyle: vue209.ComputedRef<{
     transform: string;
   }>;
   zoomIn: () => void;
@@ -658,32 +1094,32 @@ declare function useZoom(options?: UseZoomOptions): {
 };
 //#endregion
 //#region src/index.vue.d.ts
-declare const __VLS_export: vue7.DefineComponent<StreamMarkdownProps, {
+declare const __VLS_export: vue209.DefineComponent<StreamMarkdownProps, {
   getMarkdownParser: () => MarkdownParser;
   getParsedNodes: () => ParsedNode[];
   getProcessedContent: () => string;
-}, {}, {}, {}, vue7.ComponentOptionsMixin, vue7.ComponentOptionsMixin, {} & {
+}, {}, {}, {}, vue209.ComponentOptionsMixin, vue209.ComponentOptionsMixin, {} & {
   copied: (content: string) => any;
-}, string, vue7.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
+}, string, vue209.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
   onCopied?: ((content: string) => any) | undefined;
 }>, {
-  mode: "static" | "streaming";
+  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", vue209.Component>>;
+  controls: ControlsConfig;
+  previewers: PreviewerConfig;
+  isDark: boolean;
   content: string;
-  nodeRenderers: Partial<Record<"blockquote" | "break" | "code" | "definition" | "delete" | "emphasis" | "footnoteDefinition" | "footnoteReference" | "heading" | "html" | "image" | "imageReference" | "inlineCode" | "link" | "linkReference" | "list" | "listItem" | "paragraph" | "strong" | "table" | "tableCell" | "tableRow" | "text" | "thematicBreak" | "yaml" | "inlineMath" | "math", vue7.Component>>;
+  mode: "static" | "streaming";
   icons: Partial<Icons>;
   locale: string | LocaleConfig;
   enableAnimate: boolean;
-  controls: ControlsConfig;
-  previewers: PreviewerConfig;
-  isDark: boolean;
-}, {}, {}, {}, string, vue7.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue209.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: vue7.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
-declare const currentLocale: vue7.Ref<string, string>;
+declare const localeMessages: vue209.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
+declare const currentLocale: vue209.Ref<string, string>;
 declare function loadLocaleMessages(language: string | LocaleConfig): Promise<void>;
 //#endregion
 //#region src/postprocess/footnote.d.ts
@@ -967,6 +1403,9 @@ declare function findNodeParent(targetNode: ParsedNode, nodes: ParsedNode[], par
   index: number;
 } | null;
 //#endregion
+//#region src/utils/preload.d.ts
+declare function preloadAsyncComponents(components: Record<string, Component>, include?: string[], exclude?: string[]): Promise<void>;
+//#endregion
 //#region src/utils/table.d.ts
 interface TableData {
   headers: string[];
@@ -978,4 +1417,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, 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, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, 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, 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, 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, useFloatingElement, useI18n, useKatex, useMathRenderer, useMediumZoom, useMermaid, useSanitizers, useShiki, useTailwindV3Theme, useZoom };
+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, 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 };