vue-stream-markdown 0.1.3 → 0.1.4

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-CJyeXWq2.js → button-jFTF378X.js}

@@ -1,4 +1,4 @@
-import { t as tooltip_default } from "./tooltip-gxsqaBNg.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-CJ4tMt6L.js → code-BxWvKFxG.js}

@@ -1,10 +1,10 @@
-import "./previewers-qHMi6xZ3.js";
-import { i as useShiki } from "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import "./button-CJyeXWq2.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-CQ4lgva1.js";
-import "./segmented-CF6exjdD.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-CKj7EQLx.js")),
-			shiki: defineAsyncComponent(() => import("./shiki-BlfngIRi.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-CQ4lgva1.js → code-block-uZcUI59D.js}

@@ -1,8 +1,8 @@
-import { t as CODE_PREVIEWERS } from "./previewers-qHMi6xZ3.js";
-import { B as useContext, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, O as save, R as LANGUAGE_ICONS, V as useCodeOptions, a as useMermaid, u as useI18n, z as useControls } from "./composables-Cj6_jbwr.js";
-import { t as button_default } from "./button-CJyeXWq2.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-CF6exjdD.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, {
@@ -206,9 +207,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const props = __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-CJ4tMt6L.js"));
+		const CodeNode = defineAsyncComponent(() => import("./code-BxWvKFxG.js"));
 		const { onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
 		const { saveMermaid } = useMermaid();
@@ -230,17 +232,30 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		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];
@@ -271,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)"
@@ -282,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;
@@ -293,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) => {
@@ -309,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
 				}

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

@@ -36,6 +36,7 @@ function useCodeOptions(options) {
 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, {
@@ -50,6 +51,7 @@ function useContext() {
 		context,
 		provideContext,
 		injectContext,
+		icons,
 		isDark,
 		get getContainer() {
 			return context.getContainer || (() => void 0);
@@ -1428,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;
@@ -1446,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;
@@ -1474,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;
@@ -1592,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);
@@ -1608,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,
@@ -1618,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;
 	}
@@ -1646,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,
@@ -1673,7 +1738,10 @@ function useZoom(options = {}) {
 		stopDrag,
 		handleWheel,
 		getState,
-		setState
+		setState,
+		handleTouchStart,
+		handleTouchMove,
+		handleTouchEnd
 	};
 }
 

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-ClGLfmwy.js → error-component-Bhl770lu.js}

@@ -1,4 +1,4 @@
-import { M as ICONS, u as useI18n } from "./composables-Cj6_jbwr.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-xeiC5YFM.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-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import { t as button_default } from "./button-CJyeXWq2.js";
-import { t as error_component_default } from "./error-component-ClGLfmwy.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,

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as vue12 from "vue";
+import * as vue29 from "vue";
 import { Component, MaybeRef, MaybeRefOrGetter } from "vue";
 import "tippy.js/dist/tippy.css";
 import "tippy.js/themes/light.css";
@@ -8,6 +8,7 @@ import { Zoom } from "medium-zoom";
 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";
@@ -130,11 +131,51 @@ interface LocaleConfig {
   };
 }
 //#endregion
