@udixio/ui-react 2.10.16 → 2.10.18

package/dist/theme.worker.js

@@ -168,8 +168,8 @@ function Pe(e) {
           const F = e.charAt(r);
           F === "/" && (f((I) => I === `
 `, !0), r++), F === "*" && (f((I) => {
-            const S = e.charAt(r + 1);
-            return I === "*" && S === "/";
+            const $ = e.charAt(r + 1);
+            return I === "*" && $ === "/";
           }, !0), r++);
           break;
         }
@@ -368,7 +368,7 @@ function sr(e, t) {
   };
   t = De(r, t, e[Te]);
   const o = {
-    resolve: Se(e),
+    resolve: $e(e),
     ...t
   };
   return re(wt(o));
@@ -380,7 +380,7 @@ function dt(e, t) {
     lifetime: G.TRANSIENT
   };
   t = De(r, t, e[Te]);
-  const o = Se(function(...i) {
+  const o = $e(function(...i) {
     return Reflect.construct(e, i);
   }, e);
   return re(wt({
@@ -407,7 +407,7 @@ function wt(e) {
       injector: o
     });
   }
-  return $e(e, {
+  return Se(e, {
     setLifetime: t,
     inject: n,
     transient: Ct(t, G.TRANSIENT),
@@ -425,7 +425,7 @@ function re(e) {
       dispose: r
     });
   }
-  return $e(e, {
+  return Se(e, {
     disposer: t
   });
 }
@@ -437,7 +437,7 @@ function Ct(e, t) {
 function De(e, ...t) {
   return Object.assign({}, e, ...t);
 }
-function $e(e, t) {
+function Se(e, t) {
   return {
     ...e,
     ...t
@@ -486,7 +486,7 @@ function ur(e, t) {
     }
   });
 }
-function Se(e, t) {
+function $e(e, t) {
   t || (t = e);
   const r = Fe(t);
   return function(o) {
@@ -574,7 +574,7 @@ function Ie(e, t, r) {
     build: I,
     resolve: b,
     hasRegistration: F,
-    dispose: S,
+    dispose: $,
     getRegistration: m,
     /* removed in browser build */
     [fe]: u,
@@ -624,9 +624,9 @@ function Ie(e, t, r) {
     try {
       let R = function(j, Q, W) {
         if (!(!e.strict || W.isLeakSafe)) {
-          for (let _ = 0; _ < n.length; _++)
-            if (Je(n[_].lifetime, Q))
-              throw new Ot(j, n, `Dependency '${j.toString()}' has a shorter lifetime than its ancestor: '${n[_].name.toString()}'`);
+          for (let H = 0; H < n.length; H++)
+            if (Je(n[H].lifetime, Q))
+              throw new Ot(j, n, `Dependency '${j.toString()}' has a shorter lifetime than its ancestor: '${n[H].name.toString()}'`);
         }
       };
       var B = R;
@@ -700,7 +700,7 @@ function Ie(e, t, r) {
     const B = "build", P = "targetOrResolver";
     return yt.assert(k, B, P, "a registration, function or class", k), yt.assert(typeof k == "function", B, P, "a function or class", k), (ar(k) ? dt(k, v) : sr(k, v)).resolve(i);
   }
-  function S() {
+  function $() {
     const k = Array.from(i.cache.entries());
     return i.cache.clear(), Promise.all(k.map(([, v]) => {
       const { resolver: B, value: P } = v, O = B;
@@ -816,7 +816,7 @@ function jt(e) {
 function ct(e) {
   return 100 * br((e + 16) / 116);
 }
-function Ht(e) {
+function _t(e) {
   return Ee(e / 100) * 116 - 16;
 }
 function pt(e) {
@@ -886,7 +886,7 @@ class tt {
       f * (100 / c) + 1 - f,
       f * (100 / s) + 1 - f,
       f * (100 / l) + 1 - f
-    ], m = 1 / (5 * r + 1), b = m * m * m * m, F = 1 - b, I = b * r + 0.1 * F * F * Math.cbrt(5 * r), S = ct(n) / t[1], k = 1.48 + Math.sqrt(S), v = 0.725 / Math.pow(S, 0.2), B = v, P = [
+    ], m = 1 / (5 * r + 1), b = m * m * m * m, F = 1 - b, I = b * r + 0.1 * F * F * Math.cbrt(5 * r), $ = ct(n) / t[1], k = 1.48 + Math.sqrt($), v = 0.725 / Math.pow($, 0.2), B = v, P = [
       Math.pow(I * p[0] * c / 100, 0.42),
       Math.pow(I * p[1] * s / 100, 0.42),
       Math.pow(I * p[2] * l / 100, 0.42)
@@ -895,7 +895,7 @@ class tt {
       400 * P[1] / (P[1] + 27.13),
       400 * P[2] / (P[2] + 27.13)
     ], R = (2 * O[0] + O[1] + 0.05 * O[2]) * v;
-    return new tt(S, R, v, B, h, g, p, I, Math.pow(I, 0.25), k);
+    return new tt($, R, v, B, h, g, p, I, Math.pow(I, 0.25), k);
   }
   /**
    * Parameters are intermediate values of the CAM16 conversion process. Their
@@ -973,8 +973,8 @@ class Y {
    * @return CAM16 color.
    */
   static fromIntInViewingConditions(t, r) {
-    const n = (t & 16711680) >> 16, o = (t & 65280) >> 8, a = t & 255, i = pt(n), c = pt(o), s = pt(a), l = 0.41233895 * i + 0.35762064 * c + 0.18051042 * s, u = 0.2126 * i + 0.7152 * c + 0.0722 * s, h = 0.01932141 * i + 0.11916382 * c + 0.95034478 * s, f = 0.401288 * l + 0.650173 * u - 0.051461 * h, g = -0.250268 * l + 1.204414 * u + 0.045854 * h, p = -2079e-6 * l + 0.048952 * u + 0.953127 * h, m = r.rgbD[0] * f, b = r.rgbD[1] * g, F = r.rgbD[2] * p, I = Math.pow(r.fl * Math.abs(m) / 100, 0.42), S = Math.pow(r.fl * Math.abs(b) / 100, 0.42), k = Math.pow(r.fl * Math.abs(F) / 100, 0.42), v = U(m) * 400 * I / (I + 27.13), B = U(b) * 400 * S / (S + 27.13), P = U(F) * 400 * k / (k + 27.13), O = (11 * v + -12 * B + P) / 11, R = (v + B - 2 * P) / 9, A = (20 * v + 20 * B + 21 * P) / 20, j = (40 * v + 20 * B + P) / 20, W = Math.atan2(R, O) * 180 / Math.PI, _ = W < 0 ? W + 360 : W >= 360 ? W - 360 : W, St = _ * Math.PI / 180, Ft = j * r.nbb, ut = 100 * Math.pow(Ft / r.aw, r.c * r.z), At = 4 / r.c * Math.sqrt(ut / 100) * (r.aw + 4) * r.fLRoot, Yt = _ < 20.14 ? _ + 360 : _, Ut = 0.25 * (Math.cos(Yt * Math.PI / 180 + 2) + 3.8), Wt = 5e4 / 13 * Ut * r.nc * r.ncb * Math.sqrt(O * O + R * R) / (A + 0.305), It = Math.pow(Wt, 0.9) * Math.pow(1.64 - Math.pow(0.29, r.n), 0.73), ce = It * Math.sqrt(ut / 100), ue = ce * r.fLRoot, Ue = 50 * Math.sqrt(It * r.c / (r.aw + 4)), Ge = (1 + 100 * 7e-3) * ut / (1 + 7e-3 * ut), le = 1 / 0.0228 * Math.log(1 + 0.0228 * ue), We = le * Math.cos(St), qe = le * Math.sin(St);
-    return new Y(_, ce, ut, At, ue, Ue, Ge, We, qe);
+    const n = (t & 16711680) >> 16, o = (t & 65280) >> 8, a = t & 255, i = pt(n), c = pt(o), s = pt(a), l = 0.41233895 * i + 0.35762064 * c + 0.18051042 * s, u = 0.2126 * i + 0.7152 * c + 0.0722 * s, h = 0.01932141 * i + 0.11916382 * c + 0.95034478 * s, f = 0.401288 * l + 0.650173 * u - 0.051461 * h, g = -0.250268 * l + 1.204414 * u + 0.045854 * h, p = -2079e-6 * l + 0.048952 * u + 0.953127 * h, m = r.rgbD[0] * f, b = r.rgbD[1] * g, F = r.rgbD[2] * p, I = Math.pow(r.fl * Math.abs(m) / 100, 0.42), $ = Math.pow(r.fl * Math.abs(b) / 100, 0.42), k = Math.pow(r.fl * Math.abs(F) / 100, 0.42), v = U(m) * 400 * I / (I + 27.13), B = U(b) * 400 * $ / ($ + 27.13), P = U(F) * 400 * k / (k + 27.13), O = (11 * v + -12 * B + P) / 11, R = (v + B - 2 * P) / 9, A = (20 * v + 20 * B + 21 * P) / 20, j = (40 * v + 20 * B + P) / 20, W = Math.atan2(R, O) * 180 / Math.PI, H = W < 0 ? W + 360 : W >= 360 ? W - 360 : W, $t = H * Math.PI / 180, Ft = j * r.nbb, ut = 100 * Math.pow(Ft / r.aw, r.c * r.z), At = 4 / r.c * Math.sqrt(ut / 100) * (r.aw + 4) * r.fLRoot, Yt = H < 20.14 ? H + 360 : H, Ut = 0.25 * (Math.cos(Yt * Math.PI / 180 + 2) + 3.8), Wt = 5e4 / 13 * Ut * r.nc * r.ncb * Math.sqrt(O * O + R * R) / (A + 0.305), It = Math.pow(Wt, 0.9) * Math.pow(1.64 - Math.pow(0.29, r.n), 0.73), ce = It * Math.sqrt(ut / 100), ue = ce * r.fLRoot, Ue = 50 * Math.sqrt(It * r.c / (r.aw + 4)), Ge = (1 + 100 * 7e-3) * ut / (1 + 7e-3 * ut), le = 1 / 0.0228 * Math.log(1 + 0.0228 * ue), We = le * Math.cos($t), qe = le * Math.sin($t);
+    return new Y(H, ce, ut, At, ue, Ue, Ge, We, qe);
   }
   /**
    * @param j CAM16 lightness
@@ -1035,18 +1035,18 @@ class Y {
    * @return ARGB representation of color
    */
   viewed(t) {
-    const r = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), n = Math.pow(r / Math.pow(1.64 - Math.pow(0.29, t.n), 0.73), 1 / 0.9), o = this.hue * Math.PI / 180, a = 0.25 * (Math.cos(o + 2) + 3.8), i = t.aw * Math.pow(this.j / 100, 1 / t.c / t.z), c = a * (5e4 / 13) * t.nc * t.ncb, s = i / t.nbb, l = Math.sin(o), u = Math.cos(o), h = 23 * (s + 0.305) * n / (23 * c + 11 * n * u + 108 * n * l), f = h * u, g = h * l, p = (460 * s + 451 * f + 288 * g) / 1403, m = (460 * s - 891 * f - 261 * g) / 1403, b = (460 * s - 220 * f - 6300 * g) / 1403, F = Math.max(0, 27.13 * Math.abs(p) / (400 - Math.abs(p))), I = U(p) * (100 / t.fl) * Math.pow(F, 1 / 0.42), S = Math.max(0, 27.13 * Math.abs(m) / (400 - Math.abs(m))), k = U(m) * (100 / t.fl) * Math.pow(S, 1 / 0.42), v = Math.max(0, 27.13 * Math.abs(b) / (400 - Math.abs(b))), B = U(b) * (100 / t.fl) * Math.pow(v, 1 / 0.42), P = I / t.rgbD[0], O = k / t.rgbD[1], R = B / t.rgbD[2], A = 1.86206786 * P - 1.01125463 * O + 0.14918677 * R, j = 0.38752654 * P + 0.62144744 * O - 897398e-8 * R, Q = -0.0158415 * P - 0.03412294 * O + 1.04996444 * R;
+    const r = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), n = Math.pow(r / Math.pow(1.64 - Math.pow(0.29, t.n), 0.73), 1 / 0.9), o = this.hue * Math.PI / 180, a = 0.25 * (Math.cos(o + 2) + 3.8), i = t.aw * Math.pow(this.j / 100, 1 / t.c / t.z), c = a * (5e4 / 13) * t.nc * t.ncb, s = i / t.nbb, l = Math.sin(o), u = Math.cos(o), h = 23 * (s + 0.305) * n / (23 * c + 11 * n * u + 108 * n * l), f = h * u, g = h * l, p = (460 * s + 451 * f + 288 * g) / 1403, m = (460 * s - 891 * f - 261 * g) / 1403, b = (460 * s - 220 * f - 6300 * g) / 1403, F = Math.max(0, 27.13 * Math.abs(p) / (400 - Math.abs(p))), I = U(p) * (100 / t.fl) * Math.pow(F, 1 / 0.42), $ = Math.max(0, 27.13 * Math.abs(m) / (400 - Math.abs(m))), k = U(m) * (100 / t.fl) * Math.pow($, 1 / 0.42), v = Math.max(0, 27.13 * Math.abs(b) / (400 - Math.abs(b))), B = U(b) * (100 / t.fl) * Math.pow(v, 1 / 0.42), P = I / t.rgbD[0], O = k / t.rgbD[1], R = B / t.rgbD[2], A = 1.86206786 * P - 1.01125463 * O + 0.14918677 * R, j = 0.38752654 * P + 0.62144744 * O - 897398e-8 * R, Q = -0.0158415 * P - 0.03412294 * O + 1.04996444 * R;
     return mr(A, j, Q);
   }
   /// Given color expressed in XYZ and viewed in [viewingConditions], convert to
   /// CAM16.
   static fromXyzInViewingConditions(t, r, n, o) {
-    const a = 0.401288 * t + 0.650173 * r - 0.051461 * n, i = -0.250268 * t + 1.204414 * r + 0.045854 * n, c = -2079e-6 * t + 0.048952 * r + 0.953127 * n, s = o.rgbD[0] * a, l = o.rgbD[1] * i, u = o.rgbD[2] * c, h = Math.pow(o.fl * Math.abs(s) / 100, 0.42), f = Math.pow(o.fl * Math.abs(l) / 100, 0.42), g = Math.pow(o.fl * Math.abs(u) / 100, 0.42), p = U(s) * 400 * h / (h + 27.13), m = U(l) * 400 * f / (f + 27.13), b = U(u) * 400 * g / (g + 27.13), F = (11 * p + -12 * m + b) / 11, I = (p + m - 2 * b) / 9, S = (20 * p + 20 * m + 21 * b) / 20, k = (40 * p + 20 * m + b) / 20, B = Math.atan2(I, F) * 180 / Math.PI, P = B < 0 ? B + 360 : B >= 360 ? B - 360 : B, O = P * Math.PI / 180, R = k * o.nbb, A = 100 * Math.pow(R / o.aw, o.c * o.z), j = 4 / o.c * Math.sqrt(A / 100) * (o.aw + 4) * o.fLRoot, Q = P < 20.14 ? P + 360 : P, W = 1 / 4 * (Math.cos(Q * Math.PI / 180 + 2) + 3.8), St = 5e4 / 13 * W * o.nc * o.ncb * Math.sqrt(F * F + I * I) / (S + 0.305), Ft = Math.pow(St, 0.9) * Math.pow(1.64 - Math.pow(0.29, o.n), 0.73), ut = Ft * Math.sqrt(A / 100), At = ut * o.fLRoot, Yt = 50 * Math.sqrt(Ft * o.c / (o.aw + 4)), Ut = (1 + 100 * 7e-3) * A / (1 + 7e-3 * A), Gt = Math.log(1 + 0.0228 * At) / 0.0228, Wt = Gt * Math.cos(O), It = Gt * Math.sin(O);
+    const a = 0.401288 * t + 0.650173 * r - 0.051461 * n, i = -0.250268 * t + 1.204414 * r + 0.045854 * n, c = -2079e-6 * t + 0.048952 * r + 0.953127 * n, s = o.rgbD[0] * a, l = o.rgbD[1] * i, u = o.rgbD[2] * c, h = Math.pow(o.fl * Math.abs(s) / 100, 0.42), f = Math.pow(o.fl * Math.abs(l) / 100, 0.42), g = Math.pow(o.fl * Math.abs(u) / 100, 0.42), p = U(s) * 400 * h / (h + 27.13), m = U(l) * 400 * f / (f + 27.13), b = U(u) * 400 * g / (g + 27.13), F = (11 * p + -12 * m + b) / 11, I = (p + m - 2 * b) / 9, $ = (20 * p + 20 * m + 21 * b) / 20, k = (40 * p + 20 * m + b) / 20, B = Math.atan2(I, F) * 180 / Math.PI, P = B < 0 ? B + 360 : B >= 360 ? B - 360 : B, O = P * Math.PI / 180, R = k * o.nbb, A = 100 * Math.pow(R / o.aw, o.c * o.z), j = 4 / o.c * Math.sqrt(A / 100) * (o.aw + 4) * o.fLRoot, Q = P < 20.14 ? P + 360 : P, W = 1 / 4 * (Math.cos(Q * Math.PI / 180 + 2) + 3.8), $t = 5e4 / 13 * W * o.nc * o.ncb * Math.sqrt(F * F + I * I) / ($ + 0.305), Ft = Math.pow($t, 0.9) * Math.pow(1.64 - Math.pow(0.29, o.n), 0.73), ut = Ft * Math.sqrt(A / 100), At = ut * o.fLRoot, Yt = 50 * Math.sqrt(Ft * o.c / (o.aw + 4)), Ut = (1 + 100 * 7e-3) * A / (1 + 7e-3 * A), Gt = Math.log(1 + 0.0228 * At) / 0.0228, Wt = Gt * Math.cos(O), It = Gt * Math.sin(O);
     return new Y(P, ut, A, j, At, Yt, Ut, Wt, It);
   }
   /// XYZ representation of CAM16 seen in [viewingConditions].
   xyzInViewingConditions(t) {
-    const r = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), n = Math.pow(r / Math.pow(1.64 - Math.pow(0.29, t.n), 0.73), 1 / 0.9), o = this.hue * Math.PI / 180, a = 0.25 * (Math.cos(o + 2) + 3.8), i = t.aw * Math.pow(this.j / 100, 1 / t.c / t.z), c = a * (5e4 / 13) * t.nc * t.ncb, s = i / t.nbb, l = Math.sin(o), u = Math.cos(o), h = 23 * (s + 0.305) * n / (23 * c + 11 * n * u + 108 * n * l), f = h * u, g = h * l, p = (460 * s + 451 * f + 288 * g) / 1403, m = (460 * s - 891 * f - 261 * g) / 1403, b = (460 * s - 220 * f - 6300 * g) / 1403, F = Math.max(0, 27.13 * Math.abs(p) / (400 - Math.abs(p))), I = U(p) * (100 / t.fl) * Math.pow(F, 1 / 0.42), S = Math.max(0, 27.13 * Math.abs(m) / (400 - Math.abs(m))), k = U(m) * (100 / t.fl) * Math.pow(S, 1 / 0.42), v = Math.max(0, 27.13 * Math.abs(b) / (400 - Math.abs(b))), B = U(b) * (100 / t.fl) * Math.pow(v, 1 / 0.42), P = I / t.rgbD[0], O = k / t.rgbD[1], R = B / t.rgbD[2], A = 1.86206786 * P - 1.01125463 * O + 0.14918677 * R, j = 0.38752654 * P + 0.62144744 * O - 897398e-8 * R, Q = -0.0158415 * P - 0.03412294 * O + 1.04996444 * R;
+    const r = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), n = Math.pow(r / Math.pow(1.64 - Math.pow(0.29, t.n), 0.73), 1 / 0.9), o = this.hue * Math.PI / 180, a = 0.25 * (Math.cos(o + 2) + 3.8), i = t.aw * Math.pow(this.j / 100, 1 / t.c / t.z), c = a * (5e4 / 13) * t.nc * t.ncb, s = i / t.nbb, l = Math.sin(o), u = Math.cos(o), h = 23 * (s + 0.305) * n / (23 * c + 11 * n * u + 108 * n * l), f = h * u, g = h * l, p = (460 * s + 451 * f + 288 * g) / 1403, m = (460 * s - 891 * f - 261 * g) / 1403, b = (460 * s - 220 * f - 6300 * g) / 1403, F = Math.max(0, 27.13 * Math.abs(p) / (400 - Math.abs(p))), I = U(p) * (100 / t.fl) * Math.pow(F, 1 / 0.42), $ = Math.max(0, 27.13 * Math.abs(m) / (400 - Math.abs(m))), k = U(m) * (100 / t.fl) * Math.pow($, 1 / 0.42), v = Math.max(0, 27.13 * Math.abs(b) / (400 - Math.abs(b))), B = U(b) * (100 / t.fl) * Math.pow(v, 1 / 0.42), P = I / t.rgbD[0], O = k / t.rgbD[1], R = B / t.rgbD[2], A = 1.86206786 * P - 1.01125463 * O + 0.14918677 * R, j = 0.38752654 * P + 0.62144744 * O - 897398e-8 * R, Q = -0.0158415 * P - 0.03412294 * O + 1.04996444 * R;
     return [A, j, Q];
   }
 }
@@ -1244,15 +1244,15 @@ let lt = class T {
     let o = Math.sqrt(n) * 11;
     const a = tt.DEFAULT, i = 1 / Math.pow(1.64 - Math.pow(0.29, a.n), 0.73), s = 0.25 * (Math.cos(t + 2) + 3.8) * (5e4 / 13) * a.nc * a.ncb, l = Math.sin(t), u = Math.cos(t);
     for (let h = 0; h < 5; h++) {
-      const f = o / 100, g = r === 0 || o === 0 ? 0 : r / Math.sqrt(f), p = Math.pow(g * i, 1 / 0.9), b = a.aw * Math.pow(f, 1 / a.c / a.z) / a.nbb, F = 23 * (b + 0.305) * p / (23 * s + 11 * p * u + 108 * p * l), I = F * u, S = F * l, k = (460 * b + 451 * I + 288 * S) / 1403, v = (460 * b - 891 * I - 261 * S) / 1403, B = (460 * b - 220 * I - 6300 * S) / 1403, P = T.inverseChromaticAdaptation(k), O = T.inverseChromaticAdaptation(v), R = T.inverseChromaticAdaptation(B), A = Pt([P, O, R], T.LINRGB_FROM_SCALED_DISCOUNT);
+      const f = o / 100, g = r === 0 || o === 0 ? 0 : r / Math.sqrt(f), p = Math.pow(g * i, 1 / 0.9), b = a.aw * Math.pow(f, 1 / a.c / a.z) / a.nbb, F = 23 * (b + 0.305) * p / (23 * s + 11 * p * u + 108 * p * l), I = F * u, $ = F * l, k = (460 * b + 451 * I + 288 * $) / 1403, v = (460 * b - 891 * I - 261 * $) / 1403, B = (460 * b - 220 * I - 6300 * $) / 1403, P = T.inverseChromaticAdaptation(k), O = T.inverseChromaticAdaptation(v), R = T.inverseChromaticAdaptation(B), A = Pt([P, O, R], T.LINRGB_FROM_SCALED_DISCOUNT);
       if (A[0] < 0 || A[1] < 0 || A[2] < 0)
         return 0;
-      const j = T.Y_FROM_LINRGB[0], Q = T.Y_FROM_LINRGB[1], W = T.Y_FROM_LINRGB[2], _ = j * A[0] + Q * A[1] + W * A[2];
-      if (_ <= 0)
+      const j = T.Y_FROM_LINRGB[0], Q = T.Y_FROM_LINRGB[1], W = T.Y_FROM_LINRGB[2], H = j * A[0] + Q * A[1] + W * A[2];
+      if (H <= 0)
         return 0;
-      if (h === 4 || Math.abs(_ - n) < 2e-3)
+      if (h === 4 || Math.abs(H - n) < 2e-3)
         return A[0] > 100.01 || A[1] > 100.01 || A[2] > 100.01 ? 0 : Rt(A);
-      o = o - (_ - n) * o / (2 * _);
+      o = o - (H - n) * o / (2 * H);
     }
     return 0;
   }
@@ -1679,7 +1679,7 @@ let et = class Lt {
    */
   inViewingConditions(t) {
     const n = Y.fromInt(this.toInt()).xyzInViewingConditions(t), o = Y.fromXyzInViewingConditions(n[0], n[1], n[2], tt.make());
-    return Lt.from(o.hue, o.chroma, Ht(n[1]));
+    return Lt.from(o.hue, o.chroma, _t(n[1]));
   }
 };
 /**
@@ -1728,7 +1728,7 @@ class x {
     const n = ct(t), o = r * (n + 5) - 5, a = x.ratioOfYs(o, n), i = Math.abs(a - r);
     if (a < r && i > 0.04)
       return -1;
-    const c = Ht(o) + 0.4;
+    const c = _t(o) + 0.4;
     return c < 0 || c > 100 ? -1 : c;
   }
   /**
@@ -1747,7 +1747,7 @@ class x {
     const n = ct(t), o = (n + 5) / r - 5, a = x.ratioOfYs(n, o), i = Math.abs(a - r);
     if (a < r && i > 0.04)
       return -1;
-    const c = Ht(o) - 0.4;
+    const c = _t(o) - 0.4;
     return c < 0 || c > 100 ? -1 : c;
   }
   /**
@@ -1930,10 +1930,10 @@ let C = class X {
     const r = t.contrastLevel < 0;
     if (this.toneDeltaPair) {
       const n = this.toneDeltaPair(t), o = n.roleA, a = n.roleB, i = n.delta, c = n.polarity, s = n.stayTogether, u = this.background(t).getTone(t), h = c === "nearer" || c === "lighter" && !t.isDark || c === "darker" && t.isDark, f = h ? o : a, g = h ? a : o, p = this.name === f.name, m = t.isDark ? 1 : -1, b = f.contrastCurve.get(t.contrastLevel), F = g.contrastCurve.get(t.contrastLevel), I = f.tone(t);
-      let S = x.ratioOfTones(u, I) >= b ? I : X.foregroundTone(u, b);
+      let $ = x.ratioOfTones(u, I) >= b ? I : X.foregroundTone(u, b);
       const k = g.tone(t);
       let v = x.ratioOfTones(u, k) >= F ? k : X.foregroundTone(u, F);
-      return r && (S = X.foregroundTone(u, b), v = X.foregroundTone(u, F)), (v - S) * m >= i || (v = N(0, 100, S + i * m), (v - S) * m >= i || (S = N(0, 100, v - i * m))), 50 <= S && S < 60 ? m > 0 ? (S = 60, v = Math.max(v, S + i * m)) : (S = 49, v = Math.min(v, S + i * m)) : 50 <= v && v < 60 && (s ? m > 0 ? (S = 60, v = Math.max(v, S + i * m)) : (S = 49, v = Math.min(v, S + i * m)) : m > 0 ? v = 60 : v = 49), p ? S : v;
+      return r && ($ = X.foregroundTone(u, b), v = X.foregroundTone(u, F)), (v - $) * m >= i || (v = N(0, 100, $ + i * m), (v - $) * m >= i || ($ = N(0, 100, v - i * m))), 50 <= $ && $ < 60 ? m > 0 ? ($ = 60, v = Math.max(v, $ + i * m)) : ($ = 49, v = Math.min(v, $ + i * m)) : 50 <= v && v < 60 && (s ? m > 0 ? ($ = 60, v = Math.max(v, $ + i * m)) : ($ = 49, v = Math.min(v, $ + i * m)) : m > 0 ? v = 60 : v = 49), p ? $ : v;
     } else {
       let n = this.tone(t);
       if (this.background == null)
@@ -2213,7 +2213,7 @@ var Mt;
 function vt(e) {
   return e.variant === Mt.FIDELITY || e.variant === Mt.CONTENT;
 }
-function H(e) {
+function _(e) {
   return e.variant === Mt.MONOCHROME;
 }
 function kr(e, t, r, n) {
@@ -2388,7 +2388,7 @@ d.surfaceTint = C.fromPalette({
 d.primary = C.fromPalette({
   name: "primary",
   palette: (e) => e.primaryPalette,
-  tone: (e) => H(e) ? e.isDark ? 100 : 0 : e.isDark ? 80 : 40,
+  tone: (e) => _(e) ? e.isDark ? 100 : 0 : e.isDark ? 80 : 40,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(3, 4.5, 7, 7),
@@ -2397,14 +2397,14 @@ d.primary = C.fromPalette({
 d.onPrimary = C.fromPalette({
   name: "on_primary",
   palette: (e) => e.primaryPalette,
-  tone: (e) => H(e) ? e.isDark ? 10 : 90 : e.isDark ? 20 : 100,
+  tone: (e) => _(e) ? e.isDark ? 10 : 90 : e.isDark ? 20 : 100,
   background: (e) => d.primary,
   contrastCurve: new M(4.5, 7, 11, 21)
 });
 d.primaryContainer = C.fromPalette({
   name: "primary_container",
   palette: (e) => e.primaryPalette,
-  tone: (e) => vt(e) ? e.sourceColorHct.tone : H(e) ? e.isDark ? 85 : 25 : e.isDark ? 30 : 90,
+  tone: (e) => vt(e) ? e.sourceColorHct.tone : _(e) ? e.isDark ? 85 : 25 : e.isDark ? 30 : 90,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(1, 1, 3, 4.5),
@@ -2413,7 +2413,7 @@ d.primaryContainer = C.fromPalette({
 d.onPrimaryContainer = C.fromPalette({
   name: "on_primary_container",
   palette: (e) => e.primaryPalette,
-  tone: (e) => vt(e) ? C.foregroundTone(d.primaryContainer.tone(e), 4.5) : H(e) ? e.isDark ? 0 : 100 : e.isDark ? 90 : 30,
+  tone: (e) => vt(e) ? C.foregroundTone(d.primaryContainer.tone(e), 4.5) : _(e) ? e.isDark ? 0 : 100 : e.isDark ? 90 : 30,
   background: (e) => d.primaryContainer,
   contrastCurve: new M(3, 4.5, 7, 11)
 });
@@ -2436,7 +2436,7 @@ d.secondary = C.fromPalette({
 d.onSecondary = C.fromPalette({
   name: "on_secondary",
   palette: (e) => e.secondaryPalette,
-  tone: (e) => H(e) ? e.isDark ? 10 : 100 : e.isDark ? 20 : 100,
+  tone: (e) => _(e) ? e.isDark ? 10 : 100 : e.isDark ? 20 : 100,
   background: (e) => d.secondary,
   contrastCurve: new M(4.5, 7, 11, 21)
 });
@@ -2445,7 +2445,7 @@ d.secondaryContainer = C.fromPalette({
   palette: (e) => e.secondaryPalette,
   tone: (e) => {
     const t = e.isDark ? 30 : 90;
-    return H(e) ? e.isDark ? 30 : 85 : vt(e) ? kr(e.secondaryPalette.hue, e.secondaryPalette.chroma, t, !e.isDark) : t;
+    return _(e) ? e.isDark ? 30 : 85 : vt(e) ? kr(e.secondaryPalette.hue, e.secondaryPalette.chroma, t, !e.isDark) : t;
   },
   isBackground: !0,
   background: (e) => d.highestSurface(e),
@@ -2455,14 +2455,14 @@ d.secondaryContainer = C.fromPalette({
 d.onSecondaryContainer = C.fromPalette({
   name: "on_secondary_container",
   palette: (e) => e.secondaryPalette,
-  tone: (e) => H(e) ? e.isDark ? 90 : 10 : vt(e) ? C.foregroundTone(d.secondaryContainer.tone(e), 4.5) : e.isDark ? 90 : 30,
+  tone: (e) => _(e) ? e.isDark ? 90 : 10 : vt(e) ? C.foregroundTone(d.secondaryContainer.tone(e), 4.5) : e.isDark ? 90 : 30,
   background: (e) => d.secondaryContainer,
   contrastCurve: new M(3, 4.5, 7, 11)
 });
 d.tertiary = C.fromPalette({
   name: "tertiary",
   palette: (e) => e.tertiaryPalette,
-  tone: (e) => H(e) ? e.isDark ? 90 : 25 : e.isDark ? 80 : 40,
+  tone: (e) => _(e) ? e.isDark ? 90 : 25 : e.isDark ? 80 : 40,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(3, 4.5, 7, 7),
@@ -2471,7 +2471,7 @@ d.tertiary = C.fromPalette({
 d.onTertiary = C.fromPalette({
   name: "on_tertiary",
   palette: (e) => e.tertiaryPalette,
-  tone: (e) => H(e) ? e.isDark ? 10 : 90 : e.isDark ? 20 : 100,
+  tone: (e) => _(e) ? e.isDark ? 10 : 90 : e.isDark ? 20 : 100,
   background: (e) => d.tertiary,
   contrastCurve: new M(4.5, 7, 11, 21)
 });
@@ -2479,7 +2479,7 @@ d.tertiaryContainer = C.fromPalette({
   name: "tertiary_container",
   palette: (e) => e.tertiaryPalette,
   tone: (e) => {
-    if (H(e))
+    if (_(e))
       return e.isDark ? 60 : 49;
     if (!vt(e))
       return e.isDark ? 30 : 90;
@@ -2494,7 +2494,7 @@ d.tertiaryContainer = C.fromPalette({
 d.onTertiaryContainer = C.fromPalette({
   name: "on_tertiary_container",
   palette: (e) => e.tertiaryPalette,
-  tone: (e) => H(e) ? e.isDark ? 0 : 100 : vt(e) ? C.foregroundTone(d.tertiaryContainer.tone(e), 4.5) : e.isDark ? 90 : 30,
+  tone: (e) => _(e) ? e.isDark ? 0 : 100 : vt(e) ? C.foregroundTone(d.tertiaryContainer.tone(e), 4.5) : e.isDark ? 90 : 30,
   background: (e) => d.tertiaryContainer,
   contrastCurve: new M(3, 4.5, 7, 11)
 });
@@ -2526,14 +2526,14 @@ d.errorContainer = C.fromPalette({
 d.onErrorContainer = C.fromPalette({
   name: "on_error_container",
   palette: (e) => e.errorPalette,
-  tone: (e) => H(e) ? e.isDark ? 90 : 10 : e.isDark ? 90 : 30,
+  tone: (e) => _(e) ? e.isDark ? 90 : 10 : e.isDark ? 90 : 30,
   background: (e) => d.errorContainer,
   contrastCurve: new M(3, 4.5, 7, 11)
 });
 d.primaryFixed = C.fromPalette({
   name: "primary_fixed",
   palette: (e) => e.primaryPalette,
-  tone: (e) => H(e) ? 40 : 90,
+  tone: (e) => _(e) ? 40 : 90,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(1, 1, 3, 4.5),
@@ -2542,7 +2542,7 @@ d.primaryFixed = C.fromPalette({
 d.primaryFixedDim = C.fromPalette({
   name: "primary_fixed_dim",
   palette: (e) => e.primaryPalette,
-  tone: (e) => H(e) ? 30 : 80,
+  tone: (e) => _(e) ? 30 : 80,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(1, 1, 3, 4.5),
@@ -2551,7 +2551,7 @@ d.primaryFixedDim = C.fromPalette({
 d.onPrimaryFixed = C.fromPalette({
   name: "on_primary_fixed",
   palette: (e) => e.primaryPalette,
-  tone: (e) => H(e) ? 100 : 10,
+  tone: (e) => _(e) ? 100 : 10,
   background: (e) => d.primaryFixedDim,
   secondBackground: (e) => d.primaryFixed,
   contrastCurve: new M(4.5, 7, 11, 21)
@@ -2559,7 +2559,7 @@ d.onPrimaryFixed = C.fromPalette({
 d.onPrimaryFixedVariant = C.fromPalette({
   name: "on_primary_fixed_variant",
   palette: (e) => e.primaryPalette,
-  tone: (e) => H(e) ? 90 : 30,
+  tone: (e) => _(e) ? 90 : 30,
   background: (e) => d.primaryFixedDim,
   secondBackground: (e) => d.primaryFixed,
   contrastCurve: new M(3, 4.5, 7, 11)
@@ -2567,7 +2567,7 @@ d.onPrimaryFixedVariant = C.fromPalette({
 d.secondaryFixed = C.fromPalette({
   name: "secondary_fixed",
   palette: (e) => e.secondaryPalette,
-  tone: (e) => H(e) ? 80 : 90,
+  tone: (e) => _(e) ? 80 : 90,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(1, 1, 3, 4.5),
@@ -2576,7 +2576,7 @@ d.secondaryFixed = C.fromPalette({
 d.secondaryFixedDim = C.fromPalette({
   name: "secondary_fixed_dim",
   palette: (e) => e.secondaryPalette,
-  tone: (e) => H(e) ? 70 : 80,
+  tone: (e) => _(e) ? 70 : 80,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(1, 1, 3, 4.5),
@@ -2593,7 +2593,7 @@ d.onSecondaryFixed = C.fromPalette({
 d.onSecondaryFixedVariant = C.fromPalette({
   name: "on_secondary_fixed_variant",
   palette: (e) => e.secondaryPalette,
-  tone: (e) => H(e) ? 25 : 30,
+  tone: (e) => _(e) ? 25 : 30,
   background: (e) => d.secondaryFixedDim,
   secondBackground: (e) => d.secondaryFixed,
   contrastCurve: new M(3, 4.5, 7, 11)
@@ -2601,7 +2601,7 @@ d.onSecondaryFixedVariant = C.fromPalette({
 d.tertiaryFixed = C.fromPalette({
   name: "tertiary_fixed",
   palette: (e) => e.tertiaryPalette,
-  tone: (e) => H(e) ? 40 : 90,
+  tone: (e) => _(e) ? 40 : 90,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(1, 1, 3, 4.5),
@@ -2610,7 +2610,7 @@ d.tertiaryFixed = C.fromPalette({
 d.tertiaryFixedDim = C.fromPalette({
   name: "tertiary_fixed_dim",
   palette: (e) => e.tertiaryPalette,
-  tone: (e) => H(e) ? 30 : 80,
+  tone: (e) => _(e) ? 30 : 80,
   isBackground: !0,
   background: (e) => d.highestSurface(e),
   contrastCurve: new M(1, 1, 3, 4.5),
@@ -2619,7 +2619,7 @@ d.tertiaryFixedDim = C.fromPalette({
 d.onTertiaryFixed = C.fromPalette({
   name: "on_tertiary_fixed",
   palette: (e) => e.tertiaryPalette,
-  tone: (e) => H(e) ? 100 : 10,
+  tone: (e) => _(e) ? 100 : 10,
   background: (e) => d.tertiaryFixedDim,
   secondBackground: (e) => d.tertiaryFixed,
   contrastCurve: new M(4.5, 7, 11, 21)
@@ -2627,7 +2627,7 @@ d.onTertiaryFixed = C.fromPalette({
 d.onTertiaryFixedVariant = C.fromPalette({
   name: "on_tertiary_fixed_variant",
   palette: (e) => e.tertiaryPalette,
-  tone: (e) => H(e) ? 90 : 30,
+  tone: (e) => _(e) ? 90 : 30,
   background: (e) => d.tertiaryFixedDim,
   secondBackground: (e) => d.tertiaryFixed,
   contrastCurve: new M(3, 4.5, 7, 11)
@@ -2922,18 +2922,18 @@ const Tt = class D {
     let o = Math.sqrt(n) * 11;
     const a = tt.DEFAULT, i = 1 / Math.pow(1.64 - Math.pow(0.29, a.n), 0.73), s = 0.25 * (Math.cos(t + 2) + 3.8) * (5e4 / 13) * a.nc * a.ncb, l = Math.sin(t), u = Math.cos(t);
     for (let h = 0; h < 5; h++) {
-      const f = o / 100, g = r === 0 || o === 0 ? 0 : r / Math.sqrt(f), p = Math.pow(g * i, 1 / 0.9), b = a.aw * Math.pow(f, 1 / a.c / a.z) / a.nbb, F = 23 * (b + 0.305) * p / (23 * s + 11 * p * u + 108 * p * l), I = F * u, S = F * l, k = (460 * b + 451 * I + 288 * S) / 1403, v = (460 * b - 891 * I - 261 * S) / 1403, B = (460 * b - 220 * I - 6300 * S) / 1403, P = D.inverseChromaticAdaptation(k), O = D.inverseChromaticAdaptation(v), R = D.inverseChromaticAdaptation(B), A = Pt(
+      const f = o / 100, g = r === 0 || o === 0 ? 0 : r / Math.sqrt(f), p = Math.pow(g * i, 1 / 0.9), b = a.aw * Math.pow(f, 1 / a.c / a.z) / a.nbb, F = 23 * (b + 0.305) * p / (23 * s + 11 * p * u + 108 * p * l), I = F * u, $ = F * l, k = (460 * b + 451 * I + 288 * $) / 1403, v = (460 * b - 891 * I - 261 * $) / 1403, B = (460 * b - 220 * I - 6300 * $) / 1403, P = D.inverseChromaticAdaptation(k), O = D.inverseChromaticAdaptation(v), R = D.inverseChromaticAdaptation(B), A = Pt(
         [P, O, R],
         D.LINRGB_FROM_SCALED_DISCOUNT
       );
       if (A[0] < 0 || A[1] < 0 || A[2] < 0)
         return 0;
-      const j = D.Y_FROM_LINRGB[0], Q = D.Y_FROM_LINRGB[1], W = D.Y_FROM_LINRGB[2], _ = j * A[0] + Q * A[1] + W * A[2];
-      if (_ <= 0)
+      const j = D.Y_FROM_LINRGB[0], Q = D.Y_FROM_LINRGB[1], W = D.Y_FROM_LINRGB[2], H = j * A[0] + Q * A[1] + W * A[2];
+      if (H <= 0)
         return 0;
-      if (h === 4 || Math.abs(_ - n) < 2e-3)
+      if (h === 4 || Math.abs(H - n) < 2e-3)
         return A[0] > 100.01 || A[1] > 100.01 || A[2] > 100.01 ? 0 : Rt(A);
-      o = o - (_ - n) * o / (2 * _);
+      o = o - (H - n) * o / (2 * H);
     }
     return 0;
   }
@@ -3328,7 +3328,7 @@ class w {
     return w.from(
       o.hue,
       o.chroma,
-      Ht(n[1])
+      _t(n[1])
     );
   }
   setInternalState(t) {
@@ -3378,7 +3378,7 @@ class at {
 function y(e) {
   return e === 1.5 ? new at(1.5, 1.5, 3, 4.5) : e === 3 ? new at(3, 3, 4.5, 7) : e === 4.5 ? new at(4.5, 4.5, 7, 11) : e === 6 ? new at(6, 6, 7, 11) : e === 7 ? new at(7, 7, 11, 21) : e === 9 ? new at(9, 9, 11, 21) : e === 11 ? new at(11, 11, 21, 21) : e === 21 ? new at(21, 21, 21, 21) : new at(e, e, 7, 21);
 }
-function $(e, t = 0, r = 100, n = 1) {
+function S(e, t = 0, r = 100, n = 1) {
   const o = je(
     e.hue,
     e.chroma * n,
@@ -3670,7 +3670,7 @@ class Tr {
   }
   adjustedTone({ context: t, color: r }) {
     const n = this.roleA, o = this.roleB, a = this.polarity, i = this.constraint, c = a === "darker" || a === "relative_lighter" && t.isDark || a === "relative_darker" && !t.isDark ? -this.delta : this.delta, s = r.name === n.name, l = s ? n : o, u = s ? o : n;
-    if (!(l instanceof _t))
+    if (!(l instanceof Ht))
       throw new Error("selfRole is not a ColorFromPalette");
     let h = l.options.tone;
     const f = u.getTone(), g = c * (s ? 1 : -1);
@@ -3682,7 +3682,7 @@ class Tr {
       0,
       100,
       N(f + g, f, h)
-    ) : i === "farther" && (g > 0 ? h = N(f + g, 100, h) : h = N(0, f + g, h)), r instanceof _t) {
+    ) : i === "farther" && (g > 0 ? h = N(f + g, 100, h) : h = N(0, f + g, h)), r instanceof Ht) {
       if (r.options.background && r.options.contrastCurve) {
         const p = r.options.background, m = r.options.contrastCurve;
         if (p && m) {
@@ -3726,7 +3726,7 @@ class ie {
     return this.getHct().tone;
   }
 }
-class $r extends ie {
+class Sr extends ie {
   constructor(t, r, n) {
     super(t), this.as = r, this.colorService = n;
   }
@@ -3737,7 +3737,7 @@ class $r extends ie {
     return this.colorService.get(this.as);
   }
 }
-class Sr extends ie {
+class $r extends ie {
   constructor(t, r) {
     super(t), this._hex = r, this._hex = r;
   }
@@ -3751,7 +3751,7 @@ class Sr extends ie {
     this._hex = t;
   }
 }
-class _t extends ie {
+class Ht extends ie {
   constructor(t, r, n) {
     super(t), this._options = r, this.context = n, this.validateOption();
   }
@@ -3901,7 +3901,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     onSurface: {
       palette: () => r.get("neutral"),
-      tone: () => t.variant.name === "vibrant" ? $(r.get("neutral"), 0, 100, 1.1) : ae(z(t, e)),
+      tone: () => t.variant.name === "vibrant" ? S(r.get("neutral"), 0, 100, 1.1) : ae(z(t, e)),
       chromaMultiplier: () => t.variant.name === "neutral" ? 2.2 : t.variant.name === "tonalSpot" ? 1.7 : t.variant.name === "expressive" ? w.isYellow(r.get("neutral").hue) ? t.isDark ? 3 : 2.3 : 1.6 : 1,
       background: () => z(t, e),
       contrastCurve: () => t.isDark ? y(11) : y(9)
@@ -3940,11 +3940,11 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     ////////////////////////////////////////////////////////////////
     primary: {
       palette: () => r.get("primary"),
-      tone: () => t.variant.name === "neutral" ? t.isDark ? 80 : 40 : t.variant.name === "tonalSpot" ? t.isDark ? 80 : $(r.get("primary")) : t.variant.name === "expressive" ? $(
+      tone: () => t.variant.name === "neutral" ? t.isDark ? 80 : 40 : t.variant.name === "tonalSpot" ? t.isDark ? 80 : S(r.get("primary")) : t.variant.name === "expressive" ? S(
         r.get("primary"),
         0,
         w.isYellow(r.get("primary").hue) ? 25 : w.isCyan(r.get("primary").hue) ? 88 : 98
-      ) : $(
+      ) : S(
         r.get("primary"),
         0,
         w.isCyan(r.get("primary").hue) ? 88 : 98
@@ -3963,7 +3963,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     primaryDim: {
       palette: () => r.get("primary"),
-      tone: () => t.variant.name === "neutral" ? 85 : t.variant.name === "tonalSpot" ? $(r.get("primary"), 0, 90) : $(r.get("primary")),
+      tone: () => t.variant.name === "neutral" ? 85 : t.variant.name === "tonalSpot" ? S(r.get("primary"), 0, 90) : S(r.get("primary")),
       isBackground: !0,
       background: () => n("surfaceContainerHigh"),
       contrastCurve: () => y(4.5),
@@ -3983,11 +3983,11 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     primaryContainer: {
       palette: () => r.get("primary"),
-      tone: () => t.variant.name === "neutral" ? t.isDark ? 30 : 90 : t.variant.name === "tonalSpot" ? t.isDark ? q(r.get("primary"), 35, 93) : $(r.get("primary"), 0, 90) : t.variant.name === "expressive" ? t.isDark ? $(r.get("primary"), 30, 93) : $(
+      tone: () => t.variant.name === "neutral" ? t.isDark ? 30 : 90 : t.variant.name === "tonalSpot" ? t.isDark ? q(r.get("primary"), 35, 93) : S(r.get("primary"), 0, 90) : t.variant.name === "expressive" ? t.isDark ? S(r.get("primary"), 30, 93) : S(
         r.get("primary"),
         78,
         w.isCyan(r.get("primary").hue) ? 88 : 90
-      ) : t.isDark ? q(r.get("primary"), 66, 93) : $(
+      ) : t.isDark ? q(r.get("primary"), 66, 93) : S(
         r.get("primary"),
         66,
         w.isCyan(r.get("primary").hue) ? 88 : 93
@@ -4039,7 +4039,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     inversePrimary: {
       palette: () => r.get("primary"),
-      tone: () => $(r.get("primary")),
+      tone: () => S(r.get("primary")),
       background: () => e.get("inverseSurface"),
       contrastCurve: () => y(6)
     },
@@ -4048,7 +4048,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     ////////////////////////////////////////////////////////////////
     secondary: {
       palette: () => r.get("secondary"),
-      tone: () => t.variant.name === "neutral" ? t.isDark ? q(r.get("secondary"), 0, 98) : $(r.get("secondary")) : t.variant.name === "vibrant" ? $(r.get("secondary"), 0, t.isDark ? 90 : 98) : t.isDark ? 80 : $(r.get("secondary")),
+      tone: () => t.variant.name === "neutral" ? t.isDark ? q(r.get("secondary"), 0, 98) : S(r.get("secondary")) : t.variant.name === "vibrant" ? S(r.get("secondary"), 0, t.isDark ? 90 : 98) : t.isDark ? 80 : S(r.get("secondary")),
       isBackground: !0,
       background: () => z(t, e),
       contrastCurve: () => y(4.5),
@@ -4063,7 +4063,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     secondaryDim: {
       palette: () => r.get("secondary"),
-      tone: () => t.variant.name === "neutral" ? 85 : $(r.get("secondary"), 0, 90),
+      tone: () => t.variant.name === "neutral" ? 85 : S(r.get("secondary"), 0, 90),
       isBackground: !0,
       background: () => n("surfaceContainerHigh"),
       contrastCurve: () => y(4.5),
@@ -4083,7 +4083,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     secondaryContainer: {
       palette: () => r.get("secondary"),
-      tone: () => t.variant.name === "vibrant" ? t.isDark ? q(r.get("secondary"), 30, 40) : $(r.get("secondary"), 84, 90) : t.variant.name === "expressive" ? t.isDark ? 15 : $(r.get("secondary"), 90, 95) : t.isDark ? 25 : 90,
+      tone: () => t.variant.name === "vibrant" ? t.isDark ? q(r.get("secondary"), 30, 40) : S(r.get("secondary"), 84, 90) : t.variant.name === "expressive" ? t.isDark ? 15 : S(r.get("secondary"), 90, 95) : t.isDark ? 25 : 90,
       isBackground: !0,
       background: () => z(t, e),
       adjustTone: () => {
@@ -4136,11 +4136,11 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     ////////////////////////////////////////////////////////////////
     tertiary: {
       palette: () => r.get("tertiary"),
-      tone: () => t.variant.name === "expressive" || t.variant.name === "vibrant" ? $(
+      tone: () => t.variant.name === "expressive" || t.variant.name === "vibrant" ? S(
         r.get("tertiary"),
         0,
         w.isCyan(r.get("tertiary").hue) ? 88 : t.isDark ? 98 : 100
-      ) : t.isDark ? $(r.get("tertiary"), 0, 98) : $(r.get("tertiary")),
+      ) : t.isDark ? S(r.get("tertiary"), 0, 98) : S(r.get("tertiary")),
       isBackground: !0,
       background: () => z(t, e),
       contrastCurve: () => y(4.5),
@@ -4155,7 +4155,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     tertiaryDim: {
       palette: () => r.get("tertiary"),
-      tone: () => t.variant.name === "tonalSpot" ? $(r.get("tertiary"), 0, 90) : $(r.get("tertiary")),
+      tone: () => t.variant.name === "tonalSpot" ? S(r.get("tertiary"), 0, 90) : S(r.get("tertiary")),
       isBackground: !0,
       background: () => n("surfaceContainerHigh"),
       contrastCurve: () => y(4.5),
@@ -4175,11 +4175,11 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     tertiaryContainer: {
       palette: () => r.get("tertiary"),
-      tone: () => t.variant.name === "neutral" ? t.isDark ? $(r.get("tertiary"), 0, 93) : $(r.get("tertiary"), 0, 96) : t.variant.name === "tonalSpot" ? $(r.get("tertiary"), 0, t.isDark ? 93 : 100) : t.variant.name === "expressive" ? $(
+      tone: () => t.variant.name === "neutral" ? t.isDark ? S(r.get("tertiary"), 0, 93) : S(r.get("tertiary"), 0, 96) : t.variant.name === "tonalSpot" ? S(r.get("tertiary"), 0, t.isDark ? 93 : 100) : t.variant.name === "expressive" ? S(
         r.get("tertiary"),
         75,
         w.isCyan(r.get("tertiary").hue) ? 88 : t.isDark ? 93 : 100
-      ) : t.isDark ? $(r.get("tertiary"), 0, 93) : $(r.get("tertiary"), 72, 100),
+      ) : t.isDark ? S(r.get("tertiary"), 0, 93) : S(r.get("tertiary"), 72, 100),
       isBackground: !0,
       background: () => z(t, e),
       adjustTone: () => {
@@ -4232,7 +4232,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     ////////////////////////////////////////////////////////////////
     error: {
       palette: () => r.get("error"),
-      tone: () => t.isDark ? q(r.get("error"), 0, 98) : $(r.get("error")),
+      tone: () => t.isDark ? q(r.get("error"), 0, 98) : S(r.get("error")),
       isBackground: !0,
       background: () => z(t, e),
       contrastCurve: () => y(4.5),
@@ -4267,7 +4267,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     },
     errorContainer: {
       palette: () => r.get("error"),
-      tone: () => t.isDark ? q(r.get("error"), 30, 93) : $(r.get("error"), 0, 90),
+      tone: () => t.isDark ? q(r.get("error"), 30, 93) : S(r.get("error"), 0, 90),
       isBackground: !0,
       background: () => z(t, e),
       adjustTone: () => {
@@ -4296,7 +4296,7 @@ const z = (e, t) => (t instanceof se, e.isDark ? t.get("surfaceBright") : t.get(
     }
   };
 };
-function He(e) {
+function _e(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 class se {
@@ -4335,10 +4335,10 @@ class se {
   addFromCustomPalette(t) {
     if (this.context.variant.colorsFromCustomPalette)
       return this.addColors(this.context.variant.colorsFromCustomPalette(t));
-    const r = t, n = r + "Dim", o = He(t), a = "on" + o, i = r + "Container", c = "on" + o + "Container", s = r + "Fixed", l = r + "FixedDim", u = "on" + o + "Fixed", h = "on" + o + "FixedVariant", f = ({ palettes: g, colors: p, context: m }) => ({
+    const r = t, n = r + "Dim", o = _e(t), a = "on" + o, i = r + "Container", c = "on" + o + "Container", s = r + "Fixed", l = r + "FixedDim", u = "on" + o + "Fixed", h = "on" + o + "FixedVariant", f = ({ palettes: g, colors: p, context: m }) => ({
       [r]: {
         palette: () => g.get(r),
-        tone: () => m.variant.name === "neutral" ? m.isDark ? q(g.get(r), 0, 98) : $(g.get(r)) : m.variant.name === "vibrant" ? $(g.get(r), 0, m.isDark ? 90 : 98) : m.isDark ? 80 : $(g.get(r)),
+        tone: () => m.variant.name === "neutral" ? m.isDark ? q(g.get(r), 0, 98) : S(g.get(r)) : m.variant.name === "vibrant" ? S(g.get(r), 0, m.isDark ? 90 : 98) : m.isDark ? 80 : S(g.get(r)),
         isBackground: !0,
         background: () => z(m, this),
         contrastCurve: () => y(4.5),
@@ -4353,7 +4353,7 @@ class se {
       },
       [n]: {
         palette: () => g.get(r),
-        tone: () => m.variant.name === "neutral" ? 85 : $(g.get(r), 0, 90),
+        tone: () => m.variant.name === "neutral" ? 85 : S(g.get(r), 0, 90),
         isBackground: !0,
         background: () => this.get("surfaceContainerHigh"),
         contrastCurve: () => y(4.5),
@@ -4373,7 +4373,7 @@ class se {
       },
       [i]: {
         palette: () => g.get(r),
-        tone: () => m.variant.name === "vibrant" ? m.isDark ? q(g.get(r), 30, 40) : $(g.get(r), 84, 90) : m.variant.name === "expressive" ? m.isDark ? 15 : $(g.get(r), 90, 95) : m.isDark ? 25 : 90,
+        tone: () => m.variant.name === "vibrant" ? m.isDark ? q(g.get(r), 30, 40) : S(g.get(r), 84, 90) : m.variant.name === "expressive" ? m.isDark ? 15 : S(g.get(r), 90, 95) : m.isDark ? 25 : 90,
         isBackground: !0,
         background: () => z(m, this),
         adjustTone: () => {
@@ -4426,12 +4426,12 @@ class Fr {
   createOrUpdate(t, r) {
     let n = this.colorMap.get(t);
     if ("alias" in r)
-      n = new $r(t, r.alias, this);
+      n = new Sr(t, r.alias, this);
     else if ("hex" in r)
-      n = new Sr(t, r.hex);
+      n = new $r(t, r.hex);
     else
       try {
-        n instanceof _t ? n.update(r) : n = new _t(t, r, this.context);
+        n instanceof Ht ? n.update(r) : n = new Ht(t, r, this.context);
       } catch (o) {
         throw console.error(o), new Error(`Invalid color options provided for ${t}`);
       }
@@ -4750,7 +4750,7 @@ const Rr = {
   paletteManager: dt(Er).scoped()
 };
 let qt = null;
-const _e = (e) => {
+const He = (e) => {
   if (!(e != null && e.fresh) && qt)
     return qt;
   const t = Ae({
@@ -4761,7 +4761,7 @@ const _e = (e) => {
       Object.entries(o).forEach(([a, i]) => {
         t.register(a, i);
       });
-    }), _e;
+    }), He;
   }
   return r(
     Ir,
@@ -4772,7 +4772,7 @@ const _e = (e) => {
   ), qt = t, t;
 };
 function jr() {
-  return _e().resolve("api");
+  return He().resolve("api");
 }
 const kt = (e, t, r) => {
   const n = Math.min(t.length - 1, r.length), o = e.hue;
@@ -4784,7 +4784,7 @@ const kt = (e, t, r) => {
   let n = kt(e, t, r);
   return Math.min(t.length - 1, r.length) <= 0 && (n = 0), Nt(e.hue + n);
 };
-class Hr {
+class _r {
   constructor(t) {
     L(this, "_palettes"), L(this, "customPalettes"), L(this, "colorsFromCustomPalette"), L(this, "colors"), L(this, "name"), L(this, "context"), this.options = t, this.customPalettes = t.customPalettes, this.colors = t.colors || {}, this.name = t.name, this.colorsFromCustomPalette = t.colorsFromCustomPalette;
   }
@@ -4803,14 +4803,14 @@ class Hr {
     ));
   }
 }
-const Dt = (e) => new Hr(e), Jt = (e) => rt(
+const Dt = (e) => new _r(e), Jt = (e) => rt(
   e,
   [0, 71, 124, 253, 278, 300, 360],
   [10, 0, 10, 0, 10, 0]
 ), ge = (e, t) => {
   const r = Jt(e);
   return t ? w.isYellow(r) ? 6 : 14 : 18;
-}, _r = Dt({
+}, Hr = Dt({
   name: "expressive",
   palettes: {
     primary: ({ sourceColor: e, isDark: t }) => ({
@@ -5038,7 +5038,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
     chroma: e.chroma
   }),
   colorsFromCustomPalette: (e) => {
-    const t = e, r = He(e), n = "on" + r, o = t + "Container", a = "on" + r + "Container";
+    const t = e, r = _e(e), n = "on" + r, o = t + "Container", a = "on" + r + "Container";
     return ({ palettes: c, colors: s, context: l }) => ({
       [t]: {
         palette: () => c.get(t),
@@ -5085,7 +5085,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
       },
       [o]: {
         palette: () => c.get(t),
-        tone: () => l.isDark ? q(c.get(t), 35, 93) : $(c.get(t), 0, 90),
+        tone: () => l.isDark ? q(c.get(t), 35, 93) : S(c.get(t), 0, 90),
         isBackground: !0,
         background: () => J(l, s),
         adjustTone: () => V(
@@ -5274,7 +5274,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
       },
       primaryContainer: {
         palette: () => r.get("primary"),
-        tone: () => t.isDark ? q(r.get("primary"), 35, 93) : $(r.get("primary"), 0, 90),
+        tone: () => t.isDark ? q(r.get("primary"), 35, 93) : S(r.get("primary"), 0, 90),
         isBackground: !0,
         background: () => J(t, e),
         adjustTone: () => V(
@@ -5336,7 +5336,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
       // },
       inversePrimary: {
         palette: () => r.get("primary"),
-        tone: () => $(r.get("primary")),
+        tone: () => S(r.get("primary")),
         background: () => e.get("inverseSurface"),
         contrastCurve: () => y(6)
       },
@@ -5388,7 +5388,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
       },
       secondaryContainer: {
         palette: () => r.get("secondary"),
-        tone: () => t.isDark ? q(r.get("secondary"), 35, 93) : $(r.get("secondary"), 0, 90),
+        tone: () => t.isDark ? q(r.get("secondary"), 35, 93) : S(r.get("secondary"), 0, 90),
         isBackground: !0,
         background: () => J(t, e),
         adjustTone: () => V(
@@ -5499,7 +5499,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
       },
       tertiaryContainer: {
         palette: () => r.get("tertiary"),
-        tone: () => $(r.get("tertiary"), 0, t.isDark ? 93 : 100),
+        tone: () => S(r.get("tertiary"), 0, t.isDark ? 93 : 100),
         isBackground: !0,
         background: () => J(t, e),
         adjustTone: () => V(
@@ -5564,7 +5564,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
       ////////////////////////////////////////////////////////////////
       error: {
         palette: () => r.get("error"),
-        tone: () => t.isDark ? q(r.get("error"), 0, 98) : $(r.get("error")),
+        tone: () => t.isDark ? q(r.get("error"), 0, 98) : S(r.get("error")),
         isBackground: !0,
         background: () => J(t, e),
         contrastCurve: () => y(4.5),
@@ -5600,7 +5600,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
       },
       errorContainer: {
         palette: () => r.get("error"),
-        tone: () => t.isDark ? q(r.get("error"), 30, 93) : $(r.get("error"), 0, 90),
+        tone: () => t.isDark ? q(r.get("error"), 30, 93) : S(r.get("error"), 0, 90),
         isBackground: !0,
         background: () => J(t, e),
         adjustTone: () => {
@@ -5630,7 +5630,7 @@ const Dt = (e) => new Hr(e), Jt = (e) => rt(
     };
   }
 }), Zt = {
-  Expressive: _r,
+  Expressive: Hr,
   Neutral: Nr,
   TonalSpot: zr,
   Vibrant: Vr,
@@ -5669,6 +5669,14 @@ class Ne {
   constructor(t) {
     mt(this, "options"), mt(this, "pluginInstance"), this.options = t;
   }
+  toSerializable() {
+    return JSON.parse(
+      JSON.stringify(
+        this.options,
+        (t, r) => typeof r == "function" ? void 0 : r
+      )
+    );
+  }
   init(t) {
     var r, n;
     return this.pluginInstance = new this.pluginClass(t, this.options), (n = (r = this.pluginInstance).onInit) == null || n.call(r), this;
@@ -5860,7 +5868,7 @@ Ve.withOptions = function(e, t = () => ({})) {
   }
   return r.__isOptionsFunction = !0, r;
 };
-var $t = Ve;
+var St = Ve;
 function Xr(e) {
   return e ? e.toLowerCase() : "";
 }
@@ -5941,7 +5949,7 @@ const nn = ({
       }
     );
   }), s == null || s({ variableName: l, name: a, dependencies: h });
-}, on = $t.withOptions(
+}, on = St.withOptions(
   ({ prefix: e = "anim" }) => ({ addBase: t, matchUtilities: r, addUtilities: n, theme: o }) => {
     const a = /* @__PURE__ */ new Set(), i = nn({
       addBase: t,
@@ -6279,7 +6287,7 @@ const nn = ({
       }
     });
   }
-), an = $t.withOptions((e) => ({
+), an = St.withOptions((e) => ({
   addUtilities: t,
   theme: r
 }) => {
@@ -6323,7 +6331,7 @@ const nn = ({
   transition: {
     duration: 150
   }
-}, sn = $t.withOptions(({ colorKeys: e }) => {
+}, sn = St.withOptions(({ colorKeys: e }) => {
   const t = {
     disabledStyles: {
       ...Ce.disabledStyles
@@ -6396,7 +6404,7 @@ const nn = ({
       }
     );
   };
-}), cn = $t(
+}), cn = St(
   ({ addUtilities: e }) => {
     e({
       ".shadow": {
@@ -6420,7 +6428,7 @@ const nn = ({
     });
   }
 );
-$t.withOptions((e) => {
+St.withOptions((e) => {
   const t = e, r = {};
   t.fontStyles.forEach((s) => {
     const [l, ...u] = s.split(" "), [h, f] = l.split("-");