vue-stream-markdown 0.1.2 → 0.1.4

package/README.md

@@ -66,6 +66,14 @@ This project also uses and benefits from:
 - [KaTeX](https://katex.org/) - Fast math typesetting library for the web
 - [Remend](https://github.com/vercel/streamdown/tree/main/packages/remend) - Intelligently parses and styles incomplete Markdown blocks
 
+### Code Sources
+- [markstream-vue](https://github.com/Simon-He95/markstream-vue) - The original inspiration for learning AST-based custom markdown rendering, and the source of the animation implementation used in this project
+- [ast-explorer](https://github.com/sxzz/ast-explorer) - Learned AST knowledge from this project, and the playground layout inspiration and AST syntax tree filtering code are derived from it
+
+## Acknowledgments
+
+I would like to express my sincere gratitude to those who provided guidance and support during the project selection phase and promotion phase of this project. Without their encouragement and support, I would not have been able to complete this work. In particular, the [streamdown](https://streamdown.ai/) community provided excellent code guidance and even helped fix several issues.
+
 ## Troubleshooting
 
 The playground supports generating shareable links and provides streaming controls (forward/backward navigation) for debugging streaming rendering issues.

package/dist/button-D6ccVxGm.js

@@ -0,0 +1,5 @@
+import "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import { t as button_default } from "./button-jFTF378X.js";
+
+export { button_default as default };

package/dist/{button-vKhxUL3C.js → button-jFTF378X.js}

@@ -1,4 +1,4 @@
-import { t as tooltip_default } from "./tooltip-KcTe6tBF.js";
+import { t as tooltip_default } from "./tooltip-3UDC9mw-.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
 
 //#region src/components/dropdown.vue?vue&type=script&setup=true&lang.ts

package/dist/{code-_dL6Qk0F.js → code-BxWvKFxG.js}

@@ -1,10 +1,10 @@
-import "./previewers-CMreQ4TA.js";
-import { i as useShiki } from "./composables-CZ7YmjNl.js";
-import "./tooltip-KcTe6tBF.js";
-import "./button-vKhxUL3C.js";
+import "./previewers-ByaS2Ksa.js";
+import { i as useShiki } from "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import "./button-jFTF378X.js";
 import "./modal-CuQR21UD.js";
-import { t as code_block_default } from "./code-block-wYeMwBck.js";
-import "./segmented-RoWxDIP3.js";
+import { t as code_block_default } from "./code-block-uZcUI59D.js";
+import "./segmented-DBW9ignu.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/code/index.vue?vue&type=script&setup=true&lang.ts
@@ -82,8 +82,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-CA9QO96X.js")),
-			shiki: defineAsyncComponent(() => import("./shiki-4529WbJJ.js"))
+			vanilla: defineAsyncComponent(() => import("./vanilla-De7W3PpS.js")),
+			shiki: defineAsyncComponent(() => import("./shiki-bQYWLdW3.js"))
 		};
 		const component = computed(() => {
 			if (hasShiki.value) return components.shiki;

package/dist/code-block-B72JfFy-.js

@@ -0,0 +1,9 @@
+import "./previewers-ByaS2Ksa.js";
+import "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import "./button-jFTF378X.js";
+import "./modal-CuQR21UD.js";
+import { t as code_block_default } from "./code-block-uZcUI59D.js";
+import "./segmented-DBW9ignu.js";
+
+export { code_block_default as default };

package/dist/{code-block-wYeMwBck.js → code-block-uZcUI59D.js}

@@ -1,8 +1,8 @@
-import { t as CODE_PREVIEWERS } from "./previewers-CMreQ4TA.js";
-import { B as useContext, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, O as save, R as LANGUAGE_ICONS, a as useMermaid, u as useI18n, z as useControls } from "./composables-CZ7YmjNl.js";
-import { t as button_default } from "./button-vKhxUL3C.js";
+import { t as CODE_PREVIEWERS } from "./previewers-ByaS2Ksa.js";
+import { B as useContext, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, O as save, R as LANGUAGE_ICONS, V as useCodeOptions, a as useMermaid, u as useI18n, z as useControls } from "./composables-Cx0nvyHl.js";
+import { t as button_default } from "./button-jFTF378X.js";
 import { t as modal_default } from "./modal-CuQR21UD.js";
-import { t as segmented_default } from "./segmented-RoWxDIP3.js";
+import { t as segmented_default } from "./segmented-DBW9ignu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useModel, vShow, watch, withCtx, withDirectives } from "vue";
 import { useClipboard } from "@vueuse/core";
 
@@ -104,14 +104,15 @@ var preview_segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const mode = useModel(__props, "mode");
 		const collapsed = useModel(__props, "collapsed");
 		const { t } = useI18n();
+		const { icons } = useContext();
 		const SEGMENTED_OPTIONS = computed(() => [{
 			label: t("button.preview"),
 			value: "preview",
-			icon: ICONS.preview
+			icon: icons.value.preview
 		}, {
 			label: t("button.source"),
 			value: "source",
-			icon: ICONS.code
+			icon: icons.value.code
 		}]);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(segmented_default, {
@@ -204,11 +205,12 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	},
 	setup(__props) {
 		const props = __props;
-		const { controls, previewers } = toRefs(props);
+		const { controls, previewers, codeOptions } = toRefs(props);
 		const { t } = useI18n();
+		const { icons } = useContext();
 		const { isControlEnabled } = useControls({ controls });
 		const { installed: hasMermaid } = useMermaid();
-		const CodeNode = defineAsyncComponent(() => import("./code-_dL6Qk0F.js"));
+		const CodeNode = defineAsyncComponent(() => import("./code-BxWvKFxG.js"));
 		const { onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
 		const { saveMermaid } = useMermaid();
@@ -221,30 +223,39 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			if (LANGUAGE_ALIAS[lang]) return LANGUAGE_ALIAS[lang];
 			return lang;
 		});
-		const showLanguageIcon = computed(() => {
-			var _props$codeOptions;
-			return typeof ((_props$codeOptions = props.codeOptions) === null || _props$codeOptions === void 0 ? void 0 : _props$codeOptions.languageIcon) === "boolean" ? props.codeOptions.languageIcon : true;
-		});
-		const showLanguageName = computed(() => {
-			var _props$codeOptions2;
-			return typeof ((_props$codeOptions2 = props.codeOptions) === null || _props$codeOptions2 === void 0 ? void 0 : _props$codeOptions2.languageName) === "boolean" ? props.codeOptions.languageName : true;
+		const { showLanguageIcon, showLanguageName } = useCodeOptions({
+			codeOptions,
+			language
 		});
 		const showLanguageTitle = computed(() => showLanguageIcon.value || showLanguageName.value);
 		const showCollapse = computed(() => isControlEnabled("code.collapse"));
 		const showCopy = computed(() => isControlEnabled("code.copy"));
 		const showDownload = computed(() => isControlEnabled("code.download"));
 		const showFullscreen = computed(() => isControlEnabled("code.fullscreen"));
-		const icon = computed(() => LANGUAGE_ICONS[language.value] || LANGUAGE_ICONS.text);
+		const icon = computed(() => {
+			var _codeOptions$value;
+			const custom = (_codeOptions$value = codeOptions.value) === null || _codeOptions$value === void 0 || (_codeOptions$value = _codeOptions$value.language) === null || _codeOptions$value === void 0 || (_codeOptions$value = _codeOptions$value[language.value]) === null || _codeOptions$value === void 0 ? void 0 : _codeOptions$value.languageIcon;
+			if (typeof custom === "object") return custom;
+			return LANGUAGE_ICONS[language.value] || LANGUAGE_ICONS.text;
+		});
 		const previewable = computed(() => {
 			if (previewers.value === false) return false;
-			const mermaid = language.value === "mermaid" && hasMermaid.value;
 			const html = language.value === "html" && !props.node.loading;
+			const mermaid = language.value === "mermaid" && hasMermaid.value;
+			if (previewers.value === true) {
+				if (language.value === "html" && html) return true;
+				if (language.value === "mermaid" && mermaid) return true;
+				return false;
+			}
 			if (typeof previewers.value === "object") {
-				const _mermaid = previewers.value.mermaid !== false && mermaid;
-				const _html = previewers.value.html !== false && html;
-				return _mermaid || _html;
+				if (previewers.value[language.value] === false) return false;
+				if (language.value === "html" && html) return true;
+				if (language.value === "mermaid" && mermaid) return true;
+				const component = previewers.value[language.value];
+				if (typeof component === "object" && !props.node.loading) return !!component;
+				return false;
 			}
-			return mermaid || html;
+			return false;
 		});
 		const PreviewComponent = computed(() => {
 			if (!previewers.value || typeof previewers.value === "boolean") return CODE_PREVIEWERS[language.value];
@@ -275,7 +286,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				{
 					name: t("button.collapse"),
 					key: "collapse",
-					icon: ICONS.collapse,
+					icon: icons.value.collapse,
 					iconStyle: {
 						transform: collapsed.value ? "rotate(180deg)" : void 0,
 						transition: "transform var(--default-transition-duration)"
@@ -286,7 +297,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				{
 					name: t("button.copy"),
 					key: "copy",
-					icon: copied.value ? ICONS.check : ICONS.copy,
+					icon: copied.value ? icons.value.check : icons.value.copy,
 					visible: () => showCopy.value,
 					onClick: () => {
 						if (!props.node.value) return;
@@ -297,7 +308,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				{
 					name: t("button.download"),
 					key: "download",
-					icon: ICONS.download,
+					icon: icons.value.download,
 					options: downloadOptions.value.length > 0 ? downloadOptions.value : void 0,
 					visible: () => showDownload.value && !!LANGUAGE_EXTENSIONS[language.value],
 					onClick: (_event, item) => {
@@ -313,7 +324,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				{
 					name: fullscreen.value ? t("button.minimize") : t("button.maximize"),
 					key: "fullscreen",
-					icon: fullscreen.value ? ICONS.minimize : ICONS.maximize,
+					icon: fullscreen.value ? icons.value.minimize : icons.value.maximize,
 					visible: () => showFullscreen.value,
 					onClick: () => fullscreen.value = !fullscreen.value
 				}
@@ -337,8 +348,8 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						key: 0,
 						icon: icon.value,
 						language: language.value,
-						"show-icon": showLanguageIcon.value,
-						"show-name": showLanguageName.value
+						"show-icon": unref(showLanguageIcon),
+						"show-name": unref(showLanguageName)
 					}, null, 8, [
 						"icon",
 						"language",
@@ -370,8 +381,8 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						key: 0,
 						icon: icon.value,
 						language: language.value,
-						"show-icon": showLanguageIcon.value,
-						"show-name": showLanguageName.value
+						"show-icon": unref(showLanguageIcon),
+						"show-name": unref(showLanguageName)
 					}, null, 8, [
 						"icon",
 						"language",

package/dist/{composables-CZ7YmjNl.js → composables-Cx0nvyHl.js}

@@ -6,10 +6,37 @@ import "tippy.js/themes/light.css";
 import "tippy.js/dist/border.css";
 import "tippy.js/dist/svg-arrow.css";
 
+//#region src/composables/use-code-options.ts
+function useCodeOptions(options) {
+	const language = computed(() => unref(options.language) || "");
+	const codeOptions = computed(() => unref(options.codeOptions));
+	const languageCodeOptions = computed(() => {
+		var _codeOptions$value;
+		return ((_codeOptions$value = codeOptions.value) === null || _codeOptions$value === void 0 || (_codeOptions$value = _codeOptions$value.language) === null || _codeOptions$value === void 0 ? void 0 : _codeOptions$value[language.value]) ?? codeOptions.value;
+	});
+	return {
+		languageCodeOptions,
+		showLanguageIcon: computed(() => {
+			var _languageCodeOptions$;
+			return typeof ((_languageCodeOptions$ = languageCodeOptions.value) === null || _languageCodeOptions$ === void 0 ? void 0 : _languageCodeOptions$.languageIcon) === "boolean" ? languageCodeOptions.value.languageIcon : true;
+		}),
+		showLanguageName: computed(() => {
+			var _languageCodeOptions$2;
+			return typeof ((_languageCodeOptions$2 = languageCodeOptions.value) === null || _languageCodeOptions$2 === void 0 ? void 0 : _languageCodeOptions$2.languageName) === "boolean" ? languageCodeOptions.value.languageName : true;
+		}),
+		showLineNumbers: computed(() => {
+			var _languageCodeOptions$3;
+			return typeof ((_languageCodeOptions$3 = languageCodeOptions.value) === null || _languageCodeOptions$3 === void 0 ? void 0 : _languageCodeOptions$3.lineNumbers) === "boolean" ? languageCodeOptions.value.lineNumbers : true;
+		})
+	};
+}
+
+//#endregion
 //#region src/composables/use-context.ts
 const CONTEXT_KEY = Symbol("stream-markdown-context");
 function useContext() {
 	const context = injectContext();
+	const icons = computed(() => unref(context.icons) ?? {});
 	const isDark = computed(() => unref(context.isDark) ?? false);
 	function provideContext(ctx) {
 		provide(CONTEXT_KEY, {
@@ -24,6 +51,7 @@ function useContext() {
 		context,
 		provideContext,
 		injectContext,
+		icons,
 		isDark,
 		get getContainer() {
 			return context.getContainer || (() => void 0);
@@ -624,21 +652,6 @@ const SHADCN_SCHEMAS = [
 
 //#endregion
 //#region src/utils/harden.ts
-const safeProtocols = new Set([
-	"https:",
-	"http:",
-	"irc:",
-	"ircs:",
-	"mailto:",
-	"xmpp:",
-	"blob:"
-]);
-const blockedProtocols = new Set([
-	"javascript:",
-	"data:",
-	"file:",
-	"vbscript:"
-]);
 function parseUrl(url, defaultOrigin) {
 	if (typeof url !== "string") return null;
 	try {
@@ -649,13 +662,33 @@ function parseUrl(url, defaultOrigin) {
 		} catch {
 			return null;
 		}
+		if (url.startsWith("/") || url.startsWith("./") || url.startsWith("../")) try {
+			return new URL(url, "http://example.com");
+		} catch {
+			return null;
+		}
 		return null;
 	}
 }
 function isPathRelativeUrl(url) {
 	if (typeof url !== "string") return false;
-	return url.startsWith("/");
+	return url.startsWith("/") || url.startsWith("./") || url.startsWith("../");
 }
+const safeProtocols = new Set([
+	"https:",
+	"http:",
+	"irc:",
+	"ircs:",
+	"mailto:",
+	"xmpp:",
+	"blob:"
+]);
+const blockedProtocols = new Set([
+	"javascript:",
+	"data:",
+	"file:",
+	"vbscript:"
+]);
 function transformUrl(url, allowedPrefixes, defaultOrigin, allowDataImages = false, isImage = false, allowedProtocols = []) {
 	if (!url) return null;
 	if (typeof url === "string" && url.startsWith("#") && !isImage) try {
@@ -1397,7 +1430,11 @@ function useShiki(options) {
 	const darkTheme = computed(() => shikiTheme.value[1] ?? DEFAULT_DARK_THEME);
 	const langAlias = computed(() => {
 		var _unref2;
-		return ((_unref2 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref2 === void 0 ? void 0 : _unref2.langAlias) ?? {};
+		const data = ((_unref2 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref2 === void 0 ? void 0 : _unref2.langAlias) ?? {};
+		return {
+			...LANGUAGE_ALIAS,
+			...data
+		};
 	});
 	const codeToTokenOptions = computed(() => {
 		var _unref3;
@@ -1415,7 +1452,7 @@ function useShiki(options) {
 		return theme.id;
 	}
 	async function getLanguage() {
-		if (LANGUAGE_ALIAS[lang.value]) return LANGUAGE_ALIAS[lang.value];
+		if (langAlias.value[lang.value]) return langAlias.value[lang.value];
 		const { bundledLanguagesInfo } = await import("shiki");
 		const language = bundledLanguagesInfo.find((l) => {
 			var _l$aliases;
@@ -1443,10 +1480,7 @@ function useShiki(options) {
 			return createHighlighter({
 				themes: [await getTheme()],
 				langs: [await getLanguage()],
-				langAlias: {
-					...LANGUAGE_ALIAS,
-					...langAlias.value
-				}
+				langAlias: langAlias.value
 			});
 		})();
 		highlighter = await createHighlighterPromise;
@@ -1561,6 +1595,8 @@ function useZoom(options = {}) {
 		x: 0,
 		y: 0
 	});
+	const isPinching = ref(false);
+	const touchZoomState = ref(null);
 	const transformStyle = computed(() => ({ transform: `translate(${translateX.value}px, ${translateY.value}px) scale(${zoom.value})` }));
 	function zoomIn() {
 		if (zoom.value < maxZoom) zoom.value = Math.min(zoom.value + zoomStep, maxZoom);
@@ -1577,6 +1613,7 @@ function useZoom(options = {}) {
 		zoom.value = Math.min(Math.max(value, minZoom), maxZoom);
 	}
 	function startDrag(e) {
+		if (isPinching.value) return;
 		isDragging.value = true;
 		dragStart.value = {
 			x: e.clientX - translateX.value,
@@ -1587,7 +1624,7 @@ function useZoom(options = {}) {
 		}
 	}
 	function onDrag(e) {
-		if (!isDragging.value) return;
+		if (!isDragging.value || isPinching.value) return;
 		translateX.value = e.clientX - dragStart.value.x;
 		translateY.value = e.clientY - dragStart.value.y;
 	}
@@ -1615,6 +1652,65 @@ function useZoom(options = {}) {
 			}
 		}
 	}
+	function getTouchDistance(touch1, touch2) {
+		const dx = touch1.clientX - touch2.clientX;
+		const dy = touch1.clientY - touch2.clientY;
+		return Math.sqrt(dx * dx + dy * dy);
+	}
+	function handleTouchStart(event, containerElement) {
+		if (event.touches.length === 2) {
+			event.preventDefault();
+			isPinching.value = true;
+			const touch1 = event.touches[0];
+			const touch2 = event.touches[1];
+			const distance = getTouchDistance(touch1, touch2);
+			const centerX = (touch1.clientX + touch2.clientX) / 2;
+			const centerY = (touch1.clientY + touch2.clientY) / 2;
+			const rect = containerElement.getBoundingClientRect();
+			const containerCenterX = rect.width / 2;
+			const containerCenterY = rect.height / 2;
+			const offsetX = centerX - rect.left - containerCenterX;
+			const offsetY = centerY - rect.top - containerCenterY;
+			touchZoomState.value = {
+				initialDistance: distance,
+				initialZoom: zoom.value,
+				initialTranslateX: translateX.value,
+				initialTranslateY: translateY.value,
+				centerX: offsetX,
+				centerY: offsetY
+			};
+		}
+	}
+	function handleTouchMove(event, containerElement) {
+		if (event.touches.length === 2 && touchZoomState.value) {
+			event.preventDefault();
+			const touch1 = event.touches[0];
+			const touch2 = event.touches[1];
+			const scale = getTouchDistance(touch1, touch2) / touchZoomState.value.initialDistance;
+			const newZoom = touchZoomState.value.initialZoom * scale;
+			const clampedZoom = Math.min(Math.max(newZoom, minZoom), maxZoom);
+			if (clampedZoom !== zoom.value) {
+				const centerX = (touch1.clientX + touch2.clientX) / 2;
+				const centerY = (touch1.clientY + touch2.clientY) / 2;
+				const rect = containerElement.getBoundingClientRect();
+				const containerCenterX = rect.width / 2;
+				const containerCenterY = rect.height / 2;
+				const offsetX = centerX - rect.left - containerCenterX;
+				const offsetY = centerY - rect.top - containerCenterY;
+				const contentFocalX = (touchZoomState.value.centerX - touchZoomState.value.initialTranslateX) / touchZoomState.value.initialZoom;
+				const contentFocalY = (touchZoomState.value.centerY - touchZoomState.value.initialTranslateY) / touchZoomState.value.initialZoom;
+				zoom.value = clampedZoom;
+				translateX.value = offsetX - contentFocalX * clampedZoom;
+				translateY.value = offsetY - contentFocalY * clampedZoom;
+			}
+		}
+	}
+	function handleTouchEnd(event) {
+		if (event.touches.length < 2) {
+			touchZoomState.value = null;
+			isPinching.value = false;
+		}
+	}
 	function getState() {
 		return {
 			zoom: zoom.value,
@@ -1642,9 +1738,12 @@ function useZoom(options = {}) {
 		stopDrag,
 		handleWheel,
 		getState,
-		setState
+		setState,
+		handleTouchStart,
+		handleTouchMove,
+		handleTouchEnd
 	};
 }
 
 //#endregion
-export { transformUrl as A, useContext as B, findNodeParent as C, flow as D, hasShiki as E, DEFAULT_LIGHT_THEME as F, LANGUAGE_ALIAS as I, LANGUAGE_EXTENSIONS as L, ICONS as M, DEFAULT_HARDEN_OPTIONS as N, save as O, DEFAULT_DARK_THEME as P, LANGUAGE_ICONS as R, findLastLeafNode as S, hasMermaid as T, escapeMarkdownTableCell as _, useMermaid as a, tableDataToMarkdown as b, _defineProperty as c, SUPPORT_LANGUAGES as d, currentLocale as f, useHardenSanitizers as g, localesGlob as h, useShiki as i, SHADCN_SCHEMAS as j, svgToPngBlob as k, useKatex as l, localeMessages as m, useTippy as n, useMathRenderer as o, loadLocaleMessages as p, useTailwindV3Theme as r, throttle as s, useZoom as t, useI18n as u, extractTableDataFromElement as v, hasKatex as w, tableDataToTSV as x, tableDataToCSV as y, useControls as z };
+export { transformUrl as A, useContext as B, findNodeParent as C, flow as D, hasShiki as E, DEFAULT_LIGHT_THEME as F, LANGUAGE_ALIAS as I, LANGUAGE_EXTENSIONS as L, ICONS as M, DEFAULT_HARDEN_OPTIONS as N, save as O, DEFAULT_DARK_THEME as P, LANGUAGE_ICONS as R, findLastLeafNode as S, hasMermaid as T, useCodeOptions as V, escapeMarkdownTableCell as _, useMermaid as a, tableDataToMarkdown as b, _defineProperty as c, SUPPORT_LANGUAGES as d, currentLocale as f, useHardenSanitizers as g, localesGlob as h, useShiki as i, SHADCN_SCHEMAS as j, svgToPngBlob as k, useKatex as l, localeMessages as m, useTippy as n, useMathRenderer as o, loadLocaleMessages as p, useTailwindV3Theme as r, throttle as s, useZoom as t, useI18n as u, extractTableDataFromElement as v, hasKatex as w, tableDataToTSV as x, tableDataToCSV as y, useControls as z };

package/dist/dropdown-oiCw8QVq.js

@@ -0,0 +1,5 @@
+import "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import { n as dropdown_default } from "./button-jFTF378X.js";
+
+export { dropdown_default as default };

package/dist/error-component-8y13-fYG.js

@@ -0,0 +1,4 @@
+import "./composables-Cx0nvyHl.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.js";
+
+export { error_component_default as default };

package/dist/{error-component-ChEpOmSX.js → error-component-Bhl770lu.js}

@@ -1,4 +1,4 @@
-import { M as ICONS, u as useI18n } from "./composables-CZ7YmjNl.js";
+import { B as useContext, u as useI18n } from "./composables-Cx0nvyHl.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, resolveDynamicComponent, toDisplayString } from "vue";
 
 //#region src/components/error-component.vue?vue&type=script&setup=true&lang.ts
@@ -25,6 +25,7 @@ var error_component_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
+		const { icons } = useContext();
 		const messages = computed(() => ({
 			"vanilla": t("error.vanilla"),
 			"image": t("error.image"),
@@ -35,8 +36,8 @@ var error_component_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		}));
 		const icon = computed(() => {
 			if (props.icon) return props.icon;
-			if (ICONS[props.variant]) return ICONS[props.variant];
-			return ICONS[props.variant.replace("harden-", "")] || ICONS.error;
+			if (icons.value[props.variant]) return icons.value[props.variant];
+			return icons.value[props.variant.replace("harden-", "")] || icons.value.error;
 		});
 		const message = computed(() => props.message ? props.message : messages.value[props.variant] || messages.value.vanilla);
 		const isHarden = computed(() => {

package/dist/{image-DB-4Sv8R.js → image-BDtPwitR.js}

@@ -1,7 +1,7 @@
-import { M as ICONS, O as save, g as useHardenSanitizers, u as useI18n, z as useControls } from "./composables-CZ7YmjNl.js";
-import "./tooltip-KcTe6tBF.js";
-import { t as button_default } from "./button-vKhxUL3C.js";
-import { t as error_component_default } from "./error-component-ChEpOmSX.js";
+import { B as useContext, O as save, g as useHardenSanitizers, u as useI18n, z as useControls } from "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import { t as button_default } from "./button-jFTF378X.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.js";
 import { t as spin_default } from "./spin-Ds5W7qC_.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";
 
@@ -84,6 +84,7 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const props = __props;
 		const fileExtensionPattern = /\.[^/.]+$/;
 		const { t } = useI18n();
+		const { icons } = useContext();
 		const { controls, hardenOptions } = toRefs(props);
 		const { isControlEnabled } = useControls({ controls });
 		const imgRef = ref();
@@ -167,7 +168,7 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				}, [!isLoading.value && showDownload.value ? (openBlock(), createBlock(button_default, {
 					key: 0,
 					"data-stream-markdown": "image-download-button",
-					icon: unref(ICONS).download,
+					icon: unref(icons).download,
 					name: unref(t)("button.download"),
 					"icon-class": "test",
 					"icon-width": 16,