vue-stream-markdown 0.1.4 → 0.1.6

package/dist/{composables-Cx0nvyHl.js → composables-DWipZHuF.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) {
@@ -12,7 +8,11 @@ function useCodeOptions(options) {
 	const codeOptions = computed(() => unref(options.codeOptions));
 	const languageCodeOptions = computed(() => {
 		var _codeOptions$value;
-		return ((_codeOptions$value = codeOptions.value) === null || _codeOptions$value === void 0 || (_codeOptions$value = _codeOptions$value.language) === null || _codeOptions$value === void 0 ? void 0 : _codeOptions$value[language.value]) ?? codeOptions.value;
+		const specificOptions = (_codeOptions$value = codeOptions.value) === null || _codeOptions$value === void 0 || (_codeOptions$value = _codeOptions$value.language) === null || _codeOptions$value === void 0 ? void 0 : _codeOptions$value[language.value];
+		return {
+			...codeOptions.value,
+			...specificOptions ?? {}
+		};
 	});
 	return {
 		languageCodeOptions,
@@ -36,8 +36,11 @@ function useCodeOptions(options) {
 const CONTEXT_KEY = Symbol("stream-markdown-context");
 function useContext() {
 	const context = injectContext();
+	const mode = computed(() => unref(context.mode) ?? "streaming");
 	const icons = computed(() => unref(context.icons) ?? {});
 	const isDark = computed(() => unref(context.isDark) ?? false);
+	const enableAnimate = computed(() => unref(context.enableAnimate));
+	const parsedNodes = computed(() => unref(context.parsedNodes) ?? []);
 	function provideContext(ctx) {
 		provide(CONTEXT_KEY, {
 			...injectContext(),
@@ -51,8 +54,11 @@ function useContext() {
 		context,
 		provideContext,
 		injectContext,
+		mode,
 		icons,
 		isDark,
+		enableAnimate,
+		parsedNodes,
 		get getContainer() {
 			return context.getContainer || (() => void 0);
 		},
@@ -95,560 +101,163 @@ function useControls(options) {
 }
 
 //#endregion
-//#region src/constants/code.ts
-const DEFAULT_LIGHT_THEME = "github-light";
-const DEFAULT_DARK_THEME = "github-dark";
-const LANGUAGE_ALIAS = {};
-const LANGUAGE_EXTENSIONS = {
-	"1c-query": "1cq",
-	"1c": "1c",
-	"abap": "abap",
-	"actionscript-3": "as",
-	"ada": "ada",
-	"adoc": "adoc",
-	"angular-html": "html",
-	"angular-ts": "ts",
-	"apache": "conf",
-	"apex": "cls",
-	"apl": "apl",
-	"applescript": "applescript",
-	"ara": "ara",
-	"asciidoc": "adoc",
-	"asm": "asm",
-	"astro": "astro",
-	"awk": "awk",
-	"ballerina": "bal",
-	"bash": "sh",
-	"bat": "bat",
-	"batch": "bat",
-	"be": "be",
-	"beancount": "beancount",
-	"berry": "berry",
-	"bibtex": "bib",
-	"bicep": "bicep",
-	"blade": "blade.php",
-	"bsl": "bsl",
-	"c": "c",
-	"c#": "cs",
-	"c++": "cpp",
-	"cadence": "cdc",
-	"cairo": "cairo",
-	"cdc": "cdc",
-	"clarity": "clar",
-	"clj": "clj",
-	"clojure": "clj",
-	"closure-templates": "soy",
-	"cmake": "cmake",
-	"cmd": "cmd",
-	"cobol": "cob",
-	"codeowners": "CODEOWNERS",
-	"codeql": "ql",
-	"coffee": "coffee",
-	"coffeescript": "coffee",
-	"common-lisp": "lisp",
-	"console": "sh",
-	"coq": "v",
-	"cpp": "cpp",
-	"cql": "cql",
-	"crystal": "cr",
-	"cs": "cs",
-	"csharp": "cs",
-	"css": "css",
-	"csv": "csv",
-	"cue": "cue",
-	"cypher": "cql",
-	"d": "d",
-	"dart": "dart",
-	"dax": "dax",
-	"desktop": "desktop",
-	"diff": "diff",
-	"docker": "dockerfile",
-	"dockerfile": "dockerfile",
-	"dotenv": "env",
-	"dream-maker": "dm",
-	"edge": "edge",
-	"elisp": "el",
-	"elixir": "ex",
-	"elm": "elm",
-	"emacs-lisp": "el",
-	"erb": "erb",
-	"erl": "erl",
-	"erlang": "erl",
-	"f": "f",
-	"f#": "fs",
-	"f03": "f03",
-	"f08": "f08",
-	"f18": "f18",
-	"f77": "f77",
-	"f90": "f90",
-	"f95": "f95",
-	"fennel": "fnl",
-	"fish": "fish",
-	"fluent": "ftl",
-	"for": "for",
-	"fortran-fixed-form": "f",
-	"fortran-free-form": "f90",
-	"fs": "fs",
-	"fsharp": "fs",
-	"fsl": "fsl",
-	"ftl": "ftl",
-	"gdresource": "tres",
-	"gdscript": "gd",
-	"gdshader": "gdshader",
-	"genie": "gs",
-	"gherkin": "feature",
-	"git-commit": "gitcommit",
-	"git-rebase": "gitrebase",
-	"gjs": "js",
-	"gleam": "gleam",
-	"glimmer-js": "js",
-	"glimmer-ts": "ts",
-	"glsl": "glsl",
-	"gnuplot": "plt",
-	"go": "go",
-	"gql": "gql",
-	"graphql": "graphql",
-	"groovy": "groovy",
-	"gts": "gts",
-	"hack": "hack",
-	"haml": "haml",
-	"handlebars": "hbs",
-	"haskell": "hs",
-	"haxe": "hx",
-	"hbs": "hbs",
-	"hcl": "hcl",
-	"hjson": "hjson",
-	"hlsl": "hlsl",
-	"hs": "hs",
-	"html-derivative": "html",
-	"html": "html",
-	"http": "http",
-	"hxml": "hxml",
-	"hy": "hy",
-	"imba": "imba",
-	"ini": "ini",
-	"jade": "jade",
-	"java": "java",
-	"javascript": "js",
-	"jinja": "jinja",
-	"jison": "jison",
-	"jl": "jl",
-	"js": "js",
-	"json": "json",
-	"json5": "json5",
-	"jsonc": "jsonc",
-	"jsonl": "jsonl",
-	"jsonnet": "jsonnet",
-	"jssm": "jssm",
-	"jsx": "jsx",
-	"julia": "jl",
-	"kotlin": "kt",
-	"kql": "kql",
-	"kt": "kt",
-	"kts": "kts",
-	"kusto": "kql",
-	"latex": "tex",
-	"lean": "lean",
-	"lean4": "lean",
-	"less": "less",
-	"liquid": "liquid",
-	"lisp": "lisp",
-	"lit": "lit",
-	"llvm": "ll",
-	"log": "log",
-	"logo": "logo",
-	"lua": "lua",
-	"luau": "luau",
-	"make": "mak",
-	"makefile": "mak",
-	"markdown": "md",
-	"marko": "marko",
-	"matlab": "m",
-	"md": "md",
-	"mdc": "mdc",
-	"mdx": "mdx",
-	"mediawiki": "wiki",
-	"mermaid": "mmd",
-	"mips": "s",
-	"mipsasm": "s",
-	"mmd": "mmd",
-	"mojo": "mojo",
-	"move": "move",
-	"nar": "nar",
-	"narrat": "narrat",
-	"nextflow": "nf",
-	"nf": "nf",
-	"nginx": "conf",
-	"nim": "nim",
-	"nix": "nix",
-	"nu": "nu",
-	"nushell": "nu",
-	"objc": "m",
-	"objective-c": "m",
-	"objective-cpp": "mm",
-	"ocaml": "ml",
-	"pascal": "pas",
-	"perl": "pl",
-	"perl6": "p6",
-	"php": "php",
-	"plsql": "pls",
-	"po": "po",
-	"polar": "polar",
-	"postcss": "pcss",
-	"pot": "pot",
-	"potx": "potx",
-	"powerquery": "pq",
-	"powershell": "ps1",
-	"prisma": "prisma",
-	"prolog": "pl",
-	"properties": "properties",
-	"proto": "proto",
-	"protobuf": "proto",
-	"ps": "ps",
-	"ps1": "ps1",
-	"pug": "pug",
-	"puppet": "pp",
-	"purescript": "purs",
-	"py": "py",
-	"python": "py",
-	"ql": "ql",
-	"qml": "qml",
-	"qmldir": "qmldir",
-	"qss": "qss",
-	"r": "r",
-	"racket": "rkt",
-	"raku": "raku",
-	"razor": "cshtml",
-	"rb": "rb",
-	"reg": "reg",
-	"regex": "regex",
-	"regexp": "regexp",
-	"rel": "rel",
-	"riscv": "s",
-	"rs": "rs",
-	"rst": "rst",
-	"ruby": "rb",
-	"rust": "rs",
-	"sas": "sas",
-	"sass": "sass",
-	"scala": "scala",
-	"scheme": "scm",
-	"scss": "scss",
-	"sdbl": "sdbl",
-	"sh": "sh",
-	"shader": "shader",
-	"shaderlab": "shader",
-	"shell": "sh",
-	"shellscript": "sh",
-	"shellsession": "sh",
-	"smalltalk": "st",
-	"solidity": "sol",
-	"soy": "soy",
-	"sparql": "rq",
-	"spl": "spl",
-	"splunk": "spl",
-	"sql": "sql",
-	"ssh-config": "config",
-	"stata": "do",
-	"styl": "styl",
-	"stylus": "styl",
-	"svelte": "svelte",
-	"swift": "swift",
-	"system-verilog": "sv",
-	"systemd": "service",
-	"talon": "talon",
-	"talonscript": "talon",
-	"tasl": "tasl",
-	"tcl": "tcl",
-	"templ": "templ",
-	"terraform": "tf",
-	"tex": "tex",
-	"tf": "tf",
-	"tfvars": "tfvars",
-	"toml": "toml",
-	"ts-tags": "ts",
-	"ts": "ts",
-	"tsp": "tsp",
-	"tsv": "tsv",
-	"tsx": "tsx",
-	"turtle": "ttl",
-	"twig": "twig",
-	"typ": "typ",
-	"typescript": "ts",
-	"typespec": "tsp",
-	"typst": "typ",
-	"v": "v",
-	"vala": "vala",
-	"vb": "vb",
-	"verilog": "v",
-	"vhdl": "vhdl",
-	"vim": "vim",
-	"viml": "vim",
-	"vimscript": "vim",
-	"vue-html": "html",
-	"vue-vine": "vine",
-	"vue": "vue",
-	"vy": "vy",
-	"vyper": "vy",
-	"wasm": "wasm",
-	"wenyan": "wy",
-	"wgsl": "wgsl",
-	"wiki": "wiki",
-	"wikitext": "wiki",
-	"wit": "wit",
-	"wl": "wl",
-	"wolfram": "wl",
-	"xml": "xml",
-	"xsl": "xsl",
-	"yaml": "yaml",
-	"yml": "yml",
-	"zenscript": "zs",
-	"zig": "zig",
-	"zsh": "zsh",
-	"文言": "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"))
-};
-
-//#endregion
-//#region src/constants/harden.ts
-const DEFAULT_HARDEN_OPTIONS = {
-	allowedLinkPrefixes: ["*"],
-	allowedImagePrefixes: ["*"],
-	allowedProtocols: ["*"],
-	allowDataImages: true
-};
+//#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;
+		const target = ((_options$getContainer = options.getContainer) === null || _options$getContainer === void 0 ? void 0 : _options$getContainer.call(options)) || parentEl.value;
+		if (target instanceof HTMLElement && !document.body.contains(target)) return "body";
+		return target || "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 (!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/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"))
+//#region src/locales/index.ts
+const SUPPORT_LANGUAGES = ["en-US", "zh-CN"];
+const localesGlob = {
+	"./en-US.json": () => import("./en-US-K7SXR3gy.js"),
+	"./zh-CN.json": () => import("./zh-CN-CykTNqF_.js")
 };
+const localeMessages = ref();
+const currentLocale = ref("en-US");
+async function loadLocaleMessages(language) {
+	const load = async (language$1) => {
+		localeMessages.value = await localesGlob[`./${language$1}.json`]();
+		currentLocale.value = language$1;
+	};
+	try {
+		if (typeof language === "string") await load(language);
+		else localeMessages.value = language;
+	} catch {
+		await load("en-US");
+	}
+}
+loadLocaleMessages("en-US");
 
 //#endregion
-//#region src/constants/theme.ts
-const SHADCN_SCHEMAS = [
-	"background",
-	"foreground",
-	"card",
-	"card-foreground",
-	"popover",
-	"popover-foreground",
-	"primary",
-	"primary-foreground",
-	"secondary",
-	"secondary-foreground",
-	"muted",
-	"muted-foreground",
-	"accent",
-	"accent-foreground",
-	"destructive",
-	"border",
-	"input",
-	"ring",
-	"chart-1",
-	"chart-2",
-	"chart-3",
-	"chart-4",
-	"chart-5",
-	"sidebar",
-	"sidebar-foreground",
-	"sidebar-primary",
-	"sidebar-primary-foreground",
-	"sidebar-accent",
-	"sidebar-accent-foreground",
-	"sidebar-border",
-	"sidebar-ring"
-];
+//#region src/composables/use-i18n.ts
+function useI18n() {
+	function getI18nText(key) {
+		try {
+			const messages = localeMessages.value;
+			if (!messages) return key;
+			const result = key.split(".").reduce((obj, k) => {
+				if (obj && typeof obj === "object" && k in obj) return obj[k];
+			}, messages);
+			return typeof result === "string" ? result : key;
+		} catch {
+			return key;
+		}
+	}
+	return { t: getI18nText };
+}
 
 //#endregion
 //#region src/utils/harden.ts
@@ -734,6 +343,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 +358,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) => {
@@ -969,73 +598,6 @@ function tableDataToMarkdown(data) {
 	return markdownRows.join("\n");
 }
 
-//#endregion
-//#region src/composables/use-harden-sanitizers.ts
-function useHardenSanitizers(options) {
-	const hardenOptions = computed(() => unref(options.hardenOptions) ?? DEFAULT_HARDEN_OPTIONS);
-	const loading = computed(() => unref(options.loading) ?? false);
-	const allowedLinkPrefixes = computed(() => hardenOptions.value.allowedLinkPrefixes ?? ["*"]);
-	const allowedImagePrefixes = computed(() => hardenOptions.value.allowedImagePrefixes ?? ["*"]);
-	const allowedProtocols = computed(() => hardenOptions.value.allowedProtocols ?? ["*"]);
-	const allowDataImages = computed(() => hardenOptions.value.allowDataImages ?? true);
-	const defaultOrigin = computed(() => hardenOptions.value.defaultOrigin ?? "");
-	const isImage = computed(() => unref(options.isImage) ?? false);
-	const url = computed(() => unref(options.url) ?? "");
-	const transformedUrl = computed(() => transformHardenUrl(url.value));
-	const isHardenUrl = computed(() => transformedUrl.value === null);
-	function transformHardenUrl(url$1) {
-		if (!url$1 || loading.value) return url$1;
-		return transformUrl(url$1, isImage.value ? allowedImagePrefixes.value : allowedLinkPrefixes.value, defaultOrigin.value, allowDataImages.value, isImage.value, allowedProtocols.value);
-	}
-	return {
-		hardenOptions,
-		transformHardenUrl,
-		transformedUrl,
-		isHardenUrl
-	};
-}
-
-//#endregion
-//#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")
-};
-const localeMessages = ref();
-const currentLocale = ref("en-US");
-async function loadLocaleMessages(language) {
-	const load = async (language$1) => {
-		localeMessages.value = await localesGlob[`./${language$1}.json`]();
-		currentLocale.value = language$1;
-	};
-	try {
-		if (typeof language === "string") await load(language);
-		else localeMessages.value = language;
-	} catch {
-		await load("en-US");
-	}
-}
-loadLocaleMessages("en-US");
-
-//#endregion
-//#region src/composables/use-i18n.ts
-function useI18n() {
-	function getI18nText(key) {
-		try {
-			const messages = localeMessages.value;
-			if (!messages) return key;
-			const result = key.split(".").reduce((obj, k) => {
-				if (obj && typeof obj === "object" && k in obj) return obj[k];
-			}, messages);
-			return typeof result === "string" ? result : key;
-		} catch {
-			return key;
-		}
-	}
-	return { t: getI18nText };
-}
-
 //#endregion
 //#region src/composables/use-katex.ts
 let existingKatex = false;
@@ -1218,200 +780,935 @@ var Queue = class {
 		while (_classPrivateFieldGet2(_head, this)) yield this.dequeue();
 	}
 };
-/**
-* Throttle execution of a function. Especially useful for rate limiting
-* execution of handlers on events like resize and scroll.
-*
-* @param {number} delay -                  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
-*                                            are most useful.
-* @param {Function} callback -               A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
-*                                            as-is, to `callback` when the throttled-function is executed.
-* @param {object} [options] -              An object to configure options.
-* @param {boolean} [options.noTrailing] -   Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
-*                                            while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
-*                                            one final time after the last throttled-function call. (After the throttled-function has not been called for
-*                                            `delay` milliseconds, the internal counter is reset).
-* @param {boolean} [options.noLeading] -   Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
-*                                            immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
-*                                            callback will never executed if both noLeading = true and noTrailing = true.
-* @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
-*                                            false (at end), schedule `callback` to execute after `delay` ms.
-*
-* @returns {Function} A new, throttled, function.
-*/
-function throttle$1(delay, callback, options) {
-	var _ref = options || {}, _ref$noTrailing = _ref.noTrailing, noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing, _ref$noLeading = _ref.noLeading, noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading, _ref$debounceMode = _ref.debounceMode, debounceMode = _ref$debounceMode === void 0 ? void 0 : _ref$debounceMode;
-	var timeoutID;
-	var cancelled = false;
-	var lastExec = 0;
-	function clearExistingTimeout() {
-		if (timeoutID) clearTimeout(timeoutID);
-	}
-	function cancel(options$1) {
-		var _ref2$upcomingOnly = (options$1 || {}).upcomingOnly, upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
-		clearExistingTimeout();
-		cancelled = !upcomingOnly;
-	}
-	function wrapper() {
-		for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) arguments_[_key] = arguments[_key];
-		var self = this;
-		var elapsed = Date.now() - lastExec;
-		if (cancelled) return;
-		function exec() {
-			lastExec = Date.now();
-			callback.apply(self, arguments_);
-		}
-		function clear() {
-			timeoutID = void 0;
-		}
-		if (!noLeading && debounceMode && !timeoutID) exec();
-		clearExistingTimeout();
-		if (debounceMode === void 0 && elapsed > delay) if (noLeading) {
-			lastExec = Date.now();
-			if (!noTrailing) timeoutID = setTimeout(debounceMode ? clear : exec, delay);
-		} else exec();
-		else if (noTrailing !== true) timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === void 0 ? delay - elapsed : delay);
-	}
-	wrapper.cancel = cancel;
-	return wrapper;
-}
-function throttle(...args) {
-	return throttle$1(...args);
-}
+/**
+* Throttle execution of a function. Especially useful for rate limiting
+* execution of handlers on events like resize and scroll.
+*
+* @param {number} delay -                  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
+*                                            are most useful.
+* @param {Function} callback -               A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
+*                                            as-is, to `callback` when the throttled-function is executed.
+* @param {object} [options] -              An object to configure options.
+* @param {boolean} [options.noTrailing] -   Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
+*                                            while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
+*                                            one final time after the last throttled-function call. (After the throttled-function has not been called for
+*                                            `delay` milliseconds, the internal counter is reset).
+* @param {boolean} [options.noLeading] -   Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
+*                                            immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
+*                                            callback will never executed if both noLeading = true and noTrailing = true.
+* @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
+*                                            false (at end), schedule `callback` to execute after `delay` ms.
+*
+* @returns {Function} A new, throttled, function.
+*/
+function throttle$1(delay, callback, options) {
+	var _ref = options || {}, _ref$noTrailing = _ref.noTrailing, noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing, _ref$noLeading = _ref.noLeading, noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading, _ref$debounceMode = _ref.debounceMode, debounceMode = _ref$debounceMode === void 0 ? void 0 : _ref$debounceMode;
+	var timeoutID;
+	var cancelled = false;
+	var lastExec = 0;
+	function clearExistingTimeout() {
+		if (timeoutID) clearTimeout(timeoutID);
+	}
+	function cancel(options$1) {
+		var _ref2$upcomingOnly = (options$1 || {}).upcomingOnly, upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
+		clearExistingTimeout();
+		cancelled = !upcomingOnly;
+	}
+	function wrapper() {
+		for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) arguments_[_key] = arguments[_key];
+		var self = this;
+		var elapsed = Date.now() - lastExec;
+		if (cancelled) return;
+		function exec() {
+			lastExec = Date.now();
+			callback.apply(self, arguments_);
+		}
+		function clear() {
+			timeoutID = void 0;
+		}
+		if (!noLeading && debounceMode && !timeoutID) exec();
+		clearExistingTimeout();
+		if (debounceMode === void 0 && elapsed > delay) if (noLeading) {
+			lastExec = Date.now();
+			if (!noTrailing) timeoutID = setTimeout(debounceMode ? clear : exec, delay);
+		} else exec();
+		else if (noTrailing !== true) timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === void 0 ? delay - elapsed : delay);
+	}
+	wrapper.cancel = cancel;
+	return wrapper;
+}
+function throttle(...args) {
+	return throttle$1(...args);
+}
+
+//#endregion
+//#region src/composables/use-math-renderer.ts
+function useMathRenderer(options) {
+	const { installed, render: renderKatex } = useKatex();
+	const renderFlag = ref(false);
+	const renderingCode = ref("");
+	const html = ref("");
+	const errorMessage = ref("");
+	const node = computed(() => unref(options.node));
+	const katexOptions = computed(() => {
+		var _unref;
+		return ((_unref = unref(options.katexOptions)) === null || _unref === void 0 ? void 0 : _unref.config) ?? {};
+	});
+	const throttleTime = computed(() => unref(options.throttle) ?? 150);
+	const code = computed(() => node.value.value);
+	const loading = computed(() => node.value.loading);
+	const isDisplayMode = computed(() => node.value.type !== "inlineMath");
+	const error = computed(() => {
+		if (!installed.value) return true;
+		if (errorMessage.value && renderFlag.value && renderingCode.value === code.value) return true;
+		return false;
+	});
+	watch(() => [code.value, loading.value], throttle(throttleTime, async () => {
+		const { html: data, error: error$1 } = await renderKatex(code.value, {
+			...katexOptions,
+			displayMode: isDisplayMode.value
+		});
+		renderFlag.value = true;
+		if (data) {
+			html.value = data;
+			errorMessage.value = "";
+			return;
+		}
+		if (error$1) errorMessage.value = error$1;
+		else errorMessage.value = "";
+	}), { immediate: true });
+	return {
+		html,
+		error,
+		errorMessage
+	};
+}
+
+//#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;
+function useMermaid(options) {
+	const installed = ref(false);
+	const mermaidConfig = computed(() => {
+		var _unref;
+		return ((_unref = unref(options === null || options === void 0 ? void 0 : options.mermaidOptions)) === null || _unref === void 0 ? void 0 : _unref.config) ?? {};
+	});
+	const mermaidTheme = computed(() => {
+		var _unref2;
+		return ((_unref2 = unref(options === null || options === void 0 ? void 0 : options.mermaidOptions)) === null || _unref2 === void 0 ? void 0 : _unref2.theme) ?? ["neutral", "dark"];
+	});
+	const isDark = computed(() => unref(options === null || options === void 0 ? void 0 : options.isDark) ?? false);
+	const lightTheme = computed(() => mermaidTheme.value[0] ?? "neutral");
+	const darkTheme = computed(() => mermaidTheme.value[1] ?? "dark");
+	const theme = computed(() => isDark.value ? darkTheme.value : lightTheme.value);
+	const chart = ref("");
+	async function getMermaid() {
+		if (mermaid) return mermaid;
+		const { default: module } = await import("mermaid");
+		module.initialize({
+			startOnLoad: false,
+			securityLevel: "loose",
+			...mermaidConfig.value
+		});
+		mermaid = module;
+		return mermaid;
+	}
+	function wrapThemeCode(code) {
+		if (code.startsWith("%%{")) return code;
+		return `${`%%{init: {"theme": "${theme.value}"}}%%\n`}${code}`;
+	}
+	async function parseMermaid(code) {
+		try {
+			const mermaid$1 = await getMermaid();
+			chart.value = wrapThemeCode(code);
+			await mermaid$1.parse(chart.value);
+			return true;
+		} catch {
+			return false;
+		}
+	}
+	async function renderMermaid(code) {
+		if (!await parseMermaid(code)) return null;
+		const id = `mermaid-${randomStr()}`;
+		try {
+			return (await (await getMermaid()).render(id, wrapThemeCode(code))).svg;
+		} catch {
+			const element = document.getElementById(`d${id}`);
+			if (element) element.remove();
+			return null;
+		}
+	}
+	async function saveMermaid(format, code = chart.value, onError) {
+		try {
+			const svg = await renderMermaid(code);
+			if (!svg) {
+				onError === null || onError === void 0 || onError(/* @__PURE__ */ new Error("SVG not found. Please wait for the diagram to render."));
+				return;
+			}
+			if (format === "svg") save("diagram.svg", svg, "image/svg+xml");
+			if (format === "png") save("diagram.png", await svgToPngBlob(svg), "image/png");
+		} catch (error) {
+			onError === null || onError === void 0 || onError(error);
+		}
+	}
+	async function preload() {
+		if (mermaid) return;
+		installed.value = await hasMermaid();
+		if (installed.value) await getMermaid();
+	}
+	function dispose() {
+		chart.value = "";
+	}
+	(async () => {
+		if (mermaid) {
+			installed.value = true;
+			return;
+		}
+		installed.value = await hasMermaid();
+	})();
+	return {
+		installed,
+		getMermaid,
+		parseMermaid,
+		renderMermaid,
+		saveMermaid,
+		preload,
+		dispose
+	};
+}
+
+//#endregion
+//#region src/constants/code.ts
+const DEFAULT_LIGHT_THEME = "github-light";
+const DEFAULT_DARK_THEME = "github-dark";
+const LANGUAGE_ALIAS = {};
+const LANGUAGE_EXTENSIONS = {
+	"1c-query": "1cq",
+	"1c": "1c",
+	"abap": "abap",
+	"actionscript-3": "as",
+	"ada": "ada",
+	"adoc": "adoc",
+	"angular-html": "html",
+	"angular-ts": "ts",
+	"apache": "conf",
+	"apex": "cls",
+	"apl": "apl",
+	"applescript": "applescript",
+	"ara": "ara",
+	"asciidoc": "adoc",
+	"asm": "asm",
+	"astro": "astro",
+	"awk": "awk",
+	"ballerina": "bal",
+	"bash": "sh",
+	"bat": "bat",
+	"batch": "bat",
+	"be": "be",
+	"beancount": "beancount",
+	"berry": "berry",
+	"bibtex": "bib",
+	"bicep": "bicep",
+	"blade": "blade.php",
+	"bsl": "bsl",
+	"c": "c",
+	"c#": "cs",
+	"c++": "cpp",
+	"cadence": "cdc",
+	"cairo": "cairo",
+	"cdc": "cdc",
+	"clarity": "clar",
+	"clj": "clj",
+	"clojure": "clj",
+	"closure-templates": "soy",
+	"cmake": "cmake",
+	"cmd": "cmd",
+	"cobol": "cob",
+	"codeowners": "CODEOWNERS",
+	"codeql": "ql",
+	"coffee": "coffee",
+	"coffeescript": "coffee",
+	"common-lisp": "lisp",
+	"console": "sh",
+	"coq": "v",
+	"cpp": "cpp",
+	"cql": "cql",
+	"crystal": "cr",
+	"cs": "cs",
+	"csharp": "cs",
+	"css": "css",
+	"csv": "csv",
+	"cue": "cue",
+	"cypher": "cql",
+	"d": "d",
+	"dart": "dart",
+	"dax": "dax",
+	"desktop": "desktop",
+	"diff": "diff",
+	"docker": "dockerfile",
+	"dockerfile": "dockerfile",
+	"dotenv": "env",
+	"dream-maker": "dm",
+	"edge": "edge",
+	"elisp": "el",
+	"elixir": "ex",
+	"elm": "elm",
+	"emacs-lisp": "el",
+	"erb": "erb",
+	"erl": "erl",
+	"erlang": "erl",
+	"f": "f",
+	"f#": "fs",
+	"f03": "f03",
+	"f08": "f08",
+	"f18": "f18",
+	"f77": "f77",
+	"f90": "f90",
+	"f95": "f95",
+	"fennel": "fnl",
+	"fish": "fish",
+	"fluent": "ftl",
+	"for": "for",
+	"fortran-fixed-form": "f",
+	"fortran-free-form": "f90",
+	"fs": "fs",
+	"fsharp": "fs",
+	"fsl": "fsl",
+	"ftl": "ftl",
+	"gdresource": "tres",
+	"gdscript": "gd",
+	"gdshader": "gdshader",
+	"genie": "gs",
+	"gherkin": "feature",
+	"git-commit": "gitcommit",
+	"git-rebase": "gitrebase",
+	"gjs": "js",
+	"gleam": "gleam",
+	"glimmer-js": "js",
+	"glimmer-ts": "ts",
+	"glsl": "glsl",
+	"gnuplot": "plt",
+	"go": "go",
+	"gql": "gql",
+	"graphql": "graphql",
+	"groovy": "groovy",
+	"gts": "gts",
+	"hack": "hack",
+	"haml": "haml",
+	"handlebars": "hbs",
+	"haskell": "hs",
+	"haxe": "hx",
+	"hbs": "hbs",
+	"hcl": "hcl",
+	"hjson": "hjson",
+	"hlsl": "hlsl",
+	"hs": "hs",
+	"html-derivative": "html",
+	"html": "html",
+	"http": "http",
+	"hxml": "hxml",
+	"hy": "hy",
+	"imba": "imba",
+	"ini": "ini",
+	"jade": "jade",
+	"java": "java",
+	"javascript": "js",
+	"jinja": "jinja",
+	"jison": "jison",
+	"jl": "jl",
+	"js": "js",
+	"json": "json",
+	"json5": "json5",
+	"jsonc": "jsonc",
+	"jsonl": "jsonl",
+	"jsonnet": "jsonnet",
+	"jssm": "jssm",
+	"jsx": "jsx",
+	"julia": "jl",
+	"kotlin": "kt",
+	"kql": "kql",
+	"kt": "kt",
+	"kts": "kts",
+	"kusto": "kql",
+	"latex": "tex",
+	"lean": "lean",
+	"lean4": "lean",
+	"less": "less",
+	"liquid": "liquid",
+	"lisp": "lisp",
+	"lit": "lit",
+	"llvm": "ll",
+	"log": "log",
+	"logo": "logo",
+	"lua": "lua",
+	"luau": "luau",
+	"make": "mak",
+	"makefile": "mak",
+	"markdown": "md",
+	"marko": "marko",
+	"matlab": "m",
+	"md": "md",
+	"mdc": "mdc",
+	"mdx": "mdx",
+	"mediawiki": "wiki",
+	"mermaid": "mmd",
+	"mips": "s",
+	"mipsasm": "s",
+	"mmd": "mmd",
+	"mojo": "mojo",
+	"move": "move",
+	"nar": "nar",
+	"narrat": "narrat",
+	"nextflow": "nf",
+	"nf": "nf",
+	"nginx": "conf",
+	"nim": "nim",
+	"nix": "nix",
+	"nu": "nu",
+	"nushell": "nu",
+	"objc": "m",
+	"objective-c": "m",
+	"objective-cpp": "mm",
+	"ocaml": "ml",
+	"pascal": "pas",
+	"perl": "pl",
+	"perl6": "p6",
+	"php": "php",
+	"plsql": "pls",
+	"po": "po",
+	"polar": "polar",
+	"postcss": "pcss",
+	"pot": "pot",
+	"potx": "potx",
+	"powerquery": "pq",
+	"powershell": "ps1",
+	"prisma": "prisma",
+	"prolog": "pl",
+	"properties": "properties",
+	"proto": "proto",
+	"protobuf": "proto",
+	"ps": "ps",
+	"ps1": "ps1",
+	"pug": "pug",
+	"puppet": "pp",
+	"purescript": "purs",
+	"py": "py",
+	"python": "py",
+	"ql": "ql",
+	"qml": "qml",
+	"qmldir": "qmldir",
+	"qss": "qss",
+	"r": "r",
+	"racket": "rkt",
+	"raku": "raku",
+	"razor": "cshtml",
+	"rb": "rb",
+	"reg": "reg",
+	"regex": "regex",
+	"regexp": "regexp",
+	"rel": "rel",
+	"riscv": "s",
+	"rs": "rs",
+	"rst": "rst",
+	"ruby": "rb",
+	"rust": "rs",
+	"sas": "sas",
+	"sass": "sass",
+	"scala": "scala",
+	"scheme": "scm",
+	"scss": "scss",
+	"sdbl": "sdbl",
+	"sh": "sh",
+	"shader": "shader",
+	"shaderlab": "shader",
+	"shell": "sh",
+	"shellscript": "sh",
+	"shellsession": "sh",
+	"smalltalk": "st",
+	"solidity": "sol",
+	"soy": "soy",
+	"sparql": "rq",
+	"spl": "spl",
+	"splunk": "spl",
+	"sql": "sql",
+	"ssh-config": "config",
+	"stata": "do",
+	"styl": "styl",
+	"stylus": "styl",
+	"svelte": "svelte",
+	"swift": "swift",
+	"system-verilog": "sv",
+	"systemd": "service",
+	"talon": "talon",
+	"talonscript": "talon",
+	"tasl": "tasl",
+	"tcl": "tcl",
+	"templ": "templ",
+	"terraform": "tf",
+	"tex": "tex",
+	"tf": "tf",
+	"tfvars": "tfvars",
+	"toml": "toml",
+	"ts-tags": "ts",
+	"ts": "ts",
+	"tsp": "tsp",
+	"tsv": "tsv",
+	"tsx": "tsx",
+	"turtle": "ttl",
+	"twig": "twig",
+	"typ": "typ",
+	"typescript": "ts",
+	"typespec": "tsp",
+	"typst": "typ",
+	"v": "v",
+	"vala": "vala",
+	"vb": "vb",
+	"verilog": "v",
+	"vhdl": "vhdl",
+	"vim": "vim",
+	"viml": "vim",
+	"vimscript": "vim",
+	"vue-html": "html",
+	"vue-vine": "vine",
+	"vue": "vue",
+	"vy": "vy",
+	"vyper": "vy",
+	"wasm": "wasm",
+	"wenyan": "wy",
+	"wgsl": "wgsl",
+	"wiki": "wiki",
+	"wikitext": "wiki",
+	"wit": "wit",
+	"wl": "wl",
+	"wolfram": "wl",
+	"xml": "xml",
+	"xsl": "xsl",
+	"yaml": "yaml",
+	"yml": "yml",
+	"zenscript": "zs",
+	"zig": "zig",
+	"zsh": "zsh",
+	"文言": "wy"
+};
+const LANGUAGE_ICONS = {
+	"adoc": defineAsyncComponent(() => import("./asciidoc-BbV_Tvaj.js")),
+	"angular-html": defineAsyncComponent(() => import("./angular-CEQtRU3N.js")),
+	"angular-ts": defineAsyncComponent(() => import("./angular-component-QEWXDi5W.js")),
+	"apache": defineAsyncComponent(() => import("./apache-D1WYHuA2.js")),
+	"asciidoc": defineAsyncComponent(() => import("./asciidoc-BbV_Tvaj.js")),
+	"asm": defineAsyncComponent(() => import("./assembly-DOdgqSeT.js")),
+	"astro": defineAsyncComponent(() => import("./astro-I7-Zr25r.js")),
+	"bash": defineAsyncComponent(() => import("./bash-BC7HOdMh.js")),
+	"bat": defineAsyncComponent(() => import("./batch-XAv7F3kV.js")),
+	"batch": defineAsyncComponent(() => import("./batch-XAv7F3kV.js")),
+	"bicep": defineAsyncComponent(() => import("./bicep-B9IAZzHb.js")),
+	"c": defineAsyncComponent(() => import("./c-B3pMu4KG.js")),
+	"c#": defineAsyncComponent(() => import("./csharp-D-5hlCJT.js")),
+	"c++": defineAsyncComponent(() => import("./cpp-D_TbJeEH.js")),
+	"cjs": defineAsyncComponent(() => import("./javascript-DVxfoa-a.js")),
+	"clj": defineAsyncComponent(() => import("./clojure-DwxK-YDX.js")),
+	"clojure": defineAsyncComponent(() => import("./clojure-DwxK-YDX.js")),
+	"cmake": defineAsyncComponent(() => import("./cmake-DtnmI6Z6.js")),
+	"cmd": defineAsyncComponent(() => import("./batch-XAv7F3kV.js")),
+	"cobol": defineAsyncComponent(() => import("./cobol--wWeXL_f.js")),
+	"codeowners": defineAsyncComponent(() => import("./codeowners-Dtwyh-5g.js")),
+	"coffee": defineAsyncComponent(() => import("./coffeescript-BlF7y2QG.js")),
+	"coffeescript": defineAsyncComponent(() => import("./coffeescript-BlF7y2QG.js")),
+	"cpp": defineAsyncComponent(() => import("./cpp-D_TbJeEH.js")),
+	"crystal": defineAsyncComponent(() => import("./crystal-lJ2ZzJQu.js")),
+	"cs": defineAsyncComponent(() => import("./csharp-D-5hlCJT.js")),
+	"csharp": defineAsyncComponent(() => import("./csharp-D-5hlCJT.js")),
+	"css": defineAsyncComponent(() => import("./css-Drykp8uH.js")),
+	"csv": defineAsyncComponent(() => import("./csv-oLjD_o9N.js")),
+	"cts": defineAsyncComponent(() => import("./typescript-Xo5tgeOd.js")),
+	"cue": defineAsyncComponent(() => import("./cue-BBe_9OA4.js")),
+	"d": defineAsyncComponent(() => import("./d-CPNK2-3G.js")),
+	"dart": defineAsyncComponent(() => import("./dart-BNaQZJdJ.js")),
+	"diff": defineAsyncComponent(() => import("./diff-D_vIvULL.js")),
+	"docker": defineAsyncComponent(() => import("./docker-BgJkkqCD.js")),
+	"dockerfile": defineAsyncComponent(() => import("./docker-BgJkkqCD.js")),
+	"dotenv": defineAsyncComponent(() => import("./env-CrWzDcwP.js")),
+	"elixir": defineAsyncComponent(() => import("./elixir-CTx5aScS.js")),
+	"elm": defineAsyncComponent(() => import("./elm-nHy9iRuu.js")),
+	"erb": defineAsyncComponent(() => import("./ruby-Cidk52Rl.js")),
+	"erl": defineAsyncComponent(() => import("./erlang-CxR4-Qdt.js")),
+	"erlang": defineAsyncComponent(() => import("./erlang-CxR4-Qdt.js")),
+	"f": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"f#": defineAsyncComponent(() => import("./fsharp-DyIvnsyH.js")),
+	"f03": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"f08": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"f18": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"f77": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"f90": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"f95": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"for": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"fortran-fixed-form": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"fortran-free-form": defineAsyncComponent(() => import("./fortran-DhUZYzo3.js")),
+	"fs": defineAsyncComponent(() => import("./fsharp-DyIvnsyH.js")),
+	"fsharp": defineAsyncComponent(() => import("./fsharp-DyIvnsyH.js")),
+	"git-commit": defineAsyncComponent(() => import("./git-D4qjCZtd.js")),
+	"git-rebase": defineAsyncComponent(() => import("./git-D4qjCZtd.js")),
+	"gleam": defineAsyncComponent(() => import("./gleam-D-ovCBt_.js")),
+	"go": defineAsyncComponent(() => import("./go-CEH2y3pJ.js")),
+	"gql": defineAsyncComponent(() => import("./graphql-DbV-8_AJ.js")),
+	"graphql": defineAsyncComponent(() => import("./graphql-DbV-8_AJ.js")),
+	"groovy": defineAsyncComponent(() => import("./groovy-B-_VVp4c.js")),
+	"haml": defineAsyncComponent(() => import("./haml-Cnm_v56B.js")),
+	"handlebars": defineAsyncComponent(() => import("./handlebars-8EEQS0El.js")),
+	"haskell": defineAsyncComponent(() => import("./haskell-cLvKQFrd.js")),
+	"haxe": defineAsyncComponent(() => import("./haxe-DtCGwrr1.js")),
+	"hbs": defineAsyncComponent(() => import("./handlebars-8EEQS0El.js")),
+	"hs": defineAsyncComponent(() => import("./haskell-cLvKQFrd.js")),
+	"html": defineAsyncComponent(() => import("./html-C2NHp3i4.js")),
+	"http": defineAsyncComponent(() => import("./http-DYO1Ugj7.js")),
+	"jade": defineAsyncComponent(() => import("./pug-B1V2RxQS.js")),
+	"java": defineAsyncComponent(() => import("./java-it6UCC5M.js")),
+	"javascript": defineAsyncComponent(() => import("./javascript-DVxfoa-a.js")),
+	"jinja": defineAsyncComponent(() => import("./jinja-CUKX2CXM.js")),
+	"jl": defineAsyncComponent(() => import("./julia-Dq3BwHeZ.js")),
+	"js": defineAsyncComponent(() => import("./javascript-DVxfoa-a.js")),
+	"json": defineAsyncComponent(() => import("./json-O68iFOiu.js")),
+	"json5": defineAsyncComponent(() => import("./json-O68iFOiu.js")),
+	"jsonc": defineAsyncComponent(() => import("./json-O68iFOiu.js")),
+	"jsonl": defineAsyncComponent(() => import("./json-O68iFOiu.js")),
+	"jsx": defineAsyncComponent(() => import("./javascript-DVxfoa-a.js")),
+	"julia": defineAsyncComponent(() => import("./julia-Dq3BwHeZ.js")),
+	"kdl": defineAsyncComponent(() => import("./kdl-CFVZba8u.js")),
+	"kotlin": defineAsyncComponent(() => import("./kotlin-BKhxhG0q.js")),
+	"kt": defineAsyncComponent(() => import("./kotlin-BKhxhG0q.js")),
+	"kts": defineAsyncComponent(() => import("./kotlin-BKhxhG0q.js")),
+	"latex": defineAsyncComponent(() => import("./latex-B3hQqfJO.js")),
+	"less": defineAsyncComponent(() => import("./less-Bw2JZJkw.js")),
+	"liquid": defineAsyncComponent(() => import("./liquid-BsGDMxjJ.js")),
+	"lisp": defineAsyncComponent(() => import("./lisp-CnrazyOe.js")),
+	"log": defineAsyncComponent(() => import("./log-BuRjhdbZ.js")),
+	"lua": defineAsyncComponent(() => import("./lua-CA97s0xX.js")),
+	"luau": defineAsyncComponent(() => import("./luau-hq6gk9_N.js")),
+	"make": defineAsyncComponent(() => import("./makefile-mNhrnPWo.js")),
+	"makefile": defineAsyncComponent(() => import("./makefile-mNhrnPWo.js")),
+	"markdown": defineAsyncComponent(() => import("./markdown-El6B7b99.js")),
+	"marko": defineAsyncComponent(() => import("./marko-8nTOMumd.js")),
+	"matlab": defineAsyncComponent(() => import("./matlab-DuqengFv.js")),
+	"md": defineAsyncComponent(() => import("./markdown-El6B7b99.js")),
+	"mdc": defineAsyncComponent(() => import("./markdown-El6B7b99.js")),
+	"mdx": defineAsyncComponent(() => import("./markdown-El6B7b99.js")),
+	"mermaid": defineAsyncComponent(() => import("./mermaid-Byu8TsQE.js")),
+	"mjs": defineAsyncComponent(() => import("./javascript-DVxfoa-a.js")),
+	"mmd": defineAsyncComponent(() => import("./mermaid-Byu8TsQE.js")),
+	"mts": defineAsyncComponent(() => import("./typescript-Xo5tgeOd.js")),
+	"nextflow": defineAsyncComponent(() => import("./nextflow-DRCOPmGT.js")),
+	"nf": defineAsyncComponent(() => import("./nextflow-DRCOPmGT.js")),
+	"nginx": defineAsyncComponent(() => import("./nginx-DTgW--wm.js")),
+	"nim": defineAsyncComponent(() => import("./nim-r-ftp-xj.js")),
+	"nix": defineAsyncComponent(() => import("./nix-BdWPBS1Z.js")),
+	"ocaml": defineAsyncComponent(() => import("./ocaml-vXi6ujuu.js")),
+	"perl": defineAsyncComponent(() => import("./perl-C_g5vs30.js")),
+	"php": defineAsyncComponent(() => import("./php-C_b0sjdl.js")),
+	"postcss": defineAsyncComponent(() => import("./postcss-Bsz3PPjI.js")),
+	"powershell": defineAsyncComponent(() => import("./powershell-D0kxdwKl.js")),
+	"prisma": defineAsyncComponent(() => import("./prisma-BocqbK7a.js")),
+	"prolog": defineAsyncComponent(() => import("./prolog-D-zd1rzT.js")),
+	"properties": defineAsyncComponent(() => import("./properties-Dds-063G.js")),
+	"proto": defineAsyncComponent(() => import("./proto-CzD9trm_.js")),
+	"protobuf": defineAsyncComponent(() => import("./proto-CzD9trm_.js")),
+	"ps": defineAsyncComponent(() => import("./powershell-D0kxdwKl.js")),
+	"ps1": defineAsyncComponent(() => import("./powershell-D0kxdwKl.js")),
+	"pug": defineAsyncComponent(() => import("./pug-B1V2RxQS.js")),
+	"puppet": defineAsyncComponent(() => import("./puppet-BcnVd0q5.js")),
+	"py": defineAsyncComponent(() => import("./python-BcZnB7mH.js")),
+	"python": defineAsyncComponent(() => import("./python-BcZnB7mH.js")),
+	"r": defineAsyncComponent(() => import("./r-CxSFFuvL.js")),
+	"racket": defineAsyncComponent(() => import("./racket-DJ_82PRG.js")),
+	"razor": defineAsyncComponent(() => import("./razor-D7IkXHVQ.js")),
+	"rb": defineAsyncComponent(() => import("./ruby-Cidk52Rl.js")),
+	"rs": defineAsyncComponent(() => import("./rust-DJvcpkbm.js")),
+	"ruby": defineAsyncComponent(() => import("./ruby-Cidk52Rl.js")),
+	"rust": defineAsyncComponent(() => import("./rust-DJvcpkbm.js")),
+	"sass": defineAsyncComponent(() => import("./sass-DTFDeixE.js")),
+	"scala": defineAsyncComponent(() => import("./scala-GlHhGi5O.js")),
+	"scheme": defineAsyncComponent(() => import("./scheme-rNcj5mL9.js")),
+	"scss": defineAsyncComponent(() => import("./sass-DTFDeixE.js")),
+	"sh": defineAsyncComponent(() => import("./bash-BC7HOdMh.js")),
+	"shader": defineAsyncComponent(() => import("./shader-Df9eByRK.js")),
+	"shell": defineAsyncComponent(() => import("./bash-BC7HOdMh.js")),
+	"shellscript": defineAsyncComponent(() => import("./bash-BC7HOdMh.js")),
+	"solidity": defineAsyncComponent(() => import("./solidity-CfuYjRuT.js")),
+	"sql": defineAsyncComponent(() => import("./database-DRAhifbf.js")),
+	"stata": defineAsyncComponent(() => import("./stata-BB5c_hbh.js")),
+	"styl": defineAsyncComponent(() => import("./sass-DTFDeixE.js")),
+	"stylus": defineAsyncComponent(() => import("./sass-DTFDeixE.js")),
+	"svelte": defineAsyncComponent(() => import("./svelte-2ISqxu6B.js")),
+	"swift": defineAsyncComponent(() => import("./swift-wpybyudn.js")),
+	"terraform": defineAsyncComponent(() => import("./terraform-CLzhaCaX.js")),
+	"tex": defineAsyncComponent(() => import("./latex-B3hQqfJO.js")),
+	"text": defineAsyncComponent(() => import("./text-C0mKr3tC.js")),
+	"tf": defineAsyncComponent(() => import("./terraform-CLzhaCaX.js")),
+	"tfvars": defineAsyncComponent(() => import("./terraform-CLzhaCaX.js")),
+	"toml": defineAsyncComponent(() => import("./toml-DImd1uev.js")),
+	"ts": defineAsyncComponent(() => import("./typescript-Xo5tgeOd.js")),
+	"tsv": defineAsyncComponent(() => import("./csv-oLjD_o9N.js")),
+	"tsx": defineAsyncComponent(() => import("./typescript-Xo5tgeOd.js")),
+	"twig": defineAsyncComponent(() => import("./twig-DEBVmtOq.js")),
+	"typ": defineAsyncComponent(() => import("./typst-_Ui0vNYP.js")),
+	"typescript": defineAsyncComponent(() => import("./typescript-Xo5tgeOd.js")),
+	"typst": defineAsyncComponent(() => import("./typst-_Ui0vNYP.js")),
+	"v": defineAsyncComponent(() => import("./v-Ch6vEAHG.js")),
+	"vala": defineAsyncComponent(() => import("./vala-Ds_Ad1cC.js")),
+	"verilog": defineAsyncComponent(() => import("./verilog-CUqRomTC.js")),
+	"vim": defineAsyncComponent(() => import("./vim-BFUPh6oM.js")),
+	"viml": defineAsyncComponent(() => import("./vim-BFUPh6oM.js")),
+	"vimscript": defineAsyncComponent(() => import("./vim-BFUPh6oM.js")),
+	"vue-html": defineAsyncComponent(() => import("./vue-DzgIlbJ2.js")),
+	"vue-vine": defineAsyncComponent(() => import("./vue-DzgIlbJ2.js")),
+	"vue": defineAsyncComponent(() => import("./vue-DzgIlbJ2.js")),
+	"xml": defineAsyncComponent(() => import("./xml-CmbQxaqc.js")),
+	"xsl": defineAsyncComponent(() => import("./xml-CmbQxaqc.js")),
+	"yaml": defineAsyncComponent(() => import("./yaml-BhwCoLnZ.js")),
+	"yml": defineAsyncComponent(() => import("./yaml-BhwCoLnZ.js")),
+	"zig": defineAsyncComponent(() => import("./zig-Bmrmp8vo.js")),
+	"zsh": defineAsyncComponent(() => import("./bash-BC7HOdMh.js"))
+};
+
+//#endregion
+//#region src/constants/harden.ts
+const DEFAULT_HARDEN_OPTIONS = {
+	allowedLinkPrefixes: ["*"],
+	allowedImagePrefixes: ["*"],
+	allowedProtocols: ["*"],
+	allowDataImages: true
+};
+
+//#endregion
+//#region src/constants/icons.ts
+const ICONS = {
+	arrowLeft: defineAsyncComponent(() => import("./arrow-left-DiHYz8df.js")),
+	check: defineAsyncComponent(() => import("./check-BjAiKMbo.js")),
+	code: defineAsyncComponent(() => import("./code-lfRPXNJI.js")),
+	collapse: defineAsyncComponent(() => import("./chevron-down-B4lkjpIC.js")),
+	copy: defineAsyncComponent(() => import("./copy-BTFPPhff.js")),
+	cornerDownLeft: defineAsyncComponent(() => import("./corner-down-left-jxlwq3ox.js")),
+	download: defineAsyncComponent(() => import("./download-Bk2mYZyf.js")),
+	error: defineAsyncComponent(() => import("./circle-alert-DlAafH7h.js")),
+	flipHorizontal: defineAsyncComponent(() => import("./flip-horizontal-CEf7aAdM.js")),
+	image: defineAsyncComponent(() => import("./image-DDiNDOKJ.js")),
+	link: defineAsyncComponent(() => import("./link-DCaSecEI.js")),
+	maximize: defineAsyncComponent(() => import("./maximize-B1-N6kOL.js")),
+	mermaid: defineAsyncComponent(() => import("./mermaid-Byu8TsQE.js")),
+	minimize: defineAsyncComponent(() => import("./minimize-CVVLdf2H.js")),
+	preview: defineAsyncComponent(() => import("./eye-DpAj1af-.js")),
+	rotateLeft: defineAsyncComponent(() => import("./rotate-ccw-square-5sO65BY9.js")),
+	zoomIn: defineAsyncComponent(() => import("./zoomIn-CCKcyIEv.js")),
+	zoomOut: defineAsyncComponent(() => import("./zoomOut-BrSwLQZ_.js"))
+};
 
 //#endregion
