vue-stream-markdown 0.1.3 → 0.1.5

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

@@ -1,10 +1,6 @@
-import { computed, defineAsyncComponent, inject, onBeforeUnmount, provide, ref, toValue, unref, watch, watchEffect } from "vue";
-import { useStyleTag } from "@vueuse/core";
-import { setDefaultProps } from "vue-tippy";
-import "tippy.js/dist/tippy.css";
-import "tippy.js/themes/light.css";
-import "tippy.js/dist/border.css";
-import "tippy.js/dist/svg-arrow.css";
+import { computed, defineAsyncComponent, inject, nextTick, onBeforeUnmount, provide, ref, toValue, unref, watch, watchEffect } from "vue";
+import { autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/vue";
+import { useEventListener, useStyleTag } from "@vueuse/core";
 
 //#region src/composables/use-code-options.ts
 function useCodeOptions(options) {
@@ -36,7 +32,9 @@ 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);
+	const parsedNodes = computed(() => unref(context.parsedNodes) ?? []);
 	function provideContext(ctx) {
 		provide(CONTEXT_KEY, {
 			...injectContext(),
@@ -50,7 +48,9 @@ function useContext() {
 		context,
 		provideContext,
 		injectContext,
+		icons,
 		isDark,
+		parsedNodes,
 		get getContainer() {
 			return context.getContainer || (() => void 0);
 		},
@@ -92,6 +92,122 @@ function useControls(options) {
 	};
 }
 
+//#endregion
+//#region src/composables/use-floating-element.ts
+function useFloatingElement(options) {
+	const trigger = computed(() => unref(options.trigger) ?? "hover");
+	const placement = computed(() => unref(options.placement) ?? "top");
+	const delay = computed(() => unref(options.delay) ?? [100, 100]);
+	const referenceEl = ref();
+	const floatingEl = ref();
+	let showTimer = null;
+	let hideTimer = null;
+	const open = ref(false);
+	const parentEl = computed(() => {
+		var _referenceEl$value;
+		return ((_referenceEl$value = referenceEl.value) === null || _referenceEl$value === void 0 ? void 0 : _referenceEl$value.parentElement) || null;
+	});
+	const appendTo = computed(() => {
+		var _options$getContainer;
+		return parentEl.value || ((_options$getContainer = options.getContainer) === null || _options$getContainer === void 0 ? void 0 : _options$getContainer.call(options)) || "body";
+	});
+	const { x, y, strategy, update } = useFloating(referenceEl, floatingEl, {
+		placement,
+		middleware: [
+			offset(6),
+			flip(),
+			shift({ padding: 5 })
+		],
+		whileElementsMounted: autoUpdate
+	});
+	const floatingStyle = computed(() => ({
+		position: strategy.value,
+		top: `${y.value ?? 0}px`,
+		left: `${x.value ?? 0}px`
+	}));
+	function show() {
+		clearTimers();
+		const { show: showDelay } = getDelay();
+		showTimer = window.setTimeout(() => {
+			open.value = true;
+			update();
+		}, showDelay);
+	}
+	function hide() {
+		clearTimers();
+		const { hide: hideDelay } = getDelay();
+		hideTimer = window.setTimeout(() => {
+			open.value = false;
+		}, hideDelay);
+	}
+	function toggle() {
+		open.value = !open.value;
+		update();
+	}
+	function onMouseEnter() {
+		if (trigger.value === "hover") show();
+	}
+	function onMouseLeave() {
+		if (trigger.value === "hover") hide();
+	}
+	function onClick() {
+		if (trigger.value === "click") toggle();
+	}
+	function getDelay() {
+		if (Array.isArray(delay.value)) return {
+			show: delay.value[0] ?? 0,
+			hide: delay.value[1] ?? 0
+		};
+		return {
+			show: delay.value ?? 0,
+			hide: delay.value ?? 0
+		};
+	}
+	function handleClickOutside(event) {
+		var _referenceEl$value2, _floatingEl$value;
+		if (trigger.value !== "click" || !open.value) return;
+		const target = event.target;
+		if (!(((_referenceEl$value2 = referenceEl.value) === null || _referenceEl$value2 === void 0 ? void 0 : _referenceEl$value2.contains(target)) || ((_floatingEl$value = floatingEl.value) === null || _floatingEl$value === void 0 ? void 0 : _floatingEl$value.contains(target)))) open.value = false;
+	}
+	function onFloatingEnter() {
+		if (hideTimer) {
+			clearTimeout(hideTimer);
+			hideTimer = null;
+		}
+	}
+	function onFloatingLeave() {
+		const { hide: hideDelay } = getDelay();
+		if (trigger.value === "hover") hideTimer = window.setTimeout(() => {
+			hide();
+		}, hideDelay);
+	}
+	function clearTimers() {
+		if (showTimer) {
+			clearTimeout(showTimer);
+			showTimer = null;
+		}
+		if (hideTimer) {
+			clearTimeout(hideTimer);
+			hideTimer = null;
+		}
+	}
+	useEventListener(document, "click", handleClickOutside);
+	return {
+		referenceEl,
+		floatingEl,
+		open,
+		appendTo,
+		floatingStyle,
+		show,
+		hide,
+		onMouseEnter,
+		onMouseLeave,
+		onClick,
+		onFloatingEnter,
+		onFloatingLeave
+	};
+}
+
 //#endregion
 //#region src/constants/code.ts
 const DEFAULT_LIGHT_THEME = "github-light";
@@ -406,182 +522,182 @@ const LANGUAGE_EXTENSIONS = {
 	"文言": "wy"
 };
 const LANGUAGE_ICONS = {
-	"adoc": defineAsyncComponent(() => import("./asciidoc-BabXBDAL.js")),
-	"angular-html": defineAsyncComponent(() => import("./angular-Chs-UKBr.js")),
-	"angular-ts": defineAsyncComponent(() => import("./angular-component-Cc_FANXU.js")),
-	"apache": defineAsyncComponent(() => import("./apache-COYnc6xR.js")),
-	"asciidoc": defineAsyncComponent(() => import("./asciidoc-BabXBDAL.js")),
-	"asm": defineAsyncComponent(() => import("./assembly-CDqKhexW.js")),
-	"astro": defineAsyncComponent(() => import("./astro-C9kftzFG.js")),
-	"bash": defineAsyncComponent(() => import("./bash-Ce4pNIkV.js")),
-	"bat": defineAsyncComponent(() => import("./batch-CHQBRjFL.js")),
-	"batch": defineAsyncComponent(() => import("./batch-CHQBRjFL.js")),
-	"bicep": defineAsyncComponent(() => import("./bicep-8jxWtuBF.js")),
-	"c": defineAsyncComponent(() => import("./c-FBUef746.js")),
-	"c#": defineAsyncComponent(() => import("./csharp-NqZ1vyF9.js")),
-	"c++": defineAsyncComponent(() => import("./cpp-BTKeuyd-.js")),
-	"cjs": defineAsyncComponent(() => import("./javascript-DtnWdTFC.js")),
-	"clj": defineAsyncComponent(() => import("./clojure-BulUroSy.js")),
-	"clojure": defineAsyncComponent(() => import("./clojure-BulUroSy.js")),
-	"cmake": defineAsyncComponent(() => import("./cmake-CW3vz1Mo.js")),
-	"cmd": defineAsyncComponent(() => import("./batch-CHQBRjFL.js")),
-	"cobol": defineAsyncComponent(() => import("./cobol-CIn3oFju.js")),
-	"codeowners": defineAsyncComponent(() => import("./codeowners-CJggXF_b.js")),
-	"coffee": defineAsyncComponent(() => import("./coffeescript-CBrVvzGY.js")),
-	"coffeescript": defineAsyncComponent(() => import("./coffeescript-CBrVvzGY.js")),
-	"cpp": defineAsyncComponent(() => import("./cpp-BTKeuyd-.js")),
-	"crystal": defineAsyncComponent(() => import("./crystal-DyIYvZbm.js")),
-	"cs": defineAsyncComponent(() => import("./csharp-NqZ1vyF9.js")),
-	"csharp": defineAsyncComponent(() => import("./csharp-NqZ1vyF9.js")),
-	"css": defineAsyncComponent(() => import("./css-BpR5Lajb.js")),
-	"csv": defineAsyncComponent(() => import("./csv-eCMFnKKK.js")),
-	"cts": defineAsyncComponent(() => import("./typescript-Bk-pp-cK.js")),
-	"cue": defineAsyncComponent(() => import("./cue-TY97dGOQ.js")),
-	"d": defineAsyncComponent(() => import("./d-NftUsdTd.js")),
-	"dart": defineAsyncComponent(() => import("./dart-DJpwZZbk.js")),
-	"diff": defineAsyncComponent(() => import("./diff-CYRzypaU.js")),
-	"docker": defineAsyncComponent(() => import("./docker-CxHBuukH.js")),
-	"dockerfile": defineAsyncComponent(() => import("./docker-CxHBuukH.js")),
-	"dotenv": defineAsyncComponent(() => import("./env-CDAKsodl.js")),
-	"elixir": defineAsyncComponent(() => import("./elixir-BKSxVc1h.js")),
-	"elm": defineAsyncComponent(() => import("./elm-DScuAf3X.js")),
-	"erb": defineAsyncComponent(() => import("./ruby-B8RxtCzI.js")),
-	"erl": defineAsyncComponent(() => import("./erlang-D2M1ZL3m.js")),
-	"erlang": defineAsyncComponent(() => import("./erlang-D2M1ZL3m.js")),
-	"f": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"f#": defineAsyncComponent(() => import("./fsharp-BJz_Jgpl.js")),
-	"f03": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"f08": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"f18": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"f77": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"f90": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"f95": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"for": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"fortran-fixed-form": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"fortran-free-form": defineAsyncComponent(() => import("./fortran-CORyQ0wt.js")),
-	"fs": defineAsyncComponent(() => import("./fsharp-BJz_Jgpl.js")),
-	"fsharp": defineAsyncComponent(() => import("./fsharp-BJz_Jgpl.js")),
-	"git-commit": defineAsyncComponent(() => import("./git-DgrlTr1E.js")),
-	"git-rebase": defineAsyncComponent(() => import("./git-DgrlTr1E.js")),
-	"gleam": defineAsyncComponent(() => import("./gleam-t_xad9Kw.js")),
-	"go": defineAsyncComponent(() => import("./go-Cvlh1xtL.js")),
-	"gql": defineAsyncComponent(() => import("./graphql-ApIm0mDD.js")),
-	"graphql": defineAsyncComponent(() => import("./graphql-ApIm0mDD.js")),
-	"groovy": defineAsyncComponent(() => import("./groovy-CaLnK8PV.js")),
-	"haml": defineAsyncComponent(() => import("./haml-MwijEO_6.js")),
-	"handlebars": defineAsyncComponent(() => import("./handlebars-CKdUPI9h.js")),
-	"haskell": defineAsyncComponent(() => import("./haskell-NPOXEnck.js")),
-	"haxe": defineAsyncComponent(() => import("./haxe-DyKBMsDE.js")),
-	"hbs": defineAsyncComponent(() => import("./handlebars-CKdUPI9h.js")),
-	"hs": defineAsyncComponent(() => import("./haskell-NPOXEnck.js")),
-	"html": defineAsyncComponent(() => import("./html-CMgES1dE.js")),
-	"http": defineAsyncComponent(() => import("./http-B9FFNmUr.js")),
-	"jade": defineAsyncComponent(() => import("./pug-B1-IC-Tc.js")),
-	"java": defineAsyncComponent(() => import("./java-iU-L9wJz.js")),
-	"javascript": defineAsyncComponent(() => import("./javascript-DtnWdTFC.js")),
-	"jinja": defineAsyncComponent(() => import("./jinja-CoWszo_D.js")),
-	"jl": defineAsyncComponent(() => import("./julia-DG2BCBLx.js")),
-	"js": defineAsyncComponent(() => import("./javascript-DtnWdTFC.js")),
-	"json": defineAsyncComponent(() => import("./json-C80qKCnh.js")),
-	"json5": defineAsyncComponent(() => import("./json-C80qKCnh.js")),
-	"jsonc": defineAsyncComponent(() => import("./json-C80qKCnh.js")),
-	"jsonl": defineAsyncComponent(() => import("./json-C80qKCnh.js")),
-	"jsx": defineAsyncComponent(() => import("./javascript-DtnWdTFC.js")),
-	"julia": defineAsyncComponent(() => import("./julia-DG2BCBLx.js")),
-	"kdl": defineAsyncComponent(() => import("./kdl-7twRfIlJ.js")),
-	"kotlin": defineAsyncComponent(() => import("./kotlin-BjrOgP7R.js")),
-	"kt": defineAsyncComponent(() => import("./kotlin-BjrOgP7R.js")),
-	"kts": defineAsyncComponent(() => import("./kotlin-BjrOgP7R.js")),
-	"latex": defineAsyncComponent(() => import("./latex-DIQfUvG8.js")),
-	"less": defineAsyncComponent(() => import("./less-BJ1yEAWt.js")),
-	"liquid": defineAsyncComponent(() => import("./liquid-BqKFZ1wQ.js")),
-	"lisp": defineAsyncComponent(() => import("./lisp-oekhB2ti.js")),
-	"log": defineAsyncComponent(() => import("./log-D1XEqR9q.js")),
-	"lua": defineAsyncComponent(() => import("./lua-C5Q97-1D.js")),
-	"luau": defineAsyncComponent(() => import("./luau-BT8KwqZ2.js")),
-	"make": defineAsyncComponent(() => import("./makefile-B4a0ciG4.js")),
-	"makefile": defineAsyncComponent(() => import("./makefile-B4a0ciG4.js")),
-	"markdown": defineAsyncComponent(() => import("./markdown-DvNyKsiJ.js")),
-	"marko": defineAsyncComponent(() => import("./marko-BzsIf6bg.js")),
-	"matlab": defineAsyncComponent(() => import("./matlab-cMBkmDhQ.js")),
-	"md": defineAsyncComponent(() => import("./markdown-DvNyKsiJ.js")),
-	"mdc": defineAsyncComponent(() => import("./markdown-DvNyKsiJ.js")),
-	"mdx": defineAsyncComponent(() => import("./markdown-DvNyKsiJ.js")),
-	"mermaid": defineAsyncComponent(() => import("./mermaid-8JIH2gkQ.js")),
-	"mjs": defineAsyncComponent(() => import("./javascript-DtnWdTFC.js")),
-	"mmd": defineAsyncComponent(() => import("./mermaid-8JIH2gkQ.js")),
-	"mts": defineAsyncComponent(() => import("./typescript-Bk-pp-cK.js")),
-	"nextflow": defineAsyncComponent(() => import("./nextflow-DNmqU1xg.js")),
-	"nf": defineAsyncComponent(() => import("./nextflow-DNmqU1xg.js")),
-	"nginx": defineAsyncComponent(() => import("./nginx-DDfYF_rj.js")),
-	"nim": defineAsyncComponent(() => import("./nim-D9xEmy4k.js")),
-	"nix": defineAsyncComponent(() => import("./nix-BV1Deshw.js")),
-	"ocaml": defineAsyncComponent(() => import("./ocaml-BkFn4LL3.js")),
-	"perl": defineAsyncComponent(() => import("./perl-BytUHDE7.js")),
-	"php": defineAsyncComponent(() => import("./php-BImJJtNM.js")),
-	"postcss": defineAsyncComponent(() => import("./postcss-CrZ9_0sT.js")),
-	"powershell": defineAsyncComponent(() => import("./powershell-DYSGu7TM.js")),
-	"prisma": defineAsyncComponent(() => import("./prisma-BhRvcOFY.js")),
-	"prolog": defineAsyncComponent(() => import("./prolog-DuaCKek_.js")),
-	"properties": defineAsyncComponent(() => import("./properties-BbIJwuP-.js")),
-	"proto": defineAsyncComponent(() => import("./proto-CE0aVW11.js")),
-	"protobuf": defineAsyncComponent(() => import("./proto-CE0aVW11.js")),
-	"ps": defineAsyncComponent(() => import("./powershell-DYSGu7TM.js")),
-	"ps1": defineAsyncComponent(() => import("./powershell-DYSGu7TM.js")),
-	"pug": defineAsyncComponent(() => import("./pug-B1-IC-Tc.js")),
-	"puppet": defineAsyncComponent(() => import("./puppet-8nYquiMG.js")),
-	"py": defineAsyncComponent(() => import("./python-DhRyfBrD.js")),
-	"python": defineAsyncComponent(() => import("./python-DhRyfBrD.js")),
-	"r": defineAsyncComponent(() => import("./r-Cjje17IA.js")),
-	"racket": defineAsyncComponent(() => import("./racket-Dx0gMnpg.js")),
-	"razor": defineAsyncComponent(() => import("./razor-DPht_bdD.js")),
-	"rb": defineAsyncComponent(() => import("./ruby-B8RxtCzI.js")),
-	"rs": defineAsyncComponent(() => import("./rust-Cjtli6yf.js")),
-	"ruby": defineAsyncComponent(() => import("./ruby-B8RxtCzI.js")),
-	"rust": defineAsyncComponent(() => import("./rust-Cjtli6yf.js")),
-	"sass": defineAsyncComponent(() => import("./sass-Dv3DMzjs.js")),
-	"scala": defineAsyncComponent(() => import("./scala-B7bZGKXq.js")),
-	"scheme": defineAsyncComponent(() => import("./scheme-B2PsEdVN.js")),
-	"scss": defineAsyncComponent(() => import("./sass-Dv3DMzjs.js")),
-	"sh": defineAsyncComponent(() => import("./bash-Ce4pNIkV.js")),
-	"shader": defineAsyncComponent(() => import("./shader-BZzu3zGr.js")),
-	"shell": defineAsyncComponent(() => import("./bash-Ce4pNIkV.js")),
-	"shellscript": defineAsyncComponent(() => import("./bash-Ce4pNIkV.js")),
-	"solidity": defineAsyncComponent(() => import("./solidity-CLieFYpL.js")),
-	"sql": defineAsyncComponent(() => import("./database-aZwE71Px.js")),
-	"stata": defineAsyncComponent(() => import("./stata-C0yUiO47.js")),
-	"styl": defineAsyncComponent(() => import("./sass-Dv3DMzjs.js")),
-	"stylus": defineAsyncComponent(() => import("./sass-Dv3DMzjs.js")),
-	"svelte": defineAsyncComponent(() => import("./svelte-rtF4yNGL.js")),
-	"swift": defineAsyncComponent(() => import("./swift-CzvYoIM0.js")),
-	"terraform": defineAsyncComponent(() => import("./terraform-CD_BZGb-.js")),
-	"tex": defineAsyncComponent(() => import("./latex-DIQfUvG8.js")),
-	"text": defineAsyncComponent(() => import("./text-D1-vbZ7l.js")),
-	"tf": defineAsyncComponent(() => import("./terraform-CD_BZGb-.js")),
-	"tfvars": defineAsyncComponent(() => import("./terraform-CD_BZGb-.js")),
-	"toml": defineAsyncComponent(() => import("./toml-C6jUF0Xd.js")),
-	"ts": defineAsyncComponent(() => import("./typescript-Bk-pp-cK.js")),
-	"tsv": defineAsyncComponent(() => import("./csv-eCMFnKKK.js")),
-	"tsx": defineAsyncComponent(() => import("./typescript-Bk-pp-cK.js")),
-	"twig": defineAsyncComponent(() => import("./twig-C4dfP84J.js")),
-	"typ": defineAsyncComponent(() => import("./typst-DPCpaVSH.js")),
-	"typescript": defineAsyncComponent(() => import("./typescript-Bk-pp-cK.js")),
-	"typst": defineAsyncComponent(() => import("./typst-DPCpaVSH.js")),
-	"v": defineAsyncComponent(() => import("./v-nRGMJ2Ki.js")),
-	"vala": defineAsyncComponent(() => import("./vala-B78bKcY0.js")),
-	"verilog": defineAsyncComponent(() => import("./verilog-CRpkl76S.js")),
-	"vim": defineAsyncComponent(() => import("./vim-DpKnut7b.js")),
-	"viml": defineAsyncComponent(() => import("./vim-DpKnut7b.js")),
-	"vimscript": defineAsyncComponent(() => import("./vim-DpKnut7b.js")),
-	"vue-html": defineAsyncComponent(() => import("./vue-D5eadhjo.js")),
-	"vue-vine": defineAsyncComponent(() => import("./vue-D5eadhjo.js")),
-	"vue": defineAsyncComponent(() => import("./vue-D5eadhjo.js")),
-	"xml": defineAsyncComponent(() => import("./xml-Dvx5F-hl.js")),
-	"xsl": defineAsyncComponent(() => import("./xml-Dvx5F-hl.js")),
-	"yaml": defineAsyncComponent(() => import("./yaml-n1S8nAOh.js")),
-	"yml": defineAsyncComponent(() => import("./yaml-n1S8nAOh.js")),
-	"zig": defineAsyncComponent(() => import("./zig-R-iFzxfW.js")),
-	"zsh": defineAsyncComponent(() => import("./bash-Ce4pNIkV.js"))
+	"adoc": defineAsyncComponent(() => import("./asciidoc-DS-PMOLv.js")),
+	"angular-html": defineAsyncComponent(() => import("./angular-Mip1mspI.js")),
+	"angular-ts": defineAsyncComponent(() => import("./angular-component-Cq5UbX7R.js")),
+	"apache": defineAsyncComponent(() => import("./apache-BSq7fX32.js")),
+	"asciidoc": defineAsyncComponent(() => import("./asciidoc-DS-PMOLv.js")),
+	"asm": defineAsyncComponent(() => import("./assembly-BPatlOM7.js")),
+	"astro": defineAsyncComponent(() => import("./astro-CSD_ZjXp.js")),
+	"bash": defineAsyncComponent(() => import("./bash-RITislE1.js")),
+	"bat": defineAsyncComponent(() => import("./batch-DWPShYhN.js")),
+	"batch": defineAsyncComponent(() => import("./batch-DWPShYhN.js")),
+	"bicep": defineAsyncComponent(() => import("./bicep-C6BEHfP6.js")),
+	"c": defineAsyncComponent(() => import("./c-DNo3tsNy.js")),
+	"c#": defineAsyncComponent(() => import("./csharp-CgkTkbPx.js")),
+	"c++": defineAsyncComponent(() => import("./cpp-Cn3MB35e.js")),
+	"cjs": defineAsyncComponent(() => import("./javascript-BCDeVll0.js")),
+	"clj": defineAsyncComponent(() => import("./clojure-C1DEYHW0.js")),
+	"clojure": defineAsyncComponent(() => import("./clojure-C1DEYHW0.js")),
+	"cmake": defineAsyncComponent(() => import("./cmake-B69mdXcH.js")),
+	"cmd": defineAsyncComponent(() => import("./batch-DWPShYhN.js")),
+	"cobol": defineAsyncComponent(() => import("./cobol-qmL-zIWi.js")),
+	"codeowners": defineAsyncComponent(() => import("./codeowners-Crklt5nF.js")),
+	"coffee": defineAsyncComponent(() => import("./coffeescript-k3huSp23.js")),
+	"coffeescript": defineAsyncComponent(() => import("./coffeescript-k3huSp23.js")),
+	"cpp": defineAsyncComponent(() => import("./cpp-Cn3MB35e.js")),
+	"crystal": defineAsyncComponent(() => import("./crystal-D5aGETSx.js")),
+	"cs": defineAsyncComponent(() => import("./csharp-CgkTkbPx.js")),
+	"csharp": defineAsyncComponent(() => import("./csharp-CgkTkbPx.js")),
+	"css": defineAsyncComponent(() => import("./css-DRH4n_IV.js")),
+	"csv": defineAsyncComponent(() => import("./csv-D5nNTIzO.js")),
+	"cts": defineAsyncComponent(() => import("./typescript-B95hq2ns.js")),
+	"cue": defineAsyncComponent(() => import("./cue-B5mC88-N.js")),
+	"d": defineAsyncComponent(() => import("./d-BdQRMgma.js")),
+	"dart": defineAsyncComponent(() => import("./dart-BGnfn0NN.js")),
+	"diff": defineAsyncComponent(() => import("./diff-DVaTsnqu.js")),
+	"docker": defineAsyncComponent(() => import("./docker-E47qYlmL.js")),
+	"dockerfile": defineAsyncComponent(() => import("./docker-E47qYlmL.js")),
+	"dotenv": defineAsyncComponent(() => import("./env-Ck1BHoxR.js")),
+	"elixir": defineAsyncComponent(() => import("./elixir-C-jqqu6q.js")),
+	"elm": defineAsyncComponent(() => import("./elm-CmeHvaWl.js")),
+	"erb": defineAsyncComponent(() => import("./ruby-C8wV0pMO.js")),
+	"erl": defineAsyncComponent(() => import("./erlang-CIP8kpGJ.js")),
+	"erlang": defineAsyncComponent(() => import("./erlang-CIP8kpGJ.js")),
+	"f": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"f#": defineAsyncComponent(() => import("./fsharp-Bp6mUcG0.js")),
+	"f03": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"f08": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"f18": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"f77": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"f90": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"f95": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"for": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"fortran-fixed-form": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"fortran-free-form": defineAsyncComponent(() => import("./fortran-DJVP2s7V.js")),
+	"fs": defineAsyncComponent(() => import("./fsharp-Bp6mUcG0.js")),
+	"fsharp": defineAsyncComponent(() => import("./fsharp-Bp6mUcG0.js")),
+	"git-commit": defineAsyncComponent(() => import("./git-BDcqJ1Gp.js")),
+	"git-rebase": defineAsyncComponent(() => import("./git-BDcqJ1Gp.js")),
+	"gleam": defineAsyncComponent(() => import("./gleam-JLiZVlev.js")),
+	"go": defineAsyncComponent(() => import("./go-ClcCiS7e.js")),
+	"gql": defineAsyncComponent(() => import("./graphql-D2RDo-DF.js")),
+	"graphql": defineAsyncComponent(() => import("./graphql-D2RDo-DF.js")),
+	"groovy": defineAsyncComponent(() => import("./groovy-DLZBw8xE.js")),
+	"haml": defineAsyncComponent(() => import("./haml-Da74jRwZ.js")),
+	"handlebars": defineAsyncComponent(() => import("./handlebars-CNgS57Sz.js")),
+	"haskell": defineAsyncComponent(() => import("./haskell-DCvfD6VB.js")),
+	"haxe": defineAsyncComponent(() => import("./haxe-CHVK1TId.js")),
+	"hbs": defineAsyncComponent(() => import("./handlebars-CNgS57Sz.js")),
+	"hs": defineAsyncComponent(() => import("./haskell-DCvfD6VB.js")),
+	"html": defineAsyncComponent(() => import("./html-Du4235Z-.js")),
+	"http": defineAsyncComponent(() => import("./http-B8VAFeQ5.js")),
+	"jade": defineAsyncComponent(() => import("./pug-CzkUK-Ec.js")),
+	"java": defineAsyncComponent(() => import("./java-CoSdnK1N.js")),
+	"javascript": defineAsyncComponent(() => import("./javascript-BCDeVll0.js")),
+	"jinja": defineAsyncComponent(() => import("./jinja-DYbiqZy0.js")),
+	"jl": defineAsyncComponent(() => import("./julia-pswJGtpP.js")),
+	"js": defineAsyncComponent(() => import("./javascript-BCDeVll0.js")),
+	"json": defineAsyncComponent(() => import("./json-CdzCyWJA.js")),
+	"json5": defineAsyncComponent(() => import("./json-CdzCyWJA.js")),
+	"jsonc": defineAsyncComponent(() => import("./json-CdzCyWJA.js")),
+	"jsonl": defineAsyncComponent(() => import("./json-CdzCyWJA.js")),
+	"jsx": defineAsyncComponent(() => import("./javascript-BCDeVll0.js")),
+	"julia": defineAsyncComponent(() => import("./julia-pswJGtpP.js")),
+	"kdl": defineAsyncComponent(() => import("./kdl-M8rfQ85l.js")),
+	"kotlin": defineAsyncComponent(() => import("./kotlin-CfCV33oB.js")),
+	"kt": defineAsyncComponent(() => import("./kotlin-CfCV33oB.js")),
+	"kts": defineAsyncComponent(() => import("./kotlin-CfCV33oB.js")),
+	"latex": defineAsyncComponent(() => import("./latex-DK8DFhTm.js")),
+	"less": defineAsyncComponent(() => import("./less-BFnNZiIs.js")),
+	"liquid": defineAsyncComponent(() => import("./liquid-C8h46DoX.js")),
+	"lisp": defineAsyncComponent(() => import("./lisp-C3FbGuD1.js")),
+	"log": defineAsyncComponent(() => import("./log-D-O3FXf2.js")),
+	"lua": defineAsyncComponent(() => import("./lua-BC_aR1_i.js")),
+	"luau": defineAsyncComponent(() => import("./luau-DFUOrNN7.js")),
+	"make": defineAsyncComponent(() => import("./makefile-Ck67veVV.js")),
+	"makefile": defineAsyncComponent(() => import("./makefile-Ck67veVV.js")),
+	"markdown": defineAsyncComponent(() => import("./markdown-BX13X3kd.js")),
+	"marko": defineAsyncComponent(() => import("./marko-CQE8YTCc.js")),
+	"matlab": defineAsyncComponent(() => import("./matlab-Bd9O2Ml3.js")),
+	"md": defineAsyncComponent(() => import("./markdown-BX13X3kd.js")),
+	"mdc": defineAsyncComponent(() => import("./markdown-BX13X3kd.js")),
+	"mdx": defineAsyncComponent(() => import("./markdown-BX13X3kd.js")),
+	"mermaid": defineAsyncComponent(() => import("./mermaid-Dv-Pr0W-.js")),
+	"mjs": defineAsyncComponent(() => import("./javascript-BCDeVll0.js")),
+	"mmd": defineAsyncComponent(() => import("./mermaid-Dv-Pr0W-.js")),
+	"mts": defineAsyncComponent(() => import("./typescript-B95hq2ns.js")),
+	"nextflow": defineAsyncComponent(() => import("./nextflow-D3lDq1Yi.js")),
+	"nf": defineAsyncComponent(() => import("./nextflow-D3lDq1Yi.js")),
+	"nginx": defineAsyncComponent(() => import("./nginx-CgsqCL4l.js")),
+	"nim": defineAsyncComponent(() => import("./nim-BJdSu3c6.js")),
+	"nix": defineAsyncComponent(() => import("./nix-B7K_D6CN.js")),
+	"ocaml": defineAsyncComponent(() => import("./ocaml-gYS1Y45s.js")),
+	"perl": defineAsyncComponent(() => import("./perl-DXFhFWhI.js")),
+	"php": defineAsyncComponent(() => import("./php-We35bF4E.js")),
+	"postcss": defineAsyncComponent(() => import("./postcss-BWovY_YV.js")),
+	"powershell": defineAsyncComponent(() => import("./powershell-C6teiBsq.js")),
+	"prisma": defineAsyncComponent(() => import("./prisma-UyJEg0_X.js")),
+	"prolog": defineAsyncComponent(() => import("./prolog-YZsPgdnw.js")),
+	"properties": defineAsyncComponent(() => import("./properties-DaPbL0e2.js")),
+	"proto": defineAsyncComponent(() => import("./proto-1LIwu2O1.js")),
+	"protobuf": defineAsyncComponent(() => import("./proto-1LIwu2O1.js")),
+	"ps": defineAsyncComponent(() => import("./powershell-C6teiBsq.js")),
+	"ps1": defineAsyncComponent(() => import("./powershell-C6teiBsq.js")),
+	"pug": defineAsyncComponent(() => import("./pug-CzkUK-Ec.js")),
+	"puppet": defineAsyncComponent(() => import("./puppet-CNhB1MHb.js")),
+	"py": defineAsyncComponent(() => import("./python-B_hgEobv.js")),
+	"python": defineAsyncComponent(() => import("./python-B_hgEobv.js")),
+	"r": defineAsyncComponent(() => import("./r-CVeKYmPK.js")),
+	"racket": defineAsyncComponent(() => import("./racket-D5UfvXuw.js")),
+	"razor": defineAsyncComponent(() => import("./razor-RIKaANTN.js")),
+	"rb": defineAsyncComponent(() => import("./ruby-C8wV0pMO.js")),
+	"rs": defineAsyncComponent(() => import("./rust-75Gei1mP.js")),
+	"ruby": defineAsyncComponent(() => import("./ruby-C8wV0pMO.js")),
+	"rust": defineAsyncComponent(() => import("./rust-75Gei1mP.js")),
+	"sass": defineAsyncComponent(() => import("./sass-Cq68xmQ4.js")),
+	"scala": defineAsyncComponent(() => import("./scala-C_E5rjSc.js")),
+	"scheme": defineAsyncComponent(() => import("./scheme-Bm-q-nLL.js")),
+	"scss": defineAsyncComponent(() => import("./sass-Cq68xmQ4.js")),
+	"sh": defineAsyncComponent(() => import("./bash-RITislE1.js")),
+	"shader": defineAsyncComponent(() => import("./shader-DPaRkMCs.js")),
+	"shell": defineAsyncComponent(() => import("./bash-RITislE1.js")),
+	"shellscript": defineAsyncComponent(() => import("./bash-RITislE1.js")),
+	"solidity": defineAsyncComponent(() => import("./solidity-DvHG_0CD.js")),
+	"sql": defineAsyncComponent(() => import("./database-Ca1VGX7u.js")),
+	"stata": defineAsyncComponent(() => import("./stata-DoVloJLm.js")),
+	"styl": defineAsyncComponent(() => import("./sass-Cq68xmQ4.js")),
+	"stylus": defineAsyncComponent(() => import("./sass-Cq68xmQ4.js")),
+	"svelte": defineAsyncComponent(() => import("./svelte-tlbA11de.js")),
+	"swift": defineAsyncComponent(() => import("./swift-BZn5eRnK.js")),
+	"terraform": defineAsyncComponent(() => import("./terraform-c5-k7yB1.js")),
+	"tex": defineAsyncComponent(() => import("./latex-DK8DFhTm.js")),
+	"text": defineAsyncComponent(() => import("./text-DPCGWvDK.js")),
+	"tf": defineAsyncComponent(() => import("./terraform-c5-k7yB1.js")),
+	"tfvars": defineAsyncComponent(() => import("./terraform-c5-k7yB1.js")),
+	"toml": defineAsyncComponent(() => import("./toml-DdLGBe1A.js")),
+	"ts": defineAsyncComponent(() => import("./typescript-B95hq2ns.js")),
+	"tsv": defineAsyncComponent(() => import("./csv-D5nNTIzO.js")),
+	"tsx": defineAsyncComponent(() => import("./typescript-B95hq2ns.js")),
+	"twig": defineAsyncComponent(() => import("./twig-D_jzZxh6.js")),
+	"typ": defineAsyncComponent(() => import("./typst-CSAEQ4yK.js")),
+	"typescript": defineAsyncComponent(() => import("./typescript-B95hq2ns.js")),
+	"typst": defineAsyncComponent(() => import("./typst-CSAEQ4yK.js")),
+	"v": defineAsyncComponent(() => import("./v-BAhebuOB.js")),
+	"vala": defineAsyncComponent(() => import("./vala-RAu83-lp.js")),
+	"verilog": defineAsyncComponent(() => import("./verilog-BgmTn52U.js")),
+	"vim": defineAsyncComponent(() => import("./vim-c8oTCLkH.js")),
+	"viml": defineAsyncComponent(() => import("./vim-c8oTCLkH.js")),
+	"vimscript": defineAsyncComponent(() => import("./vim-c8oTCLkH.js")),
+	"vue-html": defineAsyncComponent(() => import("./vue-TGT6HTBA.js")),
+	"vue-vine": defineAsyncComponent(() => import("./vue-TGT6HTBA.js")),
+	"vue": defineAsyncComponent(() => import("./vue-TGT6HTBA.js")),
+	"xml": defineAsyncComponent(() => import("./xml-C1HDr874.js")),
+	"xsl": defineAsyncComponent(() => import("./xml-C1HDr874.js")),
+	"yaml": defineAsyncComponent(() => import("./yaml-BO7FjFQZ.js")),
+	"yml": defineAsyncComponent(() => import("./yaml-BO7FjFQZ.js")),
+	"zig": defineAsyncComponent(() => import("./zig-qANBp1SU.js")),
+	"zsh": defineAsyncComponent(() => import("./bash-RITislE1.js"))
 };
 
 //#endregion
@@ -596,20 +712,23 @@ const DEFAULT_HARDEN_OPTIONS = {
 //#endregion
 //#region src/constants/icons.ts
 const ICONS = {
-	check: defineAsyncComponent(() => import("./check-C4xOk8um.js")),
-	code: defineAsyncComponent(() => import("./code-D8LSp8rK.js")),
-	collapse: defineAsyncComponent(() => import("./chevron-down-cnOJ4h1g.js")),
-	copy: defineAsyncComponent(() => import("./copy-Cabve0xf.js")),
-	download: defineAsyncComponent(() => import("./download-Bnn7rtYw.js")),
-	error: defineAsyncComponent(() => import("./circle-alert-CLX-h5rZ.js")),
-	image: defineAsyncComponent(() => import("./image-CMZAakWu.js")),
-	link: defineAsyncComponent(() => import("./link-DeV4CQOB.js")),
-	maximize: defineAsyncComponent(() => import("./maximize-4PIqBONS.js")),
-	mermaid: defineAsyncComponent(() => import("./mermaid-8JIH2gkQ.js")),
-	minimize: defineAsyncComponent(() => import("./minimize-BJ8htyDF.js")),
-	preview: defineAsyncComponent(() => import("./eye-CdeX8PhP.js")),
-	zoomIn: defineAsyncComponent(() => import("./zoomIn-CEukuh3x.js")),
-	zoomOut: defineAsyncComponent(() => import("./zoomOut-qlzQyQli.js"))
+	arrowLeft: defineAsyncComponent(() => import("./arrow-left-C5s0Sn8o.js")),
+	check: defineAsyncComponent(() => import("./check-BfpxIITS.js")),
+	code: defineAsyncComponent(() => import("./code-D9CiymEK.js")),
+	collapse: defineAsyncComponent(() => import("./chevron-down-LeNeemjn.js")),
+	copy: defineAsyncComponent(() => import("./copy-C4580J93.js")),
+	download: defineAsyncComponent(() => import("./download-DytrK56a.js")),
+	error: defineAsyncComponent(() => import("./circle-alert-BjDuIzgc.js")),
+	flipHorizontal: defineAsyncComponent(() => import("./flip-horizontal-BFWjqDbQ.js")),
+	image: defineAsyncComponent(() => import("./image-D8MZj4W5.js")),
+	link: defineAsyncComponent(() => import("./link-C7eU_yi-.js")),
+	maximize: defineAsyncComponent(() => import("./maximize-CDZ9rnYF.js")),
+	mermaid: defineAsyncComponent(() => import("./mermaid-Dv-Pr0W-.js")),
+	minimize: defineAsyncComponent(() => import("./minimize-B9ER7p2X.js")),
+	preview: defineAsyncComponent(() => import("./eye-TaEwQS2Z.js")),
+	rotateLeft: defineAsyncComponent(() => import("./rotate-ccw-square-C2KVFUF3.js")),
+	zoomIn: defineAsyncComponent(() => import("./zoomIn-iVMAUxIz.js")),
+	zoomOut: defineAsyncComponent(() => import("./zoomOut-Cxq1_dIQ.js"))
 };
 
 //#endregion
@@ -732,6 +851,7 @@ function transformUrl(url, allowedPrefixes, defaultOrigin, allowDataImages = fal
 
 //#endregion
 //#region src/utils/helper.ts
+const fileExtensionPattern = /\.[^/.]+$/;
 function flow(fns) {
 	return (input) => fns.reduce((acc, fn) => fn(acc), input);
 }
@@ -746,6 +866,25 @@ function save(filename, content, mimeType) {
 	document.body.removeChild(a);
 	URL.revokeObjectURL(url);
 }
+async function saveImage(url, alt) {
+	const blob = await (await fetch(url)).blob();
+	const originalFilename = new URL(url, window.location.origin).pathname.split("/").pop() || "";
+	const extension = originalFilename.split(".").pop();
+	const hasExtension = originalFilename.includes(".") && extension !== void 0 && extension.length <= 4;
+	let filename = "";
+	if (hasExtension) filename = originalFilename;
+	else {
+		const mimeType = blob.type;
+		let fileExtension = "png";
+		if (mimeType.includes("jpeg") || mimeType.includes("jpg")) fileExtension = "jpg";
+		else if (mimeType.includes("png")) fileExtension = "png";
+		else if (mimeType.includes("svg")) fileExtension = "svg";
+		else if (mimeType.includes("gif")) fileExtension = "gif";
+		else if (mimeType.includes("webp")) fileExtension = "webp";
+		filename = `${(alt || originalFilename || "image").replace(fileExtensionPattern, "")}.${fileExtension}`;
+	}
+	save(filename, blob, blob.type);
+}
 function svgToPngBlob(svgString, options) {
 	const scale = (options === null || options === void 0 ? void 0 : options.scale) ?? 5;
 	return new Promise((resolve, reject) => {
@@ -997,8 +1136,8 @@ function useHardenSanitizers(options) {
 //#region src/locales/index.ts
 const SUPPORT_LANGUAGES = ["en-US", "zh-CN"];
 const localesGlob = {
-	"./en-US.json": () => import("./en-US-Bfc50l3I.js"),
-	"./zh-CN.json": () => import("./zh-CN-CL1XGe0H.js")
+	"./en-US.json": () => import("./en-US-Kw2LYAMk.js"),
+	"./zh-CN.json": () => import("./zh-CN-Dfow4Yn2.js")
 };
 const localeMessages = ref();
 const currentLocale = ref("en-US");
@@ -1320,6 +1459,155 @@ function useMathRenderer(options) {
 	};
 }
 
+//#endregion
+//#region src/composables/use-medium-zoom.ts
+function useMediumZoom(options) {
+	const margin = computed(() => unref(options.margin) ?? 0);
+	const elementRef = ref();
+	const clonedElementRef = ref();
+	const zoomElementRef = ref();
+	const isAnimating = ref(false);
+	const showClonedElement = ref(false);
+	const initialTransform = ref("");
+	const targetTransform = ref("");
+	const elementStyle = computed(() => ({ opacity: showClonedElement.value ? 0 : 1 }));
+	function cloneElement() {
+		const original = elementRef.value;
+		if (!original) return;
+		const cloned = original.cloneNode(true);
+		const rect = original.getBoundingClientRect();
+		cloned.style.position = "fixed";
+		cloned.style.top = `${rect.top}px`;
+		cloned.style.left = `${rect.left}px`;
+		cloned.style.width = `${rect.width}px`;
+		cloned.style.height = `${rect.height}px`;
+		cloned.style.margin = "0";
+		cloned.style.padding = "0";
+		cloned.style.pointerEvents = "none";
+		cloned.style.zIndex = "10000";
+		cloned.style.willChange = "transform";
+		cloned.style.transformOrigin = "top left";
+		if (original instanceof HTMLImageElement && original.currentSrc) cloned.src = original.currentSrc;
+		return cloned;
+	}
+	function calculateTransforms() {
+		const original = elementRef.value;
+		if (!original || !clonedElementRef.value) return;
+		const rect = original.getBoundingClientRect();
+		const viewportWidth = window.innerWidth;
+		const viewportHeight = window.innerHeight;
+		const naturalWidth = original.naturalWidth || rect.width;
+		const naturalHeight = original.naturalHeight || rect.height;
+		const maxWidth = viewportWidth - margin.value * 2;
+		const maxHeight = viewportHeight - margin.value * 2;
+		const scaleX = Math.min(maxWidth / rect.width, naturalWidth / rect.width);
+		const scaleY = Math.min(maxHeight / rect.height, naturalHeight / rect.height);
+		const scale = Math.min(scaleX, scaleY, 1);
+		const targetX = (viewportWidth - rect.width * scale) / 2;
+		const targetY = (viewportHeight - rect.height * scale) / 2;
+		const translateX = targetX - rect.left;
+		const translateY = targetY - rect.top;
+		initialTransform.value = `translate3d(0, 0, 0) scale(1)`;
+		targetTransform.value = `translate3d(${translateX}px, ${translateY}px, 0) scale(${scale})`;
+	}
+	async function zoomIn() {
+		var _clonedElementRef$val, _options$open;
+		const el = elementRef.value;
+		if (!el) return;
+		const cloned = cloneElement();
+		if (!cloned) return;
+		el.style.visibility = "hidden";
+		document.body.appendChild(cloned);
+		clonedElementRef.value = cloned;
+		showClonedElement.value = true;
+		await nextTick();
+		calculateTransforms();
+		if (clonedElementRef.value) {
+			clonedElementRef.value.style.transform = initialTransform.value;
+			clonedElementRef.value.style.transition = "none";
+		}
+		(_clonedElementRef$val = clonedElementRef.value) === null || _clonedElementRef$val === void 0 || _clonedElementRef$val.offsetHeight;
+		await nextTick();
+		isAnimating.value = true;
+		if (clonedElementRef.value) {
+			clonedElementRef.value.style.transition = "transform 0.3s cubic-bezier(0.2, 0, 0.2, 1)";
+			clonedElementRef.value.style.transform = targetTransform.value;
+		}
+		(_options$open = options.open) === null || _options$open === void 0 || _options$open.call(options);
+		const handleAnimationEnd = () => {
+			isAnimating.value = false;
+			if (clonedElementRef.value) clonedElementRef.value.style.opacity = "0";
+			showClonedElement.value = false;
+			cloned.removeEventListener("transitionend", handleAnimationEnd);
+		};
+		cloned.addEventListener("transitionend", handleAnimationEnd, { once: true });
+	}
+	async function zoomOut() {
+		if (!clonedElementRef.value) {
+			var _options$close;
+			(_options$close = options.close) === null || _options$close === void 0 || _options$close.call(options);
+			return;
+		}
+		await nextTick();
+		showClonedElement.value = true;
+		if (clonedElementRef.value) clonedElementRef.value.style.opacity = "1";
+		await nextTick();
+		if (!clonedElementRef.value) return;
+		const el = elementRef.value;
+		const zoomEl = zoomElementRef.value;
+		if (!el || !zoomEl) return;
+		const originalRect = el.getBoundingClientRect();
+		const zoomRect = zoomEl.getBoundingClientRect();
+		const cloned = clonedElementRef.value;
+		const currentTransform = window.getComputedStyle(zoomEl).transform || "none";
+		const currentCenterX = zoomRect.left + zoomRect.width / 2;
+		const currentCenterY = zoomRect.top + zoomRect.height / 2;
+		const targetCenterX = originalRect.left + originalRect.width / 2;
+		const targetCenterY = originalRect.top + originalRect.height / 2;
+		const scale = Math.min(originalRect.width / zoomRect.width, originalRect.height / zoomRect.height);
+		cloned.style.top = `${zoomRect.top}px`;
+		cloned.style.left = `${zoomRect.left}px`;
+		cloned.style.width = `${zoomRect.width}px`;
+		cloned.style.height = `${zoomRect.height}px`;
+		cloned.style.transform = currentTransform !== "none" ? currentTransform : "translate3d(0, 0, 0) scale(1)";
+		cloned.style.transformOrigin = "center center";
+		cloned.style.transition = "none";
+		cloned.offsetHeight;
+		await nextTick();
+		isAnimating.value = true;
+		const translateX = targetCenterX - currentCenterX;
+		const translateY = targetCenterY - currentCenterY;
+		cloned.style.transition = "transform 0.3s cubic-bezier(0.2, 0, 0.2, 1)";
+		if (currentTransform !== "none") try {
+			const inverseMatrix = new DOMMatrix(currentTransform).inverse();
+			const transformedPoint = new DOMPoint(translateX, translateY).matrixTransform(inverseMatrix);
+			cloned.style.transform = `${currentTransform} translate3d(${transformedPoint.x}px, ${transformedPoint.y}px, 0) scale(${scale})`;
+		} catch {
+			cloned.style.transform = `${currentTransform} translate3d(${translateX}px, ${translateY}px, 0) scale(${scale})`;
+		}
+		else cloned.style.transform = `translate3d(${translateX}px, ${translateY}px, 0) scale(${scale})`;
+		const handleAnimationEnd = () => {
+			var _options$close2;
+			const cloned$1 = clonedElementRef.value;
+			if (cloned$1 && cloned$1.parentNode) cloned$1.parentNode.removeChild(cloned$1);
+			clonedElementRef.value = void 0;
+			if (elementRef.value) elementRef.value.style.visibility = "visible";
+			(_options$close2 = options.close) === null || _options$close2 === void 0 || _options$close2.call(options);
+			isAnimating.value = false;
+			showClonedElement.value = false;
+		};
+		cloned.addEventListener("transitionend", handleAnimationEnd, { once: true });
+	}
+	return {
+		isAnimating,
+		elementStyle,
+		elementRef,
+		zoomElementRef,
+		zoomIn,
+		zoomOut
+	};
+}
+
 //#endregion
 //#region src/composables/use-mermaid.ts
 let mermaid = null;
@@ -1426,13 +1714,21 @@ function useShiki(options) {
 	});
 	const lightTheme = computed(() => shikiTheme.value[0] ?? DEFAULT_LIGHT_THEME);
 	const darkTheme = computed(() => shikiTheme.value[1] ?? DEFAULT_DARK_THEME);
-	const langAlias = computed(() => {
+	const langs = computed(() => {
 		var _unref2;
-		return ((_unref2 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref2 === void 0 ? void 0 : _unref2.langAlias) ?? {};
+		return ((_unref2 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref2 === void 0 ? void 0 : _unref2.langs) ?? [];
 	});
-	const codeToTokenOptions = computed(() => {
+	const langAlias = computed(() => {
 		var _unref3;
-		return ((_unref3 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref3 === void 0 ? void 0 : _unref3.codeToTokenOptions) ?? {};
+		const data = ((_unref3 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref3 === void 0 ? void 0 : _unref3.langAlias) ?? {};
+		return {
+			...LANGUAGE_ALIAS,
+			...data
+		};
+	});
+	const codeToTokenOptions = computed(() => {
+		var _unref4;
+		return ((_unref4 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref4 === void 0 ? void 0 : _unref4.codeToTokenOptions) ?? {};
 	});
 	const isDark = computed(() => unref(options === null || options === void 0 ? void 0 : options.isDark) ?? false);
 	async function getThemes() {
@@ -1446,7 +1742,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;
@@ -1473,11 +1769,8 @@ function useShiki(options) {
 			const { createHighlighter } = await import("shiki");
 			return createHighlighter({
 				themes: [await getTheme()],
-				langs: [await getLanguage()],
-				langAlias: {
-					...LANGUAGE_ALIAS,
-					...langAlias.value
-				}
+				langs: langs.value,
+				langAlias: langAlias.value
 			});
 		})();
 		highlighter = await createHighlighterPromise;
@@ -1558,28 +1851,6 @@ function useTailwindV3Theme(options) {
 	};
 }
 
-//#endregion
-//#region src/composables/use-tippy.ts
-function useTippy(options) {
-	const isDark = computed(() => unref(options === null || options === void 0 ? void 0 : options.isDark) ?? false);
-	const tippyOptions = computed(() => unref(options === null || options === void 0 ? void 0 : options.options) ?? {});
-	function initTippy() {
-		setDefaultProps({
-			allowHTML: true,
-			delay: [100, 100],
-			theme: isDark.value ? "" : "light",
-			...tippyOptions
-		});
-		watchEffect(() => {
-			setDefaultProps({
-				theme: isDark.value ? "" : "light",
-				...tippyOptions.value
-			});
-		});
-	}
-	return { initTippy };
-}
-
 //#endregion
 //#region src/composables/use-zoom.ts
 function useZoom(options = {}) {
@@ -1592,6 +1863,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 +1881,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 +1892,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 +1920,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,9 +2006,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, 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 };
+export { svgToPngBlob as A, useFloatingElement as B, findNodeParent as C, flow as D, hasShiki as E, DEFAULT_DARK_THEME as F, useContext as H, DEFAULT_LIGHT_THEME as I, LANGUAGE_ALIAS as L, SHADCN_SCHEMAS as M, ICONS as N, save as O, DEFAULT_HARDEN_OPTIONS as P, LANGUAGE_EXTENSIONS as R, findLastLeafNode as S, hasMermaid as T, useCodeOptions as U, useControls as V, escapeMarkdownTableCell as _, useMediumZoom as a, tableDataToMarkdown as b, _defineProperty as c, SUPPORT_LANGUAGES as d, currentLocale as f, useHardenSanitizers as g, localesGlob as h, useMermaid as i, transformUrl as j, saveImage as k, useKatex as l, localeMessages as m, useTailwindV3Theme as n, useMathRenderer as o, loadLocaleMessages as p, useShiki as r, throttle as s, useZoom as t, useI18n as u, extractTableDataFromElement as v, hasKatex as w, tableDataToTSV as x, tableDataToCSV as y, LANGUAGE_ICONS as z };