vue-stream-markdown 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,6 +1,6 @@
-import { t as CODE_PREVIEWERS } from "./previewers-DYnyVv4Y.js";
-import { A as tableDataToTSV, B as saveImage, C as localeMessages, D as extractTableDataFromElement, E as escapeMarkdownTableCell, F as hasShiki, G as useCodeOptions, H as transformUrl, I as isClient, L as isServer, M as findNodeParent, N as hasKatex, O as tableDataToCSV, P as hasMermaid, R as flow, S as loadLocaleMessages, T as useFloatingElement, U as useControls, V as svgToPngBlob, W as useContext, _ as _defineProperty, a as SHADCN_SCHEMAS, b as SUPPORT_LANGUAGES, c as DEFAULT_DARK_THEME, d as LANGUAGE_EXTENSIONS, f as LANGUAGE_ICONS, h as useMathRenderer, i as useSanitizers, j as findLastLeafNode, k as tableDataToMarkdown, l as DEFAULT_LIGHT_THEME, m as useMediumZoom, n as useTailwindV3Theme, o as ICONS, p as useMermaid, r as useShiki, s as DEFAULT_HARDEN_OPTIONS, t as useZoom, u as LANGUAGE_ALIAS, v as useKatex, w as localesGlob, x as currentLocale, y as useI18n, z as save } from "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import { t as CODE_PREVIEWERS } from "./previewers-Cpx1Wqu8.js";
+import { A as tableDataToMarkdown, B as flow, C as loadLocaleMessages, D as escapeMarkdownTableCell, E as useFloating, F as hasKatex, G as useControls, H as saveImage, I as hasMermaid, K as useContext, L as hasShiki, M as preloadAsyncComponents, N as findLastLeafNode, O as extractTableDataFromElement, P as findNodeParent, R as isClient, S as currentLocale, T as localesGlob, U as svgToPngBlob, V as save, W as transformUrl, a as SHADCN_SCHEMAS, b as useI18n, c as DEFAULT_HARDEN_OPTIONS, d as LANGUAGE_ALIAS, f as LANGUAGE_EXTENSIONS, g as useMathRenderer, h as useMediumZoom, i as useSanitizers, j as tableDataToTSV, k as tableDataToCSV, l as DEFAULT_DARK_THEME, m as useMermaid, n as useTailwindV3Theme, o as PRELOAD_NODE_RENDERER, p as LANGUAGE_ICONS, q as useCodeOptions, r as useShiki, s as ICONS, t as useZoom, u as DEFAULT_LIGHT_THEME, v as _defineProperty, w as localeMessages, x as SUPPORT_LANGUAGES, y as useKatex, z as isServer } from "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
 import { n as treeFlatFilter, t as treeFilter } from "./dist-CYkm26BF.js";
 import { computed, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, toRefs, unref, watch } from "vue";
 import { MarkdownItAsync } from "markdown-it-async";
