@filipgutica/ui 1.4.0 → 1.5.0

package/README.md

@@ -85,7 +85,13 @@ applySemanticTheme({ root: document.documentElement, theme })
 
 Themes supply colors; the library keeps typography, spacing, and component
 structure consistent. Open VSX search and imports are available through
-`@filipgutica/ui/open-vsx`, which must run on a Node server.
+`createOpenVsxThemeService` from `@filipgutica/ui/open-vsx`. It runs on Node
+or in a browser with HTTPS and Web Crypto. Browser requests depend on the
+registry and its resource host allowing cross-origin access.
+
+The gallery's search-and-install dialog is docs-only, not an exported component.
+Applications can build their own picker with the exported components and theme
+helpers. `UiSiteHeader` includes the built-in System, Light, and Dark control.
 
 The default theme is unchanged. To opt in to Graphite Indigo, import it after
 `theme.css`:
@@ -116,7 +122,7 @@ import { UiSiteHeader } from '@filipgutica/ui/site'
 </template>
 ```
 
-`project` is `wtree`, `annoterm`, `devps`, `workbench`, or `ui`. The project
+`project` is `wtree`, `annoterm`, `devps`, `workbench`, `filip-stack`, or `ui`. The project
 menu is a native disclosure that works without JavaScript; Escape closes it and
 returns focus to its button. Without a default slot the header renders a
 System, Light, and Dark picker. A page with its own appearance control passes it

package/dist/open-vsx.js

@@ -1,38 +1,37 @@
 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";
+import r from "jszip";
 //#region src/open-vsx/index.ts
-var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `${a}/api/-/search`, c = 524288, l = 262144, u = 262144, d = 1048576, f = 20971520, p = 5e3, m = 104857600, h = 200, g = 40, _ = 8, v = 15e3, y = class extends Error {
+var i = "https://open-vsx.org", a = "https://openvsx.eclipsecontent.org", o = `${i}/api/-/search`, s = 524288, c = 262144, l = 262144, u = 1048576, d = 20971520, f = 5e3, p = 104857600, m = 200, h = 40, g = 8, _ = 15e3, v = class extends Error {
 	code;
 	constructor(e, t) {
 		super(t), this.name = "OpenVsxThemeError", this.code = e;
 	}
-}, b = (e) => typeof e == "object" && !!e && !Array.isArray(e), x = (e, t) => {
+}, y = (e) => typeof e == "object" && !!e && !Array.isArray(e), b = (e, t) => {
 	let r = [], i = n(e, r, { allowTrailingComma: !0 });
-	if (r.length > 0 || !b(i)) throw new y("unsupported-extension", `${t} is not valid JSON.`);
+	if (r.length > 0 || !y(i)) throw new v("unsupported-extension", `${t} is not valid JSON.`);
 	return i;
-}, S = (e, { allowResourceOrigin: t = !1 } = {}) => {
+}, x = (e, { allowResourceOrigin: t = !1 } = {}) => {
 	if (typeof e != "string") return null;
 	try {
 		let n = new URL(e), r = n.origin.toLowerCase();
-		return r === a || t && r === o ? n.toString() : null;
+		return r === i || t && r === a ? n.toString() : null;
 	} catch {
 		return null;
 	}
-}, C = (e) => {
+}, S = (e) => {
 	let t = /^([a-z0-9][a-z0-9_-]{0,99})\.([a-z0-9][a-z0-9_-]{0,99})$/i.exec(e);
-	if (!t?.[1] || !t[2]) throw new y("unsupported-extension", "The selected Open VSX extension identifier is invalid.");
+	if (!t?.[1] || !t[2]) throw new v("unsupported-extension", "The selected Open VSX extension identifier is invalid.");
 	return [t[1], t[2]];
-}, w = (e) => {
-	let t = b(e.contributes) ? e.contributes : null;
-	return Array.isArray(t?.themes) ? t.themes.filter(b) : [];
-}, T = async (e, t, n) => {
+}, C = (e) => {
+	let t = y(e.contributes) ? e.contributes : null;
+	return Array.isArray(t?.themes) ? t.themes.filter(y) : [];
+}, w = async (e, t, n) => {
 	let r = Number(e.headers.get("content-length"));
-	if (Number.isFinite(r) && r > t) throw new y("file-too-large", n);
+	if (Number.isFinite(r) && r > t) throw new v("file-too-large", n);
 	if (!e.body) {
 		let r = new Uint8Array(await e.arrayBuffer());
-		if (r.byteLength > t) throw new y("file-too-large", n);
+		if (r.byteLength > t) throw new v("file-too-large", n);
 		return r;
 	}
 	let i = e.body.getReader(), a = [], o = 0;
@@ -40,7 +39,7 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 		for (;;) {
 			let { done: e, value: r } = await i.read();
 			if (e) break;
-			if (o += r.byteLength, o > t) throw await i.cancel(), new y("file-too-large", n);
+			if (o += r.byteLength, o > t) throw await i.cancel(), new v("file-too-large", n);
 			a.push(r);
 		}
 	} finally {
@@ -49,24 +48,24 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 	let s = new Uint8Array(o), c = 0;
 	for (let e of a) s.set(e, c), c += e.byteLength;
 	return s;
-}, E = (e) => async ({ url: t, limit: n, failureMessage: r, tooLargeMessage: i, allowResourceOrigin: a = !1 }) => {
-	let o = new AbortController(), s = setTimeout(() => o.abort(), v);
+}, T = (e) => async ({ url: t, limit: n, failureMessage: r, tooLargeMessage: i, allowResourceOrigin: a = !1 }) => {
+	let o = new AbortController(), s = setTimeout(() => o.abort(), _);
 	try {
-		let s = S(String(t), { allowResourceOrigin: a });
-		if (!s) throw new y("open-vsx-unavailable", r);
+		let s = x(String(t), { allowResourceOrigin: a });
+		if (!s) throw new v("open-vsx-unavailable", r);
 		let c = await e(s, {
 			redirect: "follow",
 			signal: o.signal
 		});
-		if (!S(c.url || s, { allowResourceOrigin: a }) || !c.ok) throw new y("open-vsx-unavailable", r);
-		return await T(c, n, i);
+		if (!x(c.url || s, { allowResourceOrigin: a }) || !c.ok) throw new v("open-vsx-unavailable", r);
+		return await w(c, n, i);
 	} catch (e) {
-		throw e instanceof y ? e : new y("open-vsx-unavailable", o.signal.aborted ? "Open VSX took too long to respond." : r);
+		throw e instanceof v ? e : new v("open-vsx-unavailable", o.signal.aborted ? "Open VSX took too long to respond." : r);
 	} finally {
 		clearTimeout(s);
 	}
-}, D = (e) => {
-	if (!b(e)) return null;
+}, E = (e) => {
+	if (!y(e)) return null;
 	let t = typeof e.namespace == "string" ? e.namespace.trim() : "", n = typeof e.name == "string" ? e.name.trim() : "";
 	if (!t || !n) return null;
 	let r = typeof e.displayName == "string" && e.displayName.trim() ? e.displayName.trim() : n;
@@ -77,49 +76,49 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 		description: typeof e.description == "string" ? e.description.slice(0, 300) : "",
 		downloadCount: typeof e.downloadCount == "number" && Number.isFinite(e.downloadCount) ? Math.max(0, e.downloadCount) : 0
 	};
-}, O = (e) => {
-	if (e.length > 1024 || e.includes("\0") || e.startsWith("/") || /^[a-z]:/i.test(e)) throw new y("unsupported-extension", "A theme path is not safe.");
-}, k = ({ path: e, initialSegments: t, minimumDepth: n }) => {
-	O(e);
+}, D = (e) => {
+	if (e.length > 1024 || e.includes("\0") || e.startsWith("/") || /^[a-z]:/i.test(e)) throw new v("unsupported-extension", "A theme path is not safe.");
+}, O = ({ path: e, initialSegments: t, minimumDepth: n }) => {
+	D(e);
 	let r = [...t];
 	for (let t of e.replaceAll("\\", "/").split("/")) if (!(!t || t === ".")) {
 		if (t === "..") {
-			if (r.length <= n) throw new y("unsupported-extension", "A theme path escapes its package.");
+			if (r.length <= n) throw new v("unsupported-extension", "A theme path escapes its package.");
 			r.pop();
 		} else r.push(t);
 	}
 	return r.join("/");
-}, A = (e, t = "extension/") => {
+}, k = (e, t = "extension/") => {
 	let n = t.split("/").slice(0, -1);
-	return n[0] !== "extension" && n.unshift("extension"), k({
+	return n[0] !== "extension" && n.unshift("extension"), O({
 		path: e,
 		initialSegments: n,
 		minimumDepth: 1
 	});
-}, j = (e) => {
-	let t = k({
+}, A = (e) => {
+	let t = O({
 		path: e,
 		initialSegments: [],
 		minimumDepth: 0
 	});
-	if (!t) throw new y("unsupported-extension", "The extension package has an invalid file name.");
+	if (!t) throw new v("unsupported-extension", "The extension package has an invalid file name.");
 	return t;
-}, M = (e) => {
+}, j = (e) => {
 	let t = e.byteLength, n = Math.max(0, t - 65557), r = t - 22;
 	for (; r >= n && (e.getUint32(r, !0) !== 101010256 || r + 22 + e.getUint16(r + 20, !0) !== t);) --r;
-	if (r < n) throw new y("unsupported-extension", "The extension package is not a valid ZIP file.");
+	if (r < n) throw new v("unsupported-extension", "The extension package is not a valid ZIP file.");
 	return r;
-}, N = (e) => {
-	let t = M(e), n = e.getUint32(t + 12, !0), r = e.getUint32(t + 16, !0), i = r + n;
-	if (i !== t || i > e.byteLength) throw new y("unsupported-extension", "The extension package has an invalid ZIP directory.");
+}, M = (e) => {
+	let t = j(e), n = e.getUint32(t + 12, !0), r = e.getUint32(t + 16, !0), i = r + n;
+	if (i !== t || i > e.byteLength) throw new v("unsupported-extension", "The extension package has an invalid ZIP directory.");
 	return {
 		start: r,
 		end: i
 	};
-}, P = ({ bytes: e, view: t, offset: n, directoryEnd: r }) => {
-	if (n + 46 > r || t.getUint32(n, !0) !== 33639248) throw new y("unsupported-extension", "The extension package has an invalid ZIP directory.");
+}, N = ({ bytes: e, view: t, offset: n, directoryEnd: r }) => {
+	if (n + 46 > r || t.getUint32(n, !0) !== 33639248) throw new v("unsupported-extension", "The extension package has an invalid ZIP directory.");
 	let i = t.getUint32(n + 20, !0), a = t.getUint32(n + 24, !0), o = t.getUint16(n + 28, !0), s = t.getUint16(n + 30, !0), c = t.getUint16(n + 32, !0), l = n + 46 + o + s + c;
-	if (l > r || i === 4294967295 || a === 4294967295 || a > 0 && (i === 0 || a / i > h)) throw new y("unsupported-extension", "The extension package has unsafe ZIP metadata.");
+	if (l > r || i === 4294967295 || a === 4294967295 || a > 0 && (i === 0 || a / i > m)) throw new v("unsupported-extension", "The extension package has unsafe ZIP metadata.");
 	try {
 		return {
 			name: new TextDecoder("utf-8", { fatal: !0 }).decode(e.subarray(n + 46, n + 46 + o)),
@@ -127,32 +126,32 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 			nextOffset: l
 		};
 	} catch {
-		throw new y("unsupported-extension", "The extension package has an invalid file name.");
+		throw new v("unsupported-extension", "The extension package has an invalid file name.");
 	}
-}, F = (e) => {
-	let t = new DataView(e.buffer, e.byteOffset, e.byteLength), n = N(t), r = /* @__PURE__ */ new Map(), i = 0, a = 0, o = n.start;
+}, P = (e) => {
+	let t = new DataView(e.buffer, e.byteOffset, e.byteLength), n = M(t), r = /* @__PURE__ */ new Map(), i = 0, a = 0, o = n.start;
 	for (; o < n.end;) {
-		if (a += 1, a > p) throw new y("unsupported-extension", "The extension package has an invalid ZIP directory.");
-		let s = P({
+		if (a += 1, a > f) throw new v("unsupported-extension", "The extension package has an invalid ZIP directory.");
+		let s = N({
 			bytes: e,
 			view: t,
 			offset: o,
 			directoryEnd: n.end
 		});
-		if (i += s.uncompressed, i > m) throw new y("file-too-large", "The extension package expands beyond the safe limit.");
-		r.set(j(s.name), s.uncompressed), o = s.nextOffset;
+		if (i += s.uncompressed, i > p) throw new v("file-too-large", "The extension package expands beyond the safe limit.");
+		r.set(A(s.name), s.uncompressed), o = s.nextOffset;
 	}
 	return r;
-}, I = async ({ zip: e, sizes: t, path: n, description: r }) => {
+}, F = async ({ zip: e, sizes: t, path: n, description: r }) => {
 	let i = t.get(n);
-	if (i === void 0) throw new y("unsupported-extension", `${r} is missing.`);
-	if (i > d) throw new y("file-too-large", `${r} is too large.`);
+	if (i === void 0) throw new v("unsupported-extension", `${r} is missing.`);
+	if (i > u) throw new v("file-too-large", `${r} is too large.`);
 	let a = e.file(n);
-	if (!a) throw new y("unsupported-extension", `${r} is missing.`);
+	if (!a) throw new v("unsupported-extension", `${r} is missing.`);
 	return a.async("string");
-}, L = async ({ zip: e, sizes: t, path: n, ancestors: r = /* @__PURE__ */ new Set() }) => {
-	if (r.size >= _ || r.has(n)) throw new y("unsupported-extension", "Theme includes are cyclic or too deeply nested.");
-	let i = x(await I({
+}, I = async ({ zip: e, sizes: t, path: n, ancestors: r = /* @__PURE__ */ new Set() }) => {
+	if (r.size >= g || r.has(n)) throw new v("unsupported-extension", "Theme includes are cyclic or too deeply nested.");
+	let i = b(await F({
 		zip: e,
 		sizes: t,
 		path: n,
@@ -161,50 +160,50 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 	if (typeof i.include != "string") return i;
 	let a = new Set(r);
 	a.add(n);
-	let o = await L({
+	let o = await I({
 		zip: e,
 		sizes: t,
-		path: A(i.include, n),
+		path: k(i.include, n),
 		ancestors: a
 	});
 	return {
 		...o,
 		...i,
 		colors: {
-			...b(o.colors) ? o.colors : {},
-			...b(i.colors) ? i.colors : {}
+			...y(o.colors) ? o.colors : {},
+			...y(i.colors) ? i.colors : {}
 		}
 	};
-}, R = (e) => e === "vs" ? "light" : e === "vs-dark" ? "dark" : e === "hc-black" ? "hc" : e === "hc-light" ? "hcLight" : null, z = (e, t) => e.find((e) => t === "dark" ? e.appearance === "dark" || e.appearance === "high-contrast-dark" : e.appearance === "light" || e.appearance === "high-contrast-light") ?? e[0], B = async ({ request: e, extensionId: t }) => {
-	let [n, r] = C(t), i = await e({
-		url: `${a}/api/${encodeURIComponent(n)}/${encodeURIComponent(r)}`,
-		limit: l,
+}, L = (e) => e === "vs" ? "light" : e === "vs-dark" ? "dark" : e === "hc-black" ? "hc" : e === "hc-light" ? "hcLight" : null, R = (e, t) => e.find((e) => t === "dark" ? e.appearance === "dark" || e.appearance === "high-contrast-dark" : e.appearance === "light" || e.appearance === "high-contrast-light") ?? e[0], z = async ({ request: e, extensionId: t }) => {
+	let [n, r] = S(t), a = await e({
+		url: `${i}/api/${encodeURIComponent(n)}/${encodeURIComponent(r)}`,
+		limit: c,
 		failureMessage: "Open VSX theme details are unavailable right now.",
 		tooLargeMessage: "Open VSX returned unexpectedly large theme details."
-	}), o = JSON.parse(new TextDecoder().decode(i));
-	if (!b(o) || !b(o.files)) throw new y("unsupported-extension", "Open VSX returned malformed theme details.");
-	let s = { allowResourceOrigin: !0 }, c = S(o.files.manifest, s), u = S(o.files.download, s), d = S(o.files.sha256, s), f = typeof o.version == "string" ? o.version : "";
-	if (!c || !u || !d || !f) throw new y("unsupported-extension", "Open VSX returned malformed theme details.");
+	}), o = JSON.parse(new TextDecoder().decode(a));
+	if (!y(o) || !y(o.files)) throw new v("unsupported-extension", "Open VSX returned malformed theme details.");
+	let s = { allowResourceOrigin: !0 }, l = x(o.files.manifest, s), u = x(o.files.download, s), d = x(o.files.sha256, s), f = typeof o.version == "string" ? o.version : "";
+	if (!l || !u || !d || !f) throw new v("unsupported-extension", "Open VSX returned malformed theme details.");
 	return {
 		extensionName: r,
-		manifestUrl: c,
+		manifestUrl: l,
 		packageUrl: u,
 		checksumUrl: d,
 		version: f
 	};
-}, V = async ({ request: e, manifestUrl: t }) => {
+}, B = async ({ request: e, manifestUrl: t }) => {
 	let n = await e({
 		url: t,
-		limit: u,
+		limit: l,
 		failureMessage: "That extension has no readable manifest.",
 		tooLargeMessage: "That extension manifest is too large.",
 		allowResourceOrigin: !0
-	}), r = w(x(new TextDecoder().decode(n), "The extension manifest"));
-	if (r.length === 0 || r.length > g) throw new y("unsupported-extension", "That extension does not contain a supported number of color themes.");
-}, H = async ({ request: e, packageUrl: t, checksumUrl: n }) => {
-	let [i, a] = await Promise.all([e({
+	}), r = C(b(new TextDecoder().decode(n), "The extension manifest"));
+	if (r.length === 0 || r.length > h) throw new v("unsupported-extension", "That extension does not contain a supported number of color themes.");
+}, V = async ({ request: e, packageUrl: t, checksumUrl: n }) => {
+	let [r, i] = await Promise.all([e({
 		url: t,
-		limit: f,
+		limit: d,
 		failureMessage: "That Open VSX theme could not be downloaded.",
 		tooLargeMessage: "That theme extension is too large to import safely.",
 		allowResourceOrigin: !0
@@ -214,40 +213,40 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 		failureMessage: "That Open VSX theme has no readable checksum.",
 		tooLargeMessage: "That Open VSX checksum response is invalid.",
 		allowResourceOrigin: !0
-	})]), o = new TextDecoder().decode(a).trim().split(/\s+/)[0], s = r("sha256").update(i).digest("hex");
-	if (!o || !/^[a-f\d]{64}$/i.test(o)) throw new y("integrity-failed", "That Open VSX theme has an invalid checksum.");
-	if (o.toLowerCase() !== s) throw new y("integrity-failed", "That Open VSX theme failed its integrity check.");
-	return i;
-}, U = async (e) => {
-	let t = F(e);
+	})]), a = new TextDecoder().decode(i).trim().split(/\s+/)[0], o = await globalThis.crypto.subtle.digest("SHA-256", new Uint8Array(r)), s = Array.from(new Uint8Array(o), (e) => e.toString(16).padStart(2, "0")).join("");
+	if (!a || !/^[a-f\d]{64}$/i.test(a)) throw new v("integrity-failed", "That Open VSX theme has an invalid checksum.");
+	if (a.toLowerCase() !== s) throw new v("integrity-failed", "That Open VSX theme failed its integrity check.");
+	return r;
+}, H = async (e) => {
+	let t = P(e);
 	try {
 		return {
-			zip: await i.loadAsync(e),
+			zip: await r.loadAsync(e),
 			sizes: t
 		};
 	} catch {
-		throw new y("unsupported-extension", "That extension package could not be opened.");
+		throw new v("unsupported-extension", "That extension package could not be opened.");
 	}
-}, W = async ({ zip: e, sizes: t, extensionId: n, version: r }) => {
-	let i = x(await I({
+}, U = async ({ zip: e, sizes: t, extensionId: n, version: r }) => {
+	let i = b(await F({
 		zip: e,
 		sizes: t,
 		path: "extension/package.json",
 		description: "The packaged extension manifest"
 	}), "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.");
+	if ((typeof i.publisher == "string" && typeof i.name == "string" ? `${i.publisher}.${i.name}` : "").toLowerCase() !== n.toLowerCase() || i.version !== r) throw new v("integrity-failed", "The downloaded package does not match the selected Open VSX theme.");
 	return 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.");
+}, W = async ({ zip: t, sizes: n, manifest: r, fallbackName: i }) => {
+	let a = C(r);
+	if (a.length === 0 || a.length > h) throw new v("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({
+		if (typeof r.path != "string") throw new v("unsupported-extension", "A contributed theme has no valid path.");
+		let a = k(r.path), s = await I({
 			zip: t,
 			sizes: n,
 			path: a
-		}), c = R(r.uiTheme), l = typeof r.label == "string" && r.label.trim() ? r.label.trim() : i;
+		}), c = L(r.uiTheme), l = typeof r.label == "string" && r.label.trim() ? r.label.trim() : i;
 		o.push(e({
 			source: JSON.stringify({
 				...s,
@@ -258,11 +257,11 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 		}));
 	}
 	return o;
-}, K = ({ description: e, name: t }) => {
+}, G = ({ 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);
+}, K = ({ fetchImpl: e = fetch } = {}) => {
+	let n = T(e);
 	return {
 		search: async (e) => {
 			let t = e.trim();
@@ -271,20 +270,20 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 				message: "Search terms must be 100 characters or fewer."
 			};
 			try {
-				let e = new URL(s);
+				let e = new URL(o);
 				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,
+					limit: s,
 					failureMessage: "Open VSX search is unavailable right now.",
 					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");
+				if (!y(i) || !Array.isArray(i.extensions)) throw Error("invalid response");
 				return {
 					status: "success",
 					themes: i.extensions.flatMap((e) => {
-						let t = D(e);
-						return t && K(t) ? [t] : [];
+						let t = E(e);
+						return t && G(t) ? [t] : [];
 					}).slice(0, 12)
 				};
 			} catch {
@@ -296,24 +295,24 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 		},
 		importTheme: async (e, r) => {
 			try {
-				let t = await B({
+				let t = await z({
 					request: n,
 					extensionId: e
 				});
-				await V({
+				await B({
 					request: n,
 					manifestUrl: t.manifestUrl
 				});
-				let { zip: i, sizes: a } = await U(await H({
+				let { zip: i, sizes: a } = await H(await V({
 					request: n,
 					...t
 				}));
 				return {
 					status: "success",
-					theme: z(await G({
+					theme: R(await W({
 						zip: i,
 						sizes: a,
-						manifest: await W({
+						manifest: await U({
 							zip: i,
 							sizes: a,
 							extensionId: e,
@@ -323,7 +322,7 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 					}), r)
 				};
 			} catch (e) {
-				return e instanceof t || e instanceof y ? {
+				return e instanceof t || e instanceof v ? {
 					status: "error",
 					error: {
 						code: e.code,
@@ -341,4 +340,4 @@ var a = "https://open-vsx.org", o = "https://openvsx.eclipsecontent.org", s = `$
 	};
 };
 //#endregion
