@mhmo91/schmancy 0.4.2 → 0.4.4

package/dist/{theme.component-DGfwQDsP.js → theme.component-D2KSl93u.js}

@@ -1,5 +1,5 @@
 import { n as Ue, e as je } from "./provide-tcktw8xB.js";
-import { T as _e } from "./tailwind.mixin-t3Yj_Xbu.js";
+import { T as _e } from "./tailwind.mixin-DauVaFKt.js";
 import { unsafeCSS as Ge, html as Je } from "lit";
 import { property as ie, customElement as $e } from "lit/decorators.js";
 import { Subject as Ie, switchMap as Ee, forkJoin as Te, fromEvent as $, of as he, takeUntil as de, timer as pe, map as le, defaultIfEmpty as ye, tap as ee, delay as fe, take as Ke, mergeMap as We, Observable as Ye } from "rxjs";
@@ -68,7 +68,7 @@ class j {
     const s = r, l = 0.401288 * s[0] + 0.650173 * s[1] + -0.051461 * s[2], h = -0.250268 * s[0] + 1.204414 * s[1] + 0.045854 * s[2], i = -2079e-6 * s[0] + 0.048952 * s[1] + 0.953127 * s[2], m = 0.8 + a / 10, f = m >= 0.9 ? te(0.59, 0.69, 10 * (m - 0.9)) : te(0.525, 0.59, 10 * (m - 0.8));
     let g = n ? 1 : m * (1 - 1 / 3.6 * Math.exp((-o - 42) / 92));
     g = g > 1 ? 1 : g < 0 ? 0 : g;
-    const b = m, y = [g * (100 / l) + 1 - g, g * (100 / h) + 1 - g, g * (100 / i) + 1 - g], C = 1 / (5 * o + 1), v = C * C * C * C, D = 1 - v, k = v * o + 0.1 * D * D * Math.cbrt(5 * o), F = K(t) / r[1], x = 1.48 + Math.sqrt(F), w = 0.725 / Math.pow(F, 0.2), B = w, P = [Math.pow(k * y[0] * l / 100, 0.42), Math.pow(k * y[1] * h / 100, 0.42), Math.pow(k * y[2] * i / 100, 0.42)], T = [400 * P[0] / (P[0] + 27.13), 400 * P[1] / (P[1] + 27.13), 400 * P[2] / (P[2] + 27.13)];
+    const b = m, y = [g * (100 / l) + 1 - g, g * (100 / h) + 1 - g, g * (100 / i) + 1 - g], C = 1 / (5 * o + 1), v = C * C * C * C, S = 1 - v, k = v * o + 0.1 * S * S * Math.cbrt(5 * o), F = K(t) / r[1], x = 1.48 + Math.sqrt(F), w = 0.725 / Math.pow(F, 0.2), B = w, P = [Math.pow(k * y[0] * l / 100, 0.42), Math.pow(k * y[1] * h / 100, 0.42), Math.pow(k * y[2] * i / 100, 0.42)], T = [400 * P[0] / (P[0] + 27.13), 400 * P[1] / (P[1] + 27.13), 400 * P[2] / (P[2] + 27.13)];
     return new j(F, (2 * T[0] + T[1] + 0.05 * T[2]) * w, w, B, f, b, y, k, Math.pow(k, 0.25), x);
   }
   constructor(r, o, t, a, n, s, l, h, i, m) {
@@ -88,8 +88,8 @@ class E {
     return E.fromIntInViewingConditions(r, j.DEFAULT);
   }
   static fromIntInViewingConditions(r, o) {
-    const t = (65280 & r) >> 8, a = 255 & r, n = X((16711680 & r) >> 16), s = X(t), l = X(a), h = 0.41233895 * n + 0.35762064 * s + 0.18051042 * l, i = 0.2126 * n + 0.7152 * s + 0.0722 * l, m = 0.01932141 * n + 0.11916382 * s + 0.95034478 * l, f = 0.401288 * h + 0.650173 * i - 0.051461 * m, g = -0.250268 * h + 1.204414 * i + 0.045854 * m, b = -2079e-6 * h + 0.048952 * i + 0.953127 * m, y = o.rgbD[0] * f, C = o.rgbD[1] * g, v = o.rgbD[2] * b, D = Math.pow(o.fl * Math.abs(y) / 100, 0.42), k = Math.pow(o.fl * Math.abs(C) / 100, 0.42), F = Math.pow(o.fl * Math.abs(v) / 100, 0.42), x = 400 * z(y) * D / (D + 27.13), w = 400 * z(C) * k / (k + 27.13), B = 400 * z(v) * F / (F + 27.13), P = (11 * x + -12 * w + B) / 11, T = (x + w - 2 * B) / 9, S = (20 * x + 20 * w + 21 * B) / 20, ae = (40 * x + 20 * w + B) / 20, H = 180 * Math.atan2(T, P) / Math.PI, q = H < 0 ? H + 360 : H >= 360 ? H - 360 : H, _ = q * Math.PI / 180, V = ae * o.nbb, U = 100 * Math.pow(V / o.aw, o.c * o.z), Q = 4 / o.c * Math.sqrt(U / 100) * (o.aw + 4) * o.fLRoot, Z = q < 20.14 ? q + 360 : q, ne = 5e4 / 13 * (0.25 * (Math.cos(Z * Math.PI / 180 + 2) + 3.8)) * o.nc * o.ncb * Math.sqrt(P * P + T * T) / (S + 0.305), ce = Math.pow(ne, 0.9) * Math.pow(1.64 - Math.pow(0.29, o.n), 0.73), se = ce * Math.sqrt(U / 100), De = se * o.fLRoot, Re = 50 * Math.sqrt(ce * o.c / (o.aw + 4)), ze = (1 + 100 * 7e-3) * U / (1 + 7e-3 * U), Se = 1 / 0.0228 * Math.log(1 + 0.0228 * De), He = Se * Math.cos(_), qe = Se * Math.sin(_);
-    return new E(q, se, U, Q, De, Re, ze, He, qe);
+    const t = (65280 & r) >> 8, a = 255 & r, n = X((16711680 & r) >> 16), s = X(t), l = X(a), h = 0.41233895 * n + 0.35762064 * s + 0.18051042 * l, i = 0.2126 * n + 0.7152 * s + 0.0722 * l, m = 0.01932141 * n + 0.11916382 * s + 0.95034478 * l, f = 0.401288 * h + 0.650173 * i - 0.051461 * m, g = -0.250268 * h + 1.204414 * i + 0.045854 * m, b = -2079e-6 * h + 0.048952 * i + 0.953127 * m, y = o.rgbD[0] * f, C = o.rgbD[1] * g, v = o.rgbD[2] * b, S = Math.pow(o.fl * Math.abs(y) / 100, 0.42), k = Math.pow(o.fl * Math.abs(C) / 100, 0.42), F = Math.pow(o.fl * Math.abs(v) / 100, 0.42), x = 400 * z(y) * S / (S + 27.13), w = 400 * z(C) * k / (k + 27.13), B = 400 * z(v) * F / (F + 27.13), P = (11 * x + -12 * w + B) / 11, T = (x + w - 2 * B) / 9, D = (20 * x + 20 * w + 21 * B) / 20, ae = (40 * x + 20 * w + B) / 20, H = 180 * Math.atan2(T, P) / Math.PI, q = H < 0 ? H + 360 : H >= 360 ? H - 360 : H, _ = q * Math.PI / 180, V = ae * o.nbb, U = 100 * Math.pow(V / o.aw, o.c * o.z), Q = 4 / o.c * Math.sqrt(U / 100) * (o.aw + 4) * o.fLRoot, Z = q < 20.14 ? q + 360 : q, ne = 5e4 / 13 * (0.25 * (Math.cos(Z * Math.PI / 180 + 2) + 3.8)) * o.nc * o.ncb * Math.sqrt(P * P + T * T) / (D + 0.305), ce = Math.pow(ne, 0.9) * Math.pow(1.64 - Math.pow(0.29, o.n), 0.73), se = ce * Math.sqrt(U / 100), Se = se * o.fLRoot, Re = 50 * Math.sqrt(ce * o.c / (o.aw + 4)), ze = (1 + 100 * 7e-3) * U / (1 + 7e-3 * U), De = 1 / 0.0228 * Math.log(1 + 0.0228 * Se), He = De * Math.cos(_), qe = De * Math.sin(_);
+    return new E(q, se, U, Q, Se, Re, ze, He, qe);
   }
   static fromJch(r, o, t) {
     return E.fromJchInViewingConditions(r, o, t, j.DEFAULT);
@@ -112,19 +112,19 @@ class E {
     return this.viewed(j.DEFAULT);
   }
   viewed(r) {
-    const o = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), t = Math.pow(o / Math.pow(1.64 - Math.pow(0.29, r.n), 0.73), 1 / 0.9), a = this.hue * Math.PI / 180, n = 0.25 * (Math.cos(a + 2) + 3.8), s = r.aw * Math.pow(this.j / 100, 1 / r.c / r.z), l = n * (5e4 / 13) * r.nc * r.ncb, h = s / r.nbb, i = Math.sin(a), m = Math.cos(a), f = 23 * (h + 0.305) * t / (23 * l + 11 * t * m + 108 * t * i), g = f * m, b = f * i, y = (460 * h + 451 * g + 288 * b) / 1403, C = (460 * h - 891 * g - 261 * b) / 1403, v = (460 * h - 220 * g - 6300 * b) / 1403, D = Math.max(0, 27.13 * Math.abs(y) / (400 - Math.abs(y))), k = z(y) * (100 / r.fl) * Math.pow(D, 1 / 0.42), F = Math.max(0, 27.13 * Math.abs(C) / (400 - Math.abs(C))), x = z(C) * (100 / r.fl) * Math.pow(F, 1 / 0.42), w = Math.max(0, 27.13 * Math.abs(v) / (400 - Math.abs(v))), B = z(v) * (100 / r.fl) * Math.pow(w, 1 / 0.42), P = k / r.rgbD[0], T = x / r.rgbD[1], S = B / r.rgbD[2];
+    const o = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), t = Math.pow(o / Math.pow(1.64 - Math.pow(0.29, r.n), 0.73), 1 / 0.9), a = this.hue * Math.PI / 180, n = 0.25 * (Math.cos(a + 2) + 3.8), s = r.aw * Math.pow(this.j / 100, 1 / r.c / r.z), l = n * (5e4 / 13) * r.nc * r.ncb, h = s / r.nbb, i = Math.sin(a), m = Math.cos(a), f = 23 * (h + 0.305) * t / (23 * l + 11 * t * m + 108 * t * i), g = f * m, b = f * i, y = (460 * h + 451 * g + 288 * b) / 1403, C = (460 * h - 891 * g - 261 * b) / 1403, v = (460 * h - 220 * g - 6300 * b) / 1403, S = Math.max(0, 27.13 * Math.abs(y) / (400 - Math.abs(y))), k = z(y) * (100 / r.fl) * Math.pow(S, 1 / 0.42), F = Math.max(0, 27.13 * Math.abs(C) / (400 - Math.abs(C))), x = z(C) * (100 / r.fl) * Math.pow(F, 1 / 0.42), w = Math.max(0, 27.13 * Math.abs(v) / (400 - Math.abs(v))), B = z(v) * (100 / r.fl) * Math.pow(w, 1 / 0.42), P = k / r.rgbD[0], T = x / r.rgbD[1], D = B / r.rgbD[2];
     return function(H, q, _) {
       const V = Qe, U = V[0][0] * H + V[0][1] * q + V[0][2] * _, Q = V[1][0] * H + V[1][1] * q + V[1][2] * _, Z = V[2][0] * H + V[2][1] * q + V[2][2] * _;
       return ve(W(U), W(Q), W(Z));
-    }(1.86206786 * P - 1.01125463 * T + 0.14918677 * S, 0.38752654 * P + 0.62144744 * T - 897398e-8 * S, -0.0158415 * P - 0.03412294 * T + 1.04996444 * S);
+    }(1.86206786 * P - 1.01125463 * T + 0.14918677 * D, 0.38752654 * P + 0.62144744 * T - 897398e-8 * D, -0.0158415 * P - 0.03412294 * T + 1.04996444 * D);
   }
   static fromXyzInViewingConditions(r, o, t, a) {
-    const n = 0.401288 * r + 0.650173 * o - 0.051461 * t, s = -0.250268 * r + 1.204414 * o + 0.045854 * t, l = -2079e-6 * r + 0.048952 * o + 0.953127 * t, h = a.rgbD[0] * n, i = a.rgbD[1] * s, m = a.rgbD[2] * l, f = Math.pow(a.fl * Math.abs(h) / 100, 0.42), g = Math.pow(a.fl * Math.abs(i) / 100, 0.42), b = Math.pow(a.fl * Math.abs(m) / 100, 0.42), y = 400 * z(h) * f / (f + 27.13), C = 400 * z(i) * g / (g + 27.13), v = 400 * z(m) * b / (b + 27.13), D = (11 * y + -12 * C + v) / 11, k = (y + C - 2 * v) / 9, F = (20 * y + 20 * C + 21 * v) / 20, x = (40 * y + 20 * C + v) / 20, w = 180 * Math.atan2(k, D) / Math.PI, B = w < 0 ? w + 360 : w >= 360 ? w - 360 : w, P = B * Math.PI / 180, T = x * a.nbb, S = 100 * Math.pow(T / a.aw, a.c * a.z), ae = 4 / a.c * Math.sqrt(S / 100) * (a.aw + 4) * a.fLRoot, H = B < 20.14 ? B + 360 : B, q = 5e4 / 13 * (1 / 4 * (Math.cos(H * Math.PI / 180 + 2) + 3.8)) * a.nc * a.ncb * Math.sqrt(D * D + k * k) / (F + 0.305), _ = Math.pow(q, 0.9) * Math.pow(1.64 - Math.pow(0.29, a.n), 0.73), V = _ * Math.sqrt(S / 100), U = V * a.fLRoot, Q = 50 * Math.sqrt(_ * a.c / (a.aw + 4)), Z = (1 + 100 * 7e-3) * S / (1 + 7e-3 * S), ne = Math.log(1 + 0.0228 * U) / 0.0228, ce = ne * Math.cos(P), se = ne * Math.sin(P);
-    return new E(B, V, S, ae, U, Q, Z, ce, se);
+    const n = 0.401288 * r + 0.650173 * o - 0.051461 * t, s = -0.250268 * r + 1.204414 * o + 0.045854 * t, l = -2079e-6 * r + 0.048952 * o + 0.953127 * t, h = a.rgbD[0] * n, i = a.rgbD[1] * s, m = a.rgbD[2] * l, f = Math.pow(a.fl * Math.abs(h) / 100, 0.42), g = Math.pow(a.fl * Math.abs(i) / 100, 0.42), b = Math.pow(a.fl * Math.abs(m) / 100, 0.42), y = 400 * z(h) * f / (f + 27.13), C = 400 * z(i) * g / (g + 27.13), v = 400 * z(m) * b / (b + 27.13), S = (11 * y + -12 * C + v) / 11, k = (y + C - 2 * v) / 9, F = (20 * y + 20 * C + 21 * v) / 20, x = (40 * y + 20 * C + v) / 20, w = 180 * Math.atan2(k, S) / Math.PI, B = w < 0 ? w + 360 : w >= 360 ? w - 360 : w, P = B * Math.PI / 180, T = x * a.nbb, D = 100 * Math.pow(T / a.aw, a.c * a.z), ae = 4 / a.c * Math.sqrt(D / 100) * (a.aw + 4) * a.fLRoot, H = B < 20.14 ? B + 360 : B, q = 5e4 / 13 * (1 / 4 * (Math.cos(H * Math.PI / 180 + 2) + 3.8)) * a.nc * a.ncb * Math.sqrt(S * S + k * k) / (F + 0.305), _ = Math.pow(q, 0.9) * Math.pow(1.64 - Math.pow(0.29, a.n), 0.73), V = _ * Math.sqrt(D / 100), U = V * a.fLRoot, Q = 50 * Math.sqrt(_ * a.c / (a.aw + 4)), Z = (1 + 100 * 7e-3) * D / (1 + 7e-3 * D), ne = Math.log(1 + 0.0228 * U) / 0.0228, ce = ne * Math.cos(P), se = ne * Math.sin(P);
+    return new E(B, V, D, ae, U, Q, Z, ce, se);
   }
   xyzInViewingConditions(r) {
-    const o = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), t = Math.pow(o / Math.pow(1.64 - Math.pow(0.29, r.n), 0.73), 1 / 0.9), a = this.hue * Math.PI / 180, n = 0.25 * (Math.cos(a + 2) + 3.8), s = r.aw * Math.pow(this.j / 100, 1 / r.c / r.z), l = n * (5e4 / 13) * r.nc * r.ncb, h = s / r.nbb, i = Math.sin(a), m = Math.cos(a), f = 23 * (h + 0.305) * t / (23 * l + 11 * t * m + 108 * t * i), g = f * m, b = f * i, y = (460 * h + 451 * g + 288 * b) / 1403, C = (460 * h - 891 * g - 261 * b) / 1403, v = (460 * h - 220 * g - 6300 * b) / 1403, D = Math.max(0, 27.13 * Math.abs(y) / (400 - Math.abs(y))), k = z(y) * (100 / r.fl) * Math.pow(D, 1 / 0.42), F = Math.max(0, 27.13 * Math.abs(C) / (400 - Math.abs(C))), x = z(C) * (100 / r.fl) * Math.pow(F, 1 / 0.42), w = Math.max(0, 27.13 * Math.abs(v) / (400 - Math.abs(v))), B = z(v) * (100 / r.fl) * Math.pow(w, 1 / 0.42), P = k / r.rgbD[0], T = x / r.rgbD[1], S = B / r.rgbD[2];
-    return [1.86206786 * P - 1.01125463 * T + 0.14918677 * S, 0.38752654 * P + 0.62144744 * T - 897398e-8 * S, -0.0158415 * P - 0.03412294 * T + 1.04996444 * S];
+    const o = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), t = Math.pow(o / Math.pow(1.64 - Math.pow(0.29, r.n), 0.73), 1 / 0.9), a = this.hue * Math.PI / 180, n = 0.25 * (Math.cos(a + 2) + 3.8), s = r.aw * Math.pow(this.j / 100, 1 / r.c / r.z), l = n * (5e4 / 13) * r.nc * r.ncb, h = s / r.nbb, i = Math.sin(a), m = Math.cos(a), f = 23 * (h + 0.305) * t / (23 * l + 11 * t * m + 108 * t * i), g = f * m, b = f * i, y = (460 * h + 451 * g + 288 * b) / 1403, C = (460 * h - 891 * g - 261 * b) / 1403, v = (460 * h - 220 * g - 6300 * b) / 1403, S = Math.max(0, 27.13 * Math.abs(y) / (400 - Math.abs(y))), k = z(y) * (100 / r.fl) * Math.pow(S, 1 / 0.42), F = Math.max(0, 27.13 * Math.abs(C) / (400 - Math.abs(C))), x = z(C) * (100 / r.fl) * Math.pow(F, 1 / 0.42), w = Math.max(0, 27.13 * Math.abs(v) / (400 - Math.abs(v))), B = z(v) * (100 / r.fl) * Math.pow(w, 1 / 0.42), P = k / r.rgbD[0], T = x / r.rgbD[1], D = B / r.rgbD[2];
+    return [1.86206786 * P - 1.01125463 * T + 0.14918677 * D, 0.38752654 * P + 0.62144744 * T - 897398e-8 * D, -0.0158415 * P - 0.03412294 * T + 1.04996444 * D];
   }
 }
 class d {
@@ -215,12 +215,12 @@ class d {
     let a = 11 * Math.sqrt(t);
     const n = j.DEFAULT, s = 1 / Math.pow(1.64 - Math.pow(0.29, n.n), 0.73), l = 0.25 * (Math.cos(r + 2) + 3.8) * (5e4 / 13) * n.nc * n.ncb, h = Math.sin(r), i = Math.cos(r);
     for (let m = 0; m < 5; m++) {
-      const f = a / 100, g = o === 0 || a === 0 ? 0 : o / Math.sqrt(f), b = Math.pow(g * s, 1 / 0.9), y = n.aw * Math.pow(f, 1 / n.c / n.z) / n.nbb, C = 23 * (y + 0.305) * b / (23 * l + 11 * b * i + 108 * b * h), v = C * i, D = C * h, k = (460 * y + 451 * v + 288 * D) / 1403, F = (460 * y - 891 * v - 261 * D) / 1403, x = (460 * y - 220 * v - 6300 * D) / 1403, w = xe([d.inverseChromaticAdaptation(k), d.inverseChromaticAdaptation(F), d.inverseChromaticAdaptation(x)], d.LINRGB_FROM_SCALED_DISCOUNT);
+      const f = a / 100, g = o === 0 || a === 0 ? 0 : o / Math.sqrt(f), b = Math.pow(g * s, 1 / 0.9), y = n.aw * Math.pow(f, 1 / n.c / n.z) / n.nbb, C = 23 * (y + 0.305) * b / (23 * l + 11 * b * i + 108 * b * h), v = C * i, S = C * h, k = (460 * y + 451 * v + 288 * S) / 1403, F = (460 * y - 891 * v - 261 * S) / 1403, x = (460 * y - 220 * v - 6300 * S) / 1403, w = xe([d.inverseChromaticAdaptation(k), d.inverseChromaticAdaptation(F), d.inverseChromaticAdaptation(x)], d.LINRGB_FROM_SCALED_DISCOUNT);
       if (w[0] < 0 || w[1] < 0 || w[2] < 0) return 0;
-      const B = d.Y_FROM_LINRGB[0], P = d.Y_FROM_LINRGB[1], T = d.Y_FROM_LINRGB[2], S = B * w[0] + P * w[1] + T * w[2];
-      if (S <= 0) return 0;
-      if (m === 4 || Math.abs(S - t) < 2e-3) return w[0] > 100.01 || w[1] > 100.01 || w[2] > 100.01 ? 0 : Be(w);
-      a -= (S - t) * a / (2 * S);
+      const B = d.Y_FROM_LINRGB[0], P = d.Y_FROM_LINRGB[1], T = d.Y_FROM_LINRGB[2], D = B * w[0] + P * w[1] + T * w[2];
+      if (D <= 0) return 0;
+      if (m === 4 || Math.abs(D - t) < 2e-3) return w[0] > 100.01 || w[1] > 100.01 || w[2] > 100.01 ? 0 : Be(w);
+      a -= (D - t) * a / (2 * D);
     }
     return 0;
   }
@@ -357,8 +357,8 @@ class u {
   getTone(r) {
     const o = r.contrastLevel < 0;
     if (this.toneDeltaPair) {
-      const t = this.toneDeltaPair(r), a = t.roleA, n = t.roleB, s = t.delta, l = t.polarity, h = t.stayTogether, i = this.background(r).getTone(r), m = l === "nearer" || l === "lighter" && !r.isDark || l === "darker" && r.isDark, f = m ? a : n, g = m ? n : a, b = this.name === f.name, y = r.isDark ? 1 : -1, C = f.contrastCurve.get(r.contrastLevel), v = g.contrastCurve.get(r.contrastLevel), D = f.tone(r);
-      let k = A.ratioOfTones(i, D) >= C ? D : u.foregroundTone(i, C);
+      const t = this.toneDeltaPair(r), a = t.roleA, n = t.roleB, s = t.delta, l = t.polarity, h = t.stayTogether, i = this.background(r).getTone(r), m = l === "nearer" || l === "lighter" && !r.isDark || l === "darker" && r.isDark, f = m ? a : n, g = m ? n : a, b = this.name === f.name, y = r.isDark ? 1 : -1, C = f.contrastCurve.get(r.contrastLevel), v = g.contrastCurve.get(r.contrastLevel), S = f.tone(r);
+      let k = A.ratioOfTones(i, S) >= C ? S : u.foregroundTone(i, C);
       const F = g.tone(r);
       let x = A.ratioOfTones(i, F) >= v ? F : u.foregroundTone(i, v);
       return o && (k = u.foregroundTone(i, C), x = u.foregroundTone(i, v)), (x - k) * y >= s || (x = ue(0, 100, k + s * y), (x - k) * y >= s || (k = ue(0, 100, x - s * y))), 50 <= k && k < 60 ? y > 0 ? (k = 60, x = Math.max(x, k + s * y)) : (k = 49, x = Math.min(x, k + s * y)) : 50 <= x && x < 60 && (h ? y > 0 ? (k = 60, x = Math.max(x, k + s * y)) : (k = 49, x = Math.min(x, k + s * y)) : x = y > 0 ? 60 : 49), b ? k : x;
@@ -789,7 +789,7 @@ let N = class extends _e(sr) {
   }
   registerTheme() {
     let e = or(rr(Ae(this.color)), this.scheme === "dark", Ae("#34B334"));
-    e = { ...e, ...this.theme }, this.registerThemeValues("schmancy", "", e);
+    e = { ...e, ...this.theme }, this.registerThemeValues("schmancy", "", e), (this.root ? document.body : this.shadowRoot.host).style.colorScheme = this.scheme === "dark" ? "dark" : "light";
   }
   registerThemeValues(e = "schmancy", r, o) {
     return typeof o == "object" ? Object.keys(o).map((t) => this.registerThemeValues(e, r + (r ? "-" : "") + t, o[t])).join(`
@@ -814,4 +814,4 @@ export {
   yr as s,
   sr as t
 };
-//# sourceMappingURL=theme.component-DGfwQDsP.js.map
+//# sourceMappingURL=theme.component-D2KSl93u.js.map