@@ -49,44 +49,46 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 //#region src/components/renderers/index.ts
 const NODE_RENDERERS = {
-	blockquote: defineAsyncComponent(() => import("./blockquote-C68fU4lp.js")),
-	code: defineAsyncComponent(() => import("./code-2Dd0EGfm.js")),
-	delete: defineAsyncComponent(() => import("./delete-CB-OS2WZ.js")),
-	emphasis: defineAsyncComponent(() => import("./emphasis-BmUoyBRK.js")),
-	footnoteDefinition: defineAsyncComponent(() => import("./footnote-definition-55TjXXwa.js")),
-	footnoteReference: defineAsyncComponent(() => import("./footnote-reference-lk2rvC4Q.js")),
-	heading: defineAsyncComponent(() => import("./heading-BlOK3uk2.js")),
-	image: defineAsyncComponent(() => import("./image-Bqn98dDB.js")),
-	inlineCode: defineAsyncComponent(() => import("./inline-code-BZNE1ALQ.js")),
-	inlineMath: defineAsyncComponent(() => import("./inline-math--lfq9WCW.js")),
-	link: defineAsyncComponent(() => import("./link-DAOjAX6n.js")),
-	list: defineAsyncComponent(() => import("./list-EOEqkWEi.js")),
-	listItem: defineAsyncComponent(() => import("./list-item-ZG4eadLp.js")),
-	math: defineAsyncComponent(() => import("./math-3zyrsc0O.js")),
-	paragraph: defineAsyncComponent(() => import("./paragraph-DEyWEFYY.js")),
-	strong: defineAsyncComponent(() => import("./strong-CFjQLk1h.js")),
-	table: defineAsyncComponent(() => import("./table-DI25RphX.js")),
-	text: defineAsyncComponent(() => import("./text-DP2IAZrc.js")),
-	thematicBreak: defineAsyncComponent(() => import("./thematic-break-DIO-A8eY.js")),
-	yaml: defineAsyncComponent(() => import("./yaml-eOuEqAWX.js"))
+	blockquote: defineAsyncComponent(() => import("./blockquote-CVFraiyL.js")),
+	break: defineAsyncComponent(() => import("./break-CzrM3nW0.js")),
+	code: defineAsyncComponent(() => import("./code-DwwmPoup.js")),
+	delete: defineAsyncComponent(() => import("./delete-BRwEUU72.js")),
+	emphasis: defineAsyncComponent(() => import("./emphasis-DblyP-Vp.js")),
+	footnoteDefinition: defineAsyncComponent(() => import("./footnote-definition-BvZNKSLa.js")),
+	footnoteReference: defineAsyncComponent(() => import("./footnote-reference-DvAxMjRZ.js")),
+	heading: defineAsyncComponent(() => import("./heading-g87txbB0.js")),
+	html: defineAsyncComponent(() => import("./html-BG83dEZJ.js")),
+	image: defineAsyncComponent(() => import("./image-CR28eDok.js")),
+	inlineCode: defineAsyncComponent(() => import("./inline-code-E5uGvmnx.js")),
+	inlineMath: defineAsyncComponent(() => import("./inline-math-BHDNxQ5R.js")),
+	link: defineAsyncComponent(() => import("./link-BiA46FMM.js")),
+	list: defineAsyncComponent(() => import("./list-D7QyoGUy.js")),
+	listItem: defineAsyncComponent(() => import("./list-item-Cv8l3Ufd.js")),
+	math: defineAsyncComponent(() => import("./math-BzuYH4PG.js")),
+	paragraph: defineAsyncComponent(() => import("./paragraph-YTqe84Bm.js")),
+	strong: defineAsyncComponent(() => import("./strong-nPwCJEKq.js")),
+	table: defineAsyncComponent(() => import("./table-Dtpd-MnT.js")),
+	text: defineAsyncComponent(() => import("./text-CfRWiRE0.js")),
+	thematicBreak: defineAsyncComponent(() => import("./thematic-break-DgOD2KmY.js")),
+	yaml: defineAsyncComponent(() => import("./yaml-DP0yfJyS.js"))
 };
 
 //#endregion
 //#region src/components/index.ts
 const UI = {
-	Button: defineAsyncComponent(() => import("./button-CdUyT8T_.js")),
-	CodeBlock: defineAsyncComponent(() => import("./code-block-Co2UoPPS.js")),
-	Dropdown: defineAsyncComponent(() => import("./dropdown-BB3nyts8.js")),
-	ErrorComponent: defineAsyncComponent(() => import("./error-component-biOT0E-h.js")),
-	Icon: defineAsyncComponent(() => import("./icon-mUoYnA6R.js")),
-	Image: defineAsyncComponent(() => import("./image-B6Pw2YBI.js")),
-	Modal: defineAsyncComponent(() => import("./modal-BKzT1TQI.js")),
-	NodeList: defineAsyncComponent(() => import("./node-list-DtNGUnnI.js")),
-	Segmented: defineAsyncComponent(() => import("./segmented-6Ch-Ees3.js")),
+	Button: defineAsyncComponent(() => import("./button-BFS-gHGF.js")),
+	CodeBlock: defineAsyncComponent(() => import("./code-block-CTM9VEwA.js")),
+	Dropdown: defineAsyncComponent(() => import("./dropdown-BQ3uynLf.js")),
+	ErrorComponent: defineAsyncComponent(() => import("./error-component-B_Vacrqa.js")),
+	Icon: defineAsyncComponent(() => import("./icon-BX3KKloR.js")),
+	Image: defineAsyncComponent(() => import("./image-BtkXhzG1.js")),
+	Modal: defineAsyncComponent(() => import("./modal-CFOdkYNj.js")),
+	NodeList: defineAsyncComponent(() => import("./node-list-BYDvt6bq.js")),
+	Segmented: defineAsyncComponent(() => import("./segmented-CaVb5_Rp.js")),
 	Spin: defineAsyncComponent(() => import("./spin-DElj7VPm.js")),
-	Table: defineAsyncComponent(() => import("./table-20vwclBI.js")),
-	Tooltip: defineAsyncComponent(() => import("./tooltip-CAyfm3_l.js")),
-	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-j4kY9qX_.js"))
+	Table: defineAsyncComponent(() => import("./table-D6j6Gl87.js")),
+	Tooltip: defineAsyncComponent(() => import("./tooltip-BIvCaFUj.js")),
+	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-DtkZ07v1.js"))
 };
 
 //#endregion