-//#region src/composables/use-math-renderer.ts
-function useMathRenderer(options) {
-	const { installed, render: renderKatex } = useKatex();
-	const renderFlag = ref(false);
-	const renderingCode = ref("");
-	const html = ref("");
-	const errorMessage = ref("");
-	const node = computed(() => unref(options.node));
-	const katexOptions = computed(() => {
-		var _unref;
-		return ((_unref = unref(options.katexOptions)) === null || _unref === void 0 ? void 0 : _unref.config) ?? {};
-	});
-	const throttleTime = computed(() => unref(options.throttle) ?? 150);
-	const code = computed(() => node.value.value);
-	const loading = computed(() => node.value.loading);
-	const isDisplayMode = computed(() => node.value.type !== "inlineMath");
-	const error = computed(() => {
-		if (!installed.value) return true;
-		if (errorMessage.value && renderFlag.value && renderingCode.value === code.value) return true;
-		return false;
-	});
-	watch(() => [code.value, loading.value], throttle(throttleTime, async () => {
-		const { html: data, error: error$1 } = await renderKatex(code.value, {
-			...katexOptions,
-			displayMode: isDisplayMode.value
-		});
-		renderFlag.value = true;
-		if (data) {
-			html.value = data;
-			errorMessage.value = "";
-			return;
-		}
-		if (error$1) errorMessage.value = error$1;
-		else errorMessage.value = "";
-	}), { immediate: true });
-	return {
-		html,
-		error,
-		errorMessage
-	};
-}
+//#region src/constants/theme.ts
+const SHADCN_SCHEMAS = [
+	"background",
+	"foreground",
+	"card",
+	"card-foreground",
+	"popover",
+	"popover-foreground",
+	"primary",
+	"primary-foreground",
+	"secondary",
+	"secondary-foreground",
+	"muted",
+	"muted-foreground",
+	"accent",
+	"accent-foreground",
+	"destructive",
+	"border",
+	"input",
+	"ring",
+	"chart-1",
+	"chart-2",
+	"chart-3",
+	"chart-4",
+	"chart-5",
+	"sidebar",
+	"sidebar-foreground",
+	"sidebar-primary",
+	"sidebar-primary-foreground",
+	"sidebar-accent",
+	"sidebar-accent-foreground",
+	"sidebar-border",
+	"sidebar-ring"
+];
 
 //#endregion