-export { q as createOpenVsxThemeService };
+export { K as createOpenVsxThemeService };

package/dist/site/projects.d.ts

@@ -18,6 +18,11 @@ declare const projects: readonly [{
     readonly label: "Workbench";
     readonly href: "https://filipgutica.github.io/t3code/";
     readonly repository: "https://github.com/filipgutica/t3code";
+}, {
+    readonly id: "filip-stack";
+    readonly label: "Filip Stack";
+    readonly href: "https://filipgutica.github.io/filip-stack/";
+    readonly repository: "https://github.com/filipgutica/filip-stack";
 }, {
     readonly id: "ui";
     readonly label: "UI";

package/dist/site.js

@@ -60,6 +60,12 @@ var y = "tool-site-theme", b = (e) => e === "system" || e === "light" || e === "
 		href: "https://filipgutica.github.io/t3code/",
 		repository: "https://github.com/filipgutica/t3code"
 	},
+	{
+		id: "filip-stack",
+		label: "Filip Stack",
+		href: "https://filipgutica.github.io/filip-stack/",
+		repository: "https://github.com/filipgutica/filip-stack"
+	},
 	{
 		id: "ui",
 		label: "UI",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@filipgutica/ui",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "A compact Vue design system with Tailwind CSS and VS Code theme support",
   "type": "module",
   "sideEffects": [

package/src/components/tabs.css

@@ -1,5 +1,6 @@
 @layer components {
   .fg-tabs {
+    width: 100%;
     min-width: 0;
     font-family: var(--font-ui);
     font-size: var(--text-md);
@@ -8,8 +9,10 @@
 
   .fg-tabs__list {
     display: flex;
+    width: max-content;
     max-width: 100%;
     overflow-x: auto;
+    margin-block-end: var(--space-4);
     border-bottom: 1px solid var(--color-border-subtle);
   }
 
@@ -22,6 +25,7 @@
     color: var(--color-muted);
     background: transparent;
     font: inherit;
+    font-weight: var(--weight-medium);
     white-space: nowrap;
     cursor: pointer;
   }
@@ -30,7 +34,6 @@
   .fg-tabs__tab[aria-selected="true"] {
     border-bottom-color: var(--color-link);
     color: var(--color-text);
-    font-weight: var(--weight-medium);
   }
 
   .fg-tabs__panel { min-width: 0; }