mal-ui 0.1.3

package/dist/code-highlight/index.js

@@ -0,0 +1,1685 @@
+"use client";
+import {
+  ActionIcon,
+  Box,
+  ScrollArea,
+  Tooltip,
+  UnstyledButton,
+  clsx_default,
+  createSafeContext,
+  createVarsResolver,
+  factory,
+  getRadius,
+  getThemeColor,
+  polymorphicFactory,
+  rem,
+  useComputedColorScheme,
+  useProps,
+  useResolvedStylesApi,
+  useStyles
+} from "../chunks/index-3ffbn0gc.js";
+import {
+  useClipboard,
+  useUncontrolled
+} from "../chunks/index-syjq3515.js";
+import"../chunks/index-mc01z7m9.js";
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlightProvider/adapters/plain-text-adapter.mjs
+var plainTextAdapter = { getHighlighter: () => ({ code }) => ({
+  highlightedCode: code,
+  isHighlighted: false
+}) };
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlightProvider/CodeHighlightProvider.mjs
+import { createContext, use, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+var CodeHighlightContext = createContext({
+  adapter: plainTextAdapter,
+  highlight: plainTextAdapter.getHighlighter(null)
+});
+function CodeHighlightAdapterProvider({ adapter, children }) {
+  const [ctx, setCtx] = useState(null);
+  const highlight = useMemo(() => adapter.getHighlighter(ctx), [adapter, ctx]);
+  useEffect(() => {
+    if (adapter.loadContext)
+      adapter.loadContext().then(setCtx);
+  }, [adapter]);
+  return /* @__PURE__ */ jsx(CodeHighlightContext, {
+    value: {
+      adapter,
+      highlight
+    },
+    children
+  });
+}
+function useHighlight() {
+  return use(CodeHighlightContext)?.highlight || plainTextAdapter.getHighlighter(null);
+}
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/CodeHighlight.context.mjs
+
+var [CodeHighlightContextProvider, useCodeHighlightContext] = createSafeContext("CodeHighlightProvider was not found in the component tree");
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/CodeHighlightControl/CodeHighlightControl.mjs
+import { jsx as jsx2 } from "react/jsx-runtime";
+
+var CodeHighlightControl = polymorphicFactory((_props) => {
+  const { children, vars, tooltipLabel, ...others } = useProps("CodeHighlightControl", null, _props);
+  const ctx = useCodeHighlightContext();
+  const tooltipStyles = ctx.getStyles("controlTooltip");
+  const control = /* @__PURE__ */ jsx2(ActionIcon, {
+    ...ctx.getStyles("control"),
+    ...others,
+    variant: "none",
+    "data-code-color-scheme": ctx.codeColorScheme,
+    children
+  });
+  if (tooltipLabel)
+    return /* @__PURE__ */ jsx2(Tooltip, {
+      label: tooltipLabel,
+      fz: "sm",
+      position: "bottom",
+      classNames: { tooltip: tooltipStyles.className },
+      styles: { tooltip: tooltipStyles.style },
+      "data-code-color-scheme": ctx.codeColorScheme,
+      transitionProps: { duration: 0 },
+      children: control
+    });
+  return control;
+});
+CodeHighlightControl.displayName = "@mantine/code-highlight/CodeHighlightControl";
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/CopyCodeButton/CopyIcon.mjs
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+
+function CopyIcon({ copied, ...others }) {
+  return /* @__PURE__ */ jsx3("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    strokeWidth: "2",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...others,
+    children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx3("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }), /* @__PURE__ */ jsx3("path", { d: "M5 12l5 5l10 -10" })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx3("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+      }),
+      /* @__PURE__ */ jsx3("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" }),
+      /* @__PURE__ */ jsx3("path", { d: "M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" })
+    ] })
+  });
+}
+CopyIcon.displayName = "@mantine/code-highlight/CopyIcon";
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/CopyCodeButton/CopyCodeButton.mjs
+import { jsx as jsx4 } from "react/jsx-runtime";
+
+function CopyCodeButton({ code, copyLabel = "Copy", copiedLabel = "Copied" }) {
+  const clipboard = useClipboard();
+  return /* @__PURE__ */ jsx4(CodeHighlightControl, {
+    onClick: () => clipboard.copy(code.trim()),
+    variant: "none",
+    tooltipLabel: clipboard.copied ? copiedLabel : copyLabel,
+    "aria-label": clipboard.copied ? copiedLabel : `${copyLabel} code`,
+    children: /* @__PURE__ */ jsx4(CopyIcon, { copied: clipboard.copied })
+  });
+}
+CopyCodeButton.displayName = "@mantine/code-highlight/CopyCodeButton";
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/ExpandCodeButton/ExpandIcon.mjs
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+
+function ExpandIcon({ expanded, style, ...others }) {
+  return /* @__PURE__ */ jsx5("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    strokeWidth: "2",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...others,
+    children: expanded ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx5("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+      }),
+      /* @__PURE__ */ jsx5("path", { d: "M12 13v-8l-3 3m6 0l-3 -3" }),
+      /* @__PURE__ */ jsx5("path", { d: "M9 17l1 0" }),
+      /* @__PURE__ */ jsx5("path", { d: "M14 17l1 0" }),
+      /* @__PURE__ */ jsx5("path", { d: "M19 17l1 0" }),
+      /* @__PURE__ */ jsx5("path", { d: "M4 17l1 0" })
+    ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx5("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+      }),
+      /* @__PURE__ */ jsx5("path", { d: "M12 11v8l3 -3m-6 0l3 3" }),
+      /* @__PURE__ */ jsx5("path", { d: "M9 7l1 0" }),
+      /* @__PURE__ */ jsx5("path", { d: "M14 7l1 0" }),
+      /* @__PURE__ */ jsx5("path", { d: "M19 7l1 0" }),
+      /* @__PURE__ */ jsx5("path", { d: "M4 7l1 0" })
+    ] })
+  });
+}
+ExpandIcon.displayName = "@mantine/code-highlight/ExpandIcon";
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/ExpandCodeButton/ExpandCodeButton.mjs
+import { jsx as jsx6 } from "react/jsx-runtime";
+
+function ExpandCodeButton({ expanded, onExpand, expandCodeLabel = "Expand code", collapseCodeLabel = "Collapse code" }) {
+  return /* @__PURE__ */ jsx6(CodeHighlightControl, {
+    onClick: () => onExpand(!expanded),
+    tooltipLabel: expanded ? collapseCodeLabel : expandCodeLabel,
+    "aria-label": expanded ? collapseCodeLabel : expandCodeLabel,
+    children: /* @__PURE__ */ jsx6(ExpandIcon, { expanded })
+  });
+}
+ExpandCodeButton.displayName = "@mantine/code-highlight/ExpandCodeButton";
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight.module.mjs
+
+var CodeHighlight_module_default = {
+  root: "m_5cb1b9c8",
+  codeHighlight: "m_e597c321",
+  inlineCodeHighlight: "m_dfe9c588",
+  pre: "m_2c47c4fd",
+  code: "m_5caae6d3",
+  controls: "m_be7e9c9c",
+  control: "m_d498bab7",
+  controlTooltip: "m_4c3d814c",
+  scrollarea: "m_f744fd40",
+  showCodeButton: "m_c9378bc2",
+  file: "m_5cac2e62",
+  fileIcon: "m_b46cddfb",
+  filesScrollarea: "m_7b14120b",
+  files: "m_38d99e51"
+};
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/CodeHighlight.mjs
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+
+var defaultProps = {
+  withCopyButton: true,
+  expandCodeLabel: "Expand code",
+  collapseCodeLabel: "Collapse code"
+};
+var varsResolver = createVarsResolver((theme, { maxCollapsedHeight, background, radius }) => ({ codeHighlight: {
+  "--ch-max-height": rem(maxCollapsedHeight),
+  "--ch-background": background ? getThemeColor(background, theme) : undefined,
+  "--ch-radius": typeof radius !== "undefined" ? getRadius(radius) : undefined
+} }));
+var CodeHighlight = factory((_props) => {
+  const props = useProps("CodeHighlight", defaultProps, _props);
+  const { classNames, className, style, styles, unstyled, vars, code, copiedLabel, copyLabel, defaultExpanded, expanded, onExpandedChange, maxCollapsedHeight, withCopyButton, withExpandButton, expandCodeLabel, collapseCodeLabel, radius, background, withBorder, controls, language, codeColorScheme, __withOffset, __inline, __staticSelector, attributes, ...others } = props;
+  const getStyles = useStyles({
+    name: __staticSelector || "CodeHighlight",
+    classes: CodeHighlight_module_default,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    varsResolver,
+    rootSelector: "codeHighlight"
+  });
+  const [_expanded, setExpanded] = useUncontrolled({
+    value: expanded,
+    defaultValue: defaultExpanded,
+    finalValue: true,
+    onChange: onExpandedChange
+  });
+  const shouldDisplayControls = controls && controls.length > 0 || withExpandButton || withCopyButton;
+  const colorScheme = useComputedColorScheme();
+  const highlightedCode = useHighlight()({
+    code: code.trim(),
+    language,
+    colorScheme: codeColorScheme ?? colorScheme
+  });
+  const codeContent = highlightedCode.isHighlighted ? { dangerouslySetInnerHTML: { __html: highlightedCode.highlightedCode } } : { children: code.trim() };
+  if (__inline)
+    return /* @__PURE__ */ jsx7(Box, {
+      component: "code",
+      ...others,
+      ...highlightedCode.codeElementProps,
+      ...getStyles("codeHighlight", {
+        className: clsx_default(highlightedCode.codeElementProps?.className, className),
+        style: [{ ...highlightedCode.codeElementProps?.style }, style]
+      }),
+      "data-with-border": withBorder || undefined,
+      ...codeContent
+    });
+  return /* @__PURE__ */ jsx7(CodeHighlightContextProvider, {
+    value: {
+      getStyles,
+      codeColorScheme
+    },
+    children: /* @__PURE__ */ jsxs3(Box, {
+      ...getStyles("codeHighlight"),
+      ...others,
+      dir: "ltr",
+      "data-code-color-scheme": codeColorScheme,
+      "data-with-border": withBorder || undefined,
+      children: [
+        shouldDisplayControls && /* @__PURE__ */ jsxs3("div", {
+          ...getStyles("controls"),
+          "data-with-offset": __withOffset || undefined,
+          children: [
+            controls,
+            withExpandButton && /* @__PURE__ */ jsx7(ExpandCodeButton, {
+              expanded: _expanded,
+              onExpand: setExpanded,
+              expandCodeLabel,
+              collapseCodeLabel
+            }),
+            withCopyButton && /* @__PURE__ */ jsx7(CopyCodeButton, {
+              code,
+              copiedLabel,
+              copyLabel
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx7(ScrollArea, {
+          type: "hover",
+          scrollbarSize: 4,
+          dir: "ltr",
+          offsetScrollbars: false,
+          "data-collapsed": !_expanded || undefined,
+          styles: { viewport: { overscrollBehaviorInline: "none" } },
+          ...getStyles("scrollarea"),
+          children: /* @__PURE__ */ jsx7("pre", {
+            ...getStyles("pre"),
+            "data-with-offset": __withOffset || undefined,
+            children: /* @__PURE__ */ jsx7("code", {
+              ...highlightedCode.codeElementProps,
+              ...getStyles("code", {
+                className: highlightedCode.codeElementProps?.className,
+                style: highlightedCode.codeElementProps?.style
+              }),
+              ...codeContent
+            })
+          })
+        }),
+        /* @__PURE__ */ jsx7(UnstyledButton, {
+          ...getStyles("showCodeButton"),
+          mod: { hidden: _expanded },
+          onClick: () => setExpanded(true),
+          "data-code-color-scheme": codeColorScheme,
+          children: expandCodeLabel
+        })
+      ]
+    })
+  });
+});
+CodeHighlight.displayName = "@mantine/code-highlight/CodeHighlight";
+CodeHighlight.classes = CodeHighlight_module_default;
+CodeHighlight.varsResolver = varsResolver;
+CodeHighlight.Control = CodeHighlightControl;
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlight/InlineCodeHighlight.mjs
+import { jsx as jsx8 } from "react/jsx-runtime";
+
+var varsResolver2 = createVarsResolver((theme, { background, radius }) => ({ inlineCodeHighlight: {
+  "--ch-background": background ? getThemeColor(background, theme) : undefined,
+  "--ch-radius": typeof radius !== "undefined" ? getRadius(radius) : undefined
+} }));
+var InlineCodeHighlight = factory((_props) => {
+  const props = useProps("InlineCodeHighlight", null, _props);
+  const { classNames, className, style, styles, unstyled, vars, attributes, ref, ...others } = props;
+  const getStyles = useStyles({
+    name: "InlineCodeHighlight",
+    classes: CodeHighlight_module_default,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    varsResolver: varsResolver2,
+    rootSelector: "inlineCodeHighlight"
+  });
+  return /* @__PURE__ */ jsx8(CodeHighlight, {
+    ...others,
+    ref,
+    ...getStyles("inlineCodeHighlight"),
+    __inline: true
+  });
+});
+InlineCodeHighlight.displayName = "@mantine/code-highlight/InlineCodeHighlight";
+InlineCodeHighlight.classes = CodeHighlight_module_default;
+InlineCodeHighlight.varsResolver = varsResolver2;
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlightTabs/FileIcon.mjs
+import { jsx as jsx9 } from "react/jsx-runtime";
+
+function FileIcon({ fileIcon, fileName, getFileIcon, className, style }) {
+  if (fileIcon)
+    return /* @__PURE__ */ jsx9("span", {
+      className,
+      style,
+      children: fileIcon
+    });
+  if (getFileIcon && fileName)
+    return /* @__PURE__ */ jsx9("span", {
+      className,
+      style,
+      children: getFileIcon(fileName)
+    });
+  return null;
+}
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlightTabs/CodeHighlightTabs.mjs
+import { createElement, useEffect as useEffect2 } from "react";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+
+var CodeHighlightTabs = factory((_props) => {
+  const props = useProps("CodeHighlightTabs", null, _props);
+  const { classNames, className, style, styles, unstyled, vars, defaultActiveTab, activeTab, onTabChange, defaultExpanded, expanded, onExpandedChange, code, getFileIcon, withCopyButton, withExpandButton, withBorder, radius, maxCollapsedHeight, copyLabel, copiedLabel, expandCodeLabel, collapseCodeLabel, background, controls, codeColorScheme, attributes, ...others } = props;
+  const getStyles = useStyles({
+    name: "CodeHighlightTabs",
+    classes: CodeHighlight_module_default,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    attributes,
+    vars
+  });
+  const [value, setValue] = useUncontrolled({
+    defaultValue: defaultActiveTab,
+    value: activeTab,
+    finalValue: 0,
+    onChange: onTabChange
+  });
+  const [_expanded, setExpanded] = useUncontrolled({
+    defaultValue: defaultExpanded,
+    value: expanded,
+    finalValue: true,
+    onChange: onExpandedChange
+  });
+  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  useEffect2(() => {
+    if (value >= code.length)
+      setValue(code.length - 1);
+  }, [value, code]);
+  if (code.length <= 0)
+    return null;
+  const currentCode = code[value] || {
+    code: "",
+    language: "tsx",
+    fileName: ""
+  };
+  const files = code.map((node, index) => /* @__PURE__ */ createElement(UnstyledButton, {
+    ...getStyles("file"),
+    key: node.fileName,
+    mod: { active: index === value },
+    onClick: () => setValue(index),
+    "data-color-scheme": codeColorScheme
+  }, /* @__PURE__ */ jsx10(FileIcon, {
+    fileIcon: node.icon,
+    getFileIcon,
+    fileName: node.fileName,
+    ...getStyles("fileIcon")
+  }, "file-icon"), /* @__PURE__ */ jsx10("span", { children: node.fileName }, "file-name")));
+  return /* @__PURE__ */ jsxs4(Box, {
+    ...getStyles("root"),
+    ...others,
+    children: [/* @__PURE__ */ jsx10(ScrollArea, {
+      type: "never",
+      dir: "ltr",
+      offsetScrollbars: false,
+      ...getStyles("filesScrollarea"),
+      children: /* @__PURE__ */ jsx10("div", {
+        ...getStyles("files"),
+        children: files
+      })
+    }), /* @__PURE__ */ jsx10(CodeHighlight, {
+      code: currentCode.code,
+      language: currentCode.language,
+      expanded: _expanded,
+      onExpandedChange: setExpanded,
+      withCopyButton,
+      withExpandButton,
+      withBorder,
+      radius,
+      maxCollapsedHeight,
+      copiedLabel,
+      copyLabel,
+      expandCodeLabel,
+      collapseCodeLabel,
+      background,
+      controls,
+      codeColorScheme,
+      __withOffset: true,
+      __staticSelector: "CodeHighlightTabs",
+      classNames: resolvedClassNames,
+      styles: resolvedStyles,
+      attributes
+    })]
+  });
+});
+CodeHighlightTabs.displayName = "@mantine/code-highlight/CodeHighlightTabs";
+CodeHighlightTabs.classes = CodeHighlight_module_default;
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlightProvider/adapters/highlight-js-adapter.mjs
+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: { className: `hljs ${lang}` }
+    };
+  } };
+}
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlightProvider/adapters/shiki-themes.mjs
+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
+};
+
+// node_modules/@mantine/code-highlight/esm/CodeHighlightProvider/adapters/shiki-adapter.mjs
+function stripElement(openTag, data) {
+  const openIndex = data.indexOf(`<${openTag}`);
+  let closeIndex = openIndex + openTag.length;
+  for (let i = openIndex;i < data.length; i++)
+    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 } = {}) => {
+  return {
+    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
+          }))
+        };
+      };
+    }
+  };
+};
+export {
+  useHighlight,
+  useCodeHighlightContext,
+  stripShikiCodeBlocks,
+  plainTextAdapter,
+  createShikiAdapter,
+  createHighlightJsAdapter,
+  InlineCodeHighlight,
+  CodeHighlightTabs,
+  CodeHighlightControl,
+  CodeHighlightAdapterProvider,
+  CodeHighlight
+};
+
+//# debugId=E2BD554F144B6E6E64756E2164756E21