vue-stream-markdown 0.3.3 → 0.3.4

package/dist/{blockquote-DMB8Kfpx.js → blockquote-BmxjWV_G.js}

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

package/dist/button-COFxsaRF.js

@@ -0,0 +1,6 @@
+import "./composables-CtddyzDd.js";
+import "./tooltip-D5f1NM7L.js";
+import { t as button_default } from "./button-VsLzeJm2.js";
+import "./icon-qsH7UyIs.js";
+
+export { button_default as default };

package/dist/{button-DPe-U1_o.js → button-VsLzeJm2.js}

@@ -1,5 +1,5 @@
-import { t as tooltip_default } from "./tooltip-fM2WGFeD.js";
-import { t as icon_default } from "./icon-C27bs9BM.js";
+import { t as tooltip_default } from "./tooltip-D5f1NM7L.js";
+import { t as icon_default } from "./icon-qsH7UyIs.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 

package/dist/{code-4XFOBgU_.js → code-DVxBGzOd.js}

@@ -1,10 +1,10 @@
-import { r as useShiki } from "./composables-DaYP_11G.js";
-import "./tooltip-fM2WGFeD.js";
-import "./button-DPe-U1_o.js";
-import "./icon-C27bs9BM.js";
+import { r as useShiki } from "./composables-CtddyzDd.js";
+import "./tooltip-D5f1NM7L.js";
+import "./button-VsLzeJm2.js";
+import "./icon-qsH7UyIs.js";
 import "./modal-CjBdIba9.js";
