vue-stream-markdown 0.1.4 → 0.1.5

package/dist/index.css

@@ -43,18 +43,23 @@
   opacity: 0.5;
 }
 
-.stream-markdown .tippy-box {
+.stream-markdown [data-stream-markdown='tooltip'] {
   background: var(--popover);
   color: var(--popover-foreground);
   border: 1px solid var(--border);
+  border-radius: 0.5rem;
+  z-index: 100;
 }
 
-.stream-markdown .tippy-arrow {
-  color: var(--popover);
+.stream-markdown [data-stream-markdown='tooltip-overlay'] {
+  padding-block: 0.25rem;
+  padding-inline: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
 }
 
-.stream-markdown .tippy-box > .tippy-svg-arrow {
-  border-top-color: var(--popover);
+.stream-markdown [data-stream-markdown='dropdown-overlay'] {
+  padding: 0.25rem;
 }
 
 .stream-markdown [data-stream-markdown='button'] {
@@ -78,10 +83,6 @@
   background-color: var(--accent);
 }
 
-.stream-markdown [data-stream-markdown='dropdown-overlay'] {
-  padding: 0.25rem;
-}
-
 .stream-markdown [data-stream-markdown='error-component'] {
   display: inline-block;
   color: var(--muted-foreground);
@@ -144,15 +145,6 @@
   flex-shrink: 0;
   padding-inline: 1rem;
   padding-block: 0.5rem;
-  background-color: color-mix(in oklab, var(--muted) 80%, transparent);
-  color: var(--muted-foreground);
-  border-bottom: 1px solid var(--border);
-}
-
-.stream-markdown [data-stream-markdown='modal-actions'] {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
 }
 
 .stream-markdown [data-stream-markdown='modal-body'] {
@@ -176,17 +168,6 @@
   transform: translateX(-50%);
 }
 
-.stream-markdown .typewriter-enter-from {
-  opacity: 0;
-}
-.stream-markdown .typewriter-enter-active {
-  transition: opacity var(--typewriter-transition-duration) ease-out;
-  will-change: opacity;
-}
-.stream-markdown .typewriter-enter-to {
-  opacity: 1;
-}
-
 .stream-markdown [data-stream-markdown='segmented'] {
   display: flex;
   align-items: center;
@@ -247,11 +228,6 @@
   line-height: 1.25rem;
 }
 
-.stream-markdown [data-stream-markdown='tooltip-overlay'] {
-  padding-block: 0.25rem;
-  padding-inline: 0.5rem;
-}
-
 .stream-markdown [data-stream-markdown='zoom-container'] {
   height: 100%;
   position: relative;
@@ -315,12 +291,6 @@
   color: var(--muted-foreground);
 }
 
-@media (max-width: 1024px) {
-  .stream-markdown [data-stream-markdown='code-block-header'] {
-    padding-inline: 0.75rem;
-  }
-}
-
 .stream-markdown [data-stream-markdown='code-block-content'] {
   overflow: auto;
 }
@@ -328,11 +298,13 @@
 .stream-markdown [data-stream-markdown='code-block-header'] > :first-child {
   flex: 1;
 }
+
 .stream-markdown [data-stream-markdown='code-block-header'] > :last-child {
   flex: 1;
   display: flex;
   justify-content: flex-end;
 }
+
 .stream-markdown [data-stream-markdown='code-block-header'] > :nth-child(2) {
   position: absolute;
   left: 50%;
@@ -430,6 +402,15 @@
   line-height: 1.25rem;
 }
 
+.stream-markdown [data-stream-markdown='image'] {
+  display: block;
+  height: auto;
+  max-width: 100%;
+  border-radius: 0.5rem;
+  object-fit: contain;
+  cursor: pointer;
+}
+
 .stream-markdown [data-stream-markdown='image-figure'] {
   display: inline-block;
 }
@@ -439,14 +420,6 @@
   text-align: center;
 }
 
-.stream-markdown [data-stream-markdown='image'] {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  object-fit: contain;
-  border-radius: 0.5rem;
-}
-
 .stream-markdown [data-stream-markdown='image-caption'] {
   text-align: center;
   font-size: 0.875rem;
@@ -455,12 +428,13 @@
 }
 
 .stream-markdown [data-stream-markdown='image-mask'] {
-  display: none;
+  opacity: 0;
   position: absolute;
   inset: 0;
   border-radius: 0.5rem;
   background-color: rgb(0 0 0 / 0.1);
   pointer-events: none;
+  transition: opacity var(--default-transition-duration) ease;
 }
 
 .stream-markdown [data-stream-markdown='image-download-button'] {
@@ -617,31 +591,37 @@
   padding: 1rem;
 }
 
+@media (max-width: 1024px) {
+  .stream-markdown [data-stream-markdown='code-block-header'] {
+    padding-inline: 0.75rem;
+  }
+  .stream-markdown [data-stream-markdown='zoom-controls'] {
+    gap: 0;
+  }
+}
+
+.stream-markdown .typewriter-enter-from {
+  opacity: 0;
+}
+.stream-markdown .typewriter-enter-active {
+  transition: opacity var(--typewriter-transition-duration) ease-out;
+  will-change: opacity;
+}
+.stream-markdown .typewriter-enter-to {
+  opacity: 1;
+}
+
 .stream-markdown .modal-enter-from,
 .stream-markdown .modal-leave-to {
   opacity: 0;
+  transform: scale(0.95);
 }
 .stream-markdown .modal-enter-active,
 .stream-markdown .modal-leave-active {
-  transition: opacity var(--default-transition-duration) ease;
-}
-
-.stream-markdown .img-switch-enter-active,
-.stream-markdown .img-switch-leave-active {
   transition:
     opacity var(--default-transition-duration) ease,
     transform var(--default-transition-duration) ease;
 }
-.stream-markdown .img-switch-enter-from,
-.stream-markdown .img-switch-leave-to {
-  opacity: 0;
-  transform: translateY(6px);
-}
-.stream-markdown .img-switch-enter-to,
-.stream-markdown .img-switch-leave-from {
-  opacity: 1;
-  transform: translateY(0);
-}
 
 @keyframes spin {
   from {

package/dist/index.d.ts

@@ -1,20 +1,15 @@
-import * as vue29 from "vue";
+import * as vue39 from "vue";
 import { Component, MaybeRef, MaybeRefOrGetter } from "vue";
-import "tippy.js/dist/tippy.css";
-import "tippy.js/themes/light.css";
-import "tippy.js/dist/border.css";
-import "tippy.js/dist/svg-arrow.css";
-import { Zoom } from "medium-zoom";
+import * as _floating_ui_vue0 from "@floating-ui/vue";
+import { Placement } from "@floating-ui/vue";
 import { MarkdownItAsync } from "markdown-it-async";
 import { KatexOptions as KatexOptions$1 } from "katex";
 import remend from "remend";
-import "medium-zoom/dist/style.css";
 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 { DefaultProps } from "tippy.js";
 
 //#region src/components/previewers/index.d.ts
 declare const CODE_PREVIEWERS: Record<string, Component>;
@@ -121,6 +116,12 @@ interface LocaleConfig {
     download: string;
     minimize: string;
     maximize: string;
+    flipY: string;
+    flipX: string;
+    rotateLeft: string;
+    rotateRight: string;
+    previous: string;
+    next: string;
   };
   error: {
     vanilla: string;
@@ -143,27 +144,30 @@ declare const DEFAULT_HARDEN_OPTIONS: HardenOptions;
 //#endregion
 //#region src/constants/icons.d.ts
 declare const ICONS: {
-  readonly check: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly code: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly collapse: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly copy: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly download: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly error: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly image: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly link: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly maximize: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly mermaid: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly minimize: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly preview: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly zoomIn: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
-  readonly zoomOut: vue29.FunctionalComponent<vue29.SVGAttributes, {}, any, {}>;
+  readonly arrowLeft: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly check: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly code: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly collapse: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly copy: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly download: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly error: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly flipHorizontal: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly image: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly link: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly maximize: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly mermaid: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly minimize: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly preview: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly rotateLeft: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly zoomIn: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
+  readonly zoomOut: vue39.FunctionalComponent<vue39.SVGAttributes, {}, any, {}>;
 };
 //#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 IconName = keyof typeof ICONS;
+type IconName = keyof typeof ICONS | 'flipVertical' | 'rotateRight' | 'arrowRight';
 interface SelectItem {
   label: string;
   value: string;
@@ -212,9 +216,14 @@ type CodeControlsConfig = boolean | {
   fullscreen?: boolean;
 };
 type ImageControlsConfig = boolean | {
+  preview?: boolean;
   download?: boolean;
+  carousel?: boolean;
+  flip?: boolean;
+  rotate?: boolean;
+  controlPosition?: ZoomControlPosition;
 };
-type ZoomControlPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type ZoomControlPosition = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
 type ZoomControlsConfig = boolean | {
   position?: ZoomControlPosition;
 };
@@ -232,6 +241,7 @@ type PreviewerConfig = boolean | ({
 });
 interface ShikiOptions {
   theme?: [BuiltinTheme, BuiltinTheme];
+  langs?: BundledLanguage[];
   langAlias?: Record<string, string>;
   codeToTokenOptions?: CodeToTokensOptions<BundledLanguage, BundledTheme>;
 }
@@ -253,6 +263,7 @@ interface CodeOptions {
   languageIcon?: boolean;
   languageName?: boolean;
   lineNumbers?: boolean;
+  maxHeight?: number | string;
   /**
    * Language specific code options
    * @example
@@ -307,9 +318,7 @@ interface NodeRendererProps extends StreamMarkdownContext {
   markdownParser: MarkdownParser;
   nodeRenderers: NodeRenderers;
   node: ParsedNode;
-  mediumZoom: Zoom;
   indexKey: number | string;
-  getContainer: () => HTMLElement | undefined;
 }
 interface BlockquoteNodeRendererProps extends NodeRendererProps {
   node: BlockquoteNode;
@@ -397,7 +406,7 @@ interface InlineMathNodeRendererProps extends NodeRendererProps {
 declare const NODE_RENDERERS: NodeRenderers;
 //#endregion
 //#region src/components/index.d.ts
-declare const COMMON_COMPONENTS: Record<string, Component>;
+declare const UI: Record<string, Component>;
 //#endregion
 //#region src/composables/use-code-options.d.ts
 interface UseCodeOptionsOptions {
@@ -405,16 +414,17 @@ interface UseCodeOptionsOptions {
   language?: MaybeRef<string>;
 }
 declare function useCodeOptions(options: UseCodeOptionsOptions): {
-  languageCodeOptions: vue29.ComputedRef<CodeOptionsLanguage | undefined>;
-  showLanguageIcon: vue29.ComputedRef<boolean>;
-  showLanguageName: vue29.ComputedRef<boolean>;
-  showLineNumbers: vue29.ComputedRef<boolean>;
+  languageCodeOptions: vue39.ComputedRef<CodeOptionsLanguage | undefined>;
+  showLanguageIcon: vue39.ComputedRef<boolean>;
+  showLanguageName: vue39.ComputedRef<boolean>;
+  showLineNumbers: vue39.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-context.d.ts
 interface Context {
   isDark?: MaybeRef<boolean>;
   icons?: MaybeRef<Record<IconName, Component>>;
+  parsedNodes?: MaybeRef<ParsedNode[]>;
   getContainer?: () => HTMLElement | undefined;
   onCopied?: (content: string) => void;
 }
@@ -422,8 +432,9 @@ declare function useContext(): {
   context: Context;
   provideContext: (ctx: Partial<Context>) => void;
   injectContext: () => Context;
-  icons: vue29.ComputedRef<Record<string, Component>>;
-  isDark: vue29.ComputedRef<boolean>;
+  icons: vue39.ComputedRef<Record<string, Component>>;
+  isDark: vue39.ComputedRef<boolean>;
+  parsedNodes: vue39.ComputedRef<ParsedNode[]>;
   readonly getContainer: () => HTMLElement | undefined;
   readonly onCopied: (content: string) => void;
 };
@@ -437,6 +448,32 @@ declare function useControls(options: UseControlsOptions): {
   getControlValue: <T = any>(key: string) => T | undefined;
 };
 //#endregion
+//#region src/composables/use-floating-element.d.ts
+interface UseFloatingElementOptions {
+  trigger?: MaybeRef<'hover' | 'click'>;
+  placement?: MaybeRef<Placement>;
+  delay?: MaybeRef<number | [number, number]>;
+  getContainer?: () => HTMLElement | undefined;
+}
+declare function useFloatingElement(options: UseFloatingElementOptions): {
+  referenceEl: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  floatingEl: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  open: vue39.Ref<boolean, boolean>;
+  appendTo: vue39.ComputedRef<HTMLElement | "body">;
+  floatingStyle: vue39.ComputedRef<{
+    position: _floating_ui_vue0.Strategy;
+    top: string;
+    left: string;
+  }>;
+  show: () => void;
+  hide: () => void;
+  onMouseEnter: () => void;
+  onMouseLeave: () => void;
+  onClick: () => void;
+  onFloatingEnter: () => void;
+  onFloatingLeave: () => void;
+};
+//#endregion
 //#region src/composables/use-harden-sanitizers.d.ts
 interface UseHardenSanitizersOptions {
   url?: MaybeRef<string | undefined>;
@@ -445,10 +482,10 @@ interface UseHardenSanitizersOptions {
   isImage?: MaybeRef<boolean | undefined>;
 }
 declare function useHardenSanitizers(options: UseHardenSanitizersOptions): {
-  hardenOptions: vue29.ComputedRef<HardenOptions>;
+  hardenOptions: vue39.ComputedRef<HardenOptions>;
   transformHardenUrl: (url: string) => string | null;
-  transformedUrl: vue29.ComputedRef<string | null>;
-  isHardenUrl: vue29.ComputedRef<boolean>;
+  transformedUrl: vue39.ComputedRef<string | null>;
+  isHardenUrl: vue39.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-i18n.d.ts
@@ -458,7 +495,7 @@ declare function useI18n(): {
 //#endregion
 //#region src/composables/use-katex.d.ts
 declare function useKatex(): {
-  installed: vue29.Ref<boolean, boolean>;
+  installed: vue39.Ref<boolean, boolean>;
   render: (code: string, options?: KatexOptions$1) => Promise<{
     html?: string;
     error?: string;
@@ -474,9 +511,26 @@ interface UseMathRendererOptions {
   throttle?: MaybeRef<number>;
 }
 declare function useMathRenderer(options: UseMathRendererOptions): {
-  html: vue29.Ref<string, string>;
-  error: vue29.ComputedRef<boolean>;
-  errorMessage: vue29.Ref<string, string>;
+  html: vue39.Ref<string, string>;
+  error: vue39.ComputedRef<boolean>;
+  errorMessage: vue39.Ref<string, string>;
+};
+//#endregion
+//#region src/composables/use-medium-zoom.d.ts
+interface UseMediumZoomOptions {
+  margin?: MaybeRef<number>;
+  open?: () => void;
+  close?: () => void;
+}
+declare function useMediumZoom(options: UseMediumZoomOptions): {
+  isAnimating: vue39.Ref<boolean, boolean>;
+  elementStyle: vue39.ComputedRef<{
+    opacity: number;
+  }>;
+  elementRef: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  zoomElementRef: vue39.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+  zoomIn: () => Promise<void>;
+  zoomOut: () => Promise<void>;
 };
 //#endregion
 //#region src/composables/use-mermaid.d.ts
@@ -485,7 +539,7 @@ interface UseMermaidOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useMermaid(options?: UseMermaidOptions): {
-  installed: vue29.Ref<boolean, boolean>;
+  installed: vue39.Ref<boolean, boolean>;
   getMermaid: () => Promise<Mermaid>;
   parseMermaid: (code: string) => Promise<boolean>;
   renderMermaid: (code: string) => Promise<string | null>;
@@ -501,7 +555,7 @@ interface UseShikiOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useShiki(options?: UseShikiOptions): {
-  installed: vue29.Ref<boolean, boolean>;
+  installed: vue39.Ref<boolean, boolean>;
   getHighlighter: () => Promise<Highlighter>;
   codeToTokens: (code: string) => Promise<TokensResult>;
   preload: () => Promise<void>;
@@ -514,24 +568,15 @@ interface UseTailwindV3ThemeOptions {
   styleScope?: MaybeRef<string>;
 }
 declare function useTailwindV3Theme(options: UseTailwindV3ThemeOptions): {
-  element: vue29.ComputedRef<Element | undefined>;
+  element: vue39.ComputedRef<Element | undefined>;
   id: string;
-  css: vue29.ShallowRef<string>;
+  css: vue39.ShallowRef<string>;
   load: () => void;
   unload: () => void;
-  isLoaded: Readonly<vue29.ShallowRef<boolean>>;
+  isLoaded: Readonly<vue39.ShallowRef<boolean>>;
   generateCSS: () => void;
 };
 //#endregion
-//#region src/composables/use-tippy.d.ts
-interface UseTippyOptions {
-  isDark?: MaybeRef<boolean>;
-  options?: MaybeRef<DefaultProps>;
-}
-declare function useTippy(options?: UseTippyOptions): {
-  initTippy: () => void;
-};
-//#endregion
 //#region src/composables/use-zoom.d.ts
 interface UseZoomOptions {
   minZoom?: number;
@@ -542,17 +587,17 @@ interface UseZoomOptions {
   initialTranslateX?: number;
   initialTranslateY?: number;
 }
-interface ZoomPanState {
+interface ZoomState {
   zoom: number;
   translateX: number;
   translateY: number;
 }
 declare function useZoom(options?: UseZoomOptions): {
-  zoom: vue29.Ref<number, number>;
-  translateX: vue29.Ref<number, number>;
-  translateY: vue29.Ref<number, number>;
-  isDragging: vue29.Ref<boolean, boolean>;
-  transformStyle: vue29.ComputedRef<{
+  zoom: vue39.Ref<number, number>;
+  translateX: vue39.Ref<number, number>;
+  translateY: vue39.Ref<number, number>;
+  isDragging: vue39.Ref<boolean, boolean>;
+  transformStyle: vue39.ComputedRef<{
     transform: string;
   }>;
   zoomIn: () => void;
@@ -563,20 +608,20 @@ declare function useZoom(options?: UseZoomOptions): {
   onDrag: (e: PointerEvent) => void;
   stopDrag: () => void;
   handleWheel: (event: WheelEvent, containerElement: HTMLElement) => void;
-  getState: () => ZoomPanState;
-  setState: (state: Partial<ZoomPanState>) => void;
+  getState: () => ZoomState;
+  setState: (state: Partial<ZoomState>) => void;
   handleTouchStart: (event: TouchEvent, containerElement: HTMLElement) => void;
   handleTouchMove: (event: TouchEvent, containerElement: HTMLElement) => void;
   handleTouchEnd: (event: TouchEvent) => void;
 };
 //#endregion
 //#region src/index.vue.d.ts
-declare const __VLS_export: vue29.DefineComponent<StreamMarkdownProps, {
+declare const __VLS_export: vue39.DefineComponent<StreamMarkdownProps, {
   getMarkdownParser: () => MarkdownParser;
   getParsedNodes: () => ParsedNode[];
-}, {}, {}, {}, vue29.ComponentOptionsMixin, vue29.ComponentOptionsMixin, {} & {
+}, {}, {}, {}, vue39.ComponentOptionsMixin, vue39.ComponentOptionsMixin, {} & {
   copied: (content: string) => any;
-}, string, vue29.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
+}, string, vue39.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
   onCopied?: ((content: string) => any) | undefined;
 }>, {
   mode: "static" | "streaming";
@@ -587,14 +632,14 @@ declare const __VLS_export: vue29.DefineComponent<StreamMarkdownProps, {
   controls: ControlsConfig;
   previewers: PreviewerConfig;
   isDark: boolean;
-}, {}, {}, {}, string, vue29.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue39.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: vue29.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
-declare const currentLocale: vue29.Ref<string, string>;
+declare const localeMessages: vue39.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
+declare const currentLocale: vue39.Ref<string, string>;
 declare function loadLocaleMessages(language: string | LocaleConfig): Promise<void>;
 //#endregion
 //#region src/postprocess/text.d.ts
@@ -765,7 +810,6 @@ declare function fixTaskList(content: string): string;
 //#endregion
 //#region src/preprocess/vendored/markdown-utils.d.ts
 declare function preprocessLaTeX(content: string): string;
-declare function preprocessThinkTag(content: string): string;
 //#endregion
 //#region src/preprocess/pattern.d.ts
 declare const crlfPattern: RegExp;
@@ -801,6 +845,7 @@ declare function transformUrl(url: unknown, allowedPrefixes: string[], defaultOr
 //#region src/utils/helper.d.ts
 declare function flow<T>(fns: Array<(arg: T) => T>): (arg: T) => T;
 declare function save(filename: string, content: string | Blob, mimeType: string): void;
+declare function saveImage(url: string, alt?: string): Promise<void>;
 declare function svgToPngBlob(svgString: string, options?: {
   scale?: number;
 }): Promise<Blob>;
@@ -832,4 +877,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, CODE_PREVIEWERS, COMMON_COMPONENTS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, CodeOptionsLanguage, 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, 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, MermaidOptions, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, Options, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectItem, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, UseMathRendererOptions, UseZoomOptions, YamlNode, YamlNodeRendererProps, ZoomControlPosition, ZoomControlsConfig, ZoomPanState, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, preprocessThinkTag, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMermaid, useShiki, useTailwindV3Theme, useTippy, useZoom };
+export { BlockquoteNode, BlockquoteNodeRendererProps, BreakNode, BreakNodeRendererProps, CODE_PREVIEWERS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, CodeOptionsLanguage, 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, 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, MermaidOptions, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, Options, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectItem, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, UI, YamlNode, YamlNodeRendererProps, ZoomControlPosition, ZoomControlsConfig, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, saveImage, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useFloatingElement, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMediumZoom, useMermaid, useShiki, useTailwindV3Theme, useZoom };