vue-stream-markdown 0.1.4 → 0.1.5

package/dist/{composables-Cx0nvyHl.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) {
@@ -38,6 +34,7 @@ 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(),
@@ -53,6 +50,7 @@ function useContext() {
 		injectContext,
 		icons,
 		isDark,
+		parsedNodes,
 		get getContainer() {
 			return context.getContainer || (() => void 0);
 		},
@@ -94,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";
@@ -408,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
@@ -598,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
@@ -734,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);
 }
@@ -748,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) => {
@@ -999,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");
@@ -1322,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;
@@ -1428,17 +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;
-		const data = ((_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 langAlias = computed(() => {
+		var _unref3;
+		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 _unref3;
-		return ((_unref3 = unref(options === null || options === void 0 ? void 0 : options.shikiOptions)) === null || _unref3 === void 0 ? void 0 : _unref3.codeToTokenOptions) ?? {};
+		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() {
@@ -1479,7 +1769,7 @@ function useShiki(options) {
 			const { createHighlighter } = await import("shiki");
 			return createHighlighter({
 				themes: [await getTheme()],
-				langs: [await getLanguage()],
+				langs: langs.value,
 				langAlias: langAlias.value
 			});
 		})();
@@ -1561,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 = {}) {
@@ -1746,4 +2014,4 @@ function useZoom(options = {}) {
 }
 
 //#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 };