-import { t as code_block_default } from "./code-block-CmlGk69F.js";
-import "./segmented-Bu_sIH3Z.js";
+import { t as code_block_default } from "./code-block-1DU4KiI0.js";
+import "./segmented-CbDzmFJ_.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/code/index.vue?vue&type=script&setup=true&lang.ts
@@ -78,8 +78,8 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const languageClass = computed(() => `language-${props.node.lang}`);
 		const { installed: hasShiki } = useShiki();
 		const components = {
-			vanilla: defineAsyncComponent(() => import("./vanilla-j3_T6TY7.js")),
-			shiki: defineAsyncComponent(() => import("./shiki-CjvsvtFq.js"))
+			vanilla: defineAsyncComponent(() => import("./vanilla-CCempBMr.js")),
+			shiki: defineAsyncComponent(() => import("./shiki-CrcLBGFR.js"))
 		};
 		const component = computed(() => {
 			if (hasShiki.value) return components.shiki;

package/dist/{code-block-CmlGk69F.js → code-block-1DU4KiI0.js}

@@ -1,8 +1,8 @@
-import { _ as useI18n, a as useMermaid, at as LANGUAGE_EXTENSIONS, ct as useContext, it as LANGUAGE_ALIAS, lt as useCodeOptions, ot as LANGUAGE_ICONS, st as useControls } from "./composables-DaYP_11G.js";
+import { _ as useI18n, a as useMermaid, at as LANGUAGE_EXTENSIONS, ct as useContext, it as LANGUAGE_ALIAS, lt as useCodeOptions, ot as LANGUAGE_ICONS, st as useControls } from "./composables-CtddyzDd.js";
 import { CODE_PREVIEWERS, save } from "./index.js";
-import { t as button_default } from "./button-DPe-U1_o.js";
+import { t as button_default } from "./button-VsLzeJm2.js";
 import { t as modal_default } from "./modal-CjBdIba9.js";
-import { t as segmented_default } from "./segmented-Bu_sIH3Z.js";
+import { t as segmented_default } from "./segmented-CbDzmFJ_.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useModel, vShow, watch, withCtx, withDirectives } from "vue";
 import { createReusableTemplate, useClipboard } from "@vueuse/core";
 
@@ -190,7 +190,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	},
 	setup(__props) {
 		const props = __props;
-		const CodeNode = defineAsyncComponent(() => import("./code-4XFOBgU_.js"));
+		const CodeNode = defineAsyncComponent(() => import("./code-DVxBGzOd.js"));
 		const { controls, previewers, codeOptions } = toRefs(props);
 		const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
 		const { t } = useI18n();
@@ -382,10 +382,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			}), createElementVNode("div", {
 				"data-stream-markdown": "code-block",
 				"data-collapsed": collapsed.value,
-				class: normalizeClass({
-					"code-loading": props.node.loading,
-					"dark": props.isDark
-				})
+				class: normalizeClass({ "code-loading": props.node.loading })
 			}, [
 				createElementVNode("header", _hoisted_3, [
 					renderSlot(_ctx.$slots, "title", {}, () => [createVNode(unref(ReuseTemplate), { "show-preview": previewPlacement.value === "left" }, null, 8, ["show-preview"])]),

package/dist/code-block-Bf-ha-sV.js

@@ -0,0 +1,9 @@
+import "./composables-CtddyzDd.js";
+import "./tooltip-D5f1NM7L.js";
+import "./button-VsLzeJm2.js";
+import "./icon-qsH7UyIs.js";
+import "./modal-CjBdIba9.js";
+import { t as code_block_default } from "./code-block-1DU4KiI0.js";
+import "./segmented-CbDzmFJ_.js";
+
+export { code_block_default as default };

package/dist/{composables-DaYP_11G.js → composables-CtddyzDd.js}

@@ -1,6 +1,6 @@
 import { OVERLAY_CONTAINER_ID, SHADCN_SCHEMAS, createIdleCallback, getOverlayContainer, hasKatex, hasMermaid, hasShiki, isClient, save, svgToPngBlob, transformUrl } from "./index.js";
-import { computed, defineAsyncComponent, inject, nextTick, onBeforeUnmount, onMounted, onUnmounted, provide, ref, toValue, unref, watch, watchEffect } from "vue";
-import { useEventListener, useIntersectionObserver, useMutationObserver, useNavigatorLanguage, useStyleTag } from "@vueuse/core";
+import { computed, defineAsyncComponent, inject, nextTick, onMounted, onUnmounted, provide, ref, unref, watch, watchEffect } from "vue";
+import { useEventListener, useIntersectionObserver, useMutationObserver, useNavigatorLanguage } from "@vueuse/core";
 import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
 
 //#region rolldown:runtime
@@ -11,7 +11,7 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-var __export = (all$1, symbols) => {
+var __exportAll = (all$1, symbols) => {
 	let target = {};
 	for (var name in all$1) {
 		__defProp$1(target, name, {
@@ -9341,7 +9341,7 @@ const PRELOAD_NODE_RENDERER = [
 
 //#endregion
 //#region src/composables/use-dark-detector.ts
-function useDarkDetector(darkProp) {
+function useDarkDetector(darkProp, cssVariables) {
 	const target = ref();
 	const isDarkProvided = computed(() => typeof unref(darkProp) === "boolean");
 	const detectedDark = ref(false);
@@ -9363,12 +9363,16 @@ function useDarkDetector(darkProp) {
 		if (!overlayContainer) return;
 		overlayContainer.classList.toggle("dark", isDark.value);
 		overlayContainer.classList.toggle("light", !isDark.value);
+		Object.entries(cssVariables.value).forEach(([key, value$1]) => {
+			overlayContainer.style.setProperty(key, value$1);
+		});
 	}
 	const { stop } = useMutationObserver(target, detect, {
 		attributes: true,
-		attributeFilter: ["class"]
+		attributeFilter: ["class"],
+		subtree: false
 	});
-	watch(isDark, () => updateOverlayContainerTheme());
+	watch(() => [isDark.value, cssVariables.value], () => updateOverlayContainerTheme());
 	watch(isDarkProvided, () => {
 		if (isDarkProvided.value) target.value = null;
 	});
@@ -10339,45 +10343,34 @@ function useShiki(options) {
 //#region src/composables/use-tailwind-v3-theme.ts
 const reg = /^(?:hsl|rgb|oklch|lab|lch)\(/;
 function useTailwindV3Theme(options) {
-	const { id, css, load, unload, isLoaded } = useStyleTag("", {
-		id: "stream-markdown-tailwind-v3-theme",
-		immediate: false
-	});
-	const styleScope = computed(() => {
-		const scope = unref(options.styleScope);
-		if (!scope) return [".stream-markdown", `.${OVERLAY_CONTAINER_ID}`];
-		return Array.isArray(scope) ? scope : [scope];
-	});
+	const cssVariables = ref({});
 	const element = computed(() => {
-		return toValue(options.element) || (isClient() ? document.body : void 0);
+		if (!isClient()) return;
+		return (typeof options.element === "function" ? options.element() : null) || document.body;
 	});
 	function generateCSS() {
-		if (!element.value || !isClient()) return;
+		if (!isClient() || !element.value) return;
 		const computedStyle = window.getComputedStyle(element.value);
-		const cssVariables = [];
+		const variables = {};
 		for (const schema of SHADCN_SCHEMAS) {
 			const name = `--${schema}`;
 			const value$1 = computedStyle.getPropertyValue(name).trim();
-			if (value$1 && !reg.test(value$1)) cssVariables.push(`  ${name}: hsl(${value$1});`);
-		}
-		if (cssVariables.length > 0) {
-			css.value = styleScope.value.map((scope) => `${scope} {\n${cssVariables.join("\n")}\n}`).join("\n");
-			load();
-		} else {
-			css.value = "";
-			unload();
+			if (value$1 && !reg.test(value$1)) variables[name] = `hsl(${value$1})`;
 		}
+		if (Object.keys(variables).length > 0) cssVariables.value = variables;
+		else cssVariables.value = {};
 	}
 	watchEffect(generateCSS);
-	onBeforeUnmount(unload);
+	const { stop } = useMutationObserver(() => element.value ? [element.value, document.documentElement] : [], generateCSS, {
+		attributes: true,
+		attributeFilter: ["style", "class"],
+		subtree: false
+	});
 	return {
 		element,
-		id,
-		css,
-		load,
-		unload,
-		isLoaded,
-		generateCSS
+		cssVariables,
+		generateCSS,
+		stop
 	};
 }
 
@@ -10544,4 +10537,4 @@ function useZoom(options = {}) {
 }
 
 //#endregion
-export { markdownSpace as $, blankLine as A, encodeCharacterReference as B, useFloating as C, BUILTIN_FROM_MDAST_EXTENSIONS as D, PRELOAD_NODE_RENDERER as E, splice as F, asciiAlphanumeric as G, patternInScope as H, handle as I, asciiDigit as J, asciiAtext as K, formatHeadingAsSetext as L, combineExtensions as M, resolveAll as N, BUILTIN_MICROMARK_EXTENSIONS as O, push as P, markdownLineEndingOrSpace as Q, toString as R, localesGlob as S, useDarkDetector as T, normalizeIdentifier as U, formatCodeAsIndented as V, asciiAlpha as W, asciiPunctuation as X, asciiHexDigit as Y, markdownLineEnding as Z, useI18n as _, useMermaid as a, LANGUAGE_EXTENSIONS as at, loadLocaleMessages as b, throttle as c, useContext as ct, _assertClassBrand as d, ICONS as et, _classPrivateFieldInitSpec as f, useKatex as g, useLocaleDetector as h, useSanitizers as i, LANGUAGE_ALIAS as it, factorySpace as j, BUILTIN_TO_MDAST_EXTENSIONS as k, _classPrivateFieldSet2 as l, useCodeOptions as lt, _defineProperty as m, useTailwindV3Theme as n, DEFAULT_DARK_THEME as nt, useMediumZoom as o, LANGUAGE_ICONS as ot, _checkPrivateRedeclaration as p, asciiControl as q, useShiki as r, DEFAULT_LIGHT_THEME as rt, useMathRenderer as s, useControls as st, useZoom as t, DEFAULT_HARDEN_OPTIONS as tt, _classPrivateFieldGet2 as u, __export as ut, SUPPORT_LANGUAGES as v, useDeferredRender as w, localeMessages as x, currentLocale as y, classifyCharacter$1 as z };
+export { markdownSpace as $, blankLine as A, encodeCharacterReference as B, useFloating as C, BUILTIN_FROM_MDAST_EXTENSIONS as D, PRELOAD_NODE_RENDERER as E, splice as F, asciiAlphanumeric as G, patternInScope as H, handle as I, asciiDigit as J, asciiAtext as K, formatHeadingAsSetext as L, combineExtensions as M, resolveAll as N, BUILTIN_MICROMARK_EXTENSIONS as O, push as P, markdownLineEndingOrSpace as Q, toString as R, localesGlob as S, useDarkDetector as T, normalizeIdentifier as U, formatCodeAsIndented as V, asciiAlpha as W, asciiPunctuation as X, asciiHexDigit as Y, markdownLineEnding as Z, useI18n as _, useMermaid as a, LANGUAGE_EXTENSIONS as at, loadLocaleMessages as b, throttle as c, useContext as ct, _assertClassBrand as d, ICONS as et, _classPrivateFieldInitSpec as f, useKatex as g, useLocaleDetector as h, useSanitizers as i, LANGUAGE_ALIAS as it, factorySpace as j, BUILTIN_TO_MDAST_EXTENSIONS as k, _classPrivateFieldSet2 as l, useCodeOptions as lt, _defineProperty as m, useTailwindV3Theme as n, DEFAULT_DARK_THEME as nt, useMediumZoom as o, LANGUAGE_ICONS as ot, _checkPrivateRedeclaration as p, asciiControl as q, useShiki as r, DEFAULT_LIGHT_THEME as rt, useMathRenderer as s, useControls as st, useZoom as t, DEFAULT_HARDEN_OPTIONS as tt, _classPrivateFieldGet2 as u, __exportAll as ut, SUPPORT_LANGUAGES as v, useDeferredRender as w, localeMessages as x, currentLocale as y, classifyCharacter$1 as z };

package/dist/{delete-bBJNbiOP.js → delete-hjXijBTU.js}

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

package/dist/dropdown-jXDoJ4Q0.js

@@ -0,0 +1,6 @@
+import "./composables-CtddyzDd.js";
+import "./tooltip-D5f1NM7L.js";
+import { n as dropdown_default } from "./button-VsLzeJm2.js";
+import "./icon-qsH7UyIs.js";
+
+export { dropdown_default as default };

package/dist/{emphasis-Dgo3upUv.js → emphasis-I1btf0Gs.js}

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

package/dist/error-component-4SkBoOHG.js

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

package/dist/{error-component-CdlA8l6l.js → error-component-f9DiWVF8.js}

@@ -1,5 +1,5 @@
-import { _ as useI18n, ct as useContext } from "./composables-DaYP_11G.js";
-import { t as icon_default } from "./icon-C27bs9BM.js";
+import { _ as useI18n, ct as useContext } from "./composables-CtddyzDd.js";
+import { t as icon_default } from "./icon-qsH7UyIs.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, renderSlot, resolveDynamicComponent, toDisplayString } from "vue";
 
 //#region src/components/error-component.vue?vue&type=script&setup=true&lang.ts

package/dist/{footnote-definition-DeybMHOU.js → footnote-definition-8SZmNimh.js}

@@ -1,8 +1,8 @@
-import { _ as useI18n, ct as useContext } from "./composables-DaYP_11G.js";
-import { t as node_list_default } from "./node-list-BEt8O51q.js";
-import "./tooltip-fM2WGFeD.js";
-import { t as button_default } from "./button-DPe-U1_o.js";
-import "./icon-C27bs9BM.js";
+import { _ as useI18n, ct as useContext } from "./composables-CtddyzDd.js";
+import { t as node_list_default } from "./node-list-f3l4zqPK.js";
+import "./tooltip-D5f1NM7L.js";
+import { t as button_default } from "./button-VsLzeJm2.js";
+import "./icon-qsH7UyIs.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, toDisplayString, unref } from "vue";
 
 //#region src/components/renderers/footnote-definition.vue?vue&type=script&setup=true&lang.ts

package/dist/{footnote-reference-CbvjaN6u.js → footnote-reference-hm3snOPP.js}

@@ -1,4 +1,4 @@
-import { ct as useContext } from "./composables-DaYP_11G.js";
+import { ct as useContext } from "./composables-CtddyzDd.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
 
 //#region src/components/renderers/footnote-reference.vue?vue&type=script&setup=true&lang.ts

package/dist/{heading-DzVWlhQV.js → heading-BIAIyju-.js}

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

package/dist/icon-BcjJTFYq.js

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

package/dist/{icon-C27bs9BM.js → icon-qsH7UyIs.js}

@@ -1,4 +1,4 @@
-import { ct as useContext } from "./composables-DaYP_11G.js";
+import { ct as useContext } from "./composables-CtddyzDd.js";
 import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
 
 //#region src/components/icon.vue?vue&type=script&setup=true&lang.ts

package/dist/{image-BiYxbIVK.js → image-C3FGrrtK.js}

@@ -1,12 +1,12 @@
-import { _ as useI18n, ct as useContext, i as useSanitizers, st as useControls } from "./composables-DaYP_11G.js";
+import { _ as useI18n, ct as useContext, i as useSanitizers, st as useControls } from "./composables-CtddyzDd.js";
 import { saveImage } from "./index.js";
-import "./tooltip-fM2WGFeD.js";
-import { t as button_default } from "./button-DPe-U1_o.js";
-import "./icon-C27bs9BM.js";
+import "./tooltip-D5f1NM7L.js";
+import { t as button_default } from "./button-VsLzeJm2.js";
+import "./icon-qsH7UyIs.js";
 import "./modal-CjBdIba9.js";
-import { t as error_component_default } from "./error-component-CdlA8l6l.js";
-import "./zoom-container-D_EUC2Uj.js";
-import { t as image_default$1 } from "./image-Cbf73I1a.js";
+import { t as error_component_default } from "./error-component-f9DiWVF8.js";
+import "./zoom-container-BIIa1umS.js";
+import { t as image_default$1 } from "./image-CZPOzsnZ.js";
 import { t as spin_default } from "./spin-B9LOjkAV.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";
 

package/dist/{image-Cbf73I1a.js → image-CZPOzsnZ.js}

@@ -1,8 +1,8 @@
-import { _ as useI18n, ct as useContext, o as useMediumZoom, st as useControls } from "./composables-DaYP_11G.js";
+import { _ as useI18n, ct as useContext, o as useMediumZoom, st as useControls } from "./composables-CtddyzDd.js";
 import { n as treeFlatFilter } from "./dist-BVfXq2lF.js";
-import { t as button_default } from "./button-DPe-U1_o.js";
+import { t as button_default } from "./button-VsLzeJm2.js";
 import { t as modal_default } from "./modal-CjBdIba9.js";
-import { t as zoom_container_default } from "./zoom-container-D_EUC2Uj.js";
+import { t as zoom_container_default } from "./zoom-container-BIIa1umS.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, renderList, toRefs, unref, watch, withCtx } from "vue";
 import { useCycleList } from "@vueuse/core";
 

package/dist/image-haUIHue9.js

@@ -0,0 +1,9 @@
+import "./composables-CtddyzDd.js";
+import "./tooltip-D5f1NM7L.js";
+import "./button-VsLzeJm2.js";
+import "./icon-qsH7UyIs.js";
+import "./modal-CjBdIba9.js";
+import "./zoom-container-BIIa1umS.js";
+import { t as image_default } from "./image-CZPOzsnZ.js";
+
+export { image_default as default };