@@ -20685,6 +20687,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			required: false,
 			default: () => ({})
 		},
+		preload: {
+			type: Object,
+			required: false
+		},
 		locale: {
 			type: [String, Object],
 			required: false,
@@ -20770,7 +20776,8 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			mode: props.mode,
 			mdastOptions: props.mdastOptions,
 			postprocess: props.postprocess,
-			preprocess: props.preprocess
+			preprocess: props.preprocess,
+			normalize: props.normalize
 		});
 		const processed = computed(() => markdownParser.parseMarkdown(props.content));
 		const parsedNodes = computed(() => processed.value.nodes);
@@ -20779,6 +20786,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			...NODE_RENDERERS,
 			...props.nodeRenderers
 		}));
+		const preloadNodeRenderers = computed(() => {
+			if (!props.preload || !props.preload.nodeRenderers) return PRELOAD_NODE_RENDERER;
+			return props.preload.nodeRenderers;
+		});
 		const icons = computed(() => ({
 			...ICONS,
 			...props.icons
@@ -20793,9 +20804,11 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			const tasks = [
 				preloadShiki(),
 				preloadMermaid(),
-				preloadKatex()
+				preloadKatex(),
+				preloadAsyncComponents(icons.value)
 			];
 			if (props.locale !== "en-US") tasks.push(loadLocaleMessages(props.locale));
+			if (preloadNodeRenderers.value.length) tasks.push(preloadAsyncComponents(nodeRenderers.value, preloadNodeRenderers.value));
 			await Promise.all(tasks);
 		}
 		onMounted(bootstrap);
@@ -20846,4 +20859,4 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 var src_default = index_vue_vue_type_script_setup_true_lang_default;
 
 //#endregion
-export { CODE_PREVIEWERS, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, ICONS, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, src_default as Markdown, MarkdownParser, NODE_RENDERERS, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, UI, 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 { CODE_PREVIEWERS, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, ICONS, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, src_default as Markdown, MarkdownParser, NODE_RENDERERS, PRELOAD_NODE_RENDERER, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, UI, 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 };

package/dist/{inline-math--lfq9WCW.js → inline-math-BHDNxQ5R.js}

@@ -1,6 +1,6 @@
-import { h as useMathRenderer } from "./composables-DuQ72m6O.js";
-import "./icon-PEivHbuv.js";
-import { t as error_component_default } from "./error-component-CtZr0_st.js";
+import { g as useMathRenderer } from "./composables-BMXMKLLj.js";
+import "./icon-CpKYt1dR.js";
+import { t as error_component_default } from "./error-component-CckClFee.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/inline-math.vue?vue&type=script&setup=true&lang.ts

package/dist/{link-DAOjAX6n.js → link-BiA46FMM.js}

@@ -1,7 +1,7 @@
-import { i as useSanitizers } from "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
-import "./icon-PEivHbuv.js";
-import { t as error_component_default } from "./error-component-CtZr0_st.js";
+import { i as useSanitizers } from "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
+import "./icon-CpKYt1dR.js";
+import { t as error_component_default } from "./error-component-CckClFee.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
 
 //#region src/components/renderers/link.vue?vue&type=script&setup=true&lang.ts

package/dist/{list-EOEqkWEi.js → list-D7QyoGUy.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/list.vue?vue&type=script&setup=true&lang.ts

package/dist/{list-item-ZG4eadLp.js → list-item-Cv8l3Ufd.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/list-item.vue?vue&type=script&setup=true&lang.ts

package/dist/{math-3zyrsc0O.js → math-BzuYH4PG.js}

@@ -1,6 +1,6 @@
-import { h as useMathRenderer } from "./composables-DuQ72m6O.js";
-import "./icon-PEivHbuv.js";
-import { t as error_component_default } from "./error-component-CtZr0_st.js";
+import { g as useMathRenderer } from "./composables-BMXMKLLj.js";
+import "./icon-CpKYt1dR.js";
+import { t as error_component_default } from "./error-component-CckClFee.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/math.vue?vue&type=script&setup=true&lang.ts

package/dist/{mermaid-VkvXdOuQ.js → mermaid-BoiSJ4fF.js}

@@ -1,9 +1,9 @@
-import { U as useControls, g as throttle, p as useMermaid } from "./composables-DuQ72m6O.js";
-import "./tooltip-CnO7OPL1.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
-import { t as error_component_default } from "./error-component-CtZr0_st.js";
-import { t as zoom_container_default } from "./zoom-container-CrKx_BbS.js";
+import { G as useControls, _ as throttle, m as useMermaid } from "./composables-BMXMKLLj.js";
+import "./tooltip-C4RiUZwy.js";
+import { t as button_default } from "./button-CWSGNZmd.js";
+import "./icon-CpKYt1dR.js";
+import { t as error_component_default } from "./error-component-CckClFee.js";
+import { t as zoom_container_default } from "./zoom-container-CqZQ4X6w.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
@@ -91,7 +91,9 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			return "bottom-right";
 		});
 		const renderFlag = ref(false);
+		const renderAttempt = ref(false);
 		const svg = ref();
+		const error = ref();
 		const containerRef = ref();
 		const code = computed(() => props.node.value.trim());
 		const nodeLoading = computed(() => !!props.node.loading);
@@ -149,13 +151,13 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			}
 		}
 		const render = throttle(props.throttle, async () => {
-			const data = await renderMermaid(code.value);
-			if (data) {
+			const { valid, svg: data, error: err } = await renderMermaid(code.value);
+			if (valid) {
 				svg.value = data;
 				nextTick(() => {
 					updateHeight();
 				});
-			}
+			} else error.value = err;
 			renderFlag.value = true;
 		});
 		const mermaidControls = computed(() => resolveControls("mermaid", [], props));
@@ -166,7 +168,12 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			nodeLoading.value
 		], render, { immediate: true });
 		watch(loading, (curr, prev) => {
-			if (!curr && prev) renderFlag.value = false;
+			if (renderAttempt.value) return;
+			if (!curr && prev) {
+				renderAttempt.value = true;
+				renderFlag.value = false;
+				render();
+			}
 		}, { immediate: true });
 		if (!props.containerHeight) useResizeObserver(containerRef, () => {
 			updateHeight();
@@ -186,7 +193,10 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			})) : (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
 				key: 1,
 				variant: "mermaid"
-			}, props), null, 16))], 64)) : createCommentVNode("v-if", true), createVNode(zoom_container_default, {
+			}, props, {
+				message: error.value,
+				"show-icon": false
+			}), null, 16, ["message"]))], 64)) : createCommentVNode("v-if", true), createVNode(zoom_container_default, {
 				"show-control": showControl.value,
 				position: controlPosition.value
 			}, {

package/dist/modal-CFOdkYNj.js

@@ -0,0 +1,4 @@
+import "./composables-BMXMKLLj.js";
+import { t as modal_default } from "./modal-DHGxvCt5.js";
+
+export { modal_default as default };

package/dist/{modal-DrPdD2g1.js → modal-DHGxvCt5.js}

@@ -1,4 +1,4 @@
-import { W as useContext } from "./composables-DuQ72m6O.js";
+import { K as useContext } from "./composables-BMXMKLLj.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
 import { createReusableTemplate, useEventListener } from "@vueuse/core";
 

package/dist/node-list-BYDvt6bq.js

@@ -0,0 +1,4 @@
+import "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
+
+export { node_list_default as default };

package/dist/{node-list-D7eKaZGS.js → node-list-D6zJX92N.js}

@@ -1,4 +1,4 @@
-import { W as useContext } from "./composables-DuQ72m6O.js";
+import { K as useContext } from "./composables-BMXMKLLj.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/markdown.vue?vue&type=script&setup=true&lang.ts

package/dist/{paragraph-DEyWEFYY.js → paragraph-YTqe84Bm.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/paragraph.vue?vue&type=script&setup=true&lang.ts

package/dist/{previewers-DYnyVv4Y.js → previewers-Cpx1Wqu8.js}

@@ -3,7 +3,7 @@ import { defineAsyncComponent } from "vue";
 //#region src/components/previewers/index.ts
 const CODE_PREVIEWERS = {
 	html: defineAsyncComponent(() => import("./html-D7bGx0Cz.js")),
-	mermaid: defineAsyncComponent(() => import("./mermaid-VkvXdOuQ.js"))
+	mermaid: defineAsyncComponent(() => import("./mermaid-BoiSJ4fF.js"))
 };
 
 //#endregion

package/dist/segmented-CaVb5_Rp.js

@@ -0,0 +1,7 @@
+import "./composables-BMXMKLLj.js";
+import "./tooltip-C4RiUZwy.js";
+import "./button-CWSGNZmd.js";
+import "./icon-CpKYt1dR.js";
+import { t as segmented_default } from "./segmented-DDQZGL7l.js";
+
+export { segmented_default as default };

package/dist/{segmented-CeLXMLZa.js → segmented-DDQZGL7l.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-BDO3n0n_.js";
+import { t as button_default } from "./button-CWSGNZmd.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
 
 //#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts
@@ -30,10 +30,13 @@ var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const emits = __emit;
 		const modelValue = useModel(__props, "value");
 		if (props.options.length && !modelValue.value) modelValue.value = props.options[0].value;
+		function isButtonActive(item) {
+			return modelValue.value === item.value;
+		}
 		function getButtonStyle(item) {
 			return {
 				paddingBlock: "0.25rem",
-				backgroundColor: modelValue.value === item.value ? "var(--accent)" : void 0,
+				backgroundColor: isButtonActive(item) ? "var(--accent)" : void 0,
 				...props.buttonStyle
 			};
 		}
@@ -49,11 +52,13 @@ var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					icon: item.icon,
 					name: item.label,
 					"button-style": getButtonStyle(item),
+					"data-active": isButtonActive(item),
 					onClick: () => onClick(item)
 				}, null, 8, [
 					"icon",
 					"name",
 					"button-style",
+					"data-active",
 					"onClick"
 				]);
 			}), 128))]);

