@mantine-vue/code-highlight 1.1.2

package/cjs/index.cjs

@@ -0,0 +1,1985 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _mantine_vue_core = require("@mantine-vue/core");
+let _mantine_vue_hooks = require("@mantine-vue/hooks");
+let vue = require("vue");
+var CodeHighlight_module_default = {
+	root: "_root_1avu3_1",
+	codeHighlight: "_codeHighlight_1avu3_5",
+	inlineCodeHighlight: "_inlineCodeHighlight_1avu3_37",
+	pre: "_pre_1avu3_71",
+	code: "_code_1avu3_5",
+	controls: "_controls_1avu3_101",
+	control: "_control_1avu3_101",
+	controlTooltip: "_controlTooltip_1avu3_146",
+	codeWrapper: "_codeWrapper_1avu3_158",
+	lineNumbers: "_lineNumbers_1avu3_165",
+	scrollarea: "_scrollarea_1avu3_182",
+	showCodeButton: "_showCodeButton_1avu3_207",
+	file: "_file_1avu3_234",
+	fileIcon: "_fileIcon_1avu3_305",
+	filesScrollarea: "_filesScrollarea_1avu3_311",
+	files: "_files_1avu3_311"
+};
+//#endregion
+//#region src/CodeHighlightProvider/adapters/plain-text-adapter.ts
+var plainTextAdapter = { getHighlighter: () => ({ code }) => ({
+	highlightedCode: code,
+	isHighlighted: false
+}) };
+//#endregion
+//#region src/CodeHighlightProvider/CodeHighlightProvider.ts
+var CodeHighlightContext = Symbol("CodeHighlightContext");
+function provideCodeHighlightAdapterContext(value) {
+	(0, vue.provide)(CodeHighlightContext, value);
+}
+function useHighlight() {
+	return (0, vue.inject)(CodeHighlightContext, null)?.highlight || plainTextAdapter.getHighlighter(null);
+}
+var CodeHighlightAdapterProvider = (0, vue.defineComponent)({
+	name: "CodeHighlightAdapterProvider",
+	props: { adapter: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const context = (0, vue.ref)(null);
+		const highlight = (0, vue.computed)(() => props.adapter.getHighlighter(context.value));
+		(0, vue.onMounted)(() => {
+			props.adapter.loadContext?.().then((value) => {
+				context.value = value;
+			});
+		});
+		provideCodeHighlightAdapterContext({
+			adapter: props.adapter,
+			get highlight() {
+				return highlight.value;
+			}
+		});
+		return () => (0, vue.h)("div", { style: { display: "contents" } }, slots.default?.());
+	}
+});
+//#endregion
+//#region src/CodeHighlight/CodeHighlight.context.ts
+var [provideCodeHighlightContext, useCodeHighlightContext] = (0, _mantine_vue_core.createSafeContext)("CodeHighlightProvider was not found in the component tree");
+//#endregion
+//#region src/CodeHighlight/CodeHighlightControl/CodeHighlightControl.ts
+var CodeHighlightControl = (0, vue.defineComponent)({
+	name: "CodeHighlightControl",
+	inheritAttrs: false,
+	props: {
+		tooltipLabel: {
+			type: String,
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		},
+		component: {
+			type: String,
+			default: "button"
+		},
+		onClick: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(rawProps, { attrs, slots }) {
+		const props = (0, _mantine_vue_core.useProps)("CodeHighlightControl", null, rawProps);
+		const ctx = useCodeHighlightContext();
+		return () => {
+			const tooltipStyles = ctx.getStyles("controlTooltip");
+			const control = (0, vue.h)(_mantine_vue_core.ActionIcon, {
+				...ctx.getStyles("control"),
+				...attrs,
+				component: props.component,
+				variant: "none",
+				"data-code-color-scheme": ctx.codeColorScheme,
+				onClick: props.onClick
+			}, slots);
+			return props.tooltipLabel ? (0, vue.h)(_mantine_vue_core.Tooltip, {
+				label: props.tooltipLabel,
+				fz: "sm",
+				position: "bottom",
+				classNames: { tooltip: tooltipStyles.class },
+				styles: { tooltip: tooltipStyles.style },
+				"data-code-color-scheme": ctx.codeColorScheme,
+				transitionProps: { duration: 0 }
+			}, () => control) : control;
+		};
+	}
+});
+//#endregion
+//#region src/CodeHighlight/CopyCodeButton/CopyIcon.ts
+var CopyIcon = (0, vue.defineComponent)({
+	name: "CopyIcon",
+	inheritAttrs: false,
+	props: { copied: {
+		type: Boolean,
+		required: true
+	} },
+	setup(props, { attrs }) {
+		return () => (0, vue.h)("svg", {
+			...attrs,
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			strokeWidth: "2",
+			stroke: "currentColor",
+			fill: "none",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, props.copied ? [(0, vue.h)("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}), (0, vue.h)("path", { d: "M5 12l5 5l10 -10" })] : [
+			(0, vue.h)("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			(0, vue.h)("path", { d: "M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" }),
+			(0, vue.h)("path", { d: "M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" })
+		]);
+	}
+});
+//#endregion
+//#region src/CodeHighlight/CopyCodeButton/CopyCodeButton.ts
+var CopyCodeButton = (0, vue.defineComponent)({
+	name: "CopyCodeButton",
+	props: {
+		code: {
+			type: String,
+			required: true
+		},
+		copiedLabel: {
+			type: String,
+			default: "Copied"
+		},
+		copyLabel: {
+			type: String,
+			default: "Copy"
+		}
+	},
+	setup(props) {
+		const clipboard = (0, _mantine_vue_hooks.useClipboard)();
+		return () => (0, vue.h)(CodeHighlightControl, {
+			onClick: () => clipboard.copy(props.code.trim()),
+			variant: "none",
+			tooltipLabel: clipboard.copied.value ? props.copiedLabel : props.copyLabel,
+			"aria-label": clipboard.copied.value ? props.copiedLabel : `${props.copyLabel} code`
+		}, () => (0, vue.h)(CopyIcon, { copied: clipboard.copied.value }));
+	}
+});
+//#endregion
+//#region src/CodeHighlight/ExpandCodeButton/ExpandIcon.ts
+var ExpandIcon = (0, vue.defineComponent)({
+	name: "ExpandIcon",
+	inheritAttrs: false,
+	props: { expanded: {
+		type: Boolean,
+		required: true
+	} },
+	setup(props, { attrs }) {
+		return () => (0, vue.h)("svg", {
+			...attrs,
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			strokeWidth: "2",
+			stroke: "currentColor",
+			fill: "none",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, props.expanded ? [
+			(0, vue.h)("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			(0, vue.h)("path", { d: "M12 13v-8l-3 3m6 0l-3 -3" }),
+			(0, vue.h)("path", { d: "M9 17l1 0" }),
+			(0, vue.h)("path", { d: "M14 17l1 0" }),
+			(0, vue.h)("path", { d: "M19 17l1 0" }),
+			(0, vue.h)("path", { d: "M4 17l1 0" })
+		] : [
+			(0, vue.h)("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			(0, vue.h)("path", { d: "M12 11v8l3 -3m-6 0l3 3" }),
+			(0, vue.h)("path", { d: "M9 7l1 0" }),
+			(0, vue.h)("path", { d: "M14 7l1 0" }),
+			(0, vue.h)("path", { d: "M19 7l1 0" }),
+			(0, vue.h)("path", { d: "M4 7l1 0" })
+		]);
+	}
+});
+//#endregion
+//#region src/CodeHighlight/ExpandCodeButton/ExpandCodeButton.ts
+var ExpandCodeButton = (0, vue.defineComponent)({
+	name: "ExpandCodeButton",
+	props: {
+		expanded: {
+			type: Boolean,
+			required: true
+		},
+		onExpand: {
+			type: Function,
+			required: true
+		},
+		collapseCodeLabel: {
+			type: String,
+			default: "Collapse code"
+		},
+		expandCodeLabel: {
+			type: String,
+			default: "Expand code"
+		}
+	},
+	setup(props) {
+		return () => (0, vue.h)(CodeHighlightControl, {
+			onClick: () => props.onExpand(!props.expanded),
+			tooltipLabel: props.expanded ? props.collapseCodeLabel : props.expandCodeLabel,
+			"aria-label": props.expanded ? props.collapseCodeLabel : props.expandCodeLabel
+		}, () => (0, vue.h)(ExpandIcon, { expanded: props.expanded }));
+	}
+});
+//#endregion
+//#region src/CodeHighlight/CodeHighlight.ts
+var defaultProps = {
+	withCopyButton: true,
+	expandCodeLabel: "Expand code",
+	collapseCodeLabel: "Collapse code"
+};
+var varsResolver$1 = (0, _mantine_vue_core.createVarsResolver)((theme, { maxCollapsedHeight, background, radius }) => ({ codeHighlight: {
+	"--ch-max-height": (0, _mantine_vue_core.rem)(maxCollapsedHeight),
+	"--ch-background": background ? (0, _mantine_vue_core.getThemeColor)(background, theme) : void 0,
+	"--ch-radius": typeof radius !== "undefined" ? (0, _mantine_vue_core.getRadius)(radius) : void 0
+} }));
+function renderHtmlOrText(isHighlighted, highlightedCode, code) {
+	return isHighlighted ? { innerHTML: highlightedCode } : { textContent: code.trim() };
+}
+function cx(...values) {
+	return values.filter(Boolean);
+}
+function resolveColorScheme(value) {
+	if (value !== "auto") return value;
+	return typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+var CodeHighlightBase = (0, vue.defineComponent)({
+	name: "CodeHighlight",
+	inheritAttrs: false,
+	props: {
+		code: {
+			type: String,
+			required: true
+		},
+		language: {
+			type: String,
+			default: void 0
+		},
+		copyLabel: {
+			type: String,
+			default: void 0
+		},
+		copiedLabel: {
+			type: String,
+			default: void 0
+		},
+		defaultExpanded: {
+			type: Boolean,
+			default: void 0
+		},
+		expanded: {
+			type: Boolean,
+			default: void 0
+		},
+		onExpandedChange: {
+			type: Function,
+			default: void 0
+		},
+		maxCollapsedHeight: {
+			type: [String, Number],
+			default: void 0
+		},
+		withCopyButton: {
+			type: Boolean,
+			default: void 0
+		},
+		withExpandButton: {
+			type: Boolean,
+			default: false
+		},
+		expandCodeLabel: {
+			type: String,
+			default: void 0
+		},
+		collapseCodeLabel: {
+			type: String,
+			default: void 0
+		},
+		background: {
+			type: String,
+			default: void 0
+		},
+		radius: {
+			type: [String, Number],
+			default: void 0
+		},
+		withBorder: {
+			type: Boolean,
+			default: false
+		},
+		withLineNumbers: {
+			type: Boolean,
+			default: false
+		},
+		controls: {
+			type: [Array, Function],
+			default: void 0
+		},
+		codeColorScheme: {
+			type: String,
+			default: void 0
+		},
+		__withOffset: {
+			type: Boolean,
+			default: false
+		},
+		__staticSelector: {
+			type: String,
+			default: void 0
+		},
+		__inline: {
+			type: Boolean,
+			default: false
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		},
+		unstyled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(rawProps, { attrs }) {
+		const props = (0, _mantine_vue_core.useProps)("CodeHighlight", defaultProps, rawProps);
+		const mantine = (0, _mantine_vue_core.useMantineContext)();
+		const getStyles = (0, _mantine_vue_core.useStyles)({
+			name: props.__staticSelector || "CodeHighlight",
+			classes: CodeHighlight_module_default,
+			props,
+			className: attrs.class,
+			style: attrs.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			vars: props.vars,
+			unstyled: props.unstyled,
+			varsResolver: varsResolver$1,
+			rootSelector: "codeHighlight"
+		});
+		const [expanded, setExpanded] = (0, _mantine_vue_hooks.useUncontrolled)({
+			value: () => props.expanded,
+			defaultValue: props.defaultExpanded,
+			finalValue: true,
+			onChange: (value) => props.onExpandedChange?.(value)
+		});
+		const highlight = useHighlight();
+		provideCodeHighlightContext({
+			getStyles,
+			get codeColorScheme() {
+				return props.codeColorScheme;
+			}
+		});
+		return () => {
+			const colorScheme = resolveColorScheme(mantine.colorScheme.value);
+			const highlightedCode = highlight({
+				code: props.code.trim(),
+				language: props.language,
+				colorScheme: props.codeColorScheme ?? colorScheme
+			});
+			const codeContent = renderHtmlOrText(highlightedCode.isHighlighted, highlightedCode.highlightedCode, props.code);
+			if (props.__inline) return (0, vue.h)(_mantine_vue_core.Box, {
+				component: "code",
+				...attrs,
+				...highlightedCode.codeElementProps,
+				...getStyles("codeHighlight", {
+					className: cx(highlightedCode.codeElementProps?.class, attrs.class),
+					style: [highlightedCode.codeElementProps?.style, attrs.style]
+				}),
+				"data-with-border": props.withBorder || void 0,
+				...codeContent
+			});
+			const renderedControls = typeof props.controls === "function" ? props.controls() : props.controls;
+			const controlsArray = Array.isArray(renderedControls) ? renderedControls : renderedControls ? [renderedControls] : [];
+			const shouldDisplayControls = controlsArray.length > 0 || props.withExpandButton || props.withCopyButton;
+			return (0, vue.h)(_mantine_vue_core.Box, {
+				...attrs,
+				...getStyles("codeHighlight"),
+				dir: "ltr",
+				"data-code-color-scheme": props.codeColorScheme,
+				"data-with-border": props.withBorder || void 0
+			}, () => [
+				shouldDisplayControls ? (0, vue.h)("div", {
+					...getStyles("controls"),
+					"data-with-offset": props.__withOffset || void 0
+				}, [
+					...controlsArray,
+					props.withExpandButton ? (0, vue.h)(ExpandCodeButton, {
+						expanded: expanded.value,
+						onExpand: setExpanded,
+						expandCodeLabel: props.expandCodeLabel,
+						collapseCodeLabel: props.collapseCodeLabel
+					}) : null,
+					props.withCopyButton ? (0, vue.h)(CopyCodeButton, {
+						code: props.code,
+						copiedLabel: props.copiedLabel,
+						copyLabel: props.copyLabel
+					}) : null
+				]) : null,
+				(0, vue.h)(_mantine_vue_core.ScrollArea, {
+					type: "hover",
+					scrollbarSize: 4,
+					dir: "ltr",
+					offsetScrollbars: false,
+					"data-collapsed": !expanded.value || void 0,
+					styles: { viewport: { overscrollBehaviorInline: "none" } },
+					...getStyles("scrollarea")
+				}, () => (0, vue.h)("div", getStyles("codeWrapper"), [props.withLineNumbers ? (0, vue.h)("div", {
+					...getStyles("lineNumbers"),
+					"data-with-offset": props.__withOffset || void 0
+				}, props.code.trim().split("\n").map((_, index) => (0, vue.h)("div", { key: index }, index + 1))) : null, (0, vue.h)("pre", {
+					...getStyles("pre"),
+					"data-with-offset": props.__withOffset || void 0
+				}, (0, vue.h)("code", {
+					...highlightedCode.codeElementProps,
+					...getStyles("code", {
+						className: highlightedCode.codeElementProps?.class,
+						style: highlightedCode.codeElementProps?.style
+					}),
+					...codeContent
+				}))])),
+				(0, vue.h)(_mantine_vue_core.UnstyledButton, {
+					...getStyles("showCodeButton"),
+					mod: { hidden: expanded.value },
+					onClick: () => setExpanded(true),
+					"data-code-color-scheme": props.codeColorScheme
+				}, () => props.expandCodeLabel)
+			]);
+		};
+	}
+});
+var CodeHighlight = Object.assign(CodeHighlightBase, {
+	classes: CodeHighlight_module_default,
+	varsResolver: varsResolver$1,
+	Control: CodeHighlightControl
+});
+//#endregion
+//#region src/CodeHighlight/InlineCodeHighlight.ts
+var varsResolver = (0, _mantine_vue_core.createVarsResolver)((theme, { background, radius }) => ({ inlineCodeHighlight: {
+	"--ch-background": background ? (0, _mantine_vue_core.getThemeColor)(background, theme) : void 0,
+	"--ch-radius": typeof radius !== "undefined" ? (0, _mantine_vue_core.getRadius)(radius) : void 0
+} }));
+var InlineCodeHighlight = (0, vue.defineComponent)({
+	name: "InlineCodeHighlight",
+	inheritAttrs: false,
+	props: {
+		code: {
+			type: String,
+			required: true
+		},
+		language: {
+			type: String,
+			default: void 0
+		},
+		background: {
+			type: String,
+			default: void 0
+		},
+		radius: {
+			type: [String, Number],
+			default: void 0
+		},
+		withBorder: {
+			type: Boolean,
+			default: false
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		},
+		unstyled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(rawProps, { attrs }) {
+		const props = (0, _mantine_vue_core.useProps)("InlineCodeHighlight", null, rawProps);
+		const getStyles = (0, _mantine_vue_core.useStyles)({
+			name: "InlineCodeHighlight",
+			classes: CodeHighlight_module_default,
+			props,
+			className: attrs.class,
+			style: attrs.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			unstyled: props.unstyled,
+			vars: props.vars,
+			varsResolver,
+			rootSelector: "inlineCodeHighlight"
+		});
+		return () => (0, vue.h)(CodeHighlight, {
+			...attrs,
+			...props,
+			...getStyles("inlineCodeHighlight"),
+			__inline: true
+		});
+	}
+});
+Object.assign(InlineCodeHighlight, {
+	classes: CodeHighlight_module_default,
+	varsResolver
+});
+//#endregion
+//#region src/CodeHighlightTabs/FileIcon.ts
+var FileIcon = (0, vue.defineComponent)({
+	name: "FileIcon",
+	inheritAttrs: false,
+	props: {
+		fileName: {
+			type: String,
+			default: void 0
+		},
+		getFileIcon: {
+			type: Function,
+			default: void 0
+		},
+		fileIcon: {
+			type: [
+				String,
+				Number,
+				Object,
+				Function,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(props, { attrs }) {
+		return () => {
+			if (props.fileIcon) return (0, vue.h)("span", attrs, props.fileIcon);
+			if (props.getFileIcon && props.fileName) return (0, vue.h)("span", attrs, props.getFileIcon(props.fileName));
+			return null;
+		};
+	}
+});
+//#endregion
+//#region src/CodeHighlightTabs/CodeHighlightTabs.ts
+var CodeHighlightTabs = (0, vue.defineComponent)({
+	name: "CodeHighlightTabs",
+	inheritAttrs: false,
+	props: {
+		code: {
+			type: Array,
+			required: true
+		},
+		getFileIcon: {
+			type: Function,
+			default: void 0
+		},
+		defaultActiveTab: {
+			type: Number,
+			default: void 0
+		},
+		activeTab: {
+			type: Number,
+			default: void 0
+		},
+		onTabChange: {
+			type: Function,
+			default: void 0
+		},
+		defaultExpanded: {
+			type: Boolean,
+			default: void 0
+		},
+		expanded: {
+			type: Boolean,
+			default: void 0
+		},
+		onExpandedChange: {
+			type: Function,
+			default: void 0
+		},
+		withCopyButton: {
+			type: Boolean,
+			default: void 0
+		},
+		withExpandButton: {
+			type: Boolean,
+			default: false
+		},
+		withBorder: {
+			type: Boolean,
+			default: false
+		},
+		radius: {
+			type: [String, Number],
+			default: void 0
+		},
+		maxCollapsedHeight: {
+			type: [String, Number],
+			default: void 0
+		},
+		copyLabel: {
+			type: String,
+			default: void 0
+		},
+		copiedLabel: {
+			type: String,
+			default: void 0
+		},
+		expandCodeLabel: {
+			type: String,
+			default: void 0
+		},
+		collapseCodeLabel: {
+			type: String,
+			default: void 0
+		},
+		background: {
+			type: String,
+			default: void 0
+		},
+		controls: {
+			type: [Array, Function],
+			default: void 0
+		},
+		codeColorScheme: {
+			type: String,
+			default: void 0
+		},
+		withLineNumbers: {
+			type: Boolean,
+			default: false
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		},
+		unstyled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(rawProps, { attrs }) {
+		const props = (0, _mantine_vue_core.useProps)("CodeHighlightTabs", null, rawProps);
+		const getStyles = (0, _mantine_vue_core.useStyles)({
+			name: "CodeHighlightTabs",
+			classes: CodeHighlight_module_default,
+			props,
+			className: attrs.class,
+			style: attrs.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			unstyled: props.unstyled,
+			vars: props.vars
+		});
+		const [value, setValue] = (0, _mantine_vue_hooks.useUncontrolled)({
+			defaultValue: props.defaultActiveTab,
+			value: () => props.activeTab,
+			finalValue: 0,
+			onChange: (tab) => props.onTabChange?.(tab)
+		});
+		const [expanded, setExpanded] = (0, _mantine_vue_hooks.useUncontrolled)({
+			defaultValue: props.defaultExpanded,
+			value: () => props.expanded,
+			finalValue: true,
+			onChange: (next) => props.onExpandedChange?.(next)
+		});
+		(0, vue.watch)(() => [value.value, props.code.length], ([currentValue, length]) => {
+			if (currentValue >= length) setValue(length - 1);
+		}, { immediate: true });
+		return () => {
+			if (props.code.length <= 0) return null;
+			const currentCode = props.code[value.value] || {
+				code: "",
+				language: "tsx",
+				fileName: ""
+			};
+			const files = props.code.map((node, index) => (0, vue.h)(_mantine_vue_core.UnstyledButton, {
+				...getStyles("file"),
+				key: node.fileName ?? index,
+				mod: { active: index === value.value },
+				onClick: () => setValue(index),
+				"data-color-scheme": props.codeColorScheme
+			}, () => [(0, vue.h)(FileIcon, {
+				fileIcon: node.icon,
+				getFileIcon: props.getFileIcon,
+				fileName: node.fileName,
+				key: "file-icon",
+				...getStyles("fileIcon")
+			}), (0, vue.h)("span", { key: "file-name" }, node.fileName)]));
+			return (0, vue.h)(_mantine_vue_core.Box, {
+				...attrs,
+				...getStyles("root")
+			}, () => [(0, vue.h)(_mantine_vue_core.ScrollArea, {
+				type: "never",
+				dir: "ltr",
+				offsetScrollbars: false,
+				...getStyles("filesScrollarea")
+			}, () => (0, vue.h)("div", getStyles("files"), files)), (0, vue.h)(CodeHighlight, {
+				code: currentCode.code,
+				language: currentCode.language,
+				expanded: expanded.value,
+				onExpandedChange: setExpanded,
+				withCopyButton: props.withCopyButton,
+				withExpandButton: props.withExpandButton,
+				withBorder: props.withBorder,
+				radius: props.radius,
+				maxCollapsedHeight: props.maxCollapsedHeight,
+				copiedLabel: props.copiedLabel,
+				copyLabel: props.copyLabel,
+				expandCodeLabel: props.expandCodeLabel,
+				collapseCodeLabel: props.collapseCodeLabel,
+				background: props.background,
+				controls: props.controls,
+				codeColorScheme: props.codeColorScheme,
+				withLineNumbers: props.withLineNumbers,
+				__withOffset: true,
+				__staticSelector: "CodeHighlightTabs",
+				classNames: props.classNames,
+				styles: props.styles
+			})]);
+		};
+	}
+});
+Object.assign(CodeHighlightTabs, { classes: CodeHighlight_module_default });
+//#endregion
+//#region src/CodeHighlightProvider/adapters/highlight-js-adapter.ts
+function createHighlightJsAdapter(hljs) {
+	return { getHighlighter: () => ({ code, language }) => {
+		const lang = hljs.getLanguage(language) ? language : "plaintext";
+		return {
+			highlightedCode: hljs.highlight(code.trim(), { language: lang }).value,
+			isHighlighted: true,
+			codeElementProps: { class: `hljs ${lang}` }
+		};
+	} };
+}
+//#endregion
+//#region src/CodeHighlightProvider/adapters/shiki-themes.ts
+var light = {
+	colors: {
+		"activityBar.activeBorder": "#fd8c73",
+		"activityBar.background": "#ffffff",
+		"activityBar.border": "#d0d7de",
+		"activityBar.foreground": "#1f2328",
+		"activityBar.inactiveForeground": "#656d76",
+		"activityBarBadge.background": "#0969da",
+		"activityBarBadge.foreground": "#ffffff",
+		"badge.background": "#0969da",
+		"badge.foreground": "#ffffff",
+		"breadcrumb.activeSelectionForeground": "#656d76",
+		"breadcrumb.focusForeground": "#1f2328",
+		"breadcrumb.foreground": "#656d76",
+		"breadcrumbPicker.background": "#ffffff",
+		"button.background": "#1f883d",
+		"button.foreground": "#ffffff",
+		"button.hoverBackground": "#1a7f37",
+		"button.secondaryBackground": "#ebecf0",
+		"button.secondaryForeground": "#24292f",
+		"button.secondaryHoverBackground": "#f3f4f6",
+		"checkbox.background": "#f6f8fa",
+		"checkbox.border": "#d0d7de",
+		"debugConsole.errorForeground": "#cf222e",
+		"debugConsole.infoForeground": "#57606a",
+		"debugConsole.sourceForeground": "#9a6700",
+		"debugConsole.warningForeground": "#7d4e00",
+		"debugConsoleInputIcon.foreground": "#6639ba",
+		"debugIcon.breakpointForeground": "#cf222e",
+		"debugTokenExpression.boolean": "#116329",
+		"debugTokenExpression.error": "#a40e26",
+		"debugTokenExpression.name": "#0550ae",
+		"debugTokenExpression.number": "#116329",
+		"debugTokenExpression.string": "#0a3069",
+		"debugTokenExpression.value": "#0a3069",
+		"debugToolBar.background": "#ffffff",
+		descriptionForeground: "#656d76",
+		"diffEditor.insertedLineBackground": "#aceebb4d",
+		"diffEditor.insertedTextBackground": "#6fdd8b80",
+		"diffEditor.removedLineBackground": "#ffcecb4d",
+		"diffEditor.removedTextBackground": "#ff818266",
+		"dropdown.background": "#ffffff",
+		"dropdown.border": "#d0d7de",
+		"dropdown.foreground": "#1f2328",
+		"dropdown.listBackground": "#ffffff",
+		"editor.background": "#ffffff",
+		"editor.findMatchBackground": "#bf8700",
+		"editor.findMatchHighlightBackground": "#fae17d80",
+		"editor.focusedStackFrameHighlightBackground": "#4ac26b66",
+		"editor.foldBackground": "#6e77811a",
+		"editor.foreground": "#1f2328",
+		"editor.lineHighlightBackground": "#eaeef280",
+		"editor.linkedEditingBackground": "#0969da12",
+		"editor.selectionHighlightBackground": "#4ac26b40",
+		"editor.stackFrameHighlightBackground": "#d4a72c66",
+		"editor.wordHighlightBackground": "#eaeef280",
+		"editor.wordHighlightBorder": "#afb8c199",
+		"editor.wordHighlightStrongBackground": "#afb8c14d",
+		"editor.wordHighlightStrongBorder": "#afb8c199",
+		"editorBracketHighlight.foreground1": "#0969da",
+		"editorBracketHighlight.foreground2": "#1a7f37",
+		"editorBracketHighlight.foreground3": "#9a6700",
+		"editorBracketHighlight.foreground4": "#cf222e",
+		"editorBracketHighlight.foreground5": "#bf3989",
+		"editorBracketHighlight.foreground6": "#8250df",
+		"editorBracketHighlight.unexpectedBracket.foreground": "#656d76",
+		"editorBracketMatch.background": "#4ac26b40",
+		"editorBracketMatch.border": "#4ac26b99",
+		"editorCursor.foreground": "#0969da",
+		"editorGroup.border": "#d0d7de",
+		"editorGroupHeader.tabsBackground": "#f6f8fa",
+		"editorGroupHeader.tabsBorder": "#d0d7de",
+		"editorGutter.addedBackground": "#4ac26b66",
+		"editorGutter.deletedBackground": "#ff818266",
+		"editorGutter.modifiedBackground": "#d4a72c66",
+		"editorIndentGuide.activeBackground": "#1f23283d",
+		"editorIndentGuide.background": "#1f23281f",
+		"editorInlayHint.background": "#afb8c133",
+		"editorInlayHint.foreground": "#656d76",
+		"editorInlayHint.paramBackground": "#afb8c133",
+		"editorInlayHint.paramForeground": "#656d76",
+		"editorInlayHint.typeBackground": "#afb8c133",
+		"editorInlayHint.typeForeground": "#656d76",
+		"editorLineNumber.activeForeground": "#1f2328",
+		"editorLineNumber.foreground": "#8c959f",
+		"editorOverviewRuler.border": "#ffffff",
+		"editorWhitespace.foreground": "#afb8c1",
+		"editorWidget.background": "#ffffff",
+		errorForeground: "#cf222e",
+		focusBorder: "#0969da",
+		foreground: "#1f2328",
+		"gitDecoration.addedResourceForeground": "#1a7f37",
+		"gitDecoration.conflictingResourceForeground": "#bc4c00",
+		"gitDecoration.deletedResourceForeground": "#cf222e",
+		"gitDecoration.ignoredResourceForeground": "#6e7781",
+		"gitDecoration.modifiedResourceForeground": "#9a6700",
+		"gitDecoration.submoduleResourceForeground": "#656d76",
+		"gitDecoration.untrackedResourceForeground": "#1a7f37",
+		"icon.foreground": "#656d76",
+		"input.background": "#ffffff",
+		"input.border": "#d0d7de",
+		"input.foreground": "#1f2328",
+		"input.placeholderForeground": "#6e7781",
+		"keybindingLabel.foreground": "#1f2328",
+		"list.activeSelectionBackground": "#afb8c133",
+		"list.activeSelectionForeground": "#1f2328",
+		"list.focusBackground": "#ddf4ff",
+		"list.focusForeground": "#1f2328",
+		"list.highlightForeground": "#0969da",
+		"list.hoverBackground": "#eaeef280",
+		"list.hoverForeground": "#1f2328",
+		"list.inactiveFocusBackground": "#ddf4ff",
+		"list.inactiveSelectionBackground": "#afb8c133",
+		"list.inactiveSelectionForeground": "#1f2328",
+		"minimapSlider.activeBackground": "#8c959f47",
+		"minimapSlider.background": "#8c959f33",
+		"minimapSlider.hoverBackground": "#8c959f3d",
+		"notificationCenterHeader.background": "#f6f8fa",
+		"notificationCenterHeader.foreground": "#656d76",
+		"notifications.background": "#ffffff",
+		"notifications.border": "#d0d7de",
+		"notifications.foreground": "#1f2328",
+		"notificationsErrorIcon.foreground": "#cf222e",
+		"notificationsInfoIcon.foreground": "#0969da",
+		"notificationsWarningIcon.foreground": "#9a6700",
+		"panel.background": "#f6f8fa",
+		"panel.border": "#d0d7de",
+		"panelInput.border": "#d0d7de",
+		"panelTitle.activeBorder": "#fd8c73",
+		"panelTitle.activeForeground": "#1f2328",
+		"panelTitle.inactiveForeground": "#656d76",
+		"pickerGroup.border": "#d0d7de",
+		"pickerGroup.foreground": "#656d76",
+		"progressBar.background": "#0969da",
+		"quickInput.background": "#ffffff",
+		"quickInput.foreground": "#1f2328",
+		"scrollbar.shadow": "#6e778133",
+		"scrollbarSlider.activeBackground": "#8c959f47",
+		"scrollbarSlider.background": "#8c959f33",
+		"scrollbarSlider.hoverBackground": "#8c959f3d",
+		"settings.headerForeground": "#1f2328",
+		"settings.modifiedItemIndicator": "#d4a72c66",
+		"sideBar.background": "#f6f8fa",
+		"sideBar.border": "#d0d7de",
+		"sideBar.foreground": "#1f2328",
+		"sideBarSectionHeader.background": "#f6f8fa",
+		"sideBarSectionHeader.border": "#d0d7de",
+		"sideBarSectionHeader.foreground": "#1f2328",
+		"sideBarTitle.foreground": "#1f2328",
+		"statusBar.background": "#ffffff",
+		"statusBar.border": "#d0d7de",
+		"statusBar.debuggingBackground": "#cf222e",
+		"statusBar.debuggingForeground": "#ffffff",
+		"statusBar.focusBorder": "#0969da80",
+		"statusBar.foreground": "#656d76",
+		"statusBar.noFolderBackground": "#ffffff",
+		"statusBarItem.activeBackground": "#1f23281f",
+		"statusBarItem.focusBorder": "#0969da",
+		"statusBarItem.hoverBackground": "#1f232814",
+		"statusBarItem.prominentBackground": "#afb8c133",
+		"statusBarItem.remoteBackground": "#eaeef2",
+		"statusBarItem.remoteForeground": "#1f2328",
+		"symbolIcon.arrayForeground": "#953800",
+		"symbolIcon.booleanForeground": "#0550ae",
+		"symbolIcon.classForeground": "#953800",
+		"symbolIcon.colorForeground": "#0a3069",
+		"symbolIcon.constantForeground": "#116329",
+		"symbolIcon.constructorForeground": "#3e1f79",
+		"symbolIcon.enumeratorForeground": "#953800",
+		"symbolIcon.enumeratorMemberForeground": "#0550ae",
+		"symbolIcon.eventForeground": "#57606a",
+		"symbolIcon.fieldForeground": "#953800",
+		"symbolIcon.fileForeground": "#7d4e00",
+		"symbolIcon.folderForeground": "#7d4e00",
+		"symbolIcon.functionForeground": "#6639ba",
+		"symbolIcon.interfaceForeground": "#953800",
+		"symbolIcon.keyForeground": "#0550ae",
+		"symbolIcon.keywordForeground": "#a40e26",
+		"symbolIcon.methodForeground": "#6639ba",
+		"symbolIcon.moduleForeground": "#a40e26",
+		"symbolIcon.namespaceForeground": "#a40e26",
+		"symbolIcon.nullForeground": "#0550ae",
+		"symbolIcon.numberForeground": "#116329",
+		"symbolIcon.objectForeground": "#953800",
+		"symbolIcon.operatorForeground": "#0a3069",
+		"symbolIcon.packageForeground": "#953800",
+		"symbolIcon.propertyForeground": "#953800",
+		"symbolIcon.referenceForeground": "#0550ae",
+		"symbolIcon.snippetForeground": "#0550ae",
+		"symbolIcon.stringForeground": "#0a3069",
+		"symbolIcon.structForeground": "#953800",
+		"symbolIcon.textForeground": "#0a3069",
+		"symbolIcon.typeParameterForeground": "#0a3069",
+		"symbolIcon.unitForeground": "#0550ae",
+		"symbolIcon.variableForeground": "#953800",
+		"tab.activeBackground": "#ffffff",
+		"tab.activeBorder": "#ffffff",
+		"tab.activeBorderTop": "#fd8c73",
+		"tab.activeForeground": "#1f2328",
+		"tab.border": "#d0d7de",
+		"tab.hoverBackground": "#ffffff",
+		"tab.inactiveBackground": "#f6f8fa",
+		"tab.inactiveForeground": "#656d76",
+		"tab.unfocusedActiveBorder": "#ffffff",
+		"tab.unfocusedActiveBorderTop": "#d0d7de",
+		"tab.unfocusedHoverBackground": "#eaeef280",
+		"terminal.ansiBlack": "#24292f",
+		"terminal.ansiBlue": "#0969da",
+		"terminal.ansiBrightBlack": "#57606a",
+		"terminal.ansiBrightBlue": "#218bff",
+		"terminal.ansiBrightCyan": "#3192aa",
+		"terminal.ansiBrightGreen": "#1a7f37",
+		"terminal.ansiBrightMagenta": "#a475f9",
+		"terminal.ansiBrightRed": "#a40e26",
+		"terminal.ansiBrightWhite": "#8c959f",
+		"terminal.ansiBrightYellow": "#633c01",
+		"terminal.ansiCyan": "#1b7c83",
+		"terminal.ansiGreen": "#116329",
+		"terminal.ansiMagenta": "#8250df",
+		"terminal.ansiRed": "#cf222e",
+		"terminal.ansiWhite": "#6e7781",
+		"terminal.ansiYellow": "#4d2d00",
+		"terminal.foreground": "#1f2328",
+		"textBlockQuote.background": "#f6f8fa",
+		"textBlockQuote.border": "#d0d7de",
+		"textCodeBlock.background": "#afb8c133",
+		"textLink.activeForeground": "#0969da",
+		"textLink.foreground": "#0969da",
+		"textPreformat.foreground": "#656d76",
+		"textSeparator.foreground": "#d8dee4",
+		"titleBar.activeBackground": "#ffffff",
+		"titleBar.activeForeground": "#656d76",
+		"titleBar.border": "#d0d7de",
+		"titleBar.inactiveBackground": "#f6f8fa",
+		"titleBar.inactiveForeground": "#656d76",
+		"tree.indentGuidesStroke": "#d8dee4",
+		"welcomePage.buttonBackground": "#f6f8fa",
+		"welcomePage.buttonHoverBackground": "#f3f4f6"
+	},
+	displayName: "GitHub Light Default",
+	semanticHighlighting: true,
+	tokenColors: [
+		{
+			scope: [
+				"comment",
+				"punctuation.definition.comment",
+				"string.comment"
+			],
+			settings: { foreground: "#6e7781" }
+		},
+		{
+			scope: ["constant.other.placeholder", "constant.character"],
+			settings: { foreground: "#cf222e" }
+		},
+		{
+			scope: [
+				"constant",
+				"entity.name.constant",
+				"variable.other.constant",
+				"variable.other.enummember",
+				"variable.language",
+				"entity"
+			],
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: [
+				"entity.name",
+				"meta.export.default",
+				"meta.definition.variable"
+			],
+			settings: { foreground: "#953800" }
+		},
+		{
+			scope: [
+				"variable.parameter.function",
+				"meta.jsx.children",
+				"meta.block",
+				"meta.tag.attributes",
+				"entity.name.constant",
+				"meta.object.member",
+				"meta.embedded.expression"
+			],
+			settings: { foreground: "#1f2328" }
+		},
+		{
+			scope: "entity.name.function",
+			settings: { foreground: "#8250df" }
+		},
+		{
+			scope: ["entity.name.tag", "support.class.component"],
+			settings: { foreground: "#116329" }
+		},
+		{
+			scope: "keyword",
+			settings: { foreground: "#cf222e" }
+		},
+		{
+			scope: ["storage", "storage.type"],
+			settings: { foreground: "#cf222e" }
+		},
+		{
+			scope: [
+				"storage.modifier.package",
+				"storage.modifier.import",
+				"storage.type.java"
+			],
+			settings: { foreground: "#1f2328" }
+		},
+		{
+			scope: ["string", "string punctuation.section.embedded source"],
+			settings: { foreground: "#0a3069" }
+		},
+		{
+			scope: "support",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: "meta.property-name",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: "variable",
+			settings: { foreground: "#953800" }
+		},
+		{
+			scope: "variable.other",
+			settings: { foreground: "#1f2328" }
+		},
+		{
+			scope: "invalid.broken",
+			settings: {
+				fontStyle: "italic",
+				foreground: "#82071e"
+			}
+		},
+		{
+			scope: "invalid.deprecated",
+			settings: {
+				fontStyle: "italic",
+				foreground: "#82071e"
+			}
+		},
+		{
+			scope: "invalid.illegal",
+			settings: {
+				fontStyle: "italic",
+				foreground: "#82071e"
+			}
+		},
+		{
+			scope: "invalid.unimplemented",
+			settings: {
+				fontStyle: "italic",
+				foreground: "#82071e"
+			}
+		},
+		{
+			scope: "carriage-return",
+			settings: {
+				background: "#cf222e",
+				content: "^M",
+				fontStyle: "italic underline",
+				foreground: "#f6f8fa"
+			}
+		},
+		{
+			scope: "message.error",
+			settings: { foreground: "#82071e" }
+		},
+		{
+			scope: "string variable",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: ["source.regexp", "string.regexp"],
+			settings: { foreground: "#0a3069" }
+		},
+		{
+			scope: [
+				"string.regexp.character-class",
+				"string.regexp constant.character.escape",
+				"string.regexp source.ruby.embedded",
+				"string.regexp string.regexp.arbitrary-repitition"
+			],
+			settings: { foreground: "#0a3069" }
+		},
+		{
+			scope: "string.regexp constant.character.escape",
+			settings: {
+				fontStyle: "bold",
+				foreground: "#116329"
+			}
+		},
+		{
+			scope: "support.constant",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: "support.variable",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: "support.type.property-name.json",
+			settings: { foreground: "#116329" }
+		},
+		{
+			scope: "meta.module-reference",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: "punctuation.definition.list.begin.markdown",
+			settings: { foreground: "#953800" }
+		},
+		{
+			scope: ["markup.heading", "markup.heading entity.name"],
+			settings: {
+				fontStyle: "bold",
+				foreground: "#0550ae"
+			}
+		},
+		{
+			scope: "markup.quote",
+			settings: { foreground: "#116329" }
+		},
+		{
+			scope: "markup.italic",
+			settings: {
+				fontStyle: "italic",
+				foreground: "#1f2328"
+			}
+		},
+		{
+			scope: "markup.bold",
+			settings: {
+				fontStyle: "bold",
+				foreground: "#1f2328"
+			}
+		},
+		{
+			scope: ["markup.underline"],
+			settings: { fontStyle: "underline" }
+		},
+		{
+			scope: ["markup.strikethrough"],
+			settings: { fontStyle: "strikethrough" }
+		},
+		{
+			scope: "markup.inline.raw",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: [
+				"markup.deleted",
+				"meta.diff.header.from-file",
+				"punctuation.definition.deleted"
+			],
+			settings: {
+				background: "#ffebe9",
+				foreground: "#82071e"
+			}
+		},
+		{
+			scope: ["punctuation.section.embedded"],
+			settings: { foreground: "#cf222e" }
+		},
+		{
+			scope: [
+				"markup.inserted",
+				"meta.diff.header.to-file",
+				"punctuation.definition.inserted"
+			],
+			settings: {
+				background: "#dafbe1",
+				foreground: "#116329"
+			}
+		},
+		{
+			scope: ["markup.changed", "punctuation.definition.changed"],
+			settings: {
+				background: "#ffd8b5",
+				foreground: "#953800"
+			}
+		},
+		{
+			scope: ["markup.ignored", "markup.untracked"],
+			settings: {
+				background: "#0550ae",
+				foreground: "#eaeef2"
+			}
+		},
+		{
+			scope: "meta.diff.range",
+			settings: {
+				fontStyle: "bold",
+				foreground: "#8250df"
+			}
+		},
+		{
+			scope: "meta.diff.header",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: "meta.separator",
+			settings: {
+				fontStyle: "bold",
+				foreground: "#0550ae"
+			}
+		},
+		{
+			scope: "meta.output",
+			settings: { foreground: "#0550ae" }
+		},
+		{
+			scope: [
+				"brackethighlighter.tag",
+				"brackethighlighter.curly",
+				"brackethighlighter.round",
+				"brackethighlighter.square",
+				"brackethighlighter.angle",
+				"brackethighlighter.quote"
+			],
+			settings: { foreground: "#57606a" }
+		},
+		{
+			scope: "brackethighlighter.unmatched",
+			settings: { foreground: "#82071e" }
+		},
+		{
+			scope: ["constant.other.reference.link", "string.other.link"],
+			settings: { foreground: "#0a3069" }
+		}
+	],
+	type: "light"
+};
+var dark = {
+	type: "dark",
+	colors: {
+		"dropdown.background": "#525252",
+		"list.activeSelectionBackground": "#707070",
+		"quickInputList.focusBackground": "#707070",
+		"list.inactiveSelectionBackground": "#4e4e4e",
+		"list.hoverBackground": "#444444",
+		"list.highlightForeground": "#e58520",
+		"button.background": "#565656",
+		"editor.background": "#1e1e1e",
+		"editor.foreground": "#c5c8c6",
+		"editor.selectionBackground": "#676b7180",
+		"minimap.selectionHighlight": "#676b7180",
+		"editor.selectionHighlightBackground": "#575b6180",
+		"editor.lineHighlightBackground": "#303030",
+		"editorLineNumber.activeForeground": "#949494",
+		"editor.wordHighlightBackground": "#4747a180",
+		"editor.wordHighlightStrongBackground": "#6767ce80",
+		"editorCursor.foreground": "#c07020",
+		"editorWhitespace.foreground": "#505037",
+		"editorIndentGuide.background": "#505037",
+		"editorIndentGuide.activeBackground": "#707057",
+		"editorGroupHeader.tabsBackground": "#282828",
+		"tab.inactiveBackground": "#404040",
+		"tab.border": "#303030",
+		"tab.inactiveForeground": "#d8d8d8",
+		"tab.lastPinnedBorder": "#505050",
+		"peekView.border": "#3655b5",
+		"panelTitle.activeForeground": "#ffffff",
+		"statusBar.background": "#505050",
+		"statusBar.debuggingBackground": "#505050",
+		"statusBar.noFolderBackground": "#505050",
+		"titleBar.activeBackground": "#505050",
+		"statusBarItem.remoteBackground": "#3655b5",
+		"ports.iconRunningProcessForeground": "#CCCCCC",
+		"activityBar.background": "#353535",
+		"activityBar.foreground": "#ffffff",
+		"activityBarBadge.background": "#3655b5",
+		"sideBar.background": "#272727",
+		"sideBarSectionHeader.background": "#505050",
+		"menu.background": "#272727",
+		"menu.foreground": "#CCCCCC",
+		"pickerGroup.foreground": "#b0b0b0",
+		"inputOption.activeBorder": "#3655b5",
+		focusBorder: "#3655b5",
+		"terminal.ansiBlack": "#1e1e1e",
+		"terminal.ansiRed": "#C4265E",
+		"terminal.ansiGreen": "#86B42B",
+		"terminal.ansiYellow": "#B3B42B",
+		"terminal.ansiBlue": "#6A7EC8",
+		"terminal.ansiMagenta": "#8C6BC8",
+		"terminal.ansiCyan": "#56ADBC",
+		"terminal.ansiWhite": "#e3e3dd",
+		"terminal.ansiBrightBlack": "#666666",
+		"terminal.ansiBrightRed": "#f92672",
+		"terminal.ansiBrightGreen": "#A6E22E",
+		"terminal.ansiBrightYellow": "#e2e22e",
+		"terminal.ansiBrightBlue": "#819aff",
+		"terminal.ansiBrightMagenta": "#AE81FF",
+		"terminal.ansiBrightCyan": "#66D9EF",
+		"terminal.ansiBrightWhite": "#f8f8f2",
+		"terminal.inactiveSelectionBackground": "#676b7140"
+	},
+	tokenColors: [
+		{ settings: { foreground: "#C5C8C6" } },
+		{
+			scope: [
+				"meta.embedded",
+				"source.groovy.embedded",
+				"variable.legacy.builtin.python"
+			],
+			settings: { foreground: "#C5C8C6" }
+		},
+		{
+			name: "Comment",
+			scope: "comment",
+			settings: {
+				fontStyle: "",
+				foreground: "#9A9B99"
+			}
+		},
+		{
+			name: "String",
+			scope: "string",
+			settings: {
+				fontStyle: "",
+				foreground: "#9AA83A"
+			}
+		},
+		{
+			name: "String Embedded Source",
+			scope: "string source",
+			settings: {
+				fontStyle: "",
+				foreground: "#D08442"
+			}
+		},
+		{
+			name: "Number",
+			scope: "constant.numeric",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "Built-in constant",
+			scope: "constant.language",
+			settings: {
+				fontStyle: "",
+				foreground: "#408080"
+			}
+		},
+		{
+			name: "User-defined constant",
+			scope: "constant.character, constant.other",
+			settings: {
+				fontStyle: "",
+				foreground: "#8080FF"
+			}
+		},
+		{
+			name: "Keyword",
+			scope: "keyword",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "Support",
+			scope: "support",
+			settings: {
+				fontStyle: "",
+				foreground: "#C7444A"
+			}
+		},
+		{
+			name: "Storage",
+			scope: "storage",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Class name",
+			scope: "entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution",
+			settings: {
+				fontStyle: "",
+				foreground: "#9B0000"
+			}
+		},
+		{
+			name: "Inherited class",
+			scope: "entity.other.inherited-class",
+			settings: {
+				fontStyle: "",
+				foreground: "#C7444A"
+			}
+		},
+		{
+			name: "Function name",
+			scope: "entity.name.function",
+			settings: {
+				fontStyle: "",
+				foreground: "#CE6700"
+			}
+		},
+		{
+			name: "Function argument",
+			scope: "variable.parameter",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "Tag name",
+			scope: "entity.name.tag",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Tag attribute",
+			scope: "entity.other.attribute-name",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Library function",
+			scope: "support.function",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Keyword",
+			scope: "keyword",
+			settings: {
+				fontStyle: "",
+				foreground: "#676867"
+			}
+		},
+		{
+			name: "Class Variable",
+			scope: "variable.other, variable.js, punctuation.separator.variable",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "Meta Brace",
+			scope: "punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html",
+			settings: {
+				fontStyle: "",
+				foreground: "#008200"
+			}
+		},
+		{
+			name: "Invalid",
+			scope: "invalid",
+			settings: {
+				fontStyle: "",
+				foreground: "#FF0B00"
+			}
+		},
+		{
+			name: "Normal Variable",
+			scope: "variable.other.php, variable.other.normal",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "Function Object",
+			scope: "meta.function-call.object",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Function Call Variable",
+			scope: "variable.other.property",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Keyword Control / Special",
+			scope: [
+				"keyword.control",
+				"keyword.operator.new.cpp",
+				"keyword.operator.delete.cpp",
+				"keyword.other.using",
+				"keyword.other.directive.using",
+				"keyword.other.operator"
+			],
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Tag",
+			scope: "meta.tag",
+			settings: {
+				fontStyle: "",
+				foreground: "#D0B344"
+			}
+		},
+		{
+			name: "Tag Name",
+			scope: "entity.name.tag",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "Doctype",
+			scope: "meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype",
+			settings: {
+				fontStyle: "",
+				foreground: "#9AA83A"
+			}
+		},
+		{
+			name: "Tag Inline Source",
+			scope: "meta.tag.inline source, text.html.php.source",
+			settings: {
+				fontStyle: "",
+				foreground: "#9AA83A"
+			}
+		},
+		{
+			name: "Tag Other",
+			scope: "meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "Tag Attribute",
+			scope: "entity.other.attribute-name, meta.tag punctuation.definition.string",
+			settings: {
+				fontStyle: "",
+				foreground: "#D0B344"
+			}
+		},
+		{
+			name: "Tag Value",
+			scope: "meta.tag string -source -punctuation, text source text meta.tag string -punctuation",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "Meta Brace",
+			scope: "punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html",
+			settings: {
+				fontStyle: "",
+				foreground: "#D0B344"
+			}
+		},
+		{
+			name: "HTML ID",
+			scope: "meta.toc-list.id",
+			settings: { foreground: "#9AA83A" }
+		},
+		{
+			name: "HTML String",
+			scope: "string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.end.html source, string.quoted.double.html source",
+			settings: {
+				fontStyle: "",
+				foreground: "#9AA83A"
+			}
+		},
+		{
+			name: "HTML Tags",
+			scope: "punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end",
+			settings: {
+				fontStyle: "",
+				foreground: "#6089B4"
+			}
+		},
+		{
+			name: "CSS ID",
+			scope: "meta.selector entity.other.attribute-name.id",
+			settings: {
+				fontStyle: "",
+				foreground: "#9872A2"
+			}
+		},
+		{
+			name: "CSS Property Name",
+			scope: "source.css support.type.property-name",
+			settings: {
+				fontStyle: "",
+				foreground: "#676867"
+			}
+		},
+		{
+			name: "CSS Property Value",
+			scope: "meta.property-group support.constant.property-value, meta.property-value support.constant.property-value",
+			settings: {
+				fontStyle: "",
+				foreground: "#C7444A"
+			}
+		},
+		{
+			name: "JavaScript Variable",
+			scope: "variable.language.js",
+			settings: { foreground: "#CC555A" }
+		},
+		{
+			name: "Template Definition",
+			scope: ["punctuation.definition.template-expression", "punctuation.section.embedded.coffee"],
+			settings: { foreground: "#D08442" }
+		},
+		{
+			name: "Reset JavaScript string interpolation expression",
+			scope: ["meta.template.expression"],
+			settings: { foreground: "#C5C8C6" }
+		},
+		{
+			name: "PHP Function Call",
+			scope: "meta.function-call.object.php",
+			settings: {
+				fontStyle: "",
+				foreground: "#D0B344"
+			}
+		},
+		{
+			name: "PHP Single Quote HMTL Fix",
+			scope: "punctuation.definition.string.end.php, punctuation.definition.string.begin.php",
+			settings: { foreground: "#9AA83A" }
+		},
+		{
+			name: "PHP Parenthesis HMTL Fix",
+			scope: "source.php.embedded.line.html",
+			settings: { foreground: "#676867" }
+		},
+		{
+			name: "PHP Punctuation Embedded",
+			scope: "punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php",
+			settings: {
+				fontStyle: "",
+				foreground: "#D08442"
+			}
+		},
+		{
+			name: "Ruby Symbol",
+			scope: "constant.other.symbol.ruby",
+			settings: {
+				fontStyle: "",
+				foreground: "#9AA83A"
+			}
+		},
+		{
+			name: "Ruby Variable",
+			scope: "variable.language.ruby",
+			settings: {
+				fontStyle: "",
+				foreground: "#D0B344"
+			}
+		},
+		{
+			name: "Ruby Special Method",
+			scope: "keyword.other.special-method.ruby",
+			settings: {
+				fontStyle: "",
+				foreground: "#D9B700"
+			}
+		},
+		{
+			name: "Ruby Embedded Source",
+			scope: ["punctuation.section.embedded.begin.ruby", "punctuation.section.embedded.end.ruby"],
+			settings: { foreground: "#D08442" }
+		},
+		{
+			name: "SQL",
+			scope: "keyword.other.DML.sql",
+			settings: {
+				fontStyle: "",
+				foreground: "#D0B344"
+			}
+		},
+		{
+			name: "diff: header",
+			scope: "meta.diff, meta.diff.header",
+			settings: {
+				fontStyle: "italic",
+				foreground: "#E0EDDD"
+			}
+		},
+		{
+			name: "diff: deleted",
+			scope: "markup.deleted",
+			settings: {
+				fontStyle: "",
+				foreground: "#dc322f"
+			}
+		},
+		{
+			name: "diff: changed",
+			scope: "markup.changed",
+			settings: {
+				fontStyle: "",
+				foreground: "#cb4b16"
+			}
+		},
+		{
+			name: "diff: inserted",
+			scope: "markup.inserted",
+			settings: { foreground: "#219186" }
+		},
+		{
+			name: "Markup Quote",
+			scope: "markup.quote",
+			settings: { foreground: "#9872A2" }
+		},
+		{
+			name: "Markup Lists",
+			scope: "markup.list",
+			settings: { foreground: "#9AA83A" }
+		},
+		{
+			name: "Markup Styling",
+			scope: "markup.bold, markup.italic",
+			settings: { foreground: "#6089B4" }
+		},
+		{
+			name: "Markup Inline",
+			scope: "markup.inline.raw",
+			settings: {
+				fontStyle: "",
+				foreground: "#FF0080"
+			}
+		},
+		{
+			name: "Markup Headings",
+			scope: "markup.heading",
+			settings: { foreground: "#D0B344" }
+		},
+		{
+			name: "Markup Setext Header",
+			scope: "markup.heading.setext",
+			settings: {
+				fontStyle: "",
+				foreground: "#D0B344"
+			}
+		},
+		{
+			name: "Markdown Headings",
+			scope: "markup.heading.markdown",
+			settings: { fontStyle: "bold" }
+		},
+		{
+			name: "Markdown Quote",
+			scope: "markup.quote.markdown",
+			settings: {
+				fontStyle: "italic",
+				foreground: ""
+			}
+		},
+		{
+			name: "Markdown Bold",
+			scope: "markup.bold.markdown",
+			settings: { fontStyle: "bold" }
+		},
+		{
+			name: "Markdown Link Title/Description",
+			scope: "string.other.link.title.markdown,string.other.link.description.markdown",
+			settings: { foreground: "#AE81FF" }
+		},
+		{
+			name: "Markdown Underline Link/Image",
+			scope: "markup.underline.link.markdown,markup.underline.link.image.markdown",
+			settings: { foreground: "" }
+		},
+		{
+			name: "Markdown Emphasis",
+			scope: "markup.italic.markdown",
+			settings: { fontStyle: "italic" }
+		},
+		{
+			scope: "markup.strikethrough",
+			settings: { fontStyle: "strikethrough" }
+		},
+		{
+			name: "Markdown Punctuation Definition Link",
+			scope: "markup.list.unnumbered.markdown, markup.list.numbered.markdown",
+			settings: { foreground: "" }
+		},
+		{
+			name: "Markdown List Punctuation",
+			scope: ["punctuation.definition.list.begin.markdown"],
+			settings: { foreground: "" }
+		},
+		{
+			scope: "token.info-token",
+			settings: { foreground: "#6796e6" }
+		},
+		{
+			scope: "token.warn-token",
+			settings: { foreground: "#cd9731" }
+		},
+		{
+			scope: "token.error-token",
+			settings: { foreground: "#f44747" }
+		},
+		{
+			scope: "token.debug-token",
+			settings: { foreground: "#b267e6" }
+		},
+		{
+			name: "this.self",
+			scope: "variable.language",
+			settings: { foreground: "#c7444a" }
+		}
+	],
+	semanticHighlighting: true
+};
+//#endregion
+//#region src/CodeHighlightProvider/adapters/shiki-adapter.ts
+function stripElement(openTag, data) {
+	const openIndex = data.indexOf(`<${openTag}`);
+	let closeIndex = openIndex + openTag.length;
+	for (let i = openIndex; i < data.length; i += 1) if (data[i] === ">") {
+		closeIndex = i;
+		break;
+	}
+	return (data.slice(0, openIndex) + data.slice(closeIndex + 1)).replace(`</${openTag}>`, "");
+}
+function stripShikiCodeBlocks(data) {
+	return stripElement("code", stripElement("pre", data));
+}
+var createShikiAdapter = (loadShiki, { forceColorScheme } = {}) => ({
+	loadContext: loadShiki,
+	getHighlighter: (ctx) => {
+		if (!ctx) return ({ code }) => ({
+			highlightedCode: code,
+			isHighlighted: false
+		});
+		return ({ code, language, colorScheme }) => {
+			let _colorScheme = colorScheme;
+			if (colorScheme === "light") _colorScheme = light;
+			else if (colorScheme === "dark") _colorScheme = dark;
+			return {
+				isHighlighted: true,
+				highlightedCode: stripShikiCodeBlocks(ctx.codeToHtml(code, {
+					lang: language,
+					theme: forceColorScheme || _colorScheme
+				}))
+			};
+		};
+	}
+});
+//#endregion
+exports.CodeHighlight = CodeHighlight;
+exports.CodeHighlightAdapterProvider = CodeHighlightAdapterProvider;
+exports.CodeHighlightControl = CodeHighlightControl;
+exports.CodeHighlightTabs = CodeHighlightTabs;
+exports.InlineCodeHighlight = InlineCodeHighlight;
+exports.createHighlightJsAdapter = createHighlightJsAdapter;
+exports.createShikiAdapter = createShikiAdapter;
+exports.plainTextAdapter = plainTextAdapter;
+exports.stripShikiCodeBlocks = stripShikiCodeBlocks;
+exports.useCodeHighlightContext = useCodeHighlightContext;
+exports.useHighlight = useHighlight;
+
+//# sourceMappingURL=index.cjs.map