@filipgutica/ui 0.3.0 → 1.0.0

package/dist/open-vsx.js

@@ -1,4 +1,4 @@
-import { ThemeValidationError as e, parseVsCodeTheme as t } from "./theme.js";
+import { i as e, t } from "./theme-CIwueiir.js";
 import { parse as n } from "jsonc-parser";
 import { createHash as r } from "node:crypto";
 import i from "jszip";
@@ -237,18 +237,18 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 	}), "The packaged extension manifest");
 	if ((typeof i.publisher == "string" && typeof i.name == "string" ? `${i.publisher}.${i.name}` : "").toLowerCase() !== n.toLowerCase() || i.version !== r) throw new y("integrity-failed", "The downloaded package does not match the selected Open VSX theme.");
 	return i;
-}, G = async ({ zip: e, sizes: n, manifest: r, fallbackName: i }) => {
+}, G = async ({ zip: t, sizes: n, manifest: r, fallbackName: i }) => {
 	let a = w(r);
 	if (a.length === 0 || a.length > g) throw new y("unsupported-extension", "That extension has no compatible color themes.");
 	let o = [];
 	for (let r of a) {
 		if (typeof r.path != "string") throw new y("unsupported-extension", "A contributed theme has no valid path.");
 		let a = A(r.path), s = await L({
-			zip: e,
+			zip: t,
 			sizes: n,
 			path: a
 		}), c = R(r.uiTheme), l = typeof r.label == "string" && r.label.trim() ? r.label.trim() : i;
-		o.push(t({
+		o.push(e({
 			source: JSON.stringify({
 				...s,
 				name: l,
@@ -258,22 +258,21 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 		}));
 	}
 	return o;
-}, K = ({ fetchImpl: t = fetch } = {}) => {
-	let n = E(t);
+}, K = ({ description: e, name: t }) => {
+	let n = `${t} ${e}`;
+	return /\b(?:color\s+scheme|theme)\b/i.test(n) && !/\b(?:file\s+icons?|product\s+icons?|icon\s+theme|icons?)\b/i.test(n);
+}, q = ({ fetchImpl: e = fetch } = {}) => {
+	let n = E(e);
 	return {
 		search: async (e) => {
 			let t = e.trim();
-			if (!t) return {
-				status: "success",
-				themes: []
-			};
 			if (t.length > 100) return {
 				status: "error",
 				message: "Search terms must be 100 characters or fewer."
 			};
 			try {
 				let e = new URL(s);
-				e.searchParams.set("query", t), e.searchParams.set("category", "Themes"), e.searchParams.set("sortBy", "downloadCount"), e.searchParams.set("sortOrder", "desc"), e.searchParams.set("size", "12");
+				t && e.searchParams.set("query", t), e.searchParams.set("category", "Themes"), e.searchParams.set("sortBy", "downloadCount"), e.searchParams.set("sortOrder", "desc"), e.searchParams.set("size", "12");
 				let r = await n({
 					url: e,
 					limit: c,
@@ -281,26 +280,12 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 					tooLargeMessage: "Open VSX returned an unexpectedly large search response."
 				}), i = JSON.parse(new TextDecoder().decode(r));
 				if (!b(i) || !Array.isArray(i.extensions)) throw Error("invalid response");
-				let a = i.extensions.flatMap((e) => {
-					let t = D(e);
-					return t ? [t] : [];
-				}).slice(0, 12);
 				return {
 					status: "success",
-					themes: (await Promise.all(a.map(async (e) => {
-						try {
-							let t = await B({
-								request: n,
-								extensionId: e.id
-							});
-							return await V({
-								request: n,
-								manifestUrl: t.manifestUrl
-							}), e;
-						} catch {
-							return null;
-						}
-					}))).filter((e) => e !== null)
+					themes: i.extensions.flatMap((e) => {
+						let t = D(e);
+						return t && K(t) ? [t] : [];
+					}).slice(0, 12)
 				};
 			} catch {
 				return {
@@ -309,19 +294,19 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 				};
 			}
 		},
-		importTheme: async (t, r) => {
+		importTheme: async (e, r) => {
 			try {
-				let e = await B({
+				let t = await B({
 					request: n,
-					extensionId: t
+					extensionId: e
 				});
 				await V({
 					request: n,
-					manifestUrl: e.manifestUrl
+					manifestUrl: t.manifestUrl
 				});
 				let { zip: i, sizes: a } = await U(await H({
 					request: n,
-					...e
+					...t
 				}));
 				return {
 					status: "success",
@@ -331,18 +316,18 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 						manifest: await W({
 							zip: i,
 							sizes: a,
-							extensionId: t,
-							version: e.version
+							extensionId: e,
+							version: t.version
 						}),
-						fallbackName: e.extensionName
+						fallbackName: t.extensionName
 					}), r)
 				};
-			} catch (t) {
-				return t instanceof e || t instanceof y ? {
+			} catch (e) {
+				return e instanceof t || e instanceof y ? {
 					status: "error",
 					error: {
-						code: t.code,
-						message: t.message
+						code: e.code,
+						message: e.message
 					}
 				} : {
 					status: "error",
@@ -356,4 +341,4 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 	};
 };
 //#endregion
-export { K as createOpenVsxThemeService };
+export { q as createOpenVsxThemeService };

package/dist/theme/index.d.ts

@@ -1,3 +1,5 @@
+import type { SyntaxPalette } from './syntax.js';
+export type { SyntaxPalette, SyntaxToken } from './syntax.js';
 export type ThemeAppearance = 'light' | 'dark' | 'high-contrast-light' | 'high-contrast-dark';
 export interface SemanticThemeTokens {
     pageBackground: string;
@@ -33,6 +35,7 @@ export interface NormalizedTheme {
     name: string;
     appearance: ThemeAppearance;
     tokens: SemanticThemeTokens;
+    syntax?: SyntaxPalette;
 }
 export type ThemeImportErrorCode = ThemeValidationErrorCode | 'file-too-large' | 'integrity-failed' | 'open-vsx-unavailable' | 'persistence-failed' | 'read-failed' | 'unsupported-extension' | 'unsupported-file-type';
 export interface ThemeImportError {

package/dist/theme/syntax.d.ts

@@ -0,0 +1,5 @@
+export declare const syntaxTokenNames: readonly ["comment", "keyword", "string", "number", "function", "type", "variable", "operator", "punctuation", "tag", "attribute"];
+export type SyntaxToken = typeof syntaxTokenNames[number];
+export type SyntaxPalette = Partial<Record<SyntaxToken, string>>;
+/** The importer reduces provider scope names to our portable syntax palette. */
+export declare const syntaxRolesForScope: (scope: string) => SyntaxToken[];

package/dist/theme-CIwueiir.js

@@ -0,0 +1,462 @@
+import { parse as e, printParseErrorCode as t } from "jsonc-parser";
+//#region src/theme/syntax.ts
+var n = [
+	"comment",
+	"keyword",
+	"string",
+	"number",
+	"function",
+	"type",
+	"variable",
+	"operator",
+	"punctuation",
+	"tag",
+	"attribute"
+], r = {
+	comment: ["comment"],
+	keyword: ["keyword", "storage"],
+	string: ["string"],
+	number: ["constant.numeric", "constant.language"],
+	function: ["entity.name.function", "support.function"],
+	type: [
+		"entity.name.type",
+		"entity.name.class",
+		"support.type",
+		"support.class"
+	],
+	variable: ["variable"],
+	operator: ["keyword.operator"],
+	punctuation: ["punctuation"],
+	tag: ["entity.name.tag"],
+	attribute: ["entity.other.attribute-name"]
+}, i = (e) => {
+	let t = n.map((t) => ({
+		role: t,
+		specificity: Math.max(0, ...r[t].filter((t) => e === t || e.startsWith(`${t}.`)).map((e) => e.length))
+	})), i = Math.max(...t.map((e) => e.specificity));
+	return t.filter((e) => e.specificity > 0 && e.specificity === i).map((e) => e.role);
+}, a = class extends Error {
+	code;
+	constructor(e, t) {
+		super(t), this.name = "ThemeValidationError", this.code = e;
+	}
+}, o = /* @__PURE__ */ "pageBackground.surface.surfaceRaised.surfaceMuted.textPrimary.textMuted.border.borderSubtle.link.accent.focus.buttonBackground.buttonForeground.buttonHoverBackground.inputBackground.inputForeground.inputBorder.inputPlaceholder.rowHoverBackground.rowSelectedBackground.rowSelectedForeground.codeBackground.codeForeground.error.warning.success.info.progress".split("."), s = /* @__PURE__ */ new Set(/* @__PURE__ */ "editor.background,editor.foreground,foreground,sideBar.background,panel.background,editorWidget.background,descriptionForeground,disabledForeground,panel.border,sideBar.border,contrastBorder,contrastActiveBorder,focusBorder,textLink.foreground,textLink.activeForeground,button.background,button.foreground,button.hoverBackground,input.background,input.foreground,input.border,input.placeholderForeground,list.hoverBackground,list.activeSelectionBackground,list.activeSelectionForeground,list.inactiveSelectionBackground,list.inactiveSelectionForeground,errorForeground,editorError.foreground,notificationsErrorIcon.foreground,notificationsWarningIcon.foreground,editorWarning.foreground,notificationsInfoIcon.foreground,editorInfo.foreground,testing.iconPassed,terminal.ansiGreen,progressBar.background".split(",")), c = {
+	pageBackground: "#EFF1F5",
+	surface: "#E6E9EF",
+	surfaceRaised: "#FFFFFF",
+	surfaceMuted: "#DCE0E8",
+	textPrimary: "#4C4F69",
+	textMuted: "#6C6F85",
+	border: "#ACB0BE",
+	borderSubtle: "#CCD0DA",
+	link: "#1E66F5",
+	accent: "#8839EF",
+	focus: "#1E66F5",
+	buttonBackground: "#1E66F5",
+	buttonForeground: "#FFFFFF",
+	buttonHoverBackground: "#1A5AD7",
+	inputBackground: "#FFFFFF",
+	inputForeground: "#4C4F69",
+	inputBorder: "#9CA0B0",
+	inputPlaceholder: "#7C7F93",
+	rowHoverBackground: "#DCE0E8",
+	rowSelectedBackground: "#D9E2FA",
+	rowSelectedForeground: "#4C4F69",
+	codeBackground: "#E6E9EF",
+	codeForeground: "#4C4F69",
+	error: "#D20F39",
+	warning: "#8A5600",
+	success: "#287D3C",
+	info: "#176B87",
+	progress: "#8839EF"
+}, l = {
+	pageBackground: "#1E1E2E",
+	surface: "#181825",
+	surfaceRaised: "#242435",
+	surfaceMuted: "#313244",
+	textPrimary: "#CDD6F4",
+	textMuted: "#A6ADC8",
+	border: "#585B70",
+	borderSubtle: "#45475A",
+	link: "#89B4FA",
+	accent: "#CBA6F7",
+	focus: "#89B4FA",
+	buttonBackground: "#89B4FA",
+	buttonForeground: "#11111B",
+	buttonHoverBackground: "#B4BEFE",
+	inputBackground: "#11111B",
+	inputForeground: "#CDD6F4",
+	inputBorder: "#6C7086",
+	inputPlaceholder: "#9399B2",
+	rowHoverBackground: "#313244",
+	rowSelectedBackground: "#45475A",
+	rowSelectedForeground: "#CDD6F4",
+	codeBackground: "#11111B",
+	codeForeground: "#CDD6F4",
+	error: "#F38BA8",
+	warning: "#F9E2AF",
+	success: "#A6E3A1",
+	info: "#89DCEB",
+	progress: "#CBA6F7"
+}, u = (e) => typeof e == "object" && !!e && !Array.isArray(e), d = (e) => typeof e == "string" && /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e), f = (e) => typeof e == "string" && /^#[0-9a-f]{6}(?:[0-9a-f]{2})?$/i.test(e), p = (e) => e.length === 4 || e.length === 5 ? `#${[...e.slice(1)].map((e) => e.repeat(2)).join("")}` : e, m = (e) => {
+	let t = {};
+	if (e === void 0) return t;
+	if (!Array.isArray(e)) throw new a("invalid-shape", "Theme tokenColors must be an array.");
+	for (let n of e) {
+		if (!u(n) || !u(n.settings)) throw new a("invalid-shape", "Each syntax rule must contain settings.");
+		let e = n.settings.foreground;
+		if (e === void 0) continue;
+		if (!d(e)) throw new a("invalid-color", "Syntax colors must be hexadecimal values.");
+		let r = typeof n.scope == "string" ? [n.scope] : n.scope;
+		if (r !== void 0) {
+			if (!Array.isArray(r) || !r.every((e) => typeof e == "string")) throw new a("invalid-shape", "Syntax scopes must be strings.");
+			for (let n of r.flatMap((e) => e.split(","))) {
+				let r = n.trim().split(/\s+/).at(-1) ?? "";
+				for (let n of i(r)) t[n] = p(e);
+			}
+		}
+	}
+	return t;
+}, h = (e) => {
+	let t = e.length === 4 || e.length === 5 ? [...e.slice(1)].map((e) => e.repeat(2)).join("") : e.slice(1);
+	return [
+		Number.parseInt(t.slice(0, 2), 16),
+		Number.parseInt(t.slice(2, 4), 16),
+		Number.parseInt(t.slice(4, 6), 16),
+		t.length === 8 ? Number.parseInt(t.slice(6, 8), 16) / 255 : 1
+	];
+}, g = (e, t, n) => {
+	let [r, i, a] = h(n), o = (e) => {
+		let [t, n, o, s] = h(e);
+		return [
+			t * s + r * (1 - s),
+			n * s + i * (1 - s),
+			o * s + a * (1 - s)
+		];
+	}, s = ([e, t, n]) => {
+		let r = [
+			e,
+			t,
+			n
+		].map((e) => {
+			let t = e / 255;
+			return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+		});
+		return .2126 * r[0] + .7152 * r[1] + .0722 * r[2];
+	}, c = s(o(e)), l = s(o(t));
+	return (Math.max(c, l) + .05) / (Math.min(c, l) + .05);
+}, _ = ({ background: e, preferred: t, underlay: n }) => g(t, e, n) >= 4.5 ? t : [
+	t,
+	"#000000",
+	"#FFFFFF"
+].reduce((t, r) => g(r, e, n) > g(t, e, n) ? r : t), v = ({ color: e, against: t, fallback: n }) => g(e, t, t) >= 3 ? e : g(n, t, t) >= 3 ? n : _({
+	background: t,
+	preferred: n,
+	underlay: t
+}), y = ({ color: e, background: t, underlay: n, fallback: r }) => g(e, t, n) >= 4.5 ? e : _({
+	background: t,
+	preferred: r,
+	underlay: n
+}), b = ({ color: e, backgrounds: t, underlay: n, fallbacks: r }) => {
+	let i = [e, ...r];
+	return i.find((e) => t.every((t) => g(e, t, n) >= 4.5)) || i.reduce((e, r) => Math.min(...t.map((e) => g(r, e, n))) > Math.min(...t.map((t) => g(e, t, n))) ? r : e);
+}, x = (e, t) => h(e)[3] === 1 ? e : t, S = (e) => {
+	let [t, n, r] = h(e);
+	return (.2126 * t + .7152 * n + .0722 * r) / 255 < .5 ? "dark" : "light";
+}, C = (e, t) => {
+	if (e === void 0) return S(t);
+	if (e === "light") return "light";
+	if (e === "dark") return "dark";
+	if (e === "hc") return "high-contrast-dark";
+	if (e === "hcLight") return "high-contrast-light";
+	throw new a("unsupported-type", "The theme type must be \"light\", \"dark\", \"hc\", or \"hcLight\".");
+}, w = (e, t, n) => {
+	for (let n of t) {
+		let t = e[n];
+		if (d(t)) return p(t);
+	}
+	return n;
+}, T = (e, t) => {
+	let n = e.slice(0, t).split("\n");
+	return {
+		line: n.length,
+		column: (n.at(-1)?.length ?? 0) + 1
+	};
+}, E = (e) => ((e.split(/[\\/]/).at(-1) ?? "Imported theme").replace(/\.jsonc?$/i, "") || "Imported theme").slice(0, 80), D = ({ colors: e, appearance: t, background: n, foreground: r }) => {
+	let i = t === "dark" || t === "high-contrast-dark" ? l : c, a = w(e, t.startsWith("high-contrast") ? [
+		"contrastBorder",
+		"contrastActiveBorder",
+		"panel.border",
+		"sideBar.border",
+		"focusBorder"
+	] : [
+		"panel.border",
+		"sideBar.border",
+		"contrastBorder",
+		"input.border",
+		"focusBorder"
+	], i.border), o = t.startsWith("high-contrast") ? v({
+		color: a,
+		against: n,
+		fallback: i.border
+	}) : a, s = w(e, [
+		"textLink.foreground",
+		"focusBorder",
+		"progressBar.background",
+		"button.background"
+	], i.link), u = w(e, [
+		"focusBorder",
+		"progressBar.background",
+		"textLink.foreground",
+		"button.background"
+	], s), d = _({
+		background: n,
+		preferred: r,
+		underlay: n
+	}), f = w(e, [
+		"sideBar.background",
+		"panel.background",
+		"editor.background"
+	], i.surface), p = g(d, f, n) >= 4.5 ? f : n, m = w(e, [
+		"panel.background",
+		"sideBar.background",
+		"editorWidget.background",
+		"editor.background"
+	], p), h = g(d, m, n) >= 4.5 ? m : p, x = b({
+		color: s,
+		backgrounds: [n, p],
+		underlay: n,
+		fallbacks: [i.link, d]
+	}), S = v({
+		color: u,
+		against: p,
+		fallback: i.accent
+	}), C = b({
+		color: w(e, [
+			"descriptionForeground",
+			"disabledForeground",
+			"foreground",
+			"editor.foreground"
+		], i.textMuted),
+		backgrounds: [n, p],
+		underlay: n,
+		fallbacks: [i.textMuted, d]
+	}), T = w(e, [
+		"editorWidget.background",
+		"list.hoverBackground",
+		"sideBar.background",
+		"panel.background"
+	], i.surfaceMuted), E = g(d, T, p) >= 4.5 && g(C, T, p) >= 4.5 ? T : p, D = w(e, ["button.background"], i.buttonBackground), O = _({
+		background: D,
+		preferred: w(e, ["button.foreground"], i.buttonForeground),
+		underlay: p
+	}), k = w(e, ["button.hoverBackground", "button.background"], i.buttonHoverBackground), A = g(O, k, p) >= 4.5 ? k : D, j = w(e, [
+		"focusBorder",
+		"contrastActiveBorder",
+		"textLink.activeForeground"
+	], i.focus), M = w(e, [
+		"panel.border",
+		"sideBar.border",
+		"contrastBorder"
+	], o), N = t.startsWith("high-contrast") ? v({
+		color: M,
+		against: p,
+		fallback: o
+	}) : M, P = w(e, ["input.background"], p), F = w(e, t.startsWith("high-contrast") ? [
+		"contrastBorder",
+		"input.border",
+		"focusBorder"
+	] : [
+		"input.border",
+		"contrastBorder",
+		"focusBorder"
+	], o), I = (t, r) => y({
+		color: w(e, t, r),
+		background: p,
+		underlay: n,
+		fallback: r
+	}), L = w(e, ["list.hoverBackground"], i.rowHoverBackground), R = g(d, L, p) >= 4.5 ? L : p;
+	return {
+		pageBackground: n,
+		surface: p,
+		surfaceRaised: h,
+		surfaceMuted: E,
+		textPrimary: d,
+		textMuted: C,
+		border: o,
+		borderSubtle: N,
+		link: x,
+		accent: S,
+		focus: v({
+			color: j,
+			against: n,
+			fallback: i.focus
+		}),
+		buttonBackground: D,
+		buttonForeground: O,
+		buttonHoverBackground: A,
+		inputBackground: P,
+		inputForeground: _({
+			background: P,
+			preferred: w(e, [
+				"input.foreground",
+				"editor.foreground",
+				"foreground"
+			], d),
+			underlay: p
+		}),
+		inputBorder: t.startsWith("high-contrast") ? v({
+			color: F,
+			against: P,
+			fallback: o
+		}) : F,
+		inputPlaceholder: y({
+			color: w(e, ["input.placeholderForeground", "descriptionForeground"], C),
+			background: P,
+			underlay: p,
+			fallback: i.textMuted
+		}),
+		rowHoverBackground: R,
+		rowSelectedBackground: w(e, ["list.activeSelectionBackground", "list.inactiveSelectionBackground"], i.rowSelectedBackground),
+		rowSelectedForeground: _({
+			background: w(e, ["list.activeSelectionBackground", "list.inactiveSelectionBackground"], i.rowSelectedBackground),
+			preferred: w(e, ["list.activeSelectionForeground", "list.inactiveSelectionForeground"], i.rowSelectedForeground),
+			underlay: p
+		}),
+		codeBackground: w(e, ["editor.background"], i.codeBackground),
+		codeForeground: _({
+			background: w(e, ["editor.background"], i.codeBackground),
+			preferred: w(e, ["editor.foreground", "foreground"], i.codeForeground),
+			underlay: n
+		}),
+		error: I([
+			"errorForeground",
+			"notificationsErrorIcon.foreground",
+			"editorError.foreground"
+		], i.error),
+		warning: I(["notificationsWarningIcon.foreground", "editorWarning.foreground"], i.warning),
+		success: I(["testing.iconPassed", "terminal.ansiGreen"], i.success),
+		info: I([
+			"notificationsInfoIcon.foreground",
+			"editorInfo.foreground",
+			"textLink.foreground"
+		], i.info),
+		progress: v({
+			color: w(e, [
+				"progressBar.background",
+				"focusBorder",
+				"textLink.foreground"
+			], S),
+			against: E,
+			fallback: i.progress
+		})
+	};
+}, O = ({ source: n, fileName: r }) => {
+	let i = [], o = e(n, i, { allowTrailingComma: !0 }), f = i[0];
+	if (f) {
+		let { line: e, column: r } = T(n, f.offset);
+		throw new a("malformed-json", `The theme could not be parsed (${t(f.error)} at line ${e}, column ${r}).`);
+	}
+	if (!u(o)) throw new a("invalid-shape", "The theme file must contain a JSON object.");
+	if (o.name !== void 0 && typeof o.name != "string") throw new a("invalid-shape", "The theme name must be a string when provided.");
+	if (!u(o.colors)) throw new a("invalid-shape", "The theme must contain a \"colors\" object.");
+	let p = o.colors;
+	for (let e of s) {
+		let t = p[e];
+		if (t !== void 0 && !d(t)) throw new a("invalid-color", `The color for "${e}" must be a 3-, 4-, 6-, or 8-digit hexadecimal value.`);
+	}
+	let h = w(p, [
+		"editor.background",
+		"sideBar.background",
+		"panel.background"
+	], ""), g = w(p, ["editor.foreground", "foreground"], "");
+	if (!h || !g) throw new a("missing-colors", "The theme must define a supported background color and foreground color.");
+	let _ = C(o.type, h), v = x(h, (_ === "dark" || _ === "high-contrast-dark" ? l : c).pageBackground);
+	return {
+		name: o.name?.trim().replace(/\s+/g, " ").slice(0, 80) || E(r),
+		appearance: _,
+		syntax: m(o.tokenColors),
+		tokens: D({
+			colors: p,
+			appearance: _,
+			background: v,
+			foreground: g
+		})
+	};
+}, k = (e) => {
+	if (!u(e) || typeof e.name != "string" || e.name.trim().length === 0 || e.name.length > 80) return !1;
+	let t = e.appearance;
+	if (t !== "light" && t !== "dark" && t !== "high-contrast-light" && t !== "high-contrast-dark") return !1;
+	let r = e.tokens;
+	if (!u(r) || Object.keys(r).length !== o.length) return !1;
+	if (e.syntax !== void 0) {
+		if (!u(e.syntax)) return !1;
+		let t = e.syntax;
+		if (!Object.keys(t).every((e) => n.some((t) => t === e)) || !Object.values(t).every(f)) return !1;
+	}
+	return o.every((e) => f(r[e]));
+}, A = {
+	pageBackground: "--color-bg",
+	surface: "--color-surface",
+	surfaceRaised: "--color-surface-raised",
+	surfaceMuted: "--color-surface-muted",
+	textPrimary: "--color-text",
+	textMuted: "--color-muted",
+	border: "--color-border",
+	borderSubtle: "--color-border-subtle",
+	link: "--color-link",
+	accent: "--color-accent",
+	focus: "--color-focus",
+	buttonBackground: "--color-button-bg",
+	buttonForeground: "--color-button-text",
+	buttonHoverBackground: "--color-button-hover",
+	inputBackground: "--color-input-bg",
+	inputForeground: "--color-input-text",
+	inputBorder: "--color-input-border",
+	inputPlaceholder: "--color-input-placeholder",
+	rowHoverBackground: "--color-row-hover",
+	rowSelectedBackground: "--color-row-selected",
+	rowSelectedForeground: "--color-row-selected-text",
+	codeBackground: "--color-code",
+	codeForeground: "--color-code-text",
+	error: "--color-error",
+	warning: "--color-warning",
+	success: "--color-success",
+	info: "--color-info",
+	progress: "--color-progress"
+}, j = ({ root: e, theme: t }) => {
+	for (let n of o) {
+		let r = A[n];
+		t ? e.style.setProperty(r, t.tokens[n]) : e.style.removeProperty(r);
+	}
+	for (let r of n) {
+		let n = `--color-syntax-${r}`;
+		if (!t) {
+			e.style.removeProperty(n);
+			continue;
+		}
+		let i = {
+			comment: t.tokens.textMuted,
+			keyword: t.tokens.accent,
+			string: t.tokens.success,
+			number: t.tokens.warning,
+			function: t.tokens.link,
+			type: t.tokens.info,
+			variable: t.tokens.codeForeground,
+			operator: t.syntax?.keyword ?? t.tokens.codeForeground,
+			punctuation: t.tokens.codeForeground,
+			tag: t.tokens.link,
+			attribute: t.tokens.accent
+		};
+		e.style.setProperty(n, t.syntax?.[r] ?? y({
+			color: i[r],
+			background: t.tokens.codeBackground,
+			underlay: t.tokens.pageBackground,
+			fallback: t.tokens.codeForeground
+		}));
+	}
+	let r = t?.appearance;
+	e.classList.toggle("dark", r === "dark" || r === "high-contrast-dark"), e.classList.toggle("high-contrast", r === "high-contrast-light" || r === "high-contrast-dark");
+};
+//#endregion
+export { A as a, O as i, j as n, o, k as r, a as t };