package/dist/{shiki-Dgoch7Q6.js → shiki-DDfRFzy0.js}

@@ -1,6 +1,7 @@
-import { G as useCodeOptions, r as useShiki } from "./composables-DuQ72m6O.js";
-import { t as vanilla_default } from "./vanilla-YFxsSfhA.js";
-import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
+import { q as useCodeOptions, r as useShiki } from "./composables-BMXMKLLj.js";
+import { t as vanilla_default } from "./vanilla-NR7MOE5P.js";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeStyle, openBlock, ref, toRefs, unref, watch, withCtx } from "vue";
+import { useResizeObserver } from "@vueuse/core";
 
 //#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts
 var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -62,7 +63,7 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { shikiOptions, codeOptions, isDark } = toRefs(props);
-		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-BjxmGfXH.js"));
+		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-zn-KUQJD.js"));
 		const code = computed(() => props.node.value.trim());
 		const lang = computed(() => props.node.lang || "");
 		const { showLineNumbers } = useCodeOptions({
@@ -75,20 +76,44 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			isDark
 		});
 		const tokens = ref();
+		const vanillaRef = ref();
+		const minHeight = ref();
+		const element = computed(() => {
+			var _vanillaRef$value;
+			return (_vanillaRef$value = vanillaRef.value) === null || _vanillaRef$value === void 0 ? void 0 : _vanillaRef$value.$el;
+		});
+		const observer = useResizeObserver(element, () => {
+			var _element$value;
+			minHeight.value = (_element$value = element.value) === null || _element$value === void 0 ? void 0 : _element$value.clientHeight;
+		});
 		watch(() => [
 			code.value,
 			shikiOptions.value,
 			isDark.value
 		], async () => {
 			tokens.value = await codeToTokens(code.value);
+			observer.stop();
 		}, { immediate: true });
 		return (_ctx, _cache) => {
-			return tokens.value ? (openBlock(), createBlock(unref(ShikiTokensRenderer), {
-				key: 0,
-				"data-stream-markdown": "code",
-				"data-show-line-numbers": unref(showLineNumbers),
-				tokens: tokens.value
-			}, null, 8, ["data-show-line-numbers", "tokens"])) : (openBlock(), createBlock(unref(vanilla_default), normalizeProps(mergeProps({ key: 1 }, props)), null, 16));
+			return openBlock(), createBlock(Transition, {
+				name: "code-fade",
+				mode: "out-in"
+			}, {
+				default: withCtx(() => [tokens.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-stream-markdown": "shiki",
+					style: normalizeStyle({ minHeight: minHeight.value ? `${minHeight.value}px` : void 0 })
+				}, [createVNode(unref(ShikiTokensRenderer), {
+					"data-stream-markdown": "code",
+					"data-show-line-numbers": unref(showLineNumbers),
+					tokens: tokens.value
+				}, null, 8, ["data-show-line-numbers", "tokens"])], 4)) : (openBlock(), createBlock(unref(vanilla_default), mergeProps({
+					key: 1,
+					ref_key: "vanillaRef",
+					ref: vanillaRef
+				}, props), null, 16))]),
+				_: 1
+			});
 		};
 	}
 });

