@styleframe/theme 2.0.3 → 2.2.0

package/dist/theme.js

@@ -1,19 +1,10 @@
-const wt = [
-  -2,
-  -1,
-  0,
-  1,
-  2,
-  3,
-  4,
-  5
-], $t = /\d/, _t = ["-", "_", "/", "."];
-function zt(e = "") {
-  if (!$t.test(e))
+const wt = /\d/, $t = ["-", "_", "/", "."];
+function _t(e = "") {
+  if (!wt.test(e))
     return e !== e.toLowerCase();
 }
-function Tt(e, n) {
-  const t = _t, o = [];
+function zt(e, n) {
+  const t = $t, o = [];
   if (!e || typeof e != "string")
     return o;
   let r = "", a, i;
@@ -23,7 +14,7 @@ function Tt(e, n) {
       o.push(r), r = "", a = void 0;
       continue;
     }
-    const d = zt(f);
+    const d = _t(f);
     if (i === !1) {
       if (a === !1 && d === !0) {
         o.push(r), r = f, a = d;
@@ -39,17 +30,17 @@ function Tt(e, n) {
   }
   return o.push(r), o;
 }
-function Nt(e) {
+function Tt(e) {
   return e ? e[0].toUpperCase() + e.slice(1) : "";
 }
-function Pt(e) {
+function Nt(e) {
   return e ? e[0].toLowerCase() + e.slice(1) : "";
 }
-function Ct(e, n) {
-  return e ? (Array.isArray(e) ? e : Tt(e)).map((t) => Nt(t)).join("") : "";
+function Pt(e, n) {
+  return e ? (Array.isArray(e) ? e : zt(e)).map((t) => Tt(t)).join("") : "";
 }
-function St(e, n) {
-  return Pt(Ct(e || ""));
+function Ct(e, n) {
+  return Nt(Pt(e || ""));
 }
 function Ce(e) {
   return typeof e == "string" && e.startsWith("@");
@@ -58,14 +49,14 @@ function $(e, {
   defaults: n,
   mergeDefaults: t = !1,
   transform: o = (a) => a,
-  delimiter: r = "--"
+  delimiter: r = "."
 } = {}) {
   return function(i, f) {
     const l = {}, d = t ? { ...n, ...f } : f ?? n ?? {}, c = Object.entries(d);
     "default" in d && c.sort(([m, g], [M, y]) => Ce(g) ? 1 : Ce(y) ? -1 : 0);
     const p = (m) => `${e}${m === "default" ? "" : `${r}${m}`}`;
     for (const [m, g] of c) {
-      const M = p(m), y = St(M), z = Ce(g) ? i.ref(p(g.substring(1))) : o(g);
+      const M = p(m), y = Ct(M), z = Ce(g) ? i.ref(p(g.substring(1))) : o(g);
       l[y] = i.variable(M, z, {
         default: !0
       });
@@ -73,7 +64,7 @@ function $(e, {
     return l;
   };
 }
-const Or = $("border-color"), Xr = $("border-radius"), jt = {
+const Or = $("border-color"), Xr = $("border-radius"), St = {
   default: "@solid",
   none: "none",
   solid: "solid",
@@ -84,16 +75,16 @@ const Or = $("border-color"), Xr = $("border-radius"), jt = {
   inset: "inset",
   outset: "outset"
 }, Ir = $("border-style", {
-  defaults: jt
-}), Rt = {
+  defaults: St
+}), jt = {
   default: "@thin",
   none: 0,
   thin: "thin",
   medium: "medium",
   thick: "thick"
 }, Ar = $("border-width", {
-  defaults: Rt
-}), Ht = {
+  defaults: jt
+}), Rt = {
   default: "@md",
   none: "none",
   // subtle card / surfaces
@@ -113,15 +104,15 @@ const Or = $("border-color"), Xr = $("border-radius"), jt = {
   // focus rings that still read as elevation
   ring: "0 0 0 1px oklch(var(--box-shadow-color, 0 0 0) / 0.12), 0 1px 2px oklch(var(--box-shadow-color, 0 0 0) / 0.08)"
 }, qr = $("box-shadow", {
-  defaults: Ht
-}), Lt = {
+  defaults: Rt
+}), Ht = {
   xs: 0,
   sm: 576,
   md: 992,
   lg: 1200,
   xl: 1440
 }, Vr = $("breakpoint", {
-  defaults: Lt
+  defaults: Ht
 }), Dn = (e, n) => {
   if (typeof e == "number") {
     if (n === 3)
@@ -155,7 +146,7 @@ const Or = $("border-color"), Xr = $("border-radius"), jt = {
         alpha: (e & 255) / 255
       };
   }
-}, Ot = {
+}, Lt = {
   aliceblue: 15792383,
   antiquewhite: 16444375,
   aqua: 65535,
@@ -306,23 +297,23 @@ const Or = $("border-color"), Xr = $("border-radius"), jt = {
   whitesmoke: 16119285,
   yellow: 16776960,
   yellowgreen: 10145074
-}, Xt = (e) => Dn(Ot[e.toLowerCase()], 6), It = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i, At = (e) => {
+}, Ot = (e) => Dn(Lt[e.toLowerCase()], 6), Xt = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i, It = (e) => {
   let n;
-  return (n = e.match(It)) ? Dn(parseInt(n[1], 16), n[1].length) : void 0;
-}, j = "([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)", ee = `${j}%`, fn = `(?:${j}%|${j})`, qt = `(?:${j}(deg|grad|rad|turn)|${j})`, B = "\\s*,\\s*", Vt = new RegExp(
+  return (n = e.match(Xt)) ? Dn(parseInt(n[1], 16), n[1].length) : void 0;
+}, j = "([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)", ee = `${j}%`, fn = `(?:${j}%|${j})`, At = `(?:${j}(deg|grad|rad|turn)|${j})`, B = "\\s*,\\s*", qt = new RegExp(
   `^rgba?\\(\\s*${j}${B}${j}${B}${j}\\s*(?:,\\s*${fn}\\s*)?\\)$`
-), Bt = new RegExp(
+), Vt = new RegExp(
   `^rgba?\\(\\s*${ee}${B}${ee}${B}${ee}\\s*(?:,\\s*${fn}\\s*)?\\)$`
-), Et = (e) => {
+), Bt = (e) => {
   let n = { mode: "rgb" }, t;
-  if (t = e.match(Vt))
+  if (t = e.match(qt))
     t[1] !== void 0 && (n.r = t[1] / 255), t[2] !== void 0 && (n.g = t[2] / 255), t[3] !== void 0 && (n.b = t[3] / 255);
-  else if (t = e.match(Bt))
+  else if (t = e.match(Vt))
     t[1] !== void 0 && (n.r = t[1] / 100), t[2] !== void 0 && (n.g = t[2] / 100), t[3] !== void 0 && (n.b = t[3] / 100);
   else
     return;
   return t[4] !== void 0 ? n.alpha = Math.max(0, Math.min(1, t[4] / 100)) : t[5] !== void 0 && (n.alpha = Math.max(0, Math.min(1, +t[5]))), n;
-}, Ft = (e, n) => e === void 0 ? void 0 : typeof e != "object" ? n0(e) : e.mode !== void 0 ? e : n ? { ...e, mode: n } : void 0, Dt = (e = "rgb") => (n) => (n = Ft(n, e)) !== void 0 ? (
+}, Et = (e, n) => e === void 0 ? void 0 : typeof e != "object" ? e0(e) : e.mode !== void 0 ? e : n ? { ...e, mode: n } : void 0, Ft = (e = "rgb") => (n) => (n = Et(n, e)) !== void 0 ? (
   // if the color's mode corresponds to our target mode
   n.mode === e ? (
     // then just return the color
@@ -345,7 +336,7 @@ const Or = $("border-color"), Xr = $("border-radius"), jt = {
       )
     )
   )
-) : void 0, N = {}, Yn = {}, fe = [], Zn = {}, Yt = (e) => e, x = (e) => (N[e.mode] = {
+) : void 0, N = {}, Yn = {}, fe = [], Zn = {}, Dt = (e) => e, x = (e) => (N[e.mode] = {
   ...N[e.mode],
   ...e.toMode
 }, Object.keys(e.fromMode || {}).forEach((n) => {
@@ -355,16 +346,16 @@ const Or = $("border-color"), Xr = $("border-radius"), jt = {
     throw new Error(`Missing interpolator for: ${n}`);
   typeof e.interpolate[n] == "function" && (e.interpolate[n] = {
     use: e.interpolate[n]
-  }), e.interpolate[n].fixup || (e.interpolate[n].fixup = Yt);
+  }), e.interpolate[n].fixup || (e.interpolate[n].fixup = Dt);
 }), Yn[e.mode] = e, (e.parse || []).forEach((n) => {
-  Ut(n, e.mode);
-}), Dt(e.mode)), Zt = (e) => Yn[e], Ut = (e, n) => {
+  Zt(n, e.mode);
+}), Ft(e.mode)), Yt = (e) => Yn[e], Zt = (e, n) => {
   if (typeof e == "string") {
     if (!n)
       throw new Error("'mode' required when 'parser' is a string");
     Zn[e] = n;
   } else typeof e == "function" && fe.indexOf(e) < 0 && fe.push(e);
-}, Qe = /[^\x00-\x7F]|[a-zA-Z_]/, Jt = /[^\x00-\x7F]|[-\w]/, u = {
+}, Qe = /[^\x00-\x7F]|[a-zA-Z_]/, Ut = /[^\x00-\x7F]|[-\w]/, u = {
   Function: "function",
   Ident: "ident",
   Number: "number",
@@ -393,7 +384,7 @@ function en(e) {
   }
   return !1;
 }
-const Kt = {
+const Jt = {
   deg: 1,
   rad: 180 / Math.PI,
   grad: 9 / 10,
@@ -403,7 +394,7 @@ function Q(e) {
   let n = "";
   if ((e[b] === "-" || e[b] === "+") && (n += e[b++]), n += ie(e), e[b] === "." && /\d/.test(e[b + 1]) && (n += e[b++] + ie(e)), (e[b] === "e" || e[b] === "E") && ((e[b + 1] === "-" || e[b + 1] === "+") && /\d/.test(e[b + 2]) ? n += e[b++] + e[b++] + ie(e) : /\d/.test(e[b + 1]) && (n += e[b++] + ie(e))), en(e)) {
     let t = le(e);
-    return t === "deg" || t === "rad" || t === "turn" || t === "grad" ? { type: u.Hue, value: n * Kt[t] } : void 0;
+    return t === "deg" || t === "rad" || t === "turn" || t === "grad" ? { type: u.Hue, value: n * Jt[t] } : void 0;
   }
   return e[b] === "%" ? (b++, { type: u.Percentage, value: +n }) : { type: u.Number, value: +n };
 }
@@ -415,15 +406,15 @@ function ie(e) {
 }
 function le(e) {
   let n = "";
-  for (; b < e.length && Jt.test(e[b]); )
+  for (; b < e.length && Ut.test(e[b]); )
     n += e[b++];
   return n;
 }
-function Wt(e) {
+function Kt(e) {
   let n = le(e);
   return e[b] === "(" ? (b++, { type: u.Function, value: n }) : n === "none" ? { type: u.None, value: void 0 } : { type: u.Ident, value: n };
 }
-function Gt(e = "") {
+function Wt(e = "") {
   let n = e.trim(), t = [], o;
   for (b = 0; b < n.length; ) {
     if (o = n[b++], o === `
@@ -487,14 +478,14 @@ function Gt(e = "") {
       continue;
     }
     if (Qe.test(o)) {
-      b--, t.push(Wt(n));
+      b--, t.push(Kt(n));
       continue;
     }
     return;
   }
   return t;
 }
-function Qt(e) {
+function Gt(e) {
   e._i = 0;
   let n = e[e._i++];
   if (!n || n.type !== u.Function || n.value !== "color" || (n = e[e._i++], n.type !== u.Ident))
@@ -505,7 +496,7 @@ function Qt(e) {
   const o = { mode: t }, r = Un(e, !1);
   if (!r)
     return;
-  const a = Zt(t).channels;
+  const a = Yt(t).channels;
   for (let i = 0, f, l; i < a.length; i++)
     f = r[i], l = a[i], f.type !== u.None && (o[l] = f.type === u.Number ? f.value : f.value / 100, l === "alpha" && (o[l] = Math.max(0, Math.min(1, o[l]))));
   return o;
@@ -534,7 +525,7 @@ function Un(e, n) {
     return t.length === 3 && t.push({ type: u.None, value: void 0 }), t.every((r) => r.type !== u.Alpha) ? t : void 0;
   }
 }
-function e0(e, n) {
+function Qt(e, n) {
   e._i = 0;
   let t = e[e._i++];
   if (!t || t.type !== u.Function)
@@ -543,17 +534,17 @@ function e0(e, n) {
   if (o)
     return o.unshift(t.value), o;
 }
-const n0 = (e) => {
+const e0 = (e) => {
   if (typeof e != "string")
     return;
-  const n = Gt(e), t = n ? e0(n, !0) : void 0;
+  const n = Wt(e), t = n ? Qt(n, !0) : void 0;
   let o, r = 0, a = fe.length;
   for (; r < a; )
     if ((o = fe[r++](e, t)) !== void 0)
       return o;
-  return n ? Qt(n) : void 0;
+  return n ? Gt(n) : void 0;
 };
-function t0(e, n) {
+function n0(e, n) {
   if (!n || n[0] !== "rgb" && n[0] !== "rgba")
     return;
   const t = { mode: "rgb" }, [, o, r, a, i] = n;
@@ -566,31 +557,31 @@ function t0(e, n) {
       )
     )), t;
 }
-const r0 = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha: 0 } : void 0, o0 = (e, n, t) => e + t * (n - e), a0 = (e) => {
+const t0 = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha: 0 } : void 0, r0 = (e, n, t) => e + t * (n - e), o0 = (e) => {
   let n = [];
   for (let t = 0; t < e.length - 1; t++) {
     let o = e[t], r = e[t + 1];
     o === void 0 && r === void 0 ? n.push(void 0) : o !== void 0 && r !== void 0 ? n.push([o, r]) : n.push(o !== void 0 ? [o, o] : [r, r]);
   }
   return n;
-}, i0 = (e) => (n) => {
-  let t = a0(n);
+}, a0 = (e) => (n) => {
+  let t = o0(n);
   return (o) => {
     let r = o * t.length, a = o >= 1 ? t.length - 1 : Math.max(Math.floor(r), 0), i = t[a];
     return i === void 0 ? void 0 : e(i[0], i[1], r - a);
   };
-}, s = i0(o0), k = (e) => {
+}, s = a0(r0), k = (e) => {
   let n = !1, t = e.map((o) => o !== void 0 ? (n = !0, o) : 1);
   return n ? t : e;
 }, E = {
   mode: "rgb",
   channels: ["r", "g", "b", "alpha"],
   parse: [
+    n0,
+    It,
+    Bt,
+    Ot,
     t0,
-    At,
-    Et,
-    Xt,
-    r0,
     "srgb"
   ],
   serialize: "srgb",
@@ -664,7 +655,7 @@ const r0 = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha:
     b: e * 0.0556300796969936 - n * 0.2039769588889765 + 1.0569715142428784 * t
   });
   return o !== void 0 && (r.alpha = o), r;
-}, f0 = {
+}, i0 = {
   ...E,
   mode: "a98",
   parse: ["a98-rgb"],
@@ -677,24 +668,24 @@ const r0 = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha:
     rgb: (e) => I(vn(e)),
     xyz65: vn
   }
-}, _ = (e) => (e = e % 360) < 0 ? e + 360 : e, l0 = (e, n) => e.map((t, o, r) => {
+}, _ = (e) => (e = e % 360) < 0 ? e + 360 : e, f0 = (e, n) => e.map((t, o, r) => {
   if (t === void 0)
     return t;
   let a = _(t);
   return o === 0 || e[o - 1] === void 0 ? a : n(a - _(r[o - 1]));
-}).reduce((t, o) => !t.length || o === void 0 || t[t.length - 1] === void 0 ? (t.push(o), t) : (t.push(o + t[t.length - 1]), t), []), P = (e) => l0(e, (n) => Math.abs(n) <= 180 ? n : n - 360 * Math.sign(n)), w = [-0.14861, 1.78277, -0.29227, -0.90649, 1.97294, 0], d0 = Math.PI / 180, u0 = 180 / Math.PI;
+}).reduce((t, o) => !t.length || o === void 0 || t[t.length - 1] === void 0 ? (t.push(o), t) : (t.push(o + t[t.length - 1]), t), []), P = (e) => f0(e, (n) => Math.abs(n) <= 180 ? n : n - 360 * Math.sign(n)), w = [-0.14861, 1.78277, -0.29227, -0.90649, 1.97294, 0], l0 = Math.PI / 180, d0 = 180 / Math.PI;
 let wn = w[3] * w[4], $n = w[1] * w[4], _n = w[1] * w[2] - w[0] * w[3];
-const s0 = ({ r: e, g: n, b: t, alpha: o }) => {
+const u0 = ({ r: e, g: n, b: t, alpha: o }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let r = (_n * t + e * wn - n * $n) / (_n + wn - $n), a = t - r, i = (w[4] * (n - r) - w[2] * a) / w[3], f = {
     mode: "cubehelix",
     l: r,
     s: r === 0 || r === 1 ? void 0 : Math.sqrt(a * a + i * i) / (w[4] * r * (1 - r))
   };
-  return f.s && (f.h = Math.atan2(i, a) * u0 - 120), o !== void 0 && (f.alpha = o), f;
-}, c0 = ({ h: e, s: n, l: t, alpha: o }) => {
+  return f.s && (f.h = Math.atan2(i, a) * d0 - 120), o !== void 0 && (f.alpha = o), f;
+}, s0 = ({ h: e, s: n, l: t, alpha: o }) => {
   let r = { mode: "rgb" };
-  e = (e === void 0 ? 0 : e + 120) * d0, t === void 0 && (t = 0);
+  e = (e === void 0 ? 0 : e + 120) * l0, t === void 0 && (t = 0);
   let a = n === void 0 ? 0 : n * t * (1 - t), i = Math.cos(e), f = Math.sin(e);
   return r.r = t + a * (w[0] * i + w[1] * f), r.g = t + a * (w[2] * i + w[3] * f), r.b = t + a * (w[4] * i + w[5] * f), o !== void 0 && (r.alpha = o), r;
 }, he = (e, n) => {
@@ -702,7 +693,7 @@ const s0 = ({ r: e, g: n, b: t, alpha: o }) => {
     return 0;
   let t = _(e.h), o = _(n.h), r = Math.sin((o - t + 360) / 2 * Math.PI / 180);
   return 2 * Math.sqrt(e.s * n.s) * r;
-}, h0 = (e, n) => {
+}, c0 = (e, n) => {
   if (e.h === void 0 || n.h === void 0)
     return 0;
   let t = _(e.h), o = _(n.h);
@@ -724,7 +715,7 @@ const s0 = ({ r: e, g: n, b: t, alpha: o }) => {
     { sin: 0, cos: 0 }
   ), t = Math.atan2(n.sin, n.cos) * 180 / Math.PI;
   return t < 0 ? 360 + t : t;
-}, p0 = {
+}, h0 = {
   mode: "cubehelix",
   channels: ["h", "s", "l", "alpha"],
   parse: ["--cubehelix"],
@@ -735,10 +726,10 @@ const s0 = ({ r: e, g: n, b: t, alpha: o }) => {
     l: [0, 1]
   },
   fromMode: {
-    rgb: s0
+    rgb: u0
   },
   toMode: {
-    rgb: c0
+    rgb: s0
   },
   interpolate: {
     h: {
@@ -817,7 +808,7 @@ const Wn = ({ l: e, a: n, b: t, alpha: o }) => {
     c: Math.log(1 + 0.075 * i) / (0.0435 * Qn * de)
   };
   return f.c && (f.h = _((Math.atan2(a, r) + ne) / Math.PI * 180)), o !== void 0 && (f.alpha = o), f;
-}, zn = (e) => nn(R(e, "dlch")), Tn = (e) => H(tn(e), "dlab"), b0 = {
+}, zn = (e) => nn(R(e, "dlch")), Tn = (e) => H(tn(e), "dlab"), p0 = {
   mode: "dlab",
   parse: ["--din99o-lab"],
   serialize: "--din99o-lab",
@@ -844,7 +835,7 @@ const Wn = ({ l: e, a: n, b: t, alpha: o }) => {
       fixup: k
     }
   }
-}, m0 = {
+}, b0 = {
   mode: "dlch",
   parse: ["--din99o-lch"],
   serialize: "--din99o-lch",
@@ -883,7 +874,7 @@ const Wn = ({ l: e, a: n, b: t, alpha: o }) => {
     h: C
   }
 };
-function g0({ h: e, s: n, i: t, alpha: o }) {
+function m0({ h: e, s: n, i: t, alpha: o }) {
   e = _(e !== void 0 ? e : 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let r = Math.abs(e / 60 % 2 - 1), a;
   switch (Math.floor(e / 60)) {
@@ -934,7 +925,7 @@ function g0({ h: e, s: n, i: t, alpha: o }) {
   }
   return a.mode = "rgb", o !== void 0 && (a.alpha = o), a;
 }
-function x0({ r: e, g: n, b: t, alpha: o }) {
+function g0({ r: e, g: n, b: t, alpha: o }) {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let r = Math.max(e, n, t), a = Math.min(e, n, t), i = {
     mode: "hsi",
@@ -943,15 +934,15 @@ function x0({ r: e, g: n, b: t, alpha: o }) {
   };
   return r - a !== 0 && (i.h = (r === e ? (n - t) / (r - a) + (n < t) * 6 : r === n ? (t - e) / (r - a) + 2 : (e - n) / (r - a) + 4) * 60), o !== void 0 && (i.alpha = o), i;
 }
-const M0 = {
+const x0 = {
   mode: "hsi",
   toMode: {
-    rgb: g0
+    rgb: m0
   },
   parse: ["--hsi"],
   serialize: "--hsi",
   fromMode: {
-    rgb: x0
+    rgb: g0
   },
   channels: ["h", "s", "i", "alpha"],
   ranges: {
@@ -971,7 +962,7 @@ const M0 = {
     h: C
   }
 };
-function y0({ h: e, s: n, l: t, alpha: o }) {
+function M0({ h: e, s: n, l: t, alpha: o }) {
   e = _(e !== void 0 ? e : 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let r = t + n * (t < 0.5 ? t : 1 - t), a = r - (r - t) * 2 * Math.abs(e / 60 % 2 - 1), i;
   switch (Math.floor(e / 60)) {
@@ -998,7 +989,7 @@ function y0({ h: e, s: n, l: t, alpha: o }) {
   }
   return i.mode = "rgb", o !== void 0 && (i.alpha = o), i;
 }
-function v0({ r: e, g: n, b: t, alpha: o }) {
+function y0({ r: e, g: n, b: t, alpha: o }) {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let r = Math.max(e, n, t), a = Math.min(e, n, t), i = {
     mode: "hsl",
@@ -1007,7 +998,7 @@ function v0({ r: e, g: n, b: t, alpha: o }) {
   };
   return r - a !== 0 && (i.h = (r === e ? (n - t) / (r - a) + (n < t) * 6 : r === n ? (t - e) / (r - a) + 2 : (e - n) / (r - a) + 4) * 60), o !== void 0 && (i.alpha = o), i;
 }
-const k0 = (e, n) => {
+const v0 = (e, n) => {
   switch (n) {
     case "deg":
       return +e;
@@ -1018,15 +1009,15 @@ const k0 = (e, n) => {
     case "turn":
       return e * 360;
   }
-}, w0 = new RegExp(
-  `^hsla?\\(\\s*${qt}${B}${ee}${B}${ee}\\s*(?:,\\s*${fn}\\s*)?\\)$`
-), $0 = (e) => {
-  let n = e.match(w0);
+}, k0 = new RegExp(
+  `^hsla?\\(\\s*${At}${B}${ee}${B}${ee}\\s*(?:,\\s*${fn}\\s*)?\\)$`
+), w0 = (e) => {
+  let n = e.match(k0);
   if (!n) return;
   let t = { mode: "hsl" };
-  return n[3] !== void 0 ? t.h = +n[3] : n[1] !== void 0 && n[2] !== void 0 && (t.h = k0(n[1], n[2])), n[4] !== void 0 && (t.s = Math.min(Math.max(0, n[4] / 100), 1)), n[5] !== void 0 && (t.l = Math.min(Math.max(0, n[5] / 100), 1)), n[6] !== void 0 ? t.alpha = Math.max(0, Math.min(1, n[6] / 100)) : n[7] !== void 0 && (t.alpha = Math.max(0, Math.min(1, +n[7]))), t;
+  return n[3] !== void 0 ? t.h = +n[3] : n[1] !== void 0 && n[2] !== void 0 && (t.h = v0(n[1], n[2])), n[4] !== void 0 && (t.s = Math.min(Math.max(0, n[4] / 100), 1)), n[5] !== void 0 && (t.l = Math.min(Math.max(0, n[5] / 100), 1)), n[6] !== void 0 ? t.alpha = Math.max(0, Math.min(1, n[6] / 100)) : n[7] !== void 0 && (t.alpha = Math.max(0, Math.min(1, +n[7]))), t;
 };
-function _0(e, n) {
+function $0(e, n) {
   if (!n || n[0] !== "hsl" && n[0] !== "hsla")
     return;
   const t = { mode: "hsl" }, [, o, r, a, i] = n;
@@ -1056,17 +1047,17 @@ function _0(e, n) {
 const nt = {
   mode: "hsl",
   toMode: {
-    rgb: y0
+    rgb: M0
   },
   fromMode: {
-    rgb: v0
+    rgb: y0
   },
   channels: ["h", "s", "l", "alpha"],
   ranges: {
     h: [0, 360]
   },
   gamut: "rgb",
-  parse: [_0, $0],
+  parse: [$0, w0],
   serialize: (e) => `hsl(${e.h !== void 0 ? e.h : "none"} ${e.s !== void 0 ? e.s * 100 + "%" : "none"} ${e.l !== void 0 ? e.l * 100 + "%" : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   interpolate: {
     h: { use: s, fixup: P },
@@ -1145,7 +1136,7 @@ const ot = {
     h: C
   }
 };
-function z0({ h: e, w: n, b: t, alpha: o }) {
+function _0({ h: e, w: n, b: t, alpha: o }) {
   if (n === void 0 && (n = 0), t === void 0 && (t = 0), n + t > 1) {
     let r = n + t;
     n /= r, t /= r;
@@ -1157,7 +1148,7 @@ function z0({ h: e, w: n, b: t, alpha: o }) {
     alpha: o
   });
 }
-function T0(e) {
+function z0(e) {
   let n = rt(e);
   if (n === void 0) return;
   let t = n.s !== void 0 ? n.s : 0, o = n.v !== void 0 ? n.v : 0, r = {
@@ -1167,7 +1158,7 @@ function T0(e) {
   };
   return n.h !== void 0 && (r.h = n.h), n.alpha !== void 0 && (r.alpha = n.alpha), r;
 }
-function N0(e, n) {
+function T0(e, n) {
   if (!n || n[0] !== "hwb")
     return;
   const t = { mode: "hwb" }, [, o, r, a, i] = n;
@@ -1194,20 +1185,20 @@ function N0(e, n) {
     )
   )), t;
 }
-const P0 = {
+const N0 = {
   mode: "hwb",
   toMode: {
-    rgb: z0
+    rgb: _0
   },
   fromMode: {
-    rgb: T0
+    rgb: z0
   },
   channels: ["h", "w", "b", "alpha"],
   ranges: {
     h: [0, 360]
   },
   gamut: "rgb",
-  parse: [N0],
+  parse: [T0],
   serialize: (e) => `hwb(${e.h !== void 0 ? e.h : "none"} ${e.w !== void 0 ? e.w * 100 + "%" : "none"} ${e.b !== void 0 ? e.b * 100 + "%" : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   interpolate: {
     h: { use: s, fixup: P },
@@ -1216,7 +1207,7 @@ const P0 = {
     alpha: { use: s, fixup: k }
   },
   difference: {
-    h: h0
+    h: c0
   },
   average: {
     h: C
@@ -1262,7 +1253,7 @@ const Ae = (e) => Math.max(e / at, 0), Nn = ({ i: e, t: n, p: t, alpha: o }) =>
     0.0070797844607477 * r + 0.0748396662186366 * a + 0.8433265453898765 * i
   ), c = 0.5 * f + 0.5 * l, h = 1.61376953125 * f - 3.323486328125 * l + 1.709716796875 * d, p = 4.378173828125 * f - 4.24560546875 * l - 0.132568359375 * d, m = { mode: "itp", i: c, t: h, p };
   return o !== void 0 && (m.alpha = o), m;
-}, C0 = {
+}, P0 = {
   mode: "itp",
   channels: ["i", "t", "p", "alpha"],
   parse: ["--ictcp"],
@@ -1286,22 +1277,22 @@ const Ae = (e) => Math.max(e / at, 0), Nn = ({ i: e, t: n, p: t, alpha: o }) =>
     p: s,
     alpha: { use: s, fixup: k }
   }
-}, S0 = 134.03437499999998, j0 = 16295499532821565e-27, Ve = (e) => {
+}, C0 = 134.03437499999998, S0 = 16295499532821565e-27, Ve = (e) => {
   if (e < 0) return 0;
   let n = Math.pow(e / 1e4, ge);
-  return Math.pow((xe + Me * n) / (1 + ye * n), S0);
+  return Math.pow((xe + Me * n) / (1 + ye * n), C0);
 }, Be = (e = 0) => Math.max(e * 203, 0), ft = ({ x: e, y: n, z: t, alpha: o }) => {
   e = Be(e), n = Be(n), t = Be(t);
   let r = 1.15 * e - 0.15 * t, a = 0.66 * n + 0.34 * e, i = Ve(0.41478972 * r + 0.579999 * a + 0.014648 * t), f = Ve(-0.20151 * r + 1.120649 * a + 0.0531008 * t), l = Ve(-0.0166008 * r + 0.2648 * a + 0.6684799 * t), d = (i + f) / 2, c = {
     mode: "jab",
-    j: 0.44 * d / (1 - 0.56 * d) - j0,
+    j: 0.44 * d / (1 - 0.56 * d) - S0,
     a: 3.524 * i - 4.066708 * f + 0.542708 * l,
     b: 0.199076 * i + 1.096799 * f - 1.295875 * l
   };
   return o !== void 0 && (c.alpha = o), c;
-}, R0 = 134.03437499999998, Cn = 16295499532821565e-27, Ee = (e) => {
+}, j0 = 134.03437499999998, Cn = 16295499532821565e-27, Ee = (e) => {
   if (e < 0) return 0;
-  let n = Math.pow(e, 1 / R0);
+  let n = Math.pow(e, 1 / j0);
   return 1e4 * Math.pow((xe - n) / (ye * n - Me), 1 / ge);
 }, Fe = (e) => e / 203, lt = ({ j: e, a: n, b: t, alpha: o }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
@@ -1319,7 +1310,7 @@ const Ae = (e) => Math.max(e / at, 0), Nn = ({ i: e, t: n, p: t, alpha: o }) =>
 }, dt = (e) => {
   let n = ft(X(e));
   return e.r === e.b && e.b === e.g && (n.a = n.b = 0), n;
-}, ut = (e) => I(lt(e)), H0 = {
+}, ut = (e) => I(lt(e)), R0 = {
   mode: "jab",
   channels: ["j", "a", "b", "alpha"],
   parse: ["--jzazbz"],
@@ -1360,7 +1351,7 @@ const Ae = (e) => Math.max(e / at, 0), Nn = ({ i: e, t: n, p: t, alpha: o }) =>
     b: n ? n * Math.sin(t / 180 * Math.PI) : 0
   };
   return o !== void 0 && (r.alpha = o), r;
-}, L0 = {
+}, H0 = {
   mode: "jch",
   parse: ["--jzczhz"],
   serialize: "--jzczhz",
@@ -1430,7 +1421,7 @@ const dn = ({ l: e, a: n, b: t, alpha: o }) => {
   let n = un(re(e));
   return e.r === e.b && e.b === e.g && (n.a = n.b = 0), n;
 };
-function O0(e, n) {
+function L0(e, n) {
   if (!n || n[0] !== "lab")
     return;
   const t = { mode: "lab" }, [, o, r, a, i] = n;
@@ -1459,7 +1450,7 @@ const sn = {
     a: [-125, 125],
     b: [-125, 125]
   },
-  parse: [O0],
+  parse: [L0],
   serialize: (e) => `lab(${e.l !== void 0 ? e.l : "none"} ${e.a !== void 0 ? e.a : "none"} ${e.b !== void 0 ? e.b : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   interpolate: {
     l: s,
@@ -1467,7 +1458,7 @@ const sn = {
     b: s,
     alpha: { use: s, fixup: k }
   }
-}, X0 = {
+}, O0 = {
   ...sn,
   mode: "lab65",
   parse: ["--lab-d65"],
@@ -1486,7 +1477,7 @@ const sn = {
     b: [-125, 125]
   }
 };
-function I0(e, n) {
+function X0(e, n) {
   if (!n || n[0] !== "lch")
     return;
   const t = { mode: "lch" }, [, o, r, a, i] = n;
@@ -1527,7 +1518,7 @@ const cn = {
     c: [0, 150],
     h: [0, 360]
   },
-  parse: [I0],
+  parse: [X0],
   serialize: (e) => `lch(${e.l !== void 0 ? e.l : "none"} ${e.c !== void 0 ? e.c : "none"} ${e.h !== void 0 ? e.h : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   interpolate: {
     h: { use: s, fixup: P },
@@ -1541,7 +1532,7 @@ const cn = {
   average: {
     h: C
   }
-}, A0 = {
+}, I0 = {
   ...cn,
   mode: "lch65",
   parse: ["--lch-d65"],
@@ -1576,10 +1567,10 @@ const cn = {
     v: n ? n * Math.sin(t / 180 * Math.PI) : 0
   };
   return o !== void 0 && (r.alpha = o), r;
-}, bt = (e, n, t) => 4 * e / (e + 15 * n + 3 * t), mt = (e, n, t) => 9 * n / (e + 15 * n + 3 * t), q0 = bt(v.X, v.Y, v.Z), V0 = mt(v.X, v.Y, v.Z), B0 = (e) => e <= ln ? ve * e : 116 * Math.cbrt(e) - 16, rn = ({ x: e, y: n, z: t, alpha: o }) => {
+}, bt = (e, n, t) => 4 * e / (e + 15 * n + 3 * t), mt = (e, n, t) => 9 * n / (e + 15 * n + 3 * t), A0 = bt(v.X, v.Y, v.Z), q0 = mt(v.X, v.Y, v.Z), V0 = (e) => e <= ln ? ve * e : 116 * Math.cbrt(e) - 16, rn = ({ x: e, y: n, z: t, alpha: o }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
-  let r = B0(n / v.Y), a = bt(e, n, t), i = mt(e, n, t);
-  !isFinite(a) || !isFinite(i) ? r = a = i = 0 : (a = 13 * r * (a - q0), i = 13 * r * (i - V0));
+  let r = V0(n / v.Y), a = bt(e, n, t), i = mt(e, n, t);
+  !isFinite(a) || !isFinite(i) ? r = a = i = 0 : (a = 13 * r * (a - A0), i = 13 * r * (i - q0));
   let f = {
     mode: "luv",
     l: r,
@@ -1587,20 +1578,20 @@ const cn = {
     v: i
   };
   return o !== void 0 && (f.alpha = o), f;
-}, E0 = (e, n, t) => 4 * e / (e + 15 * n + 3 * t), F0 = (e, n, t) => 9 * n / (e + 15 * n + 3 * t), D0 = E0(v.X, v.Y, v.Z), Y0 = F0(v.X, v.Y, v.Z), on = ({ l: e, u: n, v: t, alpha: o }) => {
+}, B0 = (e, n, t) => 4 * e / (e + 15 * n + 3 * t), E0 = (e, n, t) => 9 * n / (e + 15 * n + 3 * t), F0 = B0(v.X, v.Y, v.Z), D0 = E0(v.X, v.Y, v.Z), on = ({ l: e, u: n, v: t, alpha: o }) => {
   if (e === void 0 && (e = 0), e === 0)
     return { mode: "xyz50", x: 0, y: 0, z: 0 };
   n === void 0 && (n = 0), t === void 0 && (t = 0);
-  let r = n / (13 * e) + D0, a = t / (13 * e) + Y0, i = v.Y * (e <= 8 ? e / ve : Math.pow((e + 16) / 116, 3)), f = i * (9 * r) / (4 * a), l = i * (12 - 3 * r - 20 * a) / (4 * a), d = { mode: "xyz50", x: f, y: i, z: l };
+  let r = n / (13 * e) + F0, a = t / (13 * e) + D0, i = v.Y * (e <= 8 ? e / ve : Math.pow((e + 16) / 116, 3)), f = i * (9 * r) / (4 * a), l = i * (12 - 3 * r - 20 * a) / (4 * a), d = { mode: "xyz50", x: f, y: i, z: l };
   return o !== void 0 && (d.alpha = o), d;
-}, Z0 = (e) => ht(rn(re(e))), U0 = (e) => te(on(pt(e))), J0 = {
+}, Y0 = (e) => ht(rn(re(e))), Z0 = (e) => te(on(pt(e))), U0 = {
   mode: "lchuv",
   toMode: {
     luv: pt,
-    rgb: U0
+    rgb: Z0
   },
   fromMode: {
-    rgb: Z0,
+    rgb: Y0,
     luv: ht
   },
   channels: ["l", "c", "h", "alpha"],
@@ -1623,7 +1614,7 @@ const cn = {
   average: {
     h: C
   }
-}, K0 = {
+}, J0 = {
   ...E,
   mode: "lrgb",
   toMode: {
@@ -1634,7 +1625,7 @@ const cn = {
   },
   parse: ["srgb-linear"],
   serialize: "srgb-linear"
-}, W0 = {
+}, K0 = {
   mode: "luv",
   toMode: {
     xyz50: on,
@@ -1693,7 +1684,7 @@ function an(e) {
 function ce(e) {
   return (e * e + 0.206 * e) / (1.170873786407767 * (e + 0.03));
 }
-function G0(e, n) {
+function W0(e, n) {
   let t, o, r, a, i, f, l, d;
   -1.88170328 * e - 0.80936493 * n > 1 ? (t = 1.19086277, o = 1.76576728, r = 0.59662641, a = 0.75515197, i = 0.56771245, f = 4.0767416621, l = -3.3077115913, d = 0.2309699292) : 1.81444104 * e - 1.19445276 * n > 1 ? (t = 0.73956515, o = -0.45954404, r = 0.08285427, a = 0.1254107, i = 0.14503204, f = -1.2684380046, l = 2.6097574011, d = -0.3413193965) : (t = 1.35733652, o = -915799e-8, r = -1.1513021, a = -0.50559606, i = 692167e-8, f = -0.0041960863, l = -0.7034186147, d = 1.707614701);
   let c = t + o * e + r * n + a * e * e + i * e * n, h = 0.3963377774 * e + 0.2158037573 * n, p = -0.1055613458 * e - 0.0638541728 * n, m = -0.0894841775 * e - 1.291485548 * n;
@@ -1704,10 +1695,10 @@ function G0(e, n) {
   return c;
 }
 function hn(e, n) {
-  let t = G0(e, n), o = oe({ l: 1, a: t * e, b: t * n }), r = Math.cbrt(1 / Math.max(o.r, o.g, o.b)), a = r * t;
+  let t = W0(e, n), o = oe({ l: 1, a: t * e, b: t * n }), r = Math.cbrt(1 / Math.max(o.r, o.g, o.b)), a = r * t;
   return [r, a];
 }
-function Q0(e, n, t, o, r, a = null) {
+function G0(e, n, t, o, r, a = null) {
   a || (a = hn(e, n));
   let i;
   if ((t - r) * a[1] - (a[0] - r) * o <= 0)
@@ -1730,7 +1721,7 @@ function pn(e, n, t = null) {
   return [r / o, r / (1 - o)];
 }
 function xt(e, n, t) {
-  let o = hn(n, t), r = Q0(n, t, e, 1, e, o), a = pn(n, t, o), i = 0.11516993 + 1 / (7.4477897 + 4.1590124 * t + n * (-2.19557347 + 1.75198401 * t + n * (-2.13704948 - 10.02301043 * t + n * (-4.24894561 + 5.38770819 * t + 4.69891013 * n)))), f = 0.11239642 + 1 / (1.6132032 - 0.68124379 * t + n * (0.40370612 + 0.90148123 * t + n * (-0.27087943 + 0.6122399 * t + n * (299215e-8 - 0.45399568 * t - 0.14661872 * n)))), l = r / Math.min(e * a[0], (1 - e) * a[1]), d = e * i, c = (1 - e) * f, h = 0.9 * l * Math.sqrt(
+  let o = hn(n, t), r = G0(n, t, e, 1, e, o), a = pn(n, t, o), i = 0.11516993 + 1 / (7.4477897 + 4.1590124 * t + n * (-2.19557347 + 1.75198401 * t + n * (-2.13704948 - 10.02301043 * t + n * (-4.24894561 + 5.38770819 * t + 4.69891013 * n)))), f = 0.11239642 + 1 / (1.6132032 - 0.68124379 * t + n * (0.40370612 + 0.90148123 * t + n * (-0.27087943 + 0.6122399 * t + n * (299215e-8 - 0.45399568 * t - 0.14661872 * n)))), l = r / Math.min(e * a[0], (1 - e) * a[1]), d = e * i, c = (1 - e) * f, h = 0.9 * l * Math.sqrt(
     Math.sqrt(
       1 / (1 / (d * d * d * d) + 1 / (c * c * c * c))
     )
@@ -1763,7 +1754,7 @@ function Hn(e) {
   let g = h + c * p / (1 - m * c);
   return r.a = g * a, r.b = g * i, r;
 }
-const er = {
+const Q0 = {
   ...nt,
   mode: "okhsl",
   channels: ["h", "s", "l", "alpha"],
@@ -1802,7 +1793,7 @@ function On(e) {
   ), z = ce(r * h), T = p * z / h;
   return n.l = z * y, n.a = T * a * y, n.b = T * i * y, n;
 }
-const nr = {
+const er = {
   ...ot,
   mode: "okhsv",
   channels: ["h", "s", "v", "alpha"],
@@ -1817,7 +1808,7 @@ const nr = {
     rgb: (e) => we(On(e))
   }
 };
-function tr(e, n) {
+function nr(e, n) {
   if (!n || n[0] !== "oklab")
     return;
   const t = { mode: "oklab" }, [, o, r, a, i] = n;
@@ -1833,7 +1824,7 @@ function tr(e, n) {
       )
     )), t;
 }
-const rr = {
+const tr = {
   ...sn,
   mode: "oklab",
   toMode: {
@@ -1849,10 +1840,10 @@ const rr = {
     a: [-0.4, 0.4],
     b: [-0.4, 0.4]
   },
-  parse: [tr],
+  parse: [nr],
   serialize: (e) => `oklab(${e.l !== void 0 ? e.l : "none"} ${e.a !== void 0 ? e.a : "none"} ${e.b !== void 0 ? e.b : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`
 };
-function or(e, n) {
+function rr(e, n) {
   if (!n || n[0] !== "oklch")
     return;
   const t = { mode: "oklch" }, [, o, r, a, i] = n;
@@ -1880,7 +1871,7 @@ function or(e, n) {
     )
   )), t;
 }
-const ar = {
+const or = {
   ...cn,
   mode: "oklch",
   toMode: {
@@ -1891,7 +1882,7 @@ const ar = {
     rgb: (e) => R(ke(e), "oklch"),
     oklab: (e) => R(e, "oklch")
   },
-  parse: [or],
+  parse: [rr],
   serialize: (e) => `oklch(${e.l !== void 0 ? e.l : "none"} ${e.c !== void 0 ? e.c : "none"} ${e.h !== void 0 ? e.h : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   ranges: {
     l: [0, 1],
@@ -1917,7 +1908,7 @@ const ar = {
     "p3"
   );
   return o !== void 0 && (r.alpha = o), r;
-}, ir = {
+}, ar = {
   ...E,
   mode: "p3",
   parse: ["display-p3"],
@@ -1957,7 +1948,7 @@ const ar = {
     z: 0 * n + 0 * t + 0.8251046025104602 * o
   };
   return e.alpha !== void 0 && (r.alpha = e.alpha), r;
-}, fr = {
+}, ir = {
   ...E,
   mode: "prophoto",
   parse: ["prophoto-rgb"],
@@ -1970,9 +1961,9 @@ const ar = {
     xyz50: qn,
     rgb: (e) => te(qn(e))
   }
-}, Vn = 1.09929682680944, lr = 0.018053968510807, Je = (e) => {
+}, Vn = 1.09929682680944, fr = 0.018053968510807, Je = (e) => {
   const n = Math.abs(e);
-  return n > lr ? (Math.sign(e) || 1) * (Vn * Math.pow(n, 0.45) - (Vn - 1)) : 4.5 * e;
+  return n > fr ? (Math.sign(e) || 1) * (Vn * Math.pow(n, 0.45) - (Vn - 1)) : 4.5 * e;
 }, Bn = ({ x: e, y: n, z: t, alpha: o }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let r = {
@@ -1988,9 +1979,9 @@ const ar = {
     )
   };
   return o !== void 0 && (r.alpha = o), r;
-}, En = 1.09929682680944, dr = 0.018053968510807, Ke = (e = 0) => {
+}, En = 1.09929682680944, lr = 0.018053968510807, Ke = (e = 0) => {
   let n = Math.abs(e);
-  return n < dr * 4.5 ? e / 4.5 : (Math.sign(e) || 1) * Math.pow((n + En - 1) / En, 1 / 0.45);
+  return n < lr * 4.5 ? e / 4.5 : (Math.sign(e) || 1) * Math.pow((n + En - 1) / En, 1 / 0.45);
 }, Fn = (e) => {
   let n = Ke(e.r), t = Ke(e.g), o = Ke(e.b), r = {
     mode: "xyz65",
@@ -1999,7 +1990,7 @@ const ar = {
     z: 0 * n + 0.0280726930490874 * t + 1.0609850577107909 * o
   };
   return e.alpha !== void 0 && (r.alpha = e.alpha), r;
-}, ur = {
+}, dr = {
   ...E,
   mode: "rec2020",
   fromMode: {
@@ -2012,7 +2003,7 @@ const ar = {
   },
   parse: ["rec2020"],
   serialize: "rec2020"
-}, O = 0.0037930732552754493, Mt = Math.cbrt(O), We = (e) => Math.cbrt(e) - Mt, sr = (e) => {
+}, O = 0.0037930732552754493, Mt = Math.cbrt(O), We = (e) => Math.cbrt(e) - Mt, ur = (e) => {
   const { r: n, g: t, b: o, alpha: r } = F(e), a = We(0.3 * n + 0.622 * t + 0.078 * o + O), i = We(0.23 * n + 0.692 * t + 0.078 * o + O), f = We(
     0.2434226892454782 * n + 0.2047674442449682 * t + 0.5518098665095535 * o + O
   ), l = {
@@ -2023,7 +2014,7 @@ const ar = {
     b: f - (a + i) / 2
   };
   return r !== void 0 && (l.alpha = r), l;
-}, Ge = (e) => Math.pow(e + Mt, 3), cr = ({ x: e, y: n, b: t, alpha: o }) => {
+}, Ge = (e) => Math.pow(e + Mt, 3), sr = ({ x: e, y: n, b: t, alpha: o }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   const r = Ge(e + n) - O, a = Ge(n - e) - O, i = Ge(t + n) - O, f = D({
     r: 11.031566904639861 * r - 9.866943908131562 * a - 0.16462299650829934 * i,
@@ -2031,16 +2022,16 @@ const ar = {
     b: -3.6588512867136815 * r + 2.7129230459360922 * a + 1.9459282407775895 * i
   });
   return o !== void 0 && (f.alpha = o), f;
-}, hr = {
+}, cr = {
   mode: "xyb",
   channels: ["x", "y", "b", "alpha"],
   parse: ["--xyb"],
   serialize: "--xyb",
   toMode: {
-    rgb: cr
+    rgb: sr
   },
   fromMode: {
-    rgb: sr
+    rgb: ur
   },
   ranges: {
     x: [-0.0154, 0.0281],
@@ -2053,7 +2044,7 @@ const ar = {
     b: s,
     alpha: { use: s, fixup: k }
   }
-}, pr = {
+}, hr = {
   mode: "xyz50",
   parse: ["xyz-d50"],
   serialize: "xyz-d50",
@@ -2077,7 +2068,7 @@ const ar = {
     z: s,
     alpha: { use: s, fixup: k }
   }
-}, br = (e) => {
+}, pr = (e) => {
   let { x: n, y: t, z: o, alpha: r } = e;
   n === void 0 && (n = 0), t === void 0 && (t = 0), o === void 0 && (o = 0);
   let a = {
@@ -2087,7 +2078,7 @@ const ar = {
     z: -0.0092430581525912 * n + 0.0150551448965779 * t + 0.7518742899580008 * o
   };
   return r !== void 0 && (a.alpha = r), a;
-}, mr = (e) => {
+}, br = (e) => {
   let { x: n, y: t, z: o, alpha: r } = e;
   n === void 0 && (n = 0), t === void 0 && (t = 0), o === void 0 && (o = 0);
   let a = {
@@ -2097,15 +2088,15 @@ const ar = {
     z: 0.0123140016883199 * n - 0.0205076964334779 * t + 1.3303659366080753 * o
   };
   return r !== void 0 && (a.alpha = r), a;
-}, gr = {
+}, mr = {
   mode: "xyz65",
   toMode: {
     rgb: I,
-    xyz50: br
+    xyz50: pr
   },
   fromMode: {
     rgb: X,
-    xyz50: mr
+    xyz50: br
   },
   ranges: {
     x: [0, 0.95],
@@ -2121,7 +2112,7 @@ const ar = {
     z: s,
     alpha: { use: s, fixup: k }
   }
-}, xr = ({ r: e, g: n, b: t, alpha: o }) => {
+}, gr = ({ r: e, g: n, b: t, alpha: o }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   const r = {
     mode: "yiq",
@@ -2130,7 +2121,7 @@ const ar = {
     q: 0.21147017 * e - 0.52261711 * n + 0.31114694 * t
   };
   return o !== void 0 && (r.alpha = o), r;
-}, Mr = ({ y: e, i: n, q: t, alpha: o }) => {
+}, xr = ({ y: e, i: n, q: t, alpha: o }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   const r = {
     mode: "rgb",
@@ -2139,13 +2130,13 @@ const ar = {
     b: e - 1.10561724 * n + 1.70250126 * t
   };
   return o !== void 0 && (r.alpha = o), r;
-}, yr = {
+}, Mr = {
   mode: "yiq",
   toMode: {
-    rgb: Mr
+    rgb: xr
   },
   fromMode: {
-    rgb: xr
+    rgb: gr
   },
   channels: ["y", "i", "q", "alpha"],
   parse: ["--yiq"],
@@ -2161,46 +2152,46 @@ const ar = {
     alpha: { use: s, fixup: k }
   }
 };
-x(f0);
+x(i0);
+x(h0);
 x(p0);
 x(b0);
-x(m0);
-x(M0);
+x(x0);
 x(nt);
 x(ot);
+x(N0);
 x(P0);
-x(C0);
+x(R0);
 x(H0);
-x(L0);
 x(sn);
-x(X0);
+x(O0);
 x(cn);
-x(A0);
+x(I0);
+x(U0);
 x(J0);
 x(K0);
-x(W0);
+x(Q0);
 x(er);
-x(nr);
-x(rr);
-const vr = x(ar);
+x(tr);
+const yr = x(or);
+x(ar);
 x(ir);
-x(fr);
-x(ur);
+x(dr);
 x(E);
+x(cr);
 x(hr);
-x(pr);
-x(gr);
-x(yr);
+x(mr);
+x(Mr);
 const Br = $("color", {
   transform: (e) => {
     let n = e;
     if (typeof e == "string") {
-      const { l: t, c: o, h: r, alpha: a = 1 } = vr(e);
+      const { l: t, c: o, h: r, alpha: a = 1 } = yr(e);
       n = `oklch(${t} ${o} ${r} / ${a})`;
     }
     return n;
   }
-}), kr = {
+}), vr = {
   50: 5,
   100: 10,
   200: 20,
@@ -2215,12 +2206,12 @@ const Br = $("color", {
 };
 function Er(e, n, t) {
   return $(n.name, {
-    defaults: kr,
+    defaults: vr,
     transform: (o) => typeof o != "number" ? 0 : e.css`oklch(from ${e.ref(n)} ${o / 100} c h / a)`,
     delimiter: "-"
   })(e, t);
 }
-const wr = {
+const kr = {
   50: 5,
   100: 10,
   150: 15,
@@ -2228,12 +2219,12 @@ const wr = {
 };
 function Fr(e, n, t) {
   return $(`${n.name}-shade`, {
-    defaults: wr,
+    defaults: kr,
     transform: (o) => typeof o != "number" ? 0 : e.css`oklch(from ${e.ref(n)} calc(l - ${o / 100}) c h / a)`,
     delimiter: "-"
   })(e, t);
 }
-const $r = {
+const wr = {
   50: 5,
   100: 10,
   150: 15,
@@ -2241,23 +2232,23 @@ const $r = {
 };
 function Dr(e, n, t) {
   return $(`${n.name}-tint`, {
-    defaults: $r,
+    defaults: wr,
     transform: (o) => typeof o != "number" ? 0 : e.css`oklch(from ${e.ref(n)} calc(l + ${o / 100}) c h / a)`,
     delimiter: "-"
   })(e, t);
 }
-const _r = {
+const $r = {
   default: "@base",
   base: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
   print: "'Georgia', 'Times New Roman', 'Times', serif",
   mono: "'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
 }, Yr = $("font-family", {
-  defaults: _r
-}), zr = {
+  defaults: $r
+}), _r = {
   default: "1rem"
 }, Zr = $("font-size", {
-  defaults: zr
-}), Tr = {
+  defaults: _r
+}), zr = {
   default: "@normal",
   extralight: 200,
   light: 300,
@@ -2270,8 +2261,8 @@ const _r = {
   bolder: "bolder",
   inherit: "inherit"
 }, Ur = $("font-weight", {
-  defaults: Tr
-}), Nr = {
+  defaults: zr
+}), Tr = {
   default: "@normal",
   tighter: "-0.05em",
   tight: "-0.025em",
@@ -2279,8 +2270,8 @@ const _r = {
   wide: "0.05em",
   wider: "0.1em"
 }, Jr = $("letter-spacing", {
-  defaults: Nr
-}), Pr = {
+  defaults: Tr
+}), Nr = {
   default: "@normal",
   tight: 1.2,
   snug: 1.35,
@@ -2288,14 +2279,14 @@ const _r = {
   relaxed: 1.65,
   loose: 1.9
 }, Kr = $("line-height", {
-  defaults: Pr
+  defaults: Nr
 });
 function Wr(e, n, t) {
   return $(n.name, {
     transform: (o) => e.css`calc(${e.ref(n)} * ${o})`
   })(e, t);
 }
-const Cr = {
+const Pr = {
   default: "@minor-third",
   "minor-second": 1.067,
   "major-second": 1.125,
@@ -2306,16 +2297,16 @@ const Cr = {
   "perfect-fifth": 1.5,
   golden: 1.618
 }, Gr = $("scale", {
-  defaults: Cr
+  defaults: Pr
 });
-function Sr(e) {
+function Cr(e) {
   return typeof e == "object" && e !== null;
 }
-function jr(e, n) {
-  return Sr(e) && "type" in e && e.type === n;
+function Sr(e, n) {
+  return Cr(e) && "type" in e && e.type === n;
 }
-function Rr(e) {
-  return jr(e, "reference");
+function jr(e) {
+  return Sr(e, "reference");
 }
 function V(e) {
   if (e instanceof Buffer)
@@ -2327,9 +2318,9 @@ function V(e) {
     e.byteLength / e.BYTES_PER_ELEMENT || 1
   );
 }
-function Hr(e) {
+function Rr(e) {
   if (e = e || {}, e.circular)
-    return Lr(e);
+    return Hr(e);
   const n = /* @__PURE__ */ new Map();
   if (n.set(Date, (i) => new Date(i)), n.set(
     Map,
@@ -2376,7 +2367,7 @@ function Hr(e) {
     return f;
   }
 }
-function Lr(e) {
+function Hr(e) {
   const n = [], t = [], o = /* @__PURE__ */ new Map();
   if (o.set(Date, (l) => new Date(l)), o.set(
     Map,
@@ -2452,14 +2443,24 @@ function Lr(e) {
     return n.pop(), t.pop(), d;
   }
 }
-Hr();
-function Qr(e, n, t = wt) {
+Rr();
+const Lr = [
+  -2,
+  -1,
+  0,
+  1,
+  2,
+  3,
+  4,
+  5
+];
+function Qr(e, n, t = Lr) {
   const o = {};
   for (const r of t) {
     const a = Math.abs(r), i = r > 0 ? " * " : " / ", f = [];
     r <= 0 && f.push("1");
     for (let l = 0; l < a; l++)
-      (l > 0 || r < 0) && f.push(i), f.push(Rr(n) ? n : e.ref(n));
+      (l > 0 || r < 0) && f.push(i), f.push(jr(n) ? n : e.ref(n));
     o[r] = {
       type: "css",
       value: f
@@ -2470,20 +2471,20 @@ function Qr(e, n, t = wt) {
 const eo = $("spacing");
 export {
   $ as createUseVariable,
-  jt as defaultBorderStyleValues,
-  Rt as defaultBorderWidthValues,
-  Ht as defaultBoxShadowValues,
-  Lt as defaultBreakpointValues,
-  kr as defaultColorLightnessValues,
-  wr as defaultColorShadeValues,
-  $r as defaultColorTintValues,
-  _r as defaultFontFamilyValues,
-  zr as defaultFontSizeValues,
-  Tr as defaultFontWeightValues,
-  Nr as defaultLetterSpacingValues,
-  Pr as defaultLineHeightValues,
-  wt as defaultScalePowerValues,
-  Cr as defaultScaleValues,
+  St as defaultBorderStyleValues,
+  jt as defaultBorderWidthValues,
+  Rt as defaultBoxShadowValues,
+  Ht as defaultBreakpointValues,
+  vr as defaultColorLightnessValues,
+  kr as defaultColorShadeValues,
+  wr as defaultColorTintValues,
+  $r as defaultFontFamilyValues,
+  _r as defaultFontSizeValues,
+  zr as defaultFontWeightValues,
+  Tr as defaultLetterSpacingValues,
+  Nr as defaultLineHeightValues,
+  Lr as defaultScalePowerValues,
+  Pr as defaultScaleValues,
   Ce as isKeyReferenceValue,
   Or as useBorderColor,
   Xr as useBorderRadius,