@gospore/theme 1.0.163 → 1.0.165

package/dist/theme.es.js

@@ -9,37 +9,48 @@ var y = [
 ], b = "gospore-theme-mode", x = 3600 * 24 * 365, S = "(prefers-color-scheme: dark)";
 function C() {
 	if (typeof document > "u") return null;
-	let e = E(b);
+	let e = D(b);
 	return k(e) ? e : null;
 }
 function w(e) {
 	if (typeof document > "u" || !y.includes(e)) return;
-	let t = typeof window < "u" ? window.location.hostname : "", n = typeof window < "u" ? window.location.protocol : "", r = D(t), i = n === "https:", a = [
+	let t = typeof window < "u" ? window.location.hostname : "", n = (typeof window < "u" ? window.location.protocol : "") === "https:", r = [
 		"path=/",
 		`max-age=${x}`,
 		"SameSite=Lax"
 	];
-	r && a.push(`domain=${r}`), i && a.push("Secure"), document.cookie = [`${encodeURIComponent(b)}=${encodeURIComponent(e)}`, ...a].join("; ");
+	n && r.push("Secure");
+	let i = T(t);
+	i && (document.cookie = [
+		`${encodeURIComponent(b)}=`,
+		"path=/",
+		"max-age=0",
+		"SameSite=Lax",
+		`domain=${i}`,
+		...n ? ["Secure"] : []
+	].join("; ")), document.cookie = [`${encodeURIComponent(b)}=${encodeURIComponent(e)}`, ...r].join("; ");
 }
 function T(e) {
-	if (typeof document > "u") return;
-	let t = k(e) ? e : C() ?? "auto";
-	console.log("Applying theme mode:", t);
-	let n = O(t);
-	document.documentElement.setAttribute("dark-mode", String(n));
+	if (!e || e === "localhost") return null;
+	if (/^\d+(?:\.\d+){3}$/.test(e)) return e;
+	let t = e.split(".");
+	return t.length <= 1 ? null : t.slice(-2).join(".");
 }
 function E(e) {
+	if (typeof document > "u") return;
+	let t = O(k(e) ? e : C() ?? "auto");
+	document.documentElement.setAttribute("dark-mode", String(t));
+}
+function D(e) {
 	if (typeof document > "u" || !document.cookie) return null;
 	let t = `${encodeURIComponent(e)}=`, n = document.cookie.split("; ");
-	for (let e of n) if (e.startsWith(t)) return decodeURIComponent(e.slice(t.length));
+	for (let e of n) if (e.startsWith(t)) try {
+		return decodeURIComponent(e.slice(t.length));
+	} catch {
+		return null;
+	}
 	return null;
 }
-function D(e) {
-	if (!e || e === "localhost") return null;
-	if (/^\d+(?:\.\d+){3}$/.test(e)) return e;
-	let t = e.split(".");
-	return t.length <= 1 ? null : t.length === 2 ? e : t.slice(-2).join(".");
-}
 function O(e) {
 	if (e === "dark") return !0;
 	if (e === "light" || typeof window > "u") return !1;
@@ -56,15 +67,13 @@ function k(e) {
 //#endregion
 //#region src/portalHost.ts
 var A = Symbol.for("gospore.theme.portalHost");
-function j() {
+function ee() {
 	let t = o(A, null);
-	console.log("Using theme portal host:", t);
-	let n = typeof document < "u" ? document.body : "body";
-	return e(() => t?.value ?? n);
+	return e(() => t?.value ?? "body");
 }
 //#endregion
 //#region src/Theme.vue?vue&type=script&setup=true&lang.ts
-var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)", te = "(prefers-reduced-motion: reduce)", ne = 200, P = 4.5, F = 1.8, I = 1.15, L = 1.08, R = 4.5, z = 3, B = "#ffffff", V = "#1f2228", H = /* @__PURE__ */ a({
+var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = [], F, te = "(prefers-color-scheme: dark)", ne = "(prefers-reduced-motion: reduce)", re = 200, I = 4.5, ie = 1.8, ae = 1.15, oe = 1.08, L = 4.5, se = 3, R = "#ffffff", z = "#1f2228", B = /* @__PURE__ */ a({
 	name: "Theme",
 	__name: "Theme",
 	props: {
@@ -90,49 +99,84 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 	setup(t) {
 		let i = t;
 		function a() {
+			if (typeof document > "u") return;
 			let e = document.documentElement;
 			if (!e) return;
-			N.forEach((t) => {
-				e.style.removeProperty(t);
-			}), N.clear();
-			let t = [...M].reverse().find((e) => e.enabled && e.vars && Object.keys(e.vars).length > 0);
-			t && Object.entries(t.vars).forEach(([t, n]) => {
-				e.style.setProperty(t, n), N.add(t);
-			});
-		}
-		let o = window.matchMedia(ee), p = window.matchMedia(te), h = E();
-		T(h);
-		let g = d(h), _ = d({ darkMode: b(h) }), v = d(null);
-		o.addEventListener("change", x), m(() => i.mode, () => {
-			y();
-		}, { immediate: !0 }), m(() => _.value.darkMode, (e, t) => {
-			if (t === void 0) {
-				S(e);
+			M.forEach((t) => {
+				let n = N.get(t);
+				n?.value ? e.style.setProperty(t, n.value, n.priority) : e.style.removeProperty(t);
+			}), M.clear();
+			let t = [...j].reverse().find((e) => e.enabled && e.vars && Object.keys(e.vars).length > 0);
+			if (!t) {
+				N.clear();
 				return;
 			}
-			w(() => {
-				S(e);
+			Object.entries(t.vars).forEach(([t, n]) => {
+				N.has(t) || N.set(t, {
+					priority: e.style.getPropertyPriority(t),
+					value: e.style.getPropertyValue(t)
+				}), e.style.setProperty(t, n), M.add(t);
 			});
+		}
+		let p = U(te), h = U(ne), g = o("theme", null), _ = H(), v = d(_), y = null, b = d({ darkMode: D(_) }), x = { darkMode: b.value.darkMode }, S = !1;
+		E();
+		let w = d(null);
+		p.addEventListener("change", O), m(() => i.mode, () => {
+			T();
+		}, { immediate: !0 }), m(() => g?.value.darkMode, () => {
+			i.mode === void 0 && T();
+		}), m(() => b.value.darkMode, (e, t) => {
+			if (x.darkMode = e, !(!S || !B(x))) {
+				if (t === void 0) {
+					k(e);
+					return;
+				}
+				ce(() => {
+					B(x) && k(e);
+				});
+			}
 		}, { immediate: !0 }), c(() => {
-			o.removeEventListener("change", x);
-			let e = M.indexOf($);
-			e !== -1 && M.splice(e, 1), a();
+			p.removeEventListener("change", O), y !== null && typeof window < "u" && (window.cancelAnimationFrame(y), y = null), S && V(x);
+			let e = j.indexOf($);
+			e !== -1 && j.splice(e, 1), a();
 		});
-		function y() {
-			let e = E();
-			g.value = e, _.value.darkMode = b(e);
+		function T() {
+			let e = H(), t = D(e);
+			v.value = e, x.darkMode = t, E(), b.value.darkMode = t;
+		}
+		function E() {
+			let e = g === null || i.mode !== void 0;
+			e && !S ? S = ee(x) : !e && S && (V(x), S = !1);
+		}
+		function D(e) {
+			return e === "dark" || e !== "light" && p.matches;
+		}
+		function O(e) {
+			!e || v.value !== "auto" || (b.value.darkMode = e.matches);
+		}
+		function k(e) {
+			typeof document > "u" || document.documentElement.setAttribute("dark-mode", String(e));
 		}
-		function b(e) {
-			return e === "dark" || e !== "light" && o.matches;
+		function ee(e) {
+			return typeof document > "u" ? !1 : (P.length === 0 && (F = document.documentElement.getAttribute("dark-mode")), P.push(e), k(e.darkMode), !0);
 		}
-		function x(e) {
-			!e || g.value !== "auto" || (_.value.darkMode = e.matches);
+		function B(e) {
+			return P.at(-1) === e;
 		}
-		function S(e) {
-			document.documentElement.setAttribute("dark-mode", String(e));
+		function V(e) {
+			let t = P.indexOf(e);
+			if (t === -1) return;
+			let n = t === P.length - 1;
+			if (P.splice(t, 1), !n || typeof document > "u") return;
+			let r = P.at(-1);
+			if (r) {
+				k(r.darkMode);
+				return;
+			}
+			F === null ? document.documentElement.removeAttribute("dark-mode") : F !== void 0 && document.documentElement.setAttribute("dark-mode", F), F = void 0;
 		}
-		function w(e) {
-			if (p.matches) {
+		function ce(e) {
+			if (h.matches || typeof document > "u" || typeof window > "u") {
 				e();
 				return;
 			}
@@ -145,18 +189,33 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 			}
 			e();
 			let n = document.documentElement;
-			typeof n.animate == "function" && window.requestAnimationFrame(() => {
-				n.animate([{ opacity: .85 }, { opacity: 1 }], {
-					duration: ne,
+			typeof n.animate == "function" && (y !== null && window.cancelAnimationFrame(y), y = window.requestAnimationFrame(() => {
+				y = null, n.animate([{ opacity: .85 }, { opacity: 1 }], {
+					duration: re,
 					easing: "ease-in-out"
 				});
-			});
+			}));
 		}
-		function E() {
-			return i.mode ?? C() ?? "auto";
+		function H() {
+			return i.mode === void 0 && g ? g.value.darkMode ? "dark" : "light" : i.mode ?? C() ?? "auto";
 		}
-		u("theme", _), u(A, v);
-		function D(e) {
+		function U(e) {
+			if (typeof window < "u" && typeof window.matchMedia == "function") try {
+				return window.matchMedia(e);
+			} catch {}
+			return {
+				addEventListener() {},
+				addListener() {},
+				dispatchEvent: () => !1,
+				matches: !1,
+				media: e,
+				onchange: null,
+				removeEventListener() {},
+				removeListener() {}
+			};
+		}
+		u("theme", b), u(A, w);
+		function W(e) {
 			if (!e) return null;
 			let t = e.trim().toLowerCase();
 			if (!/^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.exec(t)) return null;
@@ -166,94 +225,94 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 			}
 			return t;
 		}
-		function O(e) {
-			let t = D(e);
+		function G(e) {
+			let t = W(e);
 			return t ? {
 				r: parseInt(t.slice(1, 3), 16),
 				g: parseInt(t.slice(3, 5), 16),
 				b: parseInt(t.slice(5, 7), 16)
 			} : null;
 		}
-		function k({ r: e, g: t, b: n }) {
+		function K({ r: e, g: t, b: n }) {
 			let r = (e) => e.toString(16).padStart(2, "0");
 			return `#${r(e)}${r(t)}${r(n)}`;
 		}
-		function j(e) {
+		function q(e) {
 			return Math.max(0, Math.min(1, e));
 		}
-		function H(e) {
+		function J(e) {
 			return e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
 		}
-		function U(e) {
-			let t = j(e);
+		function Y(e) {
+			let t = q(e);
 			return t <= .0031308 ? 12.92 * t : 1.055 * t ** (1 / 2.4) - .055;
 		}
-		function W({ r: e, g: t, b: n }) {
-			let r = e / 255, i = t / 255, a = n / 255, o = H(r), s = H(i), c = H(a), l = .4122214708 * o + .5363325363 * s + .0514459929 * c, u = .2119034982 * o + .6806995451 * s + .1073969566 * c, d = .0883024619 * o + .2817188376 * s + .6299787005 * c, f = Math.cbrt(l), p = Math.cbrt(u), m = Math.cbrt(d), h = .2104542553 * f + .793617785 * p - .0040720468 * m, g = 1.9779984951 * f - 2.428592205 * p + .4505937099 * m, _ = .0259040371 * f + .7827717662 * p - .808675766 * m, v = Math.sqrt(g * g + _ * _), y = 180 / Math.PI * Math.atan2(_, g);
+		function le({ r: e, g: t, b: n }) {
+			let r = e / 255, i = t / 255, a = n / 255, o = J(r), s = J(i), c = J(a), l = .4122214708 * o + .5363325363 * s + .0514459929 * c, u = .2119034982 * o + .6806995451 * s + .1073969566 * c, d = .0883024619 * o + .2817188376 * s + .6299787005 * c, f = Math.cbrt(l), p = Math.cbrt(u), m = Math.cbrt(d), h = .2104542553 * f + .793617785 * p - .0040720468 * m, g = 1.9779984951 * f - 2.428592205 * p + .4505937099 * m, _ = .0259040371 * f + .7827717662 * p - .808675766 * m, v = Math.sqrt(g * g + _ * _), y = 180 / Math.PI * Math.atan2(_, g);
 			return y < 0 && (y += 360), {
 				l: h,
 				c: v,
 				h: y
 			};
 		}
-		function G(e, t, n, r = !1) {
-			let i = n * Math.PI / 180, a = t * Math.cos(i), o = t * Math.sin(i), s = e + .3963377774 * a + .2158037573 * o, c = e - .1055613458 * a - .0638541728 * o, l = e - .0894841775 * a - 1.291485548 * o, u = r ? j(s) : s, d = r ? j(c) : c, f = r ? j(l) : l;
+		function ue(e, t, n, r = !1) {
+			let i = n * Math.PI / 180, a = t * Math.cos(i), o = t * Math.sin(i), s = e + .3963377774 * a + .2158037573 * o, c = e - .1055613458 * a - .0638541728 * o, l = e - .0894841775 * a - 1.291485548 * o, u = r ? q(s) : s, d = r ? q(c) : c, f = r ? q(l) : l;
 			if (!r && (u < -1e-4 || u > 1.0001 || d < -1e-4 || d > 1.0001 || f < -1e-4 || f > 1.0001)) return null;
 			let p = u * u * u, m = d * d * d, h = f * f * f, g = 4.0767416621 * p - 3.3077115913 * m + .2309699292 * h, _ = -1.2684380046 * p + 2.6097574011 * m - .3413193965 * h, v = -.0041960863 * p - .7034186147 * m + 1.707614701 * h;
-			if (r) g = j(g), _ = j(_), v = j(v);
+			if (r) g = q(g), _ = q(_), v = q(v);
 			else if (g < -1e-4 || g > 1.0001 || _ < -1e-4 || _ > 1.0001 || v < -1e-4 || v > 1.0001) return null;
-			let y = j(U(g)), b = j(U(_)), x = j(U(v));
+			let y = q(Y(g)), b = q(Y(_)), x = q(Y(v));
 			return {
 				r: Math.round(y * 255),
 				g: Math.round(b * 255),
 				b: Math.round(x * 255)
 			};
 		}
-		function K(e, t, n) {
+		function de(e, t, n) {
 			let r = t;
 			for (let t = 0; t < 8; t += 1) {
-				let t = G(e, r, n);
+				let t = ue(e, r, n);
 				if (t) return t;
 				r *= .9;
 			}
-			return G(e, j(r), n, !0) || {
+			return ue(e, q(r), n, !0) || {
 				r: 0,
 				g: 0,
 				b: 0
 			};
 		}
-		function q(e) {
-			let t = O(e);
+		function fe(e) {
+			let t = G(e);
 			if (!t) return 0;
-			let n = H(t.r / 255), r = H(t.g / 255), i = H(t.b / 255);
+			let n = J(t.r / 255), r = J(t.g / 255), i = J(t.b / 255);
 			return .2126 * n + .7152 * r + .0722 * i;
 		}
-		function J(e, t) {
-			let n = q(e), r = q(t), i = Math.max(n, r), a = Math.min(n, r);
+		function X(e, t) {
+			let n = fe(e), r = fe(t), i = Math.max(n, r), a = Math.min(n, r);
 			return (i + .05) / (a + .05);
 		}
-		function re(e, t, n = {}) {
-			let r = n.minContrast ?? P, i = n.preferDark !== !1, a = Math.max(.01, Math.min(.06, (e.c || .12) * (n.chromaScale ?? .25))), o = n.initialLightness ?? (i ? .24 : .94), s = i ? -1 : 1, c = n.step ?? .03, l = j(o), u = k(K(l, a, e.h)), d = J(t, u);
+		function pe(e, t, n = {}) {
+			let r = n.minContrast ?? I, i = n.preferDark !== !1, a = Math.max(.01, Math.min(.06, (e.c || .12) * (n.chromaScale ?? .25))), o = n.initialLightness ?? (i ? .24 : .94), s = i ? -1 : 1, c = n.step ?? .03, l = q(o), u = K(de(l, a, e.h)), d = X(t, u);
 			for (let n = 0; n < 48; n += 1) {
-				let n = k(K(l, a, e.h)), i = J(t, n);
+				let n = K(de(l, a, e.h)), i = X(t, n);
 				if (i > d && (d = i, u = n), i >= r) return n;
-				if (l = j(l + s * c), l === 0 || l === 1) break;
+				if (l = q(l + s * c), l === 0 || l === 1) break;
 			}
-			let f = "#000000", p = "#ffffff", m = J(t, f), h = J(t, p);
+			let f = "#000000", p = "#ffffff", m = X(t, f), h = X(t, p);
 			return m >= r || h >= r ? m >= h ? f : p : u;
 		}
-		function Y(e, t, n = {}) {
-			let r = n.minContrast ?? P, i = n.darkCandidate ?? "#101214", a = n.lightCandidate ?? "#ffffff", o = n.preferredCandidate, s = n.preferredMinContrast ?? r, c = n.preferredSwitchDelta ?? 0, l = J(t, i), u = J(t, a), d = l >= r, f = u >= r, p = u >= s, m = l >= s;
+		function Z(e, t, n = {}) {
+			let r = n.minContrast ?? I, i = n.darkCandidate ?? "#101214", a = n.lightCandidate ?? "#ffffff", o = n.preferredCandidate, s = n.preferredMinContrast ?? r, c = n.preferredSwitchDelta ?? 0, l = X(t, i), u = X(t, a), d = l >= r, f = u >= r, p = u >= s, m = l >= s;
 			if (d || f) return o === "light" && p ? a : o === "dark" && m ? i : o === "light" && f ? !d || l - u <= c ? a : i : o === "dark" && d ? !f || u - l <= c ? i : a : d && f ? l >= u ? i : a : d ? i : a;
 			let h = l >= u;
-			return re(e, t, {
+			return pe(e, t, {
 				minContrast: r,
 				preferDark: h,
 				initialLightness: h ? .2 : .96,
 				chromaScale: .1
 			});
 		}
-		let ie = [
+		let me = [
 			100,
 			200,
 			300,
@@ -264,7 +323,7 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 			800,
 			900,
 			1e3
-		], X = [
+		], he = [
 			.9,
 			.84,
 			.78,
@@ -275,7 +334,7 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 			.5,
 			.44,
 			.38
-		], ae = [
+		], ge = [
 			.28,
 			.4,
 			.54,
@@ -287,19 +346,31 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 			1.2,
 			1.24
 		];
-		function Z(e, t, n, r) {
+		function Q(e, t, n, r) {
 			let i = t[t.length - 1];
 			for (let i of t) {
 				let t = e[i];
-				if (t && J(t, n) >= r) return i;
+				if (t && X(t, n) >= r) return i;
 			}
 			return i;
 		}
-		function oe(e) {
-			let t = e.l - X[5], n = e.c > .02 ? .02 : 0;
-			return ie.reduce((r, i, a) => (r[i] = k(K(j(X[a] + t), Math.min(.4, Math.max(n, e.c * ae[a])), e.h)), r), {});
+		function _e(e, t, n, r, i) {
+			for (let e of n) {
+				let n = t[e];
+				if (n && X(n, r) >= L) return n;
+			}
+			return pe(e, r, {
+				chromaScale: 1,
+				initialLightness: i ? .45 : .72,
+				minContrast: L,
+				preferDark: i
+			});
+		}
+		function ve(e) {
+			let t = e.l - he[5], n = e.c > .02 ? .02 : 0;
+			return me.reduce((r, i, a) => (r[i] = K(de(q(he[a] + t), Math.min(.4, Math.max(n, e.c * ge[a])), e.h)), r), {});
 		}
-		function se(e, t) {
+		function ye(e, t) {
 			let n = [
 				100,
 				200,
@@ -308,14 +379,14 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 				500,
 				600,
 				700
-			], r = Z(t, n, B, L), i = n.indexOf(r), a = n[Math.min(i + 1, n.length - 1)], o = n[Math.min(i + 2, n.length - 1)], s = [
+			], r = Q(t, n, R, oe), i = n.indexOf(r), a = n[Math.min(i + 1, n.length - 1)], o = n[Math.min(i + 2, n.length - 1)], s = [
 				1e3,
 				900,
 				800,
 				700,
 				600,
 				500
-			], c = Z(t, s, V, L), l = s.indexOf(c), u = s[Math.min(l + 1, s.length - 1)], d = s[Math.min(l + 2, s.length - 1)], f = Z(t, [
+			], c = Q(t, s, z, oe), l = s.indexOf(c), u = s[Math.min(l + 1, s.length - 1)], d = s[Math.min(l + 2, s.length - 1)], f = Q(t, [
 				200,
 				300,
 				400,
@@ -323,25 +394,25 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 				600,
 				700,
 				800
-			], B, I), p = Z(t, [
+			], R, ae), p = Q(t, [
 				900,
 				800,
 				700,
 				600,
 				500,
 				400
-			], V, I), m = [
+			], z, ae), m = [
 				600,
 				700,
 				800,
 				900,
 				1e3
-			], h = Z(t, m, B, F), g = m.indexOf(h), _ = m[Math.min(g + 1, m.length - 1)], v = m[Math.min(g + 2, m.length - 1)], y = [
+			], h = Q(t, m, R, ie), g = m.indexOf(h), _ = m[Math.min(g + 1, m.length - 1)], v = m[Math.min(g + 2, m.length - 1)], y = [
 				400,
 				300,
 				200,
 				100
-			], b = Z(t, y, V, F), x = y.indexOf(b), S = y[Math.min(x + 1, y.length - 1)], C = y[Math.min(x + 2, y.length - 1)], w = {
+			], b = Q(t, y, z, ie), x = y.indexOf(b), S = y[Math.min(x + 1, y.length - 1)], C = y[Math.min(x + 2, y.length - 1)], w = {
 				"--color-brand-surface-soft-light": t[r],
 				"--color-brand-surface-soft-hovered-light": t[a],
 				"--color-brand-surface-soft-pressed-light": t[o],
@@ -357,24 +428,35 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 				"--color-brand-surface-strong-hovered-dark": t[S],
 				"--color-brand-surface-strong-pressed-dark": t[C]
 			}, T = t[600];
-			return w["--color-brand-on-soft-light"] = J(w["--color-brand-surface-soft-light"], T) >= P ? T : Y(e, w["--color-brand-surface-soft-light"], { minContrast: P }), w["--color-brand-on-soft-dark"] = Y(e, w["--color-brand-surface-soft-dark"], { minContrast: P }), w["--color-brand-on-subtle-light"] = Y(e, w["--color-brand-surface-subtle-light"], {
-				minContrast: R,
+			return w["--color-brand-on-soft-light"] = X(w["--color-brand-surface-soft-light"], T) >= I ? T : Z(e, w["--color-brand-surface-soft-light"], { minContrast: I }), w["--color-brand-on-soft-dark"] = Z(e, w["--color-brand-surface-soft-dark"], { minContrast: I }), w["--color-brand-on-subtle-light"] = Z(e, w["--color-brand-surface-subtle-light"], {
+				minContrast: L,
 				preferredCandidate: "light",
-				preferredMinContrast: R,
-				preferredSwitchDelta: z
-			}), w["--color-brand-on-subtle-dark"] = Y(e, w["--color-brand-surface-subtle-dark"], { minContrast: P }), w["--color-brand-on-strong-light"] = Y(e, w["--color-brand-surface-strong-light"], {
-				minContrast: R,
+				preferredMinContrast: L,
+				preferredSwitchDelta: se
+			}), w["--color-brand-on-subtle-dark"] = Z(e, w["--color-brand-surface-subtle-dark"], { minContrast: I }), w["--color-brand-on-strong-light"] = Z(e, w["--color-brand-surface-strong-light"], {
+				minContrast: L,
 				preferredCandidate: "light",
-				preferredMinContrast: R,
-				preferredSwitchDelta: z
-			}), w["--color-brand-on-strong-dark"] = Y(e, w["--color-brand-surface-strong-dark"], { minContrast: P }), w["--color-brand-text-light"] = w["--color-brand-surface-strong-light"], w["--color-brand-text-dark"] = w["--color-brand-surface-strong-dark"], w["--color-brand-icon-light"] = w["--color-brand-surface-strong-light"], w["--color-brand-icon-dark"] = w["--color-brand-surface-strong-dark"], w["--color-brand-border-light"] = w["--color-brand-surface-strong-light"], w["--color-brand-border-dark"] = w["--color-brand-surface-strong-dark"], w;
+				preferredMinContrast: L,
+				preferredSwitchDelta: se
+			}), w["--color-brand-on-strong-dark"] = Z(e, w["--color-brand-surface-strong-dark"], { minContrast: I }), w["--color-brand-text-light"] = _e(e, t, [
+				600,
+				700,
+				800,
+				900,
+				1e3
+			], R, !0), w["--color-brand-text-dark"] = _e(e, t, [
+				400,
+				300,
+				200,
+				100
+			], z, !1), w["--color-brand-icon-light"] = w["--color-brand-text-light"], w["--color-brand-icon-dark"] = w["--color-brand-text-dark"], w["--color-brand-border-light"] = w["--color-brand-text-light"], w["--color-brand-border-dark"] = w["--color-brand-text-dark"], w;
 		}
-		function ce(e) {
-			let t = D(e);
+		function be(e) {
+			let t = W(e);
 			if (!t) return null;
-			let n = O(t);
+			let n = G(t);
 			if (!n) return null;
-			let r = W(n), i = oe(r);
+			let r = le(n), i = ve(r);
 			return i[600] = t, {
 				"--color-brand-seed": t,
 				"--color-brand-100": i[100],
@@ -387,27 +469,27 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 				"--color-brand-800": i[800],
 				"--color-brand-900": i[900],
 				"--color-brand-1000": i[1e3],
-				...se(r, i)
+				...ye(r, i)
 			};
 		}
-		let Q = e(() => ce(i.accentColor) ?? {}), $ = {
+		let xe = e(() => be(i.accentColor) ?? {}), $ = {
 			vars: {},
 			enabled: !!i.exposeGlobalAccent
 		};
-		return M.push($), m(() => i.exposeGlobalAccent, (e) => {
+		return typeof document < "u" && j.push($), m(() => i.exposeGlobalAccent, (e) => {
 			$.enabled = !!e, a();
-		}, { immediate: !0 }), m(Q, (e) => {
+		}, { immediate: !0 }), m(xe, (e) => {
 			e && Object.keys(e).length > 0 ? $.vars = { ...e } : $.vars = {}, a();
 		}, { immediate: !0 }), (e, t) => (l(), n("div", {
 			class: "theme",
-			style: s(Q.value)
+			style: s(xe.value)
 		}, [f(e.$slots, "default"), r("div", {
 			ref_key: "portalHost",
-			ref: v,
+			ref: w,
 			class: "theme__portal-host"
 		}, null, 512)], 4));
 	}
-}), U = /*#__PURE__*/ ((e, t) => {
+}), V = /*#__PURE__*/ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
@@ -437,20 +519,20 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 				value: "dark",
 				label: "Dark"
 			}
-		].reduce((e, t) => (e[t.value] = t.label, e), {}), o = y, s = e, c = n;
-		T();
-		let u = d(!1), f = C() ?? s.mode, b = d(o.includes(f) ? f : "auto");
-		return m(() => s.mode, (e) => {
-			o.includes(e) && e !== b.value && (b.value = e);
-		}), m(b, (e) => {
-			if (!o.includes(e)) {
-				b.value = "auto";
+		].reduce((e, t) => (e[t.value] = t.label, e), {}), s = y, c = e, u = n, f = o("theme", null) !== null;
+		f || E();
+		let b = d(!1), x = C() ?? c.mode, S = d(s.includes(x) ? x : "auto");
+		return m(() => c.mode, (e) => {
+			s.includes(e) && e !== S.value && (S.value = e);
+		}), m(S, (e) => {
+			if (!s.includes(e)) {
+				S.value = "auto";
 				return;
 			}
-			u.value = !1, c("update:mode", e), w(e), T(e);
+			b.value = !1, u("update:mode", e), w(e), f || E(e);
 		}, { immediate: !0 }), (e, n) => (l(), t(p(v), {
-			open: u.value,
-			"onUpdate:open": n[3] ||= (e) => u.value = e,
+			open: b.value,
+			"onUpdate:open": n[3] ||= (e) => b.value = e,
 			text: "Theme",
 			"aria-label": "Select theme mode"
 		}, {
@@ -460,8 +542,8 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 			}, {
 				default: h(() => [
 					i(p(_), {
-						checked: b.value,
-						"onUpdate:checked": n[0] ||= (e) => b.value = e,
+						checked: S.value,
+						"onUpdate:checked": n[0] ||= (e) => S.value = e,
 						value: "auto",
 						label: p(a).auto,
 						"aria-label": `${p(a).auto} mode`
@@ -472,8 +554,8 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 					]),
 					n[4] ||= r("hr", { class: "theme-switcher-divider" }, null, -1),
 					i(p(_), {
-						checked: b.value,
-						"onUpdate:checked": n[1] ||= (e) => b.value = e,
+						checked: S.value,
+						"onUpdate:checked": n[1] ||= (e) => S.value = e,
 						value: "light",
 						label: p(a).light,
 						"aria-label": `${p(a).light} mode`
@@ -483,8 +565,8 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 						"aria-label"
 					]),
 					i(p(_), {
-						checked: b.value,
-						"onUpdate:checked": n[2] ||= (e) => b.value = e,
+						checked: S.value,
+						"onUpdate:checked": n[2] ||= (e) => S.value = e,
 						value: "dark",
 						label: p(a).dark,
 						"aria-label": `${p(a).dark} mode`
@@ -499,8 +581,75 @@ var M = [], N = /* @__PURE__ */ new Set(), ee = "(prefers-color-scheme: dark)",
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-be9d7090"]]);
+}), [["__scopeId", "data-v-80f281b2"]]), ce = "(prefers-color-scheme: dark)", H = "#ffffff", U = "oklch(100% 0 250)", W = "#1f2228", G = "oklch(15% 0.0045 250)";
+function K() {
+	return {
+		name: "gospore-theme-bootstrap",
+		enforce: "pre",
+		transformIndexHtml: {
+			order: "pre",
+			handler: () => [{
+				tag: "style",
+				children: J(),
+				injectTo: "head"
+			}, {
+				tag: "script",
+				children: q(),
+				injectTo: "head"
+			}]
+		}
+	};
+}
+function q() {
+	return `(() => {
+    const storageKey = ${JSON.stringify(b)};
+    const validModes = ${JSON.stringify(y)};
+    const encodedKey = encodeURIComponent(storageKey) + "=";
+    const storedCookie = document.cookie
+        .split("; ")
+        .find((entry) => entry.startsWith(encodedKey));
+    let mode = "auto";
+
+    if (storedCookie) {
+        try {
+            const storedMode = decodeURIComponent(storedCookie.slice(encodedKey.length));
+            if (validModes.includes(storedMode)) mode = storedMode;
+        } catch {}
+    }
+
+    let systemDark = false;
+    if (mode === "auto") {
+        try {
+            systemDark =
+                typeof window.matchMedia === "function" &&
+                window.matchMedia(${JSON.stringify(ce)}).matches;
+        } catch {}
+    }
+
+    document.documentElement.setAttribute(
+        "dark-mode",
+        String(mode === "dark" || (mode === "auto" && systemDark)),
+    );
+})();`;
+}
+function J() {
+	return `html {
+    background-color: ${H};
+    background-color: ${U};
+    color-scheme: light;
+}
+
+html[dark-mode="true"] {
+    background-color: ${W};
+    background-color: ${G};
+    color-scheme: dark;
+}
+
+body {
+    background-color: inherit;
+}`;
+}
 //#endregion
-export { H as Theme, U as ThemeSwitcher, A as themePortalHostKey, j as useThemePortalTarget };
+export { b as STORAGE_KEY, B as Theme, V as ThemeSwitcher, y as VALID_THEME_MODES, E as applyStoredModeToDocument, K as createThemeBootstrapPlugin, C as readStoredMode, A as themePortalHostKey, ee as useThemePortalTarget, w as writeStoredMode };
 
 //# sourceMappingURL=theme.es.js.map