package/dist/{shiki-token-renderer-BjxmGfXH.js → shiki-token-renderer-zn-KUQJD.js}

@@ -6,11 +6,13 @@ var shiki_token_renderer_default = defineComponent({
 	name: "ShikiTokensRenderer",
 	props: { tokens: {
 		type: Object,
-		required: true
+		required: false
 	} },
 	setup(props) {
+		if (!props.tokens) return null;
 		return () => {
-			var _props$tokens$grammar;
+			var _props$tokens, _props$tokens$grammar;
+			if (!((_props$tokens = props.tokens) === null || _props$tokens === void 0 ? void 0 : _props$tokens.tokens)) return null;
 			return h("pre", {
 				"class": ["shiki", props.tokens.themeName],
 				"data-language": (_props$tokens$grammar = props.tokens.grammarState) === null || _props$tokens$grammar === void 0 ? void 0 : _props$tokens$grammar.lang,

package/dist/{strong-CFjQLk1h.js → strong-nPwCJEKq.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts

package/dist/table-D6j6Gl87.js

@@ -0,0 +1,3 @@
+import { t as table_default } from "./table-tZ8TA3cu.js";
+
+export { table_default as default };

package/dist/{table-DI25RphX.js → table-Dtpd-MnT.js}

@@ -1,10 +1,10 @@
-import { A as tableDataToTSV, D as extractTableDataFromElement, O as tableDataToCSV, U as useControls, W as useContext, k as tableDataToMarkdown, y as useI18n, z as save } from "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
-import "./tooltip-CnO7OPL1.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
+import { A as tableDataToMarkdown, G as useControls, K as useContext, O as extractTableDataFromElement, V as save, b as useI18n, j as tableDataToTSV, k as tableDataToCSV } from "./composables-BMXMKLLj.js";
+import { t as node_list_default } from "./node-list-D6zJX92N.js";
+import "./tooltip-C4RiUZwy.js";
+import { t as button_default } from "./button-CWSGNZmd.js";
+import "./icon-CpKYt1dR.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
-import { t as table_default$1 } from "./table-BMlD4JhL.js";
+import { t as table_default$1 } from "./table-tZ8TA3cu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
 import { useClipboard } from "@vueuse/core";
 

package/dist/tooltip-BIvCaFUj.js

@@ -0,0 +1,4 @@
+import "./composables-BMXMKLLj.js";
+import { t as tooltip_default } from "./tooltip-C4RiUZwy.js";
+
+export { tooltip_default as default };

package/dist/{tooltip-CnO7OPL1.js → tooltip-C4RiUZwy.js}

@@ -1,4 +1,4 @@
-import { T as useFloatingElement, W as useContext } from "./composables-DuQ72m6O.js";
+import { E as useFloating, K as useContext } from "./composables-BMXMKLLj.js";
 import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toDisplayString, toRefs, unref } from "vue";
 
 //#region src/components/tooltip.vue?vue&type=script&setup=true&lang.ts
@@ -30,7 +30,7 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props, { expose: __expose }) {
 		const { placement, delay, trigger } = toRefs(__props);
 		const { getContainer } = useContext();
-		const { referenceEl: _referenceEl, floatingEl: _floatingEl, open, appendTo, floatingStyle, show, hide, onMouseEnter, onMouseLeave, onClick, onFloatingEnter, onFloatingLeave } = useFloatingElement({
+		const { referenceEl: _referenceEl, floatingEl: _floatingEl, open, appendTo, floatingStyle, show, hide, onMouseEnter, onMouseLeave, onClick, onFloatingEnter, onFloatingLeave } = useFloating({
 			placement,
 			delay,
 			trigger,

package/dist/vanilla-DfHiHWnr.js

@@ -0,0 +1,4 @@
+import "./composables-BMXMKLLj.js";
+import { t as vanilla_default } from "./vanilla-NR7MOE5P.js";
+
+export { vanilla_default as default };

package/dist/{vanilla-YFxsSfhA.js → vanilla-NR7MOE5P.js}

@@ -1,4 +1,4 @@
-import { G as useCodeOptions } from "./composables-DuQ72m6O.js";
+import { q as useCodeOptions } from "./composables-BMXMKLLj.js";
 import { computed, defineComponent, h, renderList, toRefs } from "vue";
 
 //#region src/components/renderers/code/vanilla.ts

package/dist/{yaml-eOuEqAWX.js → yaml-DP0yfJyS.js}

@@ -1,4 +1,4 @@
-import { t as table_default } from "./table-BMlD4JhL.js";
+import { t as table_default } from "./table-tZ8TA3cu.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
 
 //#region src/components/renderers/yaml.vue?vue&type=script&setup=true&lang.ts

package/dist/{zoom-container-CrKx_BbS.js → zoom-container-CqZQ4X6w.js}

@@ -1,5 +1,5 @@
-import { t as useZoom, y as useI18n } from "./composables-DuQ72m6O.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
+import { b as useI18n, t as useZoom } from "./composables-BMXMKLLj.js";
+import { t as button_default } from "./button-CWSGNZmd.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts

package/dist/zoom-container-DtkZ07v1.js

@@ -0,0 +1,7 @@
+import "./composables-BMXMKLLj.js";
+import "./tooltip-C4RiUZwy.js";
+import "./button-CWSGNZmd.js";
+import "./icon-CpKYt1dR.js";
+import { t as zoom_container_default } from "./zoom-container-CqZQ4X6w.js";
+
+export { zoom_container_default as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",
@@ -52,7 +52,7 @@
     }
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.9",
+    "@floating-ui/dom": "^1.7.4",
     "@vueuse/core": "^14.1.0",
     "markdown-it-async": "^2.2.0",
     "remend": "^1.0.1"
@@ -92,7 +92,7 @@
     "simple-git-hooks": "^2.13.1",
     "taze": "^19.9.2",
     "treechop": "^0.1.2",
-    "tsdown": "^0.17.4",
+    "tsdown": "^0.18.0",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "unocss": "^66.5.10",

package/dist/button-CdUyT8T_.js

@@ -1,6 +0,0 @@
-import "./composables-DuQ72m6O.js";
-import "./tooltip-CnO7OPL1.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
-
-export { button_default as default };

package/dist/code-block-Co2UoPPS.js

@@ -1,10 +0,0 @@
-import "./previewers-DYnyVv4Y.js";
-import "./composables-DuQ72m6O.js";
-import "./tooltip-CnO7OPL1.js";
-import "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
-import "./modal-DrPdD2g1.js";
-import { t as code_block_default } from "./code-block-hQLDeAmP.js";
-import "./segmented-CeLXMLZa.js";
-
-export { code_block_default as default };

package/dist/dropdown-BB3nyts8.js

@@ -1,6 +0,0 @@
-import "./composables-DuQ72m6O.js";
-import "./tooltip-CnO7OPL1.js";
-import { n as dropdown_default } from "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
-
-export { dropdown_default as default };

package/dist/error-component-biOT0E-h.js

@@ -1,5 +0,0 @@
-import "./composables-DuQ72m6O.js";
-import "./icon-PEivHbuv.js";
-import { t as error_component_default } from "./error-component-CtZr0_st.js";
-
-export { error_component_default as default };

package/dist/icon-mUoYnA6R.js

@@ -1,4 +0,0 @@
-import "./composables-DuQ72m6O.js";
-import { t as icon_default } from "./icon-PEivHbuv.js";
-
-export { icon_default as default };