@gospore/theme 1.0.164 → 1.0.165

package/dist/theme.es.js

@@ -73,7 +73,7 @@ function ee() {
 }
 //#endregion
 //#region src/Theme.vue?vue&type=script&setup=true&lang.ts
-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, R = 3, z = "#ffffff", B = "#1f2228", V = /* @__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: {
@@ -118,7 +118,7 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 				}), e.style.setProperty(t, n), M.add(t);
 			});
 		}
-		let p = W(te), h = W(ne), g = o("theme", null), _ = U(), v = d(_), y = null, b = d({ darkMode: D(_) }), x = { darkMode: b.value.darkMode }, S = !1;
+		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, () => {
@@ -126,27 +126,27 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 		}, { immediate: !0 }), m(() => g?.value.darkMode, () => {
 			i.mode === void 0 && T();
 		}), m(() => b.value.darkMode, (e, t) => {
-			if (x.darkMode = e, !(!S || !V(x))) {
+			if (x.darkMode = e, !(!S || !B(x))) {
 				if (t === void 0) {
 					k(e);
 					return;
 				}
-				se(() => {
-					V(x) && k(e);
+				ce(() => {
+					B(x) && k(e);
 				});
 			}
 		}, { immediate: !0 }), c(() => {
-			p.removeEventListener("change", O), y !== null && typeof window < "u" && (window.cancelAnimationFrame(y), y = null), S && H(x);
+			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 T() {
-			let e = U(), t = D(e);
+			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 && (H(x), S = !1);
+			e && !S ? S = ee(x) : !e && S && (V(x), S = !1);
 		}
 		function D(e) {
 			return e === "dark" || e !== "light" && p.matches;
@@ -160,10 +160,10 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 		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 V(e) {
+		function B(e) {
 			return P.at(-1) === e;
 		}
-		function H(e) {
+		function V(e) {
 			let t = P.indexOf(e);
 			if (t === -1) return;
 			let n = t === P.length - 1;
@@ -175,7 +175,7 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 			}
 			F === null ? document.documentElement.removeAttribute("dark-mode") : F !== void 0 && document.documentElement.setAttribute("dark-mode", F), F = void 0;
 		}
-		function se(e) {
+		function ce(e) {
 			if (h.matches || typeof document > "u" || typeof window > "u") {
 				e();
 				return;
@@ -196,10 +196,10 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 				});
 			}));
 		}
-		function U() {
+		function H() {
 			return i.mode === void 0 && g ? g.value.darkMode ? "dark" : "light" : i.mode ?? C() ?? "auto";
 		}
-		function W(e) {
+		function U(e) {
 			if (typeof window < "u" && typeof window.matchMedia == "function") try {
 				return window.matchMedia(e);
 			} catch {}
@@ -215,7 +215,7 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 			};
 		}
 		u("theme", b), u(A, w);
-		function ce(e) {
+		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;
@@ -225,66 +225,66 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 			}
 			return t;
 		}
-		function le(e) {
-			let t = ce(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 G({ 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 K(e) {
+		function q(e) {
 			return Math.max(0, Math.min(1, e));
 		}
-		function q(e) {
+		function J(e) {
 			return e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
 		}
-		function J(e) {
-			let t = K(e);
+		function Y(e) {
+			let t = q(e);
 			return t <= .0031308 ? 12.92 * t : 1.055 * t ** (1 / 2.4) - .055;
 		}
-		function ue({ r: e, g: t, b: n }) {
-			let r = e / 255, i = t / 255, a = n / 255, o = q(r), s = q(i), c = q(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 de(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 ? K(s) : s, d = r ? K(c) : c, f = r ? K(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 = K(g), _ = K(_), v = K(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 = K(J(g)), b = K(J(_)), x = K(J(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 Y(e, t, n) {
+		function de(e, t, n) {
 			let r = t;
 			for (let t = 0; t < 8; t += 1) {
-				let t = de(e, r, n);
+				let t = ue(e, r, n);
 				if (t) return t;
 				r *= .9;
 			}
-			return de(e, K(r), n, !0) || {
+			return ue(e, q(r), n, !0) || {
 				r: 0,
 				g: 0,
 				b: 0
 			};
 		}
 		function fe(e) {
-			let t = le(e);
+			let t = G(e);
 			if (!t) return 0;
-			let n = q(t.r / 255), r = q(t.g / 255), i = q(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 X(e, t) {
@@ -292,11 +292,11 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 			return (i + .05) / (a + .05);
 		}
 		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 = K(o), u = G(Y(l, a, e.h)), d = X(t, u);
+			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 = G(Y(l, a, e.h)), i = X(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 = K(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 = X(t, f), h = X(t, p);
 			return m >= r || h >= r ? m >= h ? f : p : u;
@@ -368,7 +368,7 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 		}
 		function ve(e) {
 			let t = e.l - he[5], n = e.c > .02 ? .02 : 0;
-			return me.reduce((r, i, a) => (r[i] = G(Y(K(he[a] + t), Math.min(.4, Math.max(n, e.c * ge[a])), e.h)), r), {});
+			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 ye(e, t) {
 			let n = [
@@ -379,14 +379,14 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 				500,
 				600,
 				700
-			], r = Q(t, n, z, oe), 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 = Q(t, s, B, 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, [
+			], 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,
@@ -394,25 +394,25 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 				600,
 				700,
 				800
-			], z, ae), p = Q(t, [
+			], R, ae), p = Q(t, [
 				900,
 				800,
 				700,
 				600,
 				500,
 				400
-			], B, ae), m = [
+			], z, ae), m = [
 				600,
 				700,
 				800,
 				900,
 				1e3
-			], h = Q(t, m, z, ie), 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 = Q(t, y, B, ie), 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],
@@ -432,31 +432,31 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 				minContrast: L,
 				preferredCandidate: "light",
 				preferredMinContrast: L,
-				preferredSwitchDelta: R
+				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: L,
-				preferredSwitchDelta: R
+				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
-			], z, !0), w["--color-brand-text-dark"] = _e(e, t, [
+			], R, !0), w["--color-brand-text-dark"] = _e(e, t, [
 				400,
 				300,
 				200,
 				100
-			], B, !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;
+			], 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 be(e) {
-			let t = ce(e);
+			let t = W(e);
 			if (!t) return null;
-			let n = le(t);
+			let n = G(t);
 			if (!n) return null;
-			let r = ue(n), i = ve(r);
+			let r = le(n), i = ve(r);
 			return i[600] = t, {
 				"--color-brand-seed": t,
 				"--color-brand-100": i[100],
@@ -489,7 +489,7 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 			class: "theme__portal-host"
 		}, null, 512)], 4));
 	}
-}), H = /*#__PURE__*/ ((e, t) => {
+}), V = /*#__PURE__*/ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
@@ -581,8 +581,75 @@ var j = [], M = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new Map(), P = []
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-80f281b2"]]);
+}), [["__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 { b as STORAGE_KEY, V as Theme, H as ThemeSwitcher, y as VALID_THEME_MODES, E as applyStoredModeToDocument, C as readStoredMode, A as themePortalHostKey, ee as useThemePortalTarget, w as writeStoredMode };
+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