@gospore/theme 1.0.141 → 1.0.142

package/dist/theme.es.js

@@ -1,565 +1,501 @@
-import { inject as Ut, computed as ot, ref as G, watch as H, onBeforeUnmount as $t, provide as mt, createElementBlock as Pt, openBlock as _t, normalizeStyle as Ht, renderSlot as Ft, createElementVNode as Ct, createBlock as Vt, unref as w, withCtx as bt, createVNode as K } from "vue";
+import { computed as e, createBlock as t, createElementBlock as n, createElementVNode as r, createVNode as i, inject as a, normalizeStyle as o, onBeforeUnmount as s, openBlock as c, provide as l, ref as u, renderSlot as d, unref as f, watch as p, withCtx as m } from "vue";
 import "what-input";
-import { DropdownMenu as Gt, DropdownItemGroup as jt, DropdownItemRadio as Z } from "@gospore/dropdown-menu";
-const Q = ["auto", "light", "dark"], vt = "gospore-theme-mode", Kt = 3600 * 24 * 365, Yt = "(prefers-color-scheme: dark)";
-function nt() {
-  if (typeof document > "u")
-    return null;
-  const a = Xt(vt);
-  return a && Q.includes(a) ? a : null;
+import { DropdownItemGroup as h, DropdownItemRadio as g, DropdownMenu as _ } from "@gospore/dropdown-menu";
+//#region src/modeStorage.js
+var v = [
+	"auto",
+	"light",
+	"dark"
+], y = "gospore-theme-mode", b = 3600 * 24 * 365, x = "(prefers-color-scheme: dark)";
+function S() {
+	if (typeof document > "u") return null;
+	let e = T(y);
+	return e && v.includes(e) ? e : null;
 }
-function Qt(a) {
-  if (typeof document > "u" || !Q.includes(a))
-    return;
-  const l = typeof window < "u" ? window.location.hostname : "", m = typeof window < "u" ? window.location.protocol : "", u = qt(l), D = m === "https:", I = [
-    "path=/",
-    `max-age=${Kt}`,
-    "SameSite=Lax"
-  ];
-  u && I.push(`domain=${u}`), D && I.push("Secure"), document.cookie = [
-    `${encodeURIComponent(vt)}=${encodeURIComponent(a)}`,
-    ...I
-  ].join("; ");
+function C(e) {
+	if (typeof document > "u" || !v.includes(e)) return;
+	let t = typeof window < "u" ? window.location.hostname : "", n = typeof window < "u" ? window.location.protocol : "", r = E(t), i = n === "https:", a = [
+		"path=/",
+		`max-age=${b}`,
+		"SameSite=Lax"
+	];
+	r && a.push(`domain=${r}`), i && a.push("Secure"), document.cookie = [`${encodeURIComponent(y)}=${encodeURIComponent(e)}`, ...a].join("; ");
 }
-function Rt(a) {
-  if (typeof document > "u")
-    return;
-  const l = typeof a == "string" && Q.includes(a) ? a : nt() ?? "auto";
-  console.log("Applying theme mode:", l);
-  const m = zt(l);
-  document.documentElement.setAttribute("dark-mode", m);
+function w(e) {
+	if (typeof document > "u") return;
+	let t = typeof e == "string" && v.includes(e) ? e : S() ?? "auto";
+	console.log("Applying theme mode:", t);
+	let n = D(t);
+	document.documentElement.setAttribute("dark-mode", n);
 }
-function Xt(a) {
-  if (typeof document > "u" || !document.cookie)
-    return null;
-  const l = `${encodeURIComponent(a)}=`, m = document.cookie.split("; ");
-  for (const u of m)
-    if (u.startsWith(l))
-      return decodeURIComponent(u.slice(l.length));
-  return null;
+function T(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));
+	return null;
 }
-function qt(a) {
-  if (!a || a === "localhost")
-    return null;
-  if (/^\d+(?:\.\d+){3}$/.test(a))
-    return a;
-  const m = a.split(".");
-  return m.length <= 1 ? null : m.length === 2 ? a : m.slice(-2).join(".");
+function E(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 zt(a) {
-  if (a === "dark")
-    return !0;
-  if (a === "light" || typeof window > "u")
-    return !1;
-  try {
-    const l = typeof window.matchMedia == "function" ? window.matchMedia(Yt) : null;
-    return l ? l.matches : !1;
-  } catch {
-    return !1;
-  }
+function D(e) {
+	if (e === "dark") return !0;
+	if (e === "light" || typeof window > "u") return !1;
+	try {
+		let e = typeof window.matchMedia == "function" ? window.matchMedia(x) : null;
+		return e ? e.matches : !1;
+	} catch {
+		return !1;
+	}
 }
-const Tt = /* @__PURE__ */ Symbol.for("gospore.theme.portalHost");
-function ae() {
-  const a = Ut(Tt, null);
-  console.log("Using theme portal host:", a);
-  const l = typeof document < "u" ? document.body : "body";
-  return ot(() => a?.value ?? l);
+//#endregion
+//#region src/portalHost.js
+var O = Symbol.for("gospore.theme.portalHost");
+function k() {
+	let t = a(O, null);
+	console.log("Using theme portal host:", t);
+	let n = typeof document < "u" ? document.body : "body";
+	return e(() => t?.value ?? n);
 }
-const Wt = "(prefers-color-scheme: dark)", Jt = "(prefers-reduced-motion: reduce)", Zt = 200, B = 3.8, pt = 1.8, St = 1.15, kt = 1.08, Y = 2.5, Mt = 3, tt = "#ffffff", et = "#1f2228", ce = /* @__PURE__ */ Object.assign({
-  name: "Theme"
-}, {
-  __name: "Theme",
-  props: {
-    mode: {
-      type: String,
-      validator: (a) => ["auto", "light", "dark"].includes(a)
-    },
-    /**
-     * Optional hex accent color ("#RRGGBB" or "#RGB"). When provided,
-     * Theme derives contrast-safe semantic brand tokens and exposes them on
-     * the root .theme element (and the global document for portals).
-     */
-    accentColor: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    /**
-     * When true the brand vars are also exposed on <html>, allowing portals
-     * attached outside the Theme subtree to inherit the accent colors.
-     */
-    exposeGlobalAccent: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(a) {
-    const l = a, m = [], u = /* @__PURE__ */ new Set();
-    function D() {
-      const t = document.documentElement;
-      if (!t)
-        return;
-      u.forEach((o) => {
-        t.style.removeProperty(o);
-      }), u.clear();
-      const e = [...m].reverse().find(
-        (o) => o.enabled && o.vars && Object.keys(o.vars).length > 0
-      );
-      e && Object.entries(e.vars).forEach(([o, r]) => {
-        t.style.setProperty(o, r), u.add(o);
-      });
-    }
-    const I = window.matchMedia(Wt), X = window.matchMedia(
-      Jt
-    ), L = ct();
-    Rt(L);
-    const F = G(L), S = G({
-      darkMode: y(L)
-    }), _ = G(null);
-    I.addEventListener("change", rt), H(
-      () => l.mode,
-      () => {
-        M();
-      },
-      { immediate: !0 }
-    ), H(
-      () => S.value.darkMode,
-      (t, e) => {
-        if (e === void 0) {
-          at(t);
-          return;
-        }
-        Et(() => {
-          at(t);
-        });
-      },
-      { immediate: !0 }
-    ), $t(() => {
-      I.removeEventListener("change", rt);
-      const t = m.indexOf(V);
-      t !== -1 && m.splice(t, 1), D();
-    });
-    function M() {
-      const t = ct();
-      F.value = t, S.value.darkMode = y(t);
-    }
-    function y(t) {
-      return t === "dark" ? !0 : t === "light" ? !1 : I.matches;
-    }
-    function rt(t) {
-      !t || F.value !== "auto" || (S.value.darkMode = t.matches);
-    }
-    function at(t) {
-      document.documentElement.setAttribute("dark-mode", t);
-    }
-    function Et(t) {
-      if (X.matches) {
-        t();
-        return;
-      }
-      const e = document.startViewTransition?.bind(document);
-      if (e) {
-        e(() => {
-          t();
-        });
-        return;
-      }
-      t();
-      const o = document.documentElement;
-      typeof o.animate == "function" && window.requestAnimationFrame(() => {
-        o.animate([{ opacity: 0.85 }, { opacity: 1 }], {
-          duration: Zt,
-          easing: "ease-in-out"
-        });
-      });
-    }
-    function ct() {
-      return l.mode ?? nt() ?? "auto";
-    }
-    mt("theme", S), mt(Tt, _);
-    function st(t) {
-      if (!t) return null;
-      const e = t.trim().toLowerCase();
-      if (!/^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e)) return null;
-      if (e.length === 4) {
-        const r = e[1], n = e[2], c = e[3];
-        return `#${r}${r}${n}${n}${c}${c}`;
-      }
-      return e;
-    }
-    function lt(t) {
-      const e = st(t);
-      if (!e) return null;
-      const o = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), n = parseInt(e.slice(5, 7), 16);
-      return { r: o, g: r, b: n };
-    }
-    function q({ r: t, g: e, b: o }) {
-      const r = (n) => n.toString(16).padStart(2, "0");
-      return `#${r(t)}${r(e)}${r(o)}`;
-    }
-    function C(t) {
-      return Math.max(0, Math.min(1, t));
-    }
-    function U(t) {
-      return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
-    }
-    function z(t) {
-      const e = C(t);
-      return e <= 31308e-7 ? 12.92 * e : 1.055 * Math.pow(e, 1 / 2.4) - 0.055;
-    }
-    function At({ r: t, g: e, b: o }) {
-      const r = t / 255, n = e / 255, c = o / 255, i = U(r), f = U(n), v = U(c), d = 0.4122214708 * i + 0.5363325363 * f + 0.0514459929 * v, h = 0.2119034982 * i + 0.6806995451 * f + 0.1073969566 * v, b = 0.0883024619 * i + 0.2817188376 * f + 0.6299787005 * v, p = Math.cbrt(d), R = Math.cbrt(h), E = Math.cbrt(b), A = 0.2104542553 * p + 0.793617785 * R - 0.0040720468 * E, g = 1.9779984951 * p - 2.428592205 * R + 0.4505937099 * E, k = 0.0259040371 * p + 0.7827717662 * R - 0.808675766 * E, T = Math.sqrt(g * g + k * k);
-      let x = Math.atan2(k, g) * (180 / Math.PI);
-      return x < 0 && (x += 360), { l: A, c: T, h: x };
-    }
-    function it(t, e, o, r = !1) {
-      const n = o * Math.PI / 180, c = e * Math.cos(n), i = e * Math.sin(n), f = t + 0.3963377774 * c + 0.2158037573 * i, v = t - 0.1055613458 * c - 0.0638541728 * i, d = t - 0.0894841775 * c - 1.291485548 * i, h = r ? C(f) : f, b = r ? C(v) : v, p = r ? C(d) : d;
-      if (!r && (h < -1e-4 || h > 1.0001 || b < -1e-4 || b > 1.0001 || p < -1e-4 || p > 1.0001))
-        return null;
-      const R = h * h * h, E = b * b * b, A = p * p * p;
-      let g = 4.0767416621 * R - 3.3077115913 * E + 0.2309699292 * A, k = -1.2684380046 * R + 2.6097574011 * E - 0.3413193965 * A, T = -0.0041960863 * R - 0.7034186147 * E + 1.707614701 * A;
-      if (r)
-        g = C(g), k = C(k), T = C(T);
-      else if (g < -1e-4 || g > 1.0001 || k < -1e-4 || k > 1.0001 || T < -1e-4 || T > 1.0001)
-        return null;
-      const x = C(z(g)), J = C(z(k)), O = C(z(T));
-      return {
-        r: Math.round(x * 255),
-        g: Math.round(J * 255),
-        b: Math.round(O * 255)
-      };
-    }
-    function W(t, e, o) {
-      let r = e;
-      for (let n = 0; n < 8; n += 1) {
-        const c = it(t, r, o);
-        if (c)
-          return c;
-        r *= 0.9;
-      }
-      return it(t, C(r), o, !0) || { r: 0, g: 0, b: 0 };
-    }
-    function dt(t) {
-      const e = lt(t);
-      if (!e)
-        return 0;
-      const o = U(e.r / 255), r = U(e.g / 255), n = U(e.b / 255);
-      return 0.2126 * o + 0.7152 * r + 0.0722 * n;
-    }
-    function N(t, e) {
-      const o = dt(t), r = dt(e), n = Math.max(o, r), c = Math.min(o, r);
-      return (n + 0.05) / (c + 0.05);
-    }
-    function Dt(t, e, o = {}) {
-      const r = o.minContrast ?? B, n = o.preferDark !== !1, c = Math.max(
-        0.01,
-        Math.min(0.06, (t.c || 0.12) * (o.chromaScale ?? 0.25))
-      ), i = o.initialLightness ?? (n ? 0.24 : 0.94), f = n ? -1 : 1, v = o.step ?? 0.03;
-      let d = C(i), h = q(W(d, c, t.h)), b = N(e, h);
-      for (let g = 0; g < 48; g += 1) {
-        const k = q(
-          W(d, c, t.h)
-        ), T = N(e, k);
-        if (T > b && (b = T, h = k), T >= r)
-          return k;
-        if (d = C(d + f * v), d === 0 || d === 1)
-          break;
-      }
-      const p = "#101214", R = "#ffffff", E = N(e, p), A = N(e, R);
-      return E >= r || A >= r ? E >= A ? p : R : h;
-    }
-    function $(t, e, o = {}) {
-      const r = o.minContrast ?? B, n = o.darkCandidate ?? "#101214", c = o.lightCandidate ?? "#ffffff", i = o.preferredCandidate, f = o.preferredMinContrast ?? r, v = o.preferredSwitchDelta ?? 0, d = N(e, n), h = N(e, c), b = d >= r, p = h >= r, R = h >= f, E = d >= f;
-      if (b || p)
-        return i === "light" && R ? c : i === "dark" && E ? n : i === "light" && p ? !b || d - h <= v ? c : n : i === "dark" && b ? !p || h - d <= v ? n : c : b && p ? d >= h ? n : c : b ? n : c;
-      const A = d >= h;
-      return Dt(t, e, {
-        minContrast: r,
-        preferDark: A,
-        initialLightness: A ? 0.2 : 0.96,
-        chromaScale: 0.1
-      });
-    }
-    const wt = [100, 200, 300, 400, 500, 600, 700, 800, 900, 1e3], ut = [
-      0.9,
-      0.84,
-      0.78,
-      0.72,
-      0.67,
-      0.62,
-      0.56,
-      0.5,
-      0.44,
-      0.38
-    ], It = [
-      0.28,
-      0.4,
-      0.54,
-      0.7,
-      0.86,
-      1,
-      1.08,
-      1.14,
-      1.2,
-      1.24
-    ];
-    function P(t, e, o, r) {
-      const n = e[e.length - 1];
-      for (const c of e) {
-        const i = t[c];
-        if (i && N(i, o) >= r)
-          return c;
-      }
-      return n;
-    }
-    function yt(t) {
-      const e = t.l - ut[5], o = t.c > 0.02 ? 0.02 : 0;
-      return wt.reduce((r, n, c) => {
-        const i = C(
-          ut[c] + e
-        ), f = Math.min(
-          0.4,
-          Math.max(
-            o,
-            t.c * It[c]
-          )
-        );
-        return r[n] = q(W(i, f, t.h)), r;
-      }, {});
-    }
-    function Nt(t, e) {
-      const o = [100, 200, 300, 400, 500, 600, 700], r = P(
-        e,
-        o,
-        tt,
-        kt
-      ), n = o.indexOf(r), c = o[Math.min(n + 1, o.length - 1)], i = o[Math.min(n + 2, o.length - 1)], f = [1e3, 900, 800, 700, 600, 500], v = P(
-        e,
-        f,
-        et,
-        kt
-      ), d = f.indexOf(v), h = f[Math.min(d + 1, f.length - 1)], b = f[Math.min(d + 2, f.length - 1)], R = P(
-        e,
-        [200, 300, 400, 500, 600, 700, 800],
-        tt,
-        St
-      ), A = P(
-        e,
-        [900, 800, 700, 600, 500, 400],
-        et,
-        St
-      ), g = [600, 700, 800, 900, 1e3], k = P(
-        e,
-        g,
-        tt,
-        pt
-      ), T = g.indexOf(k), x = g[Math.min(T + 1, g.length - 1)], J = g[Math.min(T + 2, g.length - 1)], O = [400, 300, 200, 100], j = P(
-        e,
-        O,
-        et,
-        pt
-      ), ht = O.indexOf(j), Lt = O[Math.min(ht + 1, O.length - 1)], xt = O[Math.min(ht + 2, O.length - 1)], s = {
-        "--color-brand-surface-soft-light": e[r],
-        "--color-brand-surface-soft-hovered-light": e[c],
-        "--color-brand-surface-soft-pressed-light": e[i],
-        "--color-brand-surface-soft-dark": e[v],
-        "--color-brand-surface-soft-hovered-dark": e[h],
-        "--color-brand-surface-soft-pressed-dark": e[b],
-        "--color-brand-surface-subtle-light": e[R],
-        "--color-brand-surface-subtle-dark": e[A],
-        "--color-brand-surface-strong-light": e[k],
-        "--color-brand-surface-strong-hovered-light": e[x],
-        "--color-brand-surface-strong-pressed-light": e[J],
-        "--color-brand-surface-strong-dark": e[j],
-        "--color-brand-surface-strong-hovered-dark": e[Lt],
-        "--color-brand-surface-strong-pressed-dark": e[xt]
-      }, gt = e[600], Bt = N(
-        s["--color-brand-surface-soft-light"],
-        gt
-      );
-      return s["--color-brand-on-soft-light"] = Bt >= B ? gt : $(
-        t,
-        s["--color-brand-surface-soft-light"],
-        {
-          minContrast: B
-        }
-      ), s["--color-brand-on-soft-dark"] = $(
-        t,
-        s["--color-brand-surface-soft-dark"],
-        {
-          minContrast: B
-        }
-      ), s["--color-brand-on-subtle-light"] = $(
-        t,
-        s["--color-brand-surface-subtle-light"],
-        {
-          minContrast: Y,
-          preferredCandidate: "light",
-          preferredMinContrast: Y,
-          preferredSwitchDelta: Mt
-        }
-      ), s["--color-brand-on-subtle-dark"] = $(
-        t,
-        s["--color-brand-surface-subtle-dark"],
-        {
-          minContrast: B
-        }
-      ), s["--color-brand-on-strong-light"] = $(
-        t,
-        s["--color-brand-surface-strong-light"],
-        {
-          minContrast: Y,
-          preferredCandidate: "light",
-          preferredMinContrast: Y,
-          preferredSwitchDelta: Mt
-        }
-      ), s["--color-brand-on-strong-dark"] = $(
-        t,
-        s["--color-brand-surface-strong-dark"],
-        {
-          minContrast: B
-        }
-      ), s["--color-brand-text-light"] = s["--color-brand-surface-strong-light"], s["--color-brand-text-dark"] = s["--color-brand-surface-strong-dark"], s["--color-brand-icon-light"] = s["--color-brand-surface-strong-light"], s["--color-brand-icon-dark"] = s["--color-brand-surface-strong-dark"], s["--color-brand-border-light"] = s["--color-brand-surface-strong-light"], s["--color-brand-border-dark"] = s["--color-brand-surface-strong-dark"], s;
-    }
-    function Ot(t) {
-      const e = st(t);
-      if (!e)
-        return null;
-      const o = lt(e);
-      if (!o)
-        return null;
-      const r = At(o), n = yt(r);
-      return n[600] = e, {
-        "--color-brand-seed": e,
-        "--color-brand-100": n[100],
-        "--color-brand-200": n[200],
-        "--color-brand-300": n[300],
-        "--color-brand-400": n[400],
-        "--color-brand-500": n[500],
-        "--color-brand-600": n[600],
-        "--color-brand-700": n[700],
-        "--color-brand-800": n[800],
-        "--color-brand-900": n[900],
-        "--color-brand-1000": n[1e3],
-        ...Nt(r, n)
-      };
-    }
-    const ft = ot(() => Ot(l.accentColor) ?? {}), V = {
-      vars: {},
-      enabled: !!l.exposeGlobalAccent
-    };
-    return m.push(V), H(
-      () => l.exposeGlobalAccent,
-      (t) => {
-        V.enabled = !!t, D();
-      },
-      { immediate: !0 }
-    ), H(
-      ft,
-      (t) => {
-        t && Object.keys(t).length > 0 ? V.vars = { ...t } : V.vars = {}, D();
-      },
-      { immediate: !0 }
-    ), (t, e) => (_t(), Pt("div", {
-      class: "theme",
-      style: Ht(ft.value)
-    }, [
-      Ft(t.$slots, "default"),
-      Ct("div", {
-        ref_key: "portalHost",
-        ref: _,
-        class: "theme__portal-host"
-      }, null, 512)
-    ], 4));
-  }
-}), te = (a, l) => {
-  const m = a.__vccOpts || a;
-  for (const [u, D] of l)
-    m[u] = D;
-  return m;
-}, ee = {
-  __name: "ThemeSwitcher",
-  props: {
-    mode: {
-      type: String,
-      default: "auto",
-      validator: (a) => ["auto", "light", "dark"].includes(a)
-    }
-  },
-  emits: ["update:mode"],
-  setup(a, { emit: l }) {
-    const u = [
-      { value: "auto", label: "System" },
-      { value: "light", label: "Light" },
-      { value: "dark", label: "Dark" }
-    ].reduce((_, M) => (_[M.value] = M.label, _), {}), D = Q, I = a, X = l;
-    Rt();
-    const L = G(!1), F = nt() ?? I.mode, S = G(
-      D.includes(F) ? F : "auto"
-    );
-    return ot(
-      () => u[S.value] ?? u.auto
-    ), H(
-      () => I.mode,
-      (_) => {
-        D.includes(_) && _ !== S.value && (S.value = _);
-      }
-    ), H(
-      S,
-      (_) => {
-        if (!D.includes(_)) {
-          S.value = "auto";
-          return;
-        }
-        L.value = !1, X("update:mode", _), Qt(_);
-      },
-      { immediate: !0 }
-    ), (_, M) => (_t(), Vt(w(Gt), {
-      open: L.value,
-      "onUpdate:open": M[3] || (M[3] = (y) => L.value = y),
-      text: "Theme",
-      "aria-label": "Select theme mode"
-    }, {
-      default: bt(() => [
-        K(w(jt), { title: "Theme" }, {
-          default: bt(() => [
-            K(w(Z), {
-              checked: S.value,
-              "onUpdate:checked": M[0] || (M[0] = (y) => S.value = y),
-              value: "auto",
-              label: w(u).auto,
-              "aria-label": `${w(u).auto} mode`
-            }, null, 8, ["checked", "label", "aria-label"]),
-            M[4] || (M[4] = Ct("hr", {
-              class: "theme-switcher-divider",
-              role: "separator"
-            }, null, -1)),
-            K(w(Z), {
-              checked: S.value,
-              "onUpdate:checked": M[1] || (M[1] = (y) => S.value = y),
-              value: "light",
-              label: w(u).light,
-              "aria-label": `${w(u).light} mode`
-            }, null, 8, ["checked", "label", "aria-label"]),
-            K(w(Z), {
-              checked: S.value,
-              "onUpdate:checked": M[2] || (M[2] = (y) => S.value = y),
-              value: "dark",
-              label: w(u).dark,
-              "aria-label": `${w(u).dark} mode`
-            }, null, 8, ["checked", "label", "aria-label"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["open"]));
-  }
-}, se = /* @__PURE__ */ te(ee, [["__scopeId", "data-v-bcbc87cb"]]);
-export {
-  ce as Theme,
-  se as ThemeSwitcher,
-  Tt as themePortalHostKey,
-  ae as useThemePortalTarget
-};
-//# sourceMappingURL=theme.es.js.map
+//#endregion
+//#region src/Theme.vue
+var ee = "(prefers-color-scheme: dark)", te = "(prefers-reduced-motion: reduce)", ne = 200, A = 3.8, j = 1.8, M = 1.15, N = 1.08, P = 2.5, F = 3, I = "#ffffff", L = "#1f2228", R = /* @__PURE__ */ Object.assign({ name: "Theme" }, {
+	__name: "Theme",
+	props: {
+		mode: {
+			type: String,
+			validator: (e) => [
+				"auto",
+				"light",
+				"dark"
+			].includes(e)
+		},
+		accentColor: {
+			type: String,
+			required: !1,
+			default: void 0
+		},
+		exposeGlobalAccent: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let i = t, a = [], f = /* @__PURE__ */ new Set();
+		function m() {
+			let e = document.documentElement;
+			if (!e) return;
+			f.forEach((t) => {
+				e.style.removeProperty(t);
+			}), f.clear();
+			let t = [...a].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), f.add(t);
+			});
+		}
+		let h = window.matchMedia(ee), g = window.matchMedia(te), _ = k();
+		w(_);
+		let v = u(_), y = u({ darkMode: C(_) }), b = u(null);
+		h.addEventListener("change", T), p(() => i.mode, () => {
+			x();
+		}, { immediate: !0 }), p(() => y.value.darkMode, (e, t) => {
+			if (t === void 0) {
+				E(e);
+				return;
+			}
+			D(() => {
+				E(e);
+			});
+		}, { immediate: !0 }), s(() => {
+			h.removeEventListener("change", T);
+			let e = a.indexOf($);
+			e !== -1 && a.splice(e, 1), m();
+		});
+		function x() {
+			let e = k();
+			v.value = e, y.value.darkMode = C(e);
+		}
+		function C(e) {
+			return e === "dark" ? !0 : e === "light" ? !1 : h.matches;
+		}
+		function T(e) {
+			!e || v.value !== "auto" || (y.value.darkMode = e.matches);
+		}
+		function E(e) {
+			document.documentElement.setAttribute("dark-mode", e);
+		}
+		function D(e) {
+			if (g.matches) {
+				e();
+				return;
+			}
+			let t = document.startViewTransition?.bind(document);
+			if (t) {
+				t(() => {
+					e();
+				});
+				return;
+			}
+			e();
+			let n = document.documentElement;
+			typeof n.animate == "function" && window.requestAnimationFrame(() => {
+				n.animate([{ opacity: .85 }, { opacity: 1 }], {
+					duration: ne,
+					easing: "ease-in-out"
+				});
+			});
+		}
+		function k() {
+			return i.mode ?? S() ?? "auto";
+		}
+		l("theme", y), l(O, b);
+		function R(e) {
+			if (!e) return null;
+			let t = e.trim().toLowerCase();
+			if (!/^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.exec(t)) return null;
+			if (t.length === 4) {
+				let e = t[1], n = t[2], r = t[3];
+				return `#${e}${e}${n}${n}${r}${r}`;
+			}
+			return t;
+		}
+		function z(e) {
+			let t = R(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 B({ r: e, g: t, b: n }) {
+			let r = (e) => e.toString(16).padStart(2, "0");
+			return `#${r(e)}${r(t)}${r(n)}`;
+		}
+		function V(e) {
+			return Math.max(0, Math.min(1, e));
+		}
+		function H(e) {
+			return e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
+		}
+		function U(e) {
+			let t = V(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);
+			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 ? V(s) : s, d = r ? V(c) : c, f = r ? V(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 = V(g), _ = V(_), v = V(v);
+			else if (g < -1e-4 || g > 1.0001 || _ < -1e-4 || _ > 1.0001 || v < -1e-4 || v > 1.0001) return null;
+			let y = V(U(g)), b = V(U(_)), x = V(U(v));
+			return {
+				r: Math.round(y * 255),
+				g: Math.round(b * 255),
+				b: Math.round(x * 255)
+			};
+		}
+		function K(e, t, n) {
+			let r = t;
+			for (let t = 0; t < 8; t += 1) {
+				let t = G(e, r, n);
+				if (t) return t;
+				r *= .9;
+			}
+			return G(e, V(r), n, !0) || {
+				r: 0,
+				g: 0,
+				b: 0
+			};
+		}
+		function q(e) {
+			let t = z(e);
+			if (!t) return 0;
+			let n = H(t.r / 255), r = H(t.g / 255), i = H(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);
+			return (i + .05) / (a + .05);
+		}
+		function re(e, t, n = {}) {
+			let r = n.minContrast ?? A, 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 = V(o), u = B(K(l, a, e.h)), d = J(t, u);
+			for (let n = 0; n < 48; n += 1) {
+				let n = B(K(l, a, e.h)), i = J(t, n);
+				if (i > d && (d = i, u = n), i >= r) return n;
+				if (l = V(l + s * c), l === 0 || l === 1) break;
+			}
+			let f = "#101214", p = "#ffffff", m = J(t, f), h = J(t, p);
+			return m >= r || h >= r ? m >= h ? f : p : u;
+		}
+		function Y(e, t, n = {}) {
+			let r = n.minContrast ?? A, 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;
+			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, {
+				minContrast: r,
+				preferDark: h,
+				initialLightness: h ? .2 : .96,
+				chromaScale: .1
+			});
+		}
+		let ie = [
+			100,
+			200,
+			300,
+			400,
+			500,
+			600,
+			700,
+			800,
+			900,
+			1e3
+		], X = [
+			.9,
+			.84,
+			.78,
+			.72,
+			.67,
+			.62,
+			.56,
+			.5,
+			.44,
+			.38
+		], ae = [
+			.28,
+			.4,
+			.54,
+			.7,
+			.86,
+			1,
+			1.08,
+			1.14,
+			1.2,
+			1.24
+		];
+		function Z(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;
+			}
+			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] = B(K(V(X[a] + t), Math.min(.4, Math.max(n, e.c * ae[a])), e.h)), r), {});
+		}
+		function se(e, t) {
+			let n = [
+				100,
+				200,
+				300,
+				400,
+				500,
+				600,
+				700
+			], r = Z(t, n, I, N), 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, L, N), 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, [
+				200,
+				300,
+				400,
+				500,
+				600,
+				700,
+				800
+			], I, M), p = Z(t, [
+				900,
+				800,
+				700,
+				600,
+				500,
+				400
+			], L, M), m = [
+				600,
+				700,
+				800,
+				900,
+				1e3
+			], h = Z(t, m, I, j), 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, L, j), 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],
+				"--color-brand-surface-soft-dark": t[c],
+				"--color-brand-surface-soft-hovered-dark": t[u],
+				"--color-brand-surface-soft-pressed-dark": t[d],
+				"--color-brand-surface-subtle-light": t[f],
+				"--color-brand-surface-subtle-dark": t[p],
+				"--color-brand-surface-strong-light": t[h],
+				"--color-brand-surface-strong-hovered-light": t[_],
+				"--color-brand-surface-strong-pressed-light": t[v],
+				"--color-brand-surface-strong-dark": t[b],
+				"--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) >= A ? T : Y(e, w["--color-brand-surface-soft-light"], { minContrast: A }), w["--color-brand-on-soft-dark"] = Y(e, w["--color-brand-surface-soft-dark"], { minContrast: A }), w["--color-brand-on-subtle-light"] = Y(e, w["--color-brand-surface-subtle-light"], {
+				minContrast: P,
+				preferredCandidate: "light",
+				preferredMinContrast: P,
+				preferredSwitchDelta: F
+			}), w["--color-brand-on-subtle-dark"] = Y(e, w["--color-brand-surface-subtle-dark"], { minContrast: A }), w["--color-brand-on-strong-light"] = Y(e, w["--color-brand-surface-strong-light"], {
+				minContrast: P,
+				preferredCandidate: "light",
+				preferredMinContrast: P,
+				preferredSwitchDelta: F
+			}), w["--color-brand-on-strong-dark"] = Y(e, w["--color-brand-surface-strong-dark"], { minContrast: A }), 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;
+		}
+		function ce(e) {
+			let t = R(e);
+			if (!t) return null;
+			let n = z(t);
+			if (!n) return null;
+			let r = W(n), i = oe(r);
+			return i[600] = t, {
+				"--color-brand-seed": t,
+				"--color-brand-100": i[100],
+				"--color-brand-200": i[200],
+				"--color-brand-300": i[300],
+				"--color-brand-400": i[400],
+				"--color-brand-500": i[500],
+				"--color-brand-600": i[600],
+				"--color-brand-700": i[700],
+				"--color-brand-800": i[800],
+				"--color-brand-900": i[900],
+				"--color-brand-1000": i[1e3],
+				...se(r, i)
+			};
+		}
+		let Q = e(() => ce(i.accentColor) ?? {}), $ = {
+			vars: {},
+			enabled: !!i.exposeGlobalAccent
+		};
+		return a.push($), p(() => i.exposeGlobalAccent, (e) => {
+			$.enabled = !!e, m();
+		}, { immediate: !0 }), p(Q, (e) => {
+			e && Object.keys(e).length > 0 ? $.vars = { ...e } : $.vars = {}, m();
+		}, { immediate: !0 }), (e, t) => (c(), n("div", {
+			class: "theme",
+			style: o(Q.value)
+		}, [d(e.$slots, "default"), r("div", {
+			ref_key: "portalHost",
+			ref: b,
+			class: "theme__portal-host"
+		}, null, 512)], 4));
+	}
+}), z = /* @__PURE__ */ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})({
+	__name: "ThemeSwitcher",
+	props: { mode: {
+		type: String,
+		default: "auto",
+		validator: (e) => [
+			"auto",
+			"light",
+			"dark"
+		].includes(e)
+	} },
+	emits: ["update:mode"],
+	setup(n, { emit: a }) {
+		let o = [
+			{
+				value: "auto",
+				label: "System"
+			},
+			{
+				value: "light",
+				label: "Light"
+			},
+			{
+				value: "dark",
+				label: "Dark"
+			}
+		].reduce((e, t) => (e[t.value] = t.label, e), {}), s = v, l = n, d = a;
+		w();
+		let y = u(!1), b = S() ?? l.mode, x = u(s.includes(b) ? b : "auto");
+		return e(() => o[x.value] ?? o.auto), p(() => l.mode, (e) => {
+			s.includes(e) && e !== x.value && (x.value = e);
+		}), p(x, (e) => {
+			if (!s.includes(e)) {
+				x.value = "auto";
+				return;
+			}
+			y.value = !1, d("update:mode", e), C(e);
+		}, { immediate: !0 }), (e, n) => (c(), t(f(_), {
+			open: y.value,
+			"onUpdate:open": n[3] ||= (e) => y.value = e,
+			text: "Theme",
+			"aria-label": "Select theme mode"
+		}, {
+			default: m(() => [i(f(h), { title: "Theme" }, {
+				default: m(() => [
+					i(f(g), {
+						checked: x.value,
+						"onUpdate:checked": n[0] ||= (e) => x.value = e,
+						value: "auto",
+						label: f(o).auto,
+						"aria-label": `${f(o).auto} mode`
+					}, null, 8, [
+						"checked",
+						"label",
+						"aria-label"
+					]),
+					n[4] ||= r("hr", {
+						class: "theme-switcher-divider",
+						role: "separator"
+					}, null, -1),
+					i(f(g), {
+						checked: x.value,
+						"onUpdate:checked": n[1] ||= (e) => x.value = e,
+						value: "light",
+						label: f(o).light,
+						"aria-label": `${f(o).light} mode`
+					}, null, 8, [
+						"checked",
+						"label",
+						"aria-label"
+					]),
+					i(f(g), {
+						checked: x.value,
+						"onUpdate:checked": n[2] ||= (e) => x.value = e,
+						value: "dark",
+						label: f(o).dark,
+						"aria-label": `${f(o).dark} mode`
+					}, null, 8, [
+						"checked",
+						"label",
+						"aria-label"
+					])
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}, [["__scopeId", "data-v-bcbc87cb"]]);
+//#endregion
+export { R as Theme, z as ThemeSwitcher, O as themePortalHostKey, k as useThemePortalTarget };
+
+//# sourceMappingURL=theme.es.js.map