+//#region src/constants/code.d.ts
+declare const DEFAULT_LIGHT_THEME = "github-light";
+declare const DEFAULT_DARK_THEME = "github-dark";
+declare const LANGUAGE_ALIAS: Record<string, BuiltinLanguage>;
+declare const LANGUAGE_EXTENSIONS: Partial<Record<BuiltinLanguage, string>>;
+declare const LANGUAGE_ICONS: Partial<Record<BuiltinLanguage | SpecialLanguage, Component>>;
+//#endregion
+//#region src/constants/harden.d.ts
+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, {}>;
+};
+//#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;
+interface SelectItem {
+  label: string;
+  value: string;
+  icon?: Component;
+}
+//#endregion
 //#region src/types/context.d.ts
 interface StreamMarkdownProps extends StreamMarkdownContext, MarkdownParserOptions {
   mode?: 'static' | 'streaming';
   content?: string;
   nodeRenderers?: NodeRenderers;
+  icons?: Partial<Record<IconName, Component>>;
   locale?: string | LocaleConfig;
 }
 interface MarkdownParserOptions {
@@ -183,10 +224,12 @@ type ControlsConfig = boolean | {
   image?: boolean | ImageControlsConfig;
   mermaid?: boolean | ZoomControlsConfig;
 };
-type PreviewerConfig = boolean | {
-  html?: boolean | Component;
+type PreviewerConfig = boolean | ({
   mermaid?: boolean | Component;
-};
+  html?: boolean | Component;
+} & {
+  [key: string]: Component;
+});
 interface ShikiOptions {
   theme?: [BuiltinTheme, BuiltinTheme];
   langAlias?: Record<string, string>;
@@ -221,7 +264,10 @@ interface CodeOptions {
    *   },
    * }
    */
-  language?: Record<string, CodeOptions>;
+  language?: Record<string, CodeOptionsLanguage>;
+}
+interface CodeOptionsLanguage extends Omit<CodeOptions, 'languageIcon'> {
+  languageIcon?: boolean | Component;
 }
 interface HardenOptions {
   defaultOrigin?: string;
@@ -347,13 +393,6 @@ interface InlineMathNodeRendererProps extends NodeRendererProps {
   node: InlineMathNode;
 }
 //#endregion
-//#region src/types/shared.d.ts
-interface SelectItem {
-  label: string;
-  value: string;
-  icon?: Component;
-}
-//#endregion
 //#region src/components/renderers/index.d.ts
 declare const NODE_RENDERERS: NodeRenderers;
 //#endregion
@@ -366,15 +405,16 @@ interface UseCodeOptionsOptions {
   language?: MaybeRef<string>;
 }
 declare function useCodeOptions(options: UseCodeOptionsOptions): {
-  languageCodeOptions: vue12.ComputedRef<CodeOptions | undefined>;
-  showLanguageIcon: vue12.ComputedRef<boolean>;
-  showLanguageName: vue12.ComputedRef<boolean>;
-  showLineNumbers: vue12.ComputedRef<boolean>;
+  languageCodeOptions: vue29.ComputedRef<CodeOptionsLanguage | undefined>;
+  showLanguageIcon: vue29.ComputedRef<boolean>;
+  showLanguageName: vue29.ComputedRef<boolean>;
+  showLineNumbers: vue29.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-context.d.ts
 interface Context {
   isDark?: MaybeRef<boolean>;
+  icons?: MaybeRef<Record<IconName, Component>>;
   getContainer?: () => HTMLElement | undefined;
   onCopied?: (content: string) => void;
 }
@@ -382,7 +422,8 @@ declare function useContext(): {
   context: Context;
   provideContext: (ctx: Partial<Context>) => void;
   injectContext: () => Context;
-  isDark: vue12.ComputedRef<boolean>;
+  icons: vue29.ComputedRef<Record<string, Component>>;
+  isDark: vue29.ComputedRef<boolean>;
   readonly getContainer: () => HTMLElement | undefined;
   readonly onCopied: (content: string) => void;
 };
@@ -404,10 +445,10 @@ interface UseHardenSanitizersOptions {
   isImage?: MaybeRef<boolean | undefined>;
 }
 declare function useHardenSanitizers(options: UseHardenSanitizersOptions): {
-  hardenOptions: vue12.ComputedRef<HardenOptions>;
+  hardenOptions: vue29.ComputedRef<HardenOptions>;
   transformHardenUrl: (url: string) => string | null;
-  transformedUrl: vue12.ComputedRef<string | null>;
-  isHardenUrl: vue12.ComputedRef<boolean>;
+  transformedUrl: vue29.ComputedRef<string | null>;
+  isHardenUrl: vue29.ComputedRef<boolean>;
 };
 //#endregion
 //#region src/composables/use-i18n.d.ts
@@ -417,7 +458,7 @@ declare function useI18n(): {
 //#endregion
 //#region src/composables/use-katex.d.ts
 declare function useKatex(): {
-  installed: vue12.Ref<boolean, boolean>;
+  installed: vue29.Ref<boolean, boolean>;
   render: (code: string, options?: KatexOptions$1) => Promise<{
     html?: string;
     error?: string;
@@ -433,9 +474,9 @@ interface UseMathRendererOptions {
   throttle?: MaybeRef<number>;
 }
 declare function useMathRenderer(options: UseMathRendererOptions): {
-  html: vue12.Ref<string, string>;
-  error: vue12.ComputedRef<boolean>;
-  errorMessage: vue12.Ref<string, string>;
+  html: vue29.Ref<string, string>;
+  error: vue29.ComputedRef<boolean>;
+  errorMessage: vue29.Ref<string, string>;
 };
 //#endregion
 //#region src/composables/use-mermaid.d.ts
@@ -444,7 +485,7 @@ interface UseMermaidOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useMermaid(options?: UseMermaidOptions): {
-  installed: vue12.Ref<boolean, boolean>;
+  installed: vue29.Ref<boolean, boolean>;
   getMermaid: () => Promise<Mermaid>;
   parseMermaid: (code: string) => Promise<boolean>;
   renderMermaid: (code: string) => Promise<string | null>;
@@ -460,7 +501,7 @@ interface UseShikiOptions {
   isDark?: MaybeRef<boolean>;
 }
 declare function useShiki(options?: UseShikiOptions): {
-  installed: vue12.Ref<boolean, boolean>;
+  installed: vue29.Ref<boolean, boolean>;
   getHighlighter: () => Promise<Highlighter>;
   codeToTokens: (code: string) => Promise<TokensResult>;
   preload: () => Promise<void>;
@@ -473,12 +514,12 @@ interface UseTailwindV3ThemeOptions {
   styleScope?: MaybeRef<string>;
 }
 declare function useTailwindV3Theme(options: UseTailwindV3ThemeOptions): {
-  element: vue12.ComputedRef<Element | undefined>;
+  element: vue29.ComputedRef<Element | undefined>;
   id: string;
-  css: vue12.ShallowRef<string>;
+  css: vue29.ShallowRef<string>;
   load: () => void;
   unload: () => void;
-  isLoaded: Readonly<vue12.ShallowRef<boolean>>;
+  isLoaded: Readonly<vue29.ShallowRef<boolean>>;
   generateCSS: () => void;
 };
 //#endregion
@@ -507,11 +548,11 @@ interface ZoomPanState {
   translateY: number;
 }
 declare function useZoom(options?: UseZoomOptions): {
-  zoom: vue12.Ref<number, number>;
-  translateX: vue12.Ref<number, number>;
-  translateY: vue12.Ref<number, number>;
-  isDragging: vue12.Ref<boolean, boolean>;
-  transformStyle: vue12.ComputedRef<{
+  zoom: vue29.Ref<number, number>;
+  translateX: vue29.Ref<number, number>;
+  translateY: vue29.Ref<number, number>;
+  isDragging: vue29.Ref<boolean, boolean>;
+  transformStyle: vue29.ComputedRef<{
     transform: string;
   }>;
   zoomIn: () => void;
@@ -524,48 +565,36 @@ declare function useZoom(options?: UseZoomOptions): {
   handleWheel: (event: WheelEvent, containerElement: HTMLElement) => void;
   getState: () => ZoomPanState;
   setState: (state: Partial<ZoomPanState>) => void;
+  handleTouchStart: (event: TouchEvent, containerElement: HTMLElement) => void;
+  handleTouchMove: (event: TouchEvent, containerElement: HTMLElement) => void;
+  handleTouchEnd: (event: TouchEvent) => void;
 };
 //#endregion
-//#region src/constants/code.d.ts
-declare const DEFAULT_LIGHT_THEME = "github-light";
-declare const DEFAULT_DARK_THEME = "github-dark";
-declare const LANGUAGE_ALIAS: Record<string, BuiltinLanguage>;
-declare const LANGUAGE_EXTENSIONS: Partial<Record<BuiltinLanguage, string>>;
-declare const LANGUAGE_ICONS: Partial<Record<BuiltinLanguage | SpecialLanguage, Component>>;
-//#endregion
-//#region src/constants/harden.d.ts
-declare const DEFAULT_HARDEN_OPTIONS: HardenOptions;
-//#endregion
-//#region src/constants/icons.d.ts
-declare const ICONS: Record<string, Component>;
-//#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/index.vue.d.ts
-declare const __VLS_export: vue12.DefineComponent<StreamMarkdownProps, {
+declare const __VLS_export: vue29.DefineComponent<StreamMarkdownProps, {
   getMarkdownParser: () => MarkdownParser;
   getParsedNodes: () => ParsedNode[];
-}, {}, {}, {}, vue12.ComponentOptionsMixin, vue12.ComponentOptionsMixin, {} & {
+}, {}, {}, {}, vue29.ComponentOptionsMixin, vue29.ComponentOptionsMixin, {} & {
   copied: (content: string) => any;
-}, string, vue12.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
+}, string, vue29.PublicProps, Readonly<StreamMarkdownProps> & Readonly<{
   onCopied?: ((content: string) => any) | undefined;
 }>, {
   mode: "static" | "streaming";
   content: string;
-  nodeRenderers: Partial<Record<"blockquote" | "break" | "code" | "definition" | "delete" | "emphasis" | "footnoteDefinition" | "footnoteReference" | "heading" | "html" | "image" | "imageReference" | "inlineCode" | "link" | "linkReference" | "list" | "listItem" | "paragraph" | "strong" | "table" | "tableCell" | "tableRow" | "text" | "thematicBreak" | "yaml" | "inlineMath" | "math", vue12.Component>>;
+  nodeRenderers: Partial<Record<"blockquote" | "break" | "code" | "definition" | "delete" | "emphasis" | "footnoteDefinition" | "footnoteReference" | "heading" | "html" | "image" | "imageReference" | "inlineCode" | "link" | "linkReference" | "list" | "listItem" | "paragraph" | "strong" | "table" | "tableCell" | "tableRow" | "text" | "thematicBreak" | "yaml" | "inlineMath" | "math", Component>>;
+  icons: Partial<Record<IconName, Component>>;
   locale: string | LocaleConfig;
   controls: ControlsConfig;
   previewers: PreviewerConfig;
   isDark: boolean;
-}, {}, {}, {}, string, vue12.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue29.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: vue12.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
-declare const currentLocale: vue12.Ref<string, string>;
+declare const localeMessages: vue29.Ref<LocaleConfig | undefined, LocaleConfig | undefined>;
+declare const currentLocale: vue29.Ref<string, string>;
 declare function loadLocaleMessages(language: string | LocaleConfig): Promise<void>;
 //#endregion
 //#region src/postprocess/text.d.ts
@@ -803,4 +832,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, 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, 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, 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 };

package/dist/index.js

@@ -1,10 +1,11 @@
-import { t as CODE_PREVIEWERS } from "./previewers-qHMi6xZ3.js";
-import { A as transformUrl, B as useContext, C as findNodeParent, D as flow, E as hasShiki, F as DEFAULT_LIGHT_THEME, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, N as DEFAULT_HARDEN_OPTIONS, O as save, P as DEFAULT_DARK_THEME, R as LANGUAGE_ICONS, S as findLastLeafNode, T as hasMermaid, V as useCodeOptions, _ as escapeMarkdownTableCell, a as useMermaid, b as tableDataToMarkdown, c as _defineProperty, d as SUPPORT_LANGUAGES, f as currentLocale, g as useHardenSanitizers, h as localesGlob, i as useShiki, j as SHADCN_SCHEMAS, k as svgToPngBlob, l as useKatex, m as localeMessages, n as useTippy, o as useMathRenderer, p as loadLocaleMessages, r as useTailwindV3Theme, t as useZoom, u as useI18n, v as extractTableDataFromElement, w as hasKatex, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cj6_jbwr.js";
+import { t as CODE_PREVIEWERS } from "./previewers-ByaS2Ksa.js";
+import { A as transformUrl, B as useContext, C as findNodeParent, D as flow, E as hasShiki, F as DEFAULT_LIGHT_THEME, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, N as DEFAULT_HARDEN_OPTIONS, O as save, P as DEFAULT_DARK_THEME, R as LANGUAGE_ICONS, S as findLastLeafNode, T as hasMermaid, V as useCodeOptions, _ as escapeMarkdownTableCell, a as useMermaid, b as tableDataToMarkdown, c as _defineProperty, d as SUPPORT_LANGUAGES, f as currentLocale, g as useHardenSanitizers, h as localesGlob, i as useShiki, j as SHADCN_SCHEMAS, k as svgToPngBlob, l as useKatex, m as localeMessages, n as useTippy, o as useMathRenderer, p as loadLocaleMessages, r as useTailwindV3Theme, t as useZoom, u as useI18n, v as extractTableDataFromElement, w as hasKatex, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cx0nvyHl.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
 import { computed, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, toRefs, unref, watch } from "vue";
 import mediumZoom from "medium-zoom";
 import { MarkdownItAsync } from "markdown-it-async";
 import remend from "remend";
+import "medium-zoom/dist/style.css";
 
 //#region rolldown:runtime
 var __create = Object.create;
@@ -50,20 +51,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#region src/components/renderers/index.ts
 const NODE_RENDERERS = {
 	blockquote: defineAsyncComponent(() => import("./blockquote-DdEg2gww.js")),
-	code: defineAsyncComponent(() => import("./code-CJ4tMt6L.js")),
+	code: defineAsyncComponent(() => import("./code-BxWvKFxG.js")),
 	delete: defineAsyncComponent(() => import("./delete-BdWzKJCy.js")),
 	emphasis: defineAsyncComponent(() => import("./emphasis-CTuGt1Ok.js")),
 	heading: defineAsyncComponent(() => import("./heading-2vpQQtTH.js")),
-	image: defineAsyncComponent(() => import("./image-xeiC5YFM.js")),
+	image: defineAsyncComponent(() => import("./image-BDtPwitR.js")),
 	inlineCode: defineAsyncComponent(() => import("./inline-code-CBoqhfz7.js")),
-	inlineMath: defineAsyncComponent(() => import("./inline-math-C2NUSasr.js")),
-	link: defineAsyncComponent(() => import("./link-BceXudNH.js")),
+	inlineMath: defineAsyncComponent(() => import("./inline-math-CAqboT7h.js")),
+	link: defineAsyncComponent(() => import("./link-C8BSlPhZ.js")),
 	list: defineAsyncComponent(() => import("./list-BCiFKGaz.js")),
 	listItem: defineAsyncComponent(() => import("./list-item-p-OLUR_9.js")),
-	math: defineAsyncComponent(() => import("./math-DXOLG3Xg.js")),
+	math: defineAsyncComponent(() => import("./math-CT1TB2pK.js")),
 	paragraph: defineAsyncComponent(() => import("./paragraph-DYjqr_Sa.js")),
 	strong: defineAsyncComponent(() => import("./strong-CvOjLZiq.js")),
-	table: defineAsyncComponent(() => import("./table-C5VHgkTQ.js")),
+	table: defineAsyncComponent(() => import("./table-l_3z210v.js")),
 	text: defineAsyncComponent(() => import("./text-DuONUqRA.js")),
 	thematicBreak: defineAsyncComponent(() => import("./thematic-break-CcNPEI9Y.js")),
 	yaml: defineAsyncComponent(() => import("./yaml-DJHrmzSe.js"))
@@ -72,17 +73,17 @@ const NODE_RENDERERS = {
 //#endregion
 //#region src/components/index.ts
 const COMMON_COMPONENTS = {
-	Button: defineAsyncComponent(() => import("./button-2wMU7qkH.js")),
-	CodeBlock: defineAsyncComponent(() => import("./code-block-BucFZooo.js")),
-	Dropdown: defineAsyncComponent(() => import("./dropdown-dsCfq0Hl.js")),
-	ErrorComponent: defineAsyncComponent(() => import("./error-component-B0mmLhh6.js")),
+	Button: defineAsyncComponent(() => import("./button-D6ccVxGm.js")),
+	CodeBlock: defineAsyncComponent(() => import("./code-block-B72JfFy-.js")),
+	Dropdown: defineAsyncComponent(() => import("./dropdown-oiCw8QVq.js")),
+	ErrorComponent: defineAsyncComponent(() => import("./error-component-8y13-fYG.js")),
 	Modal: defineAsyncComponent(() => import("./modal-DcpxxDDX.js")),
 	NodeList: defineAsyncComponent(() => import("./node-list-lgY1wbfQ.js")),
-	Segmented: defineAsyncComponent(() => import("./segmented-BeHqXuFx.js")),
+	Segmented: defineAsyncComponent(() => import("./segmented-B4IEw3wg.js")),
 	Spin: defineAsyncComponent(() => import("./spin-Bz4zGBEo.js")),
 	Table: defineAsyncComponent(() => import("./table-CZLbUHiJ.js")),
-	Tooltip: defineAsyncComponent(() => import("./tooltip-BzVZqo7w.js")),
-	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-CwEDlKRx.js"))
+	Tooltip: defineAsyncComponent(() => import("./tooltip-CAoc_U1X.js")),
+	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-DBgGdbJS.js"))
 };
 
 //#endregion
@@ -18270,6 +18271,11 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			required: false,
 			default: () => ({})
 		},
+		icons: {
+			type: Object,
+			required: false,
+			default: () => ({})
+		},
 		locale: {
 			type: [String, Object],
 			required: false,
@@ -18339,7 +18345,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const { isDark } = toRefs(props);
+		const { shikiOptions, mermaidOptions, isDark } = toRefs(props);
 		const containerRef = ref();
 		const { provideContext } = useContext();
 		const { initTippy } = useTippy({ isDark });
@@ -18355,11 +18361,15 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			...NODE_RENDERERS,
 			...props.nodeRenderers
 		}));
+		const icons = computed(() => ({
+			...ICONS,
+			...props.icons
+		}));
 		function getContainer() {
 			return containerRef.value;
 		}
-		const { preload: preloadShiki, dispose: disposeShiki } = useShiki();
-		const { preload: preloadMermaid, dispose: disposeMermaid } = useMermaid();
+		const { preload: preloadShiki, dispose: disposeShiki } = useShiki({ shikiOptions });
+		const { preload: preloadMermaid, dispose: disposeMermaid } = useMermaid({ mermaidOptions });
 		const { preload: preloadKatex, dispose: disposeKatex } = useKatex();
 		async function bootstrap() {
 			initTippy();
@@ -18376,6 +18386,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		watch(() => props.mode, () => markdownParser.updateMode(props.mode));
 		watch(() => props.locale, () => loadLocaleMessages(props.locale));
 		provideContext({
+			icons,
 			isDark,
 			getContainer,
 			onCopied: (content$2) => {

package/dist/{inline-math-C2NUSasr.js → inline-math-CAqboT7h.js}

@@ -1,5 +1,5 @@
-import { o as useMathRenderer } from "./composables-Cj6_jbwr.js";
-import { t as error_component_default } from "./error-component-ClGLfmwy.js";
+import { o as useMathRenderer } from "./composables-Cx0nvyHl.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.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-BceXudNH.js → link-C8BSlPhZ.js}

@@ -1,6 +1,6 @@
-import { g as useHardenSanitizers } from "./composables-Cj6_jbwr.js";
+import { g as useHardenSanitizers } from "./composables-Cx0nvyHl.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
-import { t as error_component_default } from "./error-component-ClGLfmwy.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.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/{math-DXOLG3Xg.js → math-CT1TB2pK.js}

@@ -1,5 +1,5 @@
-import { o as useMathRenderer } from "./composables-Cj6_jbwr.js";
-import { t as error_component_default } from "./error-component-ClGLfmwy.js";
+import { o as useMathRenderer } from "./composables-Cx0nvyHl.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.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-CU4hpB6S.js → mermaid-CYrA8rCl.js}

@@ -1,9 +1,9 @@
-import { a as useMermaid, s as throttle, z as useControls } from "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import "./button-CJyeXWq2.js";
-import { t as error_component_default } from "./error-component-ClGLfmwy.js";
+import { a as useMermaid, s as throttle, z as useControls } from "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import "./button-jFTF378X.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.js";
 import { t as spin_default } from "./spin-Ds5W7qC_.js";
-import { t as zoom_container_default } from "./zoom-container-D_fBClW2.js";
+import { t as zoom_container_default } from "./zoom-container-gjQ0EMyk.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 

package/dist/{previewers-qHMi6xZ3.js → previewers-ByaS2Ksa.js}

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

package/dist/segmented-B4IEw3wg.js

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

package/dist/{segmented-CF6exjdD.js → segmented-DBW9ignu.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-CJyeXWq2.js";
+import { t as button_default } from "./button-jFTF378X.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
 
 //#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts

package/dist/{shiki-BlfngIRi.js → shiki-bQYWLdW3.js}

@@ -1,5 +1,5 @@
-import { V as useCodeOptions, i as useShiki } from "./composables-Cj6_jbwr.js";
-import { t as vanilla_default } from "./vanilla-D5DzB31q.js";
+import { V as useCodeOptions, i as useShiki } from "./composables-Cx0nvyHl.js";
+import { t as vanilla_default } from "./vanilla-CFWVwBvD.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
 
 //#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts

package/dist/{table-C5VHgkTQ.js → table-l_3z210v.js}

@@ -1,7 +1,7 @@
-import { B as useContext, M as ICONS, O as save, b as tableDataToMarkdown, u as useI18n, v as extractTableDataFromElement, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cj6_jbwr.js";
+import { B as useContext, O as save, b as tableDataToMarkdown, u as useI18n, v as extractTableDataFromElement, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cx0nvyHl.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
-import "./tooltip-gxsqaBNg.js";
-import { t as button_default } from "./button-CJyeXWq2.js";
+import "./tooltip-3UDC9mw-.js";
+import { t as button_default } from "./button-jFTF378X.js";
 import { t as spin_default } from "./spin-Ds5W7qC_.js";
 import { t as table_default$1 } from "./table-4ec9FVB_.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
@@ -78,6 +78,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
+		const { icons } = useContext();
 		const { onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
 		const { isControlEnabled } = useControls({ controls: props.controls });
@@ -130,7 +131,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const controls = computed(() => [{
 			name: t("button.copy"),
 			key: "copy",
-			icon: copied.value ? ICONS.check : ICONS.copy,
+			icon: copied.value ? icons.value.check : icons.value.copy,
 			options,
 			visible: () => showCopy.value,
 			onClick: (_event, item) => {
@@ -142,7 +143,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		}, {
 			name: t("button.download"),
 			key: "download",
-			icon: ICONS.download,
+			icon: icons.value.download,
 			options,
 			visible: () => showDownload.value,
 			onClick: (_event, item) => {

package/dist/{tooltip-gxsqaBNg.js → tooltip-3UDC9mw-.js}

@@ -1,4 +1,4 @@
-import { B as useContext } from "./composables-Cj6_jbwr.js";
+import { B as useContext } from "./composables-Cx0nvyHl.js";
 import { computed, createBlock, createElementVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { Tippy } from "vue-tippy";
 

package/dist/tooltip-CAoc_U1X.js

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

package/dist/{vanilla-D5DzB31q.js → vanilla-CFWVwBvD.js}

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

package/dist/vanilla-De7W3PpS.js

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

package/dist/zoom-container-DBgGdbJS.js

@@ -0,0 +1,6 @@
+import "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import "./button-jFTF378X.js";
+import { t as zoom_container_default } from "./zoom-container-gjQ0EMyk.js";
+
+export { zoom_container_default as default };

package/dist/{zoom-container-D_fBClW2.js → zoom-container-gjQ0EMyk.js}

@@ -1,5 +1,5 @@
-import { M as ICONS, t as useZoom, u as useI18n } from "./composables-Cj6_jbwr.js";
-import { t as button_default } from "./button-CJyeXWq2.js";
+import { B as useContext, t as useZoom, u as useI18n } from "./composables-Cx0nvyHl.js";
+import { t as button_default } from "./button-jFTF378X.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts
@@ -22,7 +22,8 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const props = __props;
 		const containerRef = ref();
 		const { t } = useI18n();
-		const { zoom, isDragging, transformStyle, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel } = useZoom();
+		const { icons } = useContext();
+		const { zoom, isDragging, transformStyle, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel, handleTouchStart, handleTouchMove, handleTouchEnd } = useZoom();
 		const zoomPercent = computed(() => `${Math.round(zoom.value * 100)}%`);
 		const controlsStyle = computed(() => {
 			switch (props.position) {
@@ -48,12 +49,24 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function onWheel(event) {
 			if (containerRef.value) handleWheel(event, containerRef.value);
 		}
+		function onTouchStart(event) {
+			if (containerRef.value) handleTouchStart(event, containerRef.value);
+		}
+		function onTouchMove(event) {
+			if (containerRef.value) handleTouchMove(event, containerRef.value);
+		}
+		function onTouchEnd(event) {
+			handleTouchEnd(event);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref_key: "containerRef",
 				ref: containerRef,
 				"data-stream-markdown": "zoom-container",
 				onWheel,
+				onTouchstart: onTouchStart,
+				onTouchmove: onTouchMove,
+				onTouchend: onTouchEnd,
 				onPointerdown: _cache[0] || (_cache[0] = withModifiers((...args) => unref(startDrag) && unref(startDrag)(...args), ["prevent"])),
 				onPointermove: _cache[1] || (_cache[1] = withModifiers((...args) => unref(onDrag) && unref(onDrag)(...args), ["prevent"])),
 				onPointerup: _cache[2] || (_cache[2] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
@@ -65,7 +78,7 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				style: normalizeStyle(controlsStyle.value)
 			}, [
 				createVNode(button_default, {
-					icon: unref(ICONS).zoomIn,
+					icon: unref(icons).zoomIn,
 					name: unref(t)("button.zoomIn"),
 					onClick: unref(zoomIn)
 				}, null, 8, [
@@ -74,7 +87,7 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"onClick"
 				]),
 				createVNode(button_default, {
-					icon: unref(ICONS).zoomOut,
+					icon: unref(icons).zoomOut,
 					name: unref(t)("button.zoomOut"),
 					onClick: unref(zoomOut)
 				}, null, 8, [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",

package/dist/button-2wMU7qkH.js

@@ -1,5 +0,0 @@
-import "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import { t as button_default } from "./button-CJyeXWq2.js";
-
-export { button_default as default };

package/dist/code-block-BucFZooo.js

@@ -1,9 +0,0 @@
-import "./previewers-qHMi6xZ3.js";
-import "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import "./button-CJyeXWq2.js";
-import "./modal-CuQR21UD.js";
-import { t as code_block_default } from "./code-block-CQ4lgva1.js";
-import "./segmented-CF6exjdD.js";
-
-export { code_block_default as default };

package/dist/dropdown-dsCfq0Hl.js

@@ -1,5 +0,0 @@
-import "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import { n as dropdown_default } from "./button-CJyeXWq2.js";
-
-export { dropdown_default as default };

package/dist/error-component-B0mmLhh6.js

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

package/dist/segmented-BeHqXuFx.js

@@ -1,6 +0,0 @@
-import "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import "./button-CJyeXWq2.js";
-import { t as segmented_default } from "./segmented-CF6exjdD.js";
-
-export { segmented_default as default };

package/dist/tooltip-BzVZqo7w.js

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

package/dist/vanilla-CKj7EQLx.js

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

package/dist/zoom-container-CwEDlKRx.js

@@ -1,6 +0,0 @@
-import "./composables-Cj6_jbwr.js";
-import "./tooltip-gxsqaBNg.js";
-import "./button-CJyeXWq2.js";
-import { t as zoom_container_default } from "./zoom-container-D_fBClW2.js";
-
-export { zoom_container_default as default };