-//#region src/composables/use-mermaid.ts
-let mermaid = null;
-function useMermaid(options) {
-	const installed = ref(false);
-	const mermaidConfig = computed(() => {
-		var _unref;
-		return ((_unref = unref(options === null || options === void 0 ? void 0 : options.mermaidOptions)) === null || _unref === void 0 ? void 0 : _unref.config) ?? {};
-	});
-	const mermaidTheme = computed(() => {
-		var _unref2;
-		return ((_unref2 = unref(options === null || options === void 0 ? void 0 : options.mermaidOptions)) === null || _unref2 === void 0 ? void 0 : _unref2.theme) ?? ["neutral", "dark"];
-	});
-	const isDark = computed(() => unref(options === null || options === void 0 ? void 0 : options.isDark) ?? false);
-	const lightTheme = computed(() => mermaidTheme.value[0] ?? "neutral");
-	const darkTheme = computed(() => mermaidTheme.value[1] ?? "dark");
-	const theme = computed(() => isDark.value ? darkTheme.value : lightTheme.value);
-	const chart = ref("");
-	async function getMermaid() {
-		if (mermaid) return mermaid;
-		const { default: module } = await import("mermaid");
-		module.initialize({
-			startOnLoad: false,
-			securityLevel: "loose",
-			...mermaidConfig.value
-		});
-		mermaid = module;
-		return mermaid;
-	}
-	function wrapThemeCode(code) {
-		if (code.startsWith("%%{")) return code;
-		return `${`%%{init: {"theme": "${theme.value}"}}%%\n`}${code}`;
-	}
-	async function parseMermaid(code) {
-		try {
-			const mermaid$1 = await getMermaid();
-			chart.value = wrapThemeCode(code);
-			await mermaid$1.parse(chart.value);
-			return true;
-		} catch {
-			return false;
-		}
-	}
-	async function renderMermaid(code) {
-		if (!await parseMermaid(code)) return null;
-		const id = `mermaid-${randomStr()}`;
-		try {
-			return (await (await getMermaid()).render(id, wrapThemeCode(code))).svg;
-		} catch {
-			const element = document.getElementById(`d${id}`);
-			if (element) element.remove();
-			return null;
-		}
-	}
-	async function saveMermaid(format, code = chart.value, onError) {
-		try {
-			const svg = await renderMermaid(code);
-			if (!svg) {
-				onError === null || onError === void 0 || onError(/* @__PURE__ */ new Error("SVG not found. Please wait for the diagram to render."));
-				return;
-			}
-			if (format === "svg") save("diagram.svg", svg, "image/svg+xml");
-			if (format === "png") save("diagram.png", await svgToPngBlob(svg), "image/png");
-		} catch (error) {
-			onError === null || onError === void 0 || onError(error);
-		}
-	}
-	async function preload() {
-		if (mermaid) return;
-		installed.value = await hasMermaid();
-		if (installed.value) await getMermaid();
-	}
-	function dispose() {
-		chart.value = "";
+//#region src/composables/use-sanitizers.ts
+function useSanitizers(options) {
+	const hardenOptions = computed(() => unref(options.hardenOptions) ?? DEFAULT_HARDEN_OPTIONS);
+	const loading = computed(() => unref(options.loading) ?? false);
+	const allowedLinkPrefixes = computed(() => hardenOptions.value.allowedLinkPrefixes ?? ["*"]);
+	const allowedImagePrefixes = computed(() => hardenOptions.value.allowedImagePrefixes ?? ["*"]);
+	const allowedProtocols = computed(() => hardenOptions.value.allowedProtocols ?? ["*"]);
+	const allowDataImages = computed(() => hardenOptions.value.allowDataImages ?? true);
+	const defaultOrigin = computed(() => hardenOptions.value.defaultOrigin ?? "");
+	const isImage = computed(() => unref(options.isImage) ?? false);
+	const url = computed(() => unref(options.url) ?? "");
+	const transformedUrl = computed(() => transformHardenUrl(url.value));
+	const isHardenUrl = computed(() => transformedUrl.value === null);
+	function transformHardenUrl(url$1) {
+		if (!url$1 || loading.value) return url$1;
+		return transformUrl(url$1, isImage.value ? allowedImagePrefixes.value : allowedLinkPrefixes.value, defaultOrigin.value, allowDataImages.value, isImage.value, allowedProtocols.value);
 	}
-	(async () => {
-		if (mermaid) {
-			installed.value = true;
-			return;
-		}
-		installed.value = await hasMermaid();
-	})();
 	return {
-		installed,
-		getMermaid,
-		parseMermaid,
-		renderMermaid,
-		saveMermaid,
-		preload,
-		dispose
+		hardenOptions,
+		transformHardenUrl,
+		transformedUrl,
+		isHardenUrl
 	};
 }
 
@@ -1428,17 +1725,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 +1780,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 +1862,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 +2025,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 { save as A, useFloatingElement as B, tableDataToTSV as C, hasMermaid as D, hasKatex as E, SUPPORT_LANGUAGES as F, useContext as H, currentLocale as I, loadLocaleMessages as L, svgToPngBlob as M, transformUrl as N, hasShiki as O, useI18n as P, localeMessages as R, tableDataToMarkdown as S, findNodeParent as T, useCodeOptions as U, useControls as V, _defineProperty as _, SHADCN_SCHEMAS as a, extractTableDataFromElement as b, DEFAULT_DARK_THEME as c, LANGUAGE_EXTENSIONS as d, LANGUAGE_ICONS as f, throttle as g, useMathRenderer as h, useSanitizers as i, saveImage as j, flow as k, DEFAULT_LIGHT_THEME as l, useMediumZoom as m, useTailwindV3Theme as n, ICONS as o, useMermaid as p, useShiki as r, DEFAULT_HARDEN_OPTIONS as s, useZoom as t, LANGUAGE_ALIAS as u, useKatex as v, findLastLeafNode as w, tableDataToCSV as x, escapeMarkdownTableCell as y, localesGlob as z };