@projectwallace/css-design-tokens 0.4.0 → 0.5.0

package/dist/colors.d.ts

@@ -3,4 +3,4 @@ import { ColorToken, UnparsedToken } from './types.js';
 export declare const named_colors: KeywordSet;
 export declare const system_colors: KeywordSet;
 export declare const color_functions: KeywordSet;
-export declare function color_to_token(color: string): ColorToken | UnparsedToken;
+export declare function color_to_token(color: string): ColorToken | UnparsedToken | null;

package/dist/css-design-tokens.js

@@ -1,8 +1,8 @@
 import { analyze as Mt } from "@projectwallace/css-analyzer";
 import { convert as $t } from "css-time-sort";
-import { convert as vt } from "color-sorter";
+import { convert as kt } from "color-sorter";
 import { parse as re } from "css-tree";
-const Ke = 0, Ve = 1, We = 2, pe = 3, Ue = 4, Je = 5, Qe = 6, et = 7, tt = 8, rt = 9, nt = 10, W = 11, kt = /* @__PURE__ */ new Map([
+const Ke = 0, Ve = 1, We = 2, pe = 3, Ue = 4, Je = 5, Qe = 6, et = 7, tt = 8, rt = 9, nt = 10, W = 11, vt = /* @__PURE__ */ new Map([
   [Ke, "white"],
   [Ve, "black"],
   [We, "grey"],
@@ -21,8 +21,8 @@ function _t(t) {
   for (let r in t) {
     let n = W;
     if (!r.includes("var(") && !r.includes("calc(")) {
-      let a = vt(r), { hue: i, saturation: s, lightness: o } = a;
-      s < 10 && o === 100 ? n = Ke : s < 10 && o === 0 ? n = Ve : s < 5 ? n = We : i < 22 ? n = pe : i < 50 ? n = Ue : i < 72 ? n = Je : i < 144 ? n = Qe : i < 180 ? n = et : i < 250 ? n = tt : i < 300 ? n = rt : i < 350 ? n = nt : n = pe;
+      let a = kt(r), { hue: i, saturation: s, lightness: l } = a;
+      s < 10 && l === 100 ? n = Ke : s < 10 && l === 0 ? n = Ve : s < 5 ? n = We : i < 22 ? n = pe : i < 50 ? n = Ue : i < 72 ? n = Je : i < 144 ? n = Qe : i < 180 ? n = et : i < 250 ? n = tt : i < 300 ? n = rt : i < 350 ? n = nt : n = pe;
     }
     e.has(n) ? e.get(n).push(r) : e.set(n, [r]);
   }
@@ -39,11 +39,11 @@ class ne {
     return this.set.has(e.toLowerCase());
   }
 }
-const y = "com.projectwallace.css-authored-as";
+const $ = "com.projectwallace.css-authored-as";
 function he(t, e) {
   return t[0] * e[0] + t[1] * e[1] + t[2] * e[2];
 }
-function R(t, e, r = [0, 0, 0]) {
+function S(t, e, r = [0, 0, 0]) {
   const n = he(t, e[0]), a = he(t, e[1]), i = he(t, e[2]);
   return r[0] = n, r[1] = a, r[2] = i, r;
 }
@@ -54,12 +54,12 @@ function U(t) {
   return (Object.prototype.toString.call(t).match(/^\[object\s+(.*?)\]$/)[1] || "").toLowerCase();
 }
 function Bt(t, { precision: e = 16, unit: r }) {
-  return C(t) ? "none" : (t = +St(t, e), t + (r ?? ""));
+  return C(t) ? "none" : (t = +Rt(t, e), t + (r ?? ""));
 }
 function C(t) {
   return t === null;
 }
-function St(t, e) {
+function Rt(t, e) {
   if (t === 0)
     return 0;
   let r = ~~t, n = 0;
@@ -67,14 +67,14 @@ function St(t, e) {
   const a = 10 ** (e - n);
   return Math.floor(t * a + 0.5) / a;
 }
-function Rt(t, e, r) {
+function St(t, e, r) {
   return isNaN(t) ? e : isNaN(e) ? t : t + (e - t) * r;
 }
 function Lt(t, e, r) {
   return (r - t) / (e - t);
 }
 function Oe(t, e, r) {
-  return !t || !e || t === e || t[0] === e[0] && t[1] === e[1] || isNaN(r) || r === null ? r : Rt(e[0], e[1], Lt(t[0], t[1], r));
+  return !t || !e || t === e || t[0] === e[0] && t[1] === e[1] || isNaN(r) || r === null ? r : St(e[0], e[1], Lt(t[0], t[1], r));
 }
 function Nt(t, e, r) {
   return Math.max(Math.min(r, e), t);
@@ -210,13 +210,13 @@ class J {
       let s = e[i];
       if (C(s) || isNaN(s))
         return s;
-      let o = r[i], l = this.coords[i].find((c) => c.type == o);
-      if (!l) {
+      let l = r[i], o = this.coords[i].find((c) => c.type == l);
+      if (!o) {
         let c = a.name || n;
-        throw new TypeError(`${o ?? /** @type {any} */
+        throw new TypeError(`${l ?? /** @type {any} */
         s?.raw ?? s} not allowed for ${c} in ${this.name}()`);
       }
-      return s = l.resolve(s), l.range && (r[i] = l.toString()), s;
+      return s = o.resolve(s), o.range && (r[i] = o.toString()), s;
     });
   }
   /**
@@ -278,7 +278,7 @@ function ee(t, e, r, n = {}) {
     [-0.0283697093338637, 1.0099953980813041, 0.021041441191917323],
     [0.012314014864481998, -0.020507649298898964, 1.330365926242124]
   ])), Q.run("chromatic-adaptation-end", a), a.M)
-    return R(a.XYZ, a.M);
+    return S(a.XYZ, a.M);
   throw new TypeError("Only Bradford CAT with white points D50 and D65 supported for now.");
 }
 const ze = {
@@ -301,39 +301,39 @@ function at(t, e) {
   r.parsed = Ct(r.str);
   let n, a = r.options ? r.options.parseMeta ?? r.options.meta : null;
   if (r.parsed) {
-    let i = r.parsed.name, s, o, l = r.parsed.args, c = l.map((h, m) => r.parsed.argMeta[m]?.type);
+    let i = r.parsed.name, s, l, o = r.parsed.args, c = o.map((h, m) => r.parsed.argMeta[m]?.type);
     if (i === "color") {
-      let h = l.shift();
+      let h = o.shift();
       c.shift();
       let m = h.startsWith("--") ? h.substring(2) : `--${h}`, g = [h, m];
       if (s = u.findFormat({ name: i, id: g, type: "function" }), !s) {
-        let v, p = h in u.registry ? h : m;
+        let k, p = h in u.registry ? h : m;
         if (p in u.registry) {
-          let M = u.registry[p].formats?.color?.id;
-          M && (v = `Did you mean ${t.replace("color(" + h, "color(" + M)}?`);
+          let w = u.registry[p].formats?.color?.id;
+          w && (k = `Did you mean ${t.replace("color(" + h, "color(" + w)}?`);
         }
-        throw new TypeError(`Cannot parse ${r.str}. ` + (v ?? "Missing a plugin?"));
+        throw new TypeError(`Cannot parse ${r.str}. ` + (k ?? "Missing a plugin?"));
       }
-      o = s.space, s.id.startsWith("--") && !h.startsWith("--") && ze.warn(`${o.name} is a non-standard space and not currently supported in the CSS spec. Use prefixed color(${s.id}) instead of color(${h}).`), h.startsWith("--") && !s.id.startsWith("--") && ze.warn(`${o.name} is a standard space and supported in the CSS spec. Use color(${s.id}) instead of prefixed color(${h}).`);
+      l = s.space, s.id.startsWith("--") && !h.startsWith("--") && ze.warn(`${l.name} is a non-standard space and not currently supported in the CSS spec. Use prefixed color(${s.id}) instead of color(${h}).`), h.startsWith("--") && !s.id.startsWith("--") && ze.warn(`${l.name} is a standard space and supported in the CSS spec. Use color(${s.id}) instead of prefixed color(${h}).`);
     } else
-      s = u.findFormat({ name: i, type: "function" }), o = s.space;
+      s = u.findFormat({ name: i, type: "function" }), l = s.space;
     a && Object.assign(a, { format: s, formatId: s.name, types: c, commas: r.parsed.commas });
     let f = 1;
     (s.alpha === !0 || r.parsed.lastAlpha) && (f = r.parsed.args.pop(), a && (a.alphaType = c.pop()));
     let d = s.coords.length;
-    if (l.length !== d)
-      throw new TypeError(`Expected ${d} coordinates for ${o.id} in ${r.str}), got ${l.length}`);
-    l = s.coerceCoords(l, c), n = { spaceId: o.id, coords: l, alpha: f };
+    if (o.length !== d)
+      throw new TypeError(`Expected ${d} coordinates for ${l.id} in ${r.str}), got ${o.length}`);
+    o = s.coerceCoords(o, c), n = { spaceId: l.id, coords: o, alpha: f };
   } else
     for (let i of u.all)
       for (let s in i.formats) {
-        let o = i.formats[s];
-        if (o.type !== "custom" || o.test && !o.test(r.str))
+        let l = i.formats[s];
+        if (l.type !== "custom" || l.test && !l.test(r.str))
           continue;
-        o = i.getFormat(o);
-        let l = o.parse(r.str);
-        if (l) {
-          a && Object.assign(a, { format: o, formatId: s }), n = l;
+        l = i.getFormat(l);
+        let o = l.parse(r.str);
+        if (o) {
+          a && Object.assign(a, { format: l, formatId: s }), n = o;
           break;
         }
       }
@@ -371,9 +371,9 @@ function Ct(t) {
   t = t.trim();
   let e = t.match(te.function);
   if (e) {
-    let r = [], n = [], a = !1, i = e[2].replace(te.singleArgument, (s, o) => {
-      let { value: l, meta: c } = Et(o);
-      return s.startsWith("/") && (a = !0), r.push(l), n.push(c), "";
+    let r = [], n = [], a = !1, i = e[2].replace(te.singleArgument, (s, l) => {
+      let { value: o, meta: c } = Et(l);
+      return s.startsWith("/") && (a = !0), r.push(o), n.push(c), "";
     });
     return {
       name: e[1].toLowerCase(),
@@ -428,8 +428,8 @@ class u {
       if (s.type !== "angle" && s.range) {
         if (C(a))
           return !0;
-        let [o, l] = s.range;
-        return (o === void 0 || a >= o - r) && (l === void 0 || a <= l + r);
+        let [l, o] = s.range;
+        return (l === void 0 || a >= l - r) && (o === void 0 || a <= o + r);
       }
       return !0;
     });
@@ -469,21 +469,21 @@ class u {
   }
   to(e, r) {
     if (arguments.length === 1) {
-      const o = ye(e);
-      [e, r] = [o.space, o.coords];
+      const l = ye(e);
+      [e, r] = [l.space, l.coords];
     }
     if (e = u.get(e), this.equals(e))
       return r;
-    r = r.map((o) => C(o) ? 0 : o);
+    r = r.map((l) => C(l) ? 0 : l);
     let n = this.path, a = e.path, i, s;
-    for (let o = 0; o < n.length && n[o].equals(a[o]); o++)
-      i = n[o], s = o;
+    for (let l = 0; l < n.length && n[l].equals(a[l]); l++)
+      i = n[l], s = l;
     if (!i)
       throw new Error(`Cannot convert between color spaces ${this} and ${e}: no connection space was found`);
-    for (let o = n.length - 1; o > s; o--)
-      r = n[o].toBase(r);
-    for (let o = s + 1; o < a.length; o++)
-      r = a[o].fromBase(r);
+    for (let l = n.length - 1; l > s; l--)
+      r = n[l].toBase(r);
+    for (let l = s + 1; l < a.length; l++)
+      r = a[l].fromBase(r);
     return r;
   }
   from(e, r) {
@@ -549,12 +549,12 @@ class u {
         i.name ??= a, i.type ??= "function";
         let s = (!e.name || i.name === e.name) && (!e.type || i.type === e.type);
         if (e.id) {
-          let o = i.ids || [i.id], l = Array.isArray(e.id) ? e.id : [e.id];
-          s &&= l.some((c) => o.includes(c));
+          let l = i.ids || [i.id], o = Array.isArray(e.id) ? e.id : [e.id];
+          s &&= o.some((c) => l.includes(c));
         }
         if (s) {
-          let o = J.get(i, n);
-          return o !== i && (n.formats[i.name] = o), o;
+          let l = J.get(i, n);
+          return l !== i && (n.formats[i.name] = l), l;
         }
       }
     return null;
@@ -572,17 +572,17 @@ class u {
     if (n === "string" ? e.includes(".") ? [a, i] = e.split(".") : [a, i] = [, e] : Array.isArray(e) ? [a, i] = e : (a = e.space, i = e.coordId), a = u.get(a), a || (a = r), !a)
       throw new TypeError(`Cannot resolve coordinate reference ${e}: No color space specified and relative references are not allowed here`);
     if (n = U(i), n === "number" || n === "string" && i >= 0) {
-      let l = Object.entries(a.coords)[i];
-      if (l)
-        return { space: a, id: l[0], index: i, ...l[1] };
+      let o = Object.entries(a.coords)[i];
+      if (o)
+        return { space: a, id: o[0], index: i, ...o[1] };
     }
     a = u.get(a);
-    let s = i.toLowerCase(), o = 0;
-    for (let l in a.coords) {
-      let c = a.coords[l];
-      if (l.toLowerCase() === s || c.name?.toLowerCase() === s)
-        return { space: a, id: l, index: o, ...c };
-      o++;
+    let s = i.toLowerCase(), l = 0;
+    for (let o in a.coords) {
+      let c = a.coords[o];
+      if (o.toLowerCase() === s || c.name?.toLowerCase() === s)
+        return { space: a, id: o, index: l, ...c };
+      l++;
     }
     throw new TypeError(`No "${i}" coordinate found in ${a.name}. Its coordinates are: ${Object.keys(a.coords).join(", ")}`);
   }
@@ -645,12 +645,12 @@ class x extends u {
         name: "Blue"
       }
     }), e.base || (e.base = L), e.toXYZ_M && e.fromXYZ_M && (e.toBase ??= (r) => {
-      let n = R(r, e.toXYZ_M);
+      let n = S(r, e.toXYZ_M);
       return this.white !== this.base.white && (n = ee(this.white, this.base.white, n)), n;
-    }, e.fromBase ??= (r) => (r = ee(this.base.white, this.white, r), R(r, e.fromXYZ_M))), e.referred ??= "display", super(e);
+    }, e.fromBase ??= (r) => (r = ee(this.base.white, this.white, r), S(r, e.fromXYZ_M))), e.referred ??= "display", super(e);
   }
 }
-const ve = new u({
+const ke = new u({
   id: "xyz-d50",
   name: "XYZ D50",
   white: "D50",
@@ -677,11 +677,11 @@ const st = new u({
   // Assuming XYZ is relative to D50, convert to CIE Lab
   // from CIE standard, which now defines these as a rational fraction
   white: de,
-  base: ve,
+  base: ke,
   // Convert D50-adapted XYX to Lab
   // CIE 15.3:2004 section 8.2.1.1
   fromBase(t) {
-    let r = t.map((s, o) => s / de[o]).map((s) => s > Yt ? Math.cbrt(s) : (T * s + 16) / 116), n = 116 * r[1] - 16, a = 500 * (r[0] - r[1]), i = 200 * (r[1] - r[2]);
+    let r = t.map((s, l) => s / de[l]).map((s) => s > Yt ? Math.cbrt(s) : (T * s + 16) / 116), n = 116 * r[1] - 16, a = 500 * (r[0] - r[1]), i = 200 * (r[1] - r[2]);
     return [n, a, i];
   },
   // Convert Lab to D50-adapted XYZ
@@ -693,7 +693,7 @@ const st = new u({
       a[0] > Ee ? Math.pow(a[0], 3) : (116 * a[0] - 16) / T,
       t[0] > 8 ? Math.pow((t[0] + 16) / 116, 3) : t[0] / T,
       a[2] > Ee ? Math.pow(a[2], 3) : (116 * a[2] - 16) / T
-    ].map((s, o) => s * de[o]);
+    ].map((s, l) => s * de[l]);
   },
   formats: {
     lab: {
@@ -701,7 +701,7 @@ const st = new u({
     }
   }
 });
-function ke(t) {
+function ve(t) {
   return typeof t != "number" ? t : (t % 360 + 360) % 360;
 }
 const we = new u({
@@ -725,10 +725,10 @@ const we = new u({
   base: st,
   fromBase(t) {
     if (this.ε === void 0) {
-      let o = Object.values(this.base.coords)[1].refRange, l = o[1] - o[0];
-      this.ε = l / 1e5;
+      let l = Object.values(this.base.coords)[1].refRange, o = l[1] - l[0];
+      this.ε = o / 1e5;
     }
-    let [e, r, n] = t, a = Math.abs(r) < this.ε && Math.abs(n) < this.ε, i = a ? null : ke(Math.atan2(n, r) * 180 / Math.PI), s = a ? 0 : Math.sqrt(r ** 2 + n ** 2);
+    let [e, r, n] = t, a = Math.abs(r) < this.ε && Math.abs(n) < this.ε, i = a ? null : ve(Math.atan2(n, r) * 180 / Math.PI), s = a ? 0 : Math.sqrt(r ** 2 + n ** 2);
     return [e, s, i];
   },
   toBase(t) {
@@ -775,12 +775,12 @@ const we = new u({
   white: "D65",
   base: L,
   fromBase(t) {
-    let e = R(t, Xt);
-    return e[0] = Math.cbrt(e[0]), e[1] = Math.cbrt(e[1]), e[2] = Math.cbrt(e[2]), R(e, jt, e);
+    let e = S(t, Xt);
+    return e[0] = Math.cbrt(e[0]), e[1] = Math.cbrt(e[1]), e[2] = Math.cbrt(e[2]), S(e, jt, e);
   },
   toBase(t) {
-    let e = R(t, N);
-    return e[0] = e[0] ** 3, e[1] = e[1] ** 3, e[2] = e[2] ** 3, R(e, At, e);
+    let e = S(t, N);
+    return e[0] = e[0] ** 3, e[1] = e[1] ** 3, e[2] = e[2] ** 3, S(e, At, e);
   },
   formats: {
     oklab: {
@@ -824,7 +824,7 @@ const we = new u({
   [1.716651187971268, -0.355670783776392, -0.25336628137366],
   [-0.666684351832489, 1.616481236634939, 0.0157685458139111],
   [0.017639857445311, -0.042770613257809, 0.942103121235474]
-], ot = new x({
+], lt = new x({
   id: "rec2020-linear",
   cssId: "--rec2020-linear",
   name: "Linear REC.2020",
@@ -834,7 +834,7 @@ const we = new u({
 }), F = 1.09929682680944, De = 0.018053968510807, Ht = new x({
   id: "rec2020",
   name: "REC.2020",
-  base: ot,
+  base: lt,
   // Non-linear transfer function from Rec. ITU-R BT.2020-2 table 4
   toBase(t) {
     return t.map(function(e) {
@@ -854,7 +854,7 @@ const we = new u({
   [2.493496911941425, -0.9313836179191239, -0.40271078445071684],
   [-0.8294889695615747, 1.7626640603183463, 0.023624685841943577],
   [0.03584583024378447, -0.07617238926804182, 0.9568845240076872]
-], lt = new x({
+], ot = new x({
   id: "p3-linear",
   cssId: "--display-p3-linear",
   name: "Linear P3",
@@ -1108,7 +1108,7 @@ const H = new x({
   id: "p3",
   cssId: "display-p3",
   name: "P3",
-  base: lt,
+  base: ot,
   // Gamma encoding/decoding is the same as sRGB
   fromBase: H.fromBase,
   toBase: H.toBase
@@ -1183,9 +1183,9 @@ const Jt = new u({
   base: H,
   // Adapted from https://drafts.csswg.org/css-color-4/better-rgbToHsl.js
   fromBase: (t) => {
-    let e = Math.max(...t), r = Math.min(...t), [n, a, i] = t, [s, o, l] = [null, 0, (r + e) / 2], c = e - r;
+    let e = Math.max(...t), r = Math.min(...t), [n, a, i] = t, [s, l, o] = [null, 0, (r + e) / 2], c = e - r;
     if (c !== 0) {
-      switch (o = l === 0 || l === 1 ? 0 : (e - l) / Math.min(l, 1 - l), e) {
+      switch (l = o === 0 || o === 1 ? 0 : (e - o) / Math.min(o, 1 - o), e) {
         case n:
           s = (a - i) / c + (a < i ? 6 : 0);
           break;
@@ -1197,15 +1197,15 @@ const Jt = new u({
       }
       s = s * 60;
     }
-    return o < 0 && (s += 180, o = Math.abs(o)), s >= 360 && (s -= 360), [s, o * 100, l * 100];
+    return l < 0 && (s += 180, l = Math.abs(l)), s >= 360 && (s -= 360), [s, l * 100, o * 100];
   },
   // Adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative
   toBase: (t) => {
     let [e, r, n] = t;
     e = e % 360, e < 0 && (e += 360), r /= 100, n /= 100;
     function a(i) {
-      let s = (i + e / 30) % 12, o = r * Math.min(n, 1 - n);
-      return n - o * Math.max(-1, Math.min(s - 3, 9 - s, 1));
+      let s = (i + e / 30) % 12, l = r * Math.min(n, 1 - n);
+      return n - l * Math.max(-1, Math.min(s - 3, 9 - s, 1));
     }
     return [a(0), a(8), a(4)];
   },
@@ -1240,7 +1240,7 @@ const Jt = new u({
   base: H,
   // https://en.wikipedia.org/wiki/HSL_and_HSV#Formal_derivation
   fromBase(t) {
-    let e = Math.max(...t), r = Math.min(...t), [n, a, i] = t, [s, o, l] = [null, 0, e], c = e - r;
+    let e = Math.max(...t), r = Math.min(...t), [n, a, i] = t, [s, l, o] = [null, 0, e], c = e - r;
     if (c !== 0) {
       switch (e) {
         case n:
@@ -1254,7 +1254,7 @@ const Jt = new u({
       }
       s = s * 60;
     }
-    return l && (o = c / l), s >= 360 && (s -= 360), [s, o * 100, l * 100];
+    return o && (l = c / o), s >= 360 && (s -= 360), [s, l * 100, o * 100];
   },
   // Adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_RGB_alternative
   toBase(t) {
@@ -1300,8 +1300,8 @@ const Jt = new u({
     r /= 100, n /= 100;
     let a = r + n;
     if (a >= 1) {
-      let o = r / a;
-      return [e, 0, o * 100];
+      let l = r / a;
+      return [e, 0, l * 100];
     }
     let i = 1 - n, s = i === 0 ? 0 : 1 - r / i;
     return [e, s * 100, i * 100];
@@ -1346,16 +1346,16 @@ const Jt = new u({
   cssId: "--prophoto-rgb-linear",
   name: "Linear ProPhoto",
   white: "D50",
-  base: ve,
+  base: ke,
   toXYZ_M: ar,
   fromXYZ_M: ir
-}), sr = 1 / 512, or = 16 / 512, lr = new x({
+}), sr = 1 / 512, lr = 16 / 512, or = new x({
   id: "prophoto",
   cssId: "prophoto-rgb",
   name: "ProPhoto",
   base: ft,
   toBase(t) {
-    return t.map((e) => e < or ? e / 16 : e ** 1.8);
+    return t.map((e) => e < lr ? e / 16 : e ** 1.8);
   },
   fromBase(t) {
     return t.map((e) => e >= sr ? e ** (1 / 1.8) : 16 * e);
@@ -1414,7 +1414,7 @@ const Jt = new u({
     [1.35733652, -915799e-8, -1.1513021, -0.50559606, 692167e-8]
   ]
 ], ge = Number.MAX_VALUE, G = 0.206, _e = 0.03, P = (1 + G) / (1 + _e);
-function w(t, e) {
+function y(t, e) {
   let r = t.length;
   if (r !== e.length)
     throw new Error(`Vectors of size ${r} and ${e.length} are not aligned`);
@@ -1438,52 +1438,52 @@ function hr(t, e) {
   return [r, n];
 }
 function fr(t, e) {
-  let r = R(t, N);
-  return r[0] = r[0] ** 3, r[1] = r[1] ** 3, r[2] = r[2] ** 3, R(r, e, r);
+  let r = S(t, N);
+  return r[0] = r[0] ** 3, r[1] = r[1] ** 3, r[2] = r[2] ** 3, S(r, e, r);
 }
 function gt(t, e, r, n) {
-  let a = mr(t, e, r, n), i = fr([1, a * t, a * e], r), s = It(1 / Math.max(...i), 1 / 3), o = s * a;
-  return [s, o];
+  let a = mr(t, e, r, n), i = fr([1, a * t, a * e], r), s = It(1 / Math.max(...i), 1 / 3), l = s * a;
+  return [s, l];
 }
-function dr(t, e, r, n, a, i, s, o) {
-  let l;
-  if (o === void 0 && (o = gt(t, e, i, s)), (r - a) * o[1] - (o[0] - a) * n <= 0)
-    l = o[1] * a / (n * o[0] + o[1] * (a - r));
+function dr(t, e, r, n, a, i, s, l) {
+  let o;
+  if (l === void 0 && (l = gt(t, e, i, s)), (r - a) * l[1] - (l[0] - a) * n <= 0)
+    o = l[1] * a / (n * l[0] + l[1] * (a - r));
   else {
-    l = o[1] * (a - 1) / (n * (o[0] - 1) + o[1] * (a - r));
-    let c = r - a, f = n, d = w(N[0].slice(1), [t, e]), h = w(N[1].slice(1), [t, e]), m = w(N[2].slice(1), [t, e]), g = c + f * d, v = c + f * h, p = c + f * m, M = a * (1 - l) + l * r, b = l * n, $ = M + b * d, k = M + b * h, _ = M + b * m, D = $ ** 3, q = k ** 3, Y = _ ** 3, X = 3 * g * $ ** 2, A = 3 * v * k ** 2, j = 3 * p * _ ** 2, I = 6 * g ** 2 * $, z = 6 * v ** 2 * k, Z = 6 * p ** 2 * _, xe = w(i[0], [D, q, Y]) - 1, ie = w(i[0], [X, A, j]), bt = w(i[0], [I, z, Z]), Be = ie / (ie * ie - 0.5 * xe * bt), se = -xe * Be, Se = w(i[1], [D, q, Y]) - 1, oe = w(i[1], [X, A, j]), yt = w(i[1], [I, z, Z]), Re = oe / (oe * oe - 0.5 * Se * yt), le = -Se * Re, Le = w(i[2], [D, q, Y]) - 1, ue = w(i[2], [X, A, j]), wt = w(i[2], [I, z, Z]), Ne = ue / (ue * ue - 0.5 * Le * wt), ce = -Le * Ne;
-    se = Be >= 0 ? se : ge, le = Re >= 0 ? le : ge, ce = Ne >= 0 ? ce : ge, l += Math.min(se, Math.min(le, ce));
+    o = l[1] * (a - 1) / (n * (l[0] - 1) + l[1] * (a - r));
+    let c = r - a, f = n, d = y(N[0].slice(1), [t, e]), h = y(N[1].slice(1), [t, e]), m = y(N[2].slice(1), [t, e]), g = c + f * d, k = c + f * h, p = c + f * m, w = a * (1 - o) + o * r, b = o * n, M = w + b * d, v = w + b * h, _ = w + b * m, D = M ** 3, q = v ** 3, Y = _ ** 3, X = 3 * g * M ** 2, A = 3 * k * v ** 2, j = 3 * p * _ ** 2, I = 6 * g ** 2 * M, z = 6 * k ** 2 * v, Z = 6 * p ** 2 * _, xe = y(i[0], [D, q, Y]) - 1, ie = y(i[0], [X, A, j]), bt = y(i[0], [I, z, Z]), Be = ie / (ie * ie - 0.5 * xe * bt), se = -xe * Be, Re = y(i[1], [D, q, Y]) - 1, le = y(i[1], [X, A, j]), yt = y(i[1], [I, z, Z]), Se = le / (le * le - 0.5 * Re * yt), oe = -Re * Se, Le = y(i[2], [D, q, Y]) - 1, ue = y(i[2], [X, A, j]), wt = y(i[2], [I, z, Z]), Ne = ue / (ue * ue - 0.5 * Le * wt), ce = -Le * Ne;
+    se = Be >= 0 ? se : ge, oe = Se >= 0 ? oe : ge, ce = Ne >= 0 ? ce : ge, o += Math.min(se, Math.min(oe, ce));
   }
-  return l;
+  return o;
 }
 function pt(t, e, r) {
-  let [n, a, i] = t, s = gt(a, i, e, r), o = dr(a, i, n, 1, n, e, r, s), l = cr(s), c = o / Math.min(n * l[0], (1 - n) * l[1]), f = hr(a, i), d = n * f[0], h = (1 - n) * f[1], m = 0.9 * c * Math.sqrt(Math.sqrt(1 / (1 / d ** 4 + 1 / h ** 4)));
-  return d = n * 0.4, h = (1 - n) * 0.8, [Math.sqrt(1 / (1 / d ** 2 + 1 / h ** 2)), m, o];
+  let [n, a, i] = t, s = gt(a, i, e, r), l = dr(a, i, n, 1, n, e, r, s), o = cr(s), c = l / Math.min(n * o[0], (1 - n) * o[1]), f = hr(a, i), d = n * f[0], h = (1 - n) * f[1], m = 0.9 * c * Math.sqrt(Math.sqrt(1 / (1 / d ** 4 + 1 / h ** 4)));
+  return d = n * 0.4, h = (1 - n) * 0.8, [Math.sqrt(1 / (1 / d ** 2 + 1 / h ** 2)), m, l];
 }
 function mr(t, e, r, n) {
-  let a, i, s, o, l, c, f, d;
-  w(n[0][0], [t, e]) > 1 ? ([a, i, s, o, l] = n[0][1], [c, f, d] = r[0]) : w(n[1][0], [t, e]) > 1 ? ([a, i, s, o, l] = n[1][1], [c, f, d] = r[1]) : ([a, i, s, o, l] = n[2][1], [c, f, d] = r[2]);
-  let h = a + i * t + s * e + o * t ** 2 + l * t * e, m = w(N[0].slice(1), [t, e]), g = w(N[1].slice(1), [t, e]), v = w(N[2].slice(1), [t, e]), p = 1 + h * m, M = 1 + h * g, b = 1 + h * v, $ = p ** 3, k = M ** 3, _ = b ** 3, D = 3 * m * p ** 2, q = 3 * g * M ** 2, Y = 3 * v * b ** 2, X = 6 * m ** 2 * p, A = 6 * g ** 2 * M, j = 6 * v ** 2 * b, I = c * $ + f * k + d * _, z = c * D + f * q + d * Y, Z = c * X + f * A + d * j;
+  let a, i, s, l, o, c, f, d;
+  y(n[0][0], [t, e]) > 1 ? ([a, i, s, l, o] = n[0][1], [c, f, d] = r[0]) : y(n[1][0], [t, e]) > 1 ? ([a, i, s, l, o] = n[1][1], [c, f, d] = r[1]) : ([a, i, s, l, o] = n[2][1], [c, f, d] = r[2]);
+  let h = a + i * t + s * e + l * t ** 2 + o * t * e, m = y(N[0].slice(1), [t, e]), g = y(N[1].slice(1), [t, e]), k = y(N[2].slice(1), [t, e]), p = 1 + h * m, w = 1 + h * g, b = 1 + h * k, M = p ** 3, v = w ** 3, _ = b ** 3, D = 3 * m * p ** 2, q = 3 * g * w ** 2, Y = 3 * k * b ** 2, X = 6 * m ** 2 * p, A = 6 * g ** 2 * w, j = 6 * k ** 2 * b, I = c * M + f * v + d * _, z = c * D + f * q + d * Y, Z = c * X + f * A + d * j;
   return h = h - I * z / (z ** 2 - 0.5 * I * Z), h;
 }
 function gr(t, e, r) {
-  let [n, a, i] = t, s = mt(i), o = null, l = null;
-  if (n = ke(n) / 360, s !== 0 && s !== 1 && a !== 0) {
-    let c = Math.cos(Me * n), f = Math.sin(Me * n), [d, h, m] = pt([s, c, f], e, r), g = 0.8, v = 1.25, p, M, b, $;
-    a < g ? (p = v * a, M = 0, b = g * d, $ = 1 - b / h) : (p = 5 * (a - 0.8), M = h, b = 0.2 * h ** 2 * 1.25 ** 2 / d, $ = 1 - b / (m - h));
-    let k = M + p * b / (1 - $ * p);
-    o = k * c, l = k * f;
+  let [n, a, i] = t, s = mt(i), l = null, o = null;
+  if (n = ve(n) / 360, s !== 0 && s !== 1 && a !== 0) {
+    let c = Math.cos(Me * n), f = Math.sin(Me * n), [d, h, m] = pt([s, c, f], e, r), g = 0.8, k = 1.25, p, w, b, M;
+    a < g ? (p = k * a, w = 0, b = g * d, M = 1 - b / h) : (p = 5 * (a - 0.8), w = h, b = 0.2 * h ** 2 * 1.25 ** 2 / d, M = 1 - b / (m - h));
+    let v = w + p * b / (1 - M * p);
+    l = v * c, o = v * f;
   }
-  return [s, o, l];
+  return [s, l, o];
 }
 function pr(t, e, r) {
-  let n = 1e-7, a = 1e-4, i = t[0], s = 0, o = dt(i), l = Math.sqrt(t[1] ** 2 + t[2] ** 2), c = 0.5 + Math.atan2(-t[2], -t[1]) / Me;
-  if (o !== 0 && o !== 1 && l !== 0) {
-    let d = t[1] / l, h = t[2] / l, [m, g, v] = pt([i, d, h], e, r), p = 0.8, M = 1.25, b, $, k, _;
-    l < g ? ($ = p * m, k = 1 - $ / g, _ = l / ($ + k * l), s = _ * p) : (b = g, $ = 0.2 * g ** 2 * M ** 2 / m, k = 1 - $ / (v - g), _ = (l - b) / ($ + k * (l - b)), s = p + 0.2 * _);
+  let n = 1e-7, a = 1e-4, i = t[0], s = 0, l = dt(i), o = Math.sqrt(t[1] ** 2 + t[2] ** 2), c = 0.5 + Math.atan2(-t[2], -t[1]) / Me;
+  if (l !== 0 && l !== 1 && o !== 0) {
+    let d = t[1] / o, h = t[2] / o, [m, g, k] = pt([i, d, h], e, r), p = 0.8, w = 1.25, b, M, v, _;
+    o < g ? (M = p * m, v = 1 - M / g, _ = o / (M + v * o), s = _ * p) : (b = g, M = 0.2 * g ** 2 * w ** 2 / m, v = 1 - M / (k - g), _ = (o - b) / (M + v * (o - b)), s = p + 0.2 * _);
   }
   const f = Math.abs(s) < a;
-  return f || o === 0 || Math.abs(1 - o) < n ? (c = null, f || (s = 0)) : c = ke(c * 360), [c, s, o];
+  return f || l === 0 || Math.abs(1 - l) < n ? (c = null, f || (s = 0)) : c = ve(c * 360), [c, s, l];
 }
 new u({
   id: "okhsl",
@@ -1552,7 +1552,7 @@ const br = new u({
 });
 u.register(H);
 u.register(L);
-u.register(ve);
+u.register(ke);
 u.register(Zt);
 u.register(Jt);
 u.register(st);
@@ -1561,13 +1561,13 @@ u.register(ut);
 u.register(Qt);
 u.register(er);
 u.register(ct);
-u.register(lt);
+u.register(ot);
 u.register(Wt);
 u.register(ht);
 u.register(nr);
 u.register(ft);
-u.register(lr);
-u.register(ot);
+u.register(or);
+u.register(lt);
 u.register(Ht);
 u.register(ae);
 u.register(ur);
@@ -1777,28 +1777,11 @@ function E(t) {
         alpha: 0
       },
       $extensions: {
-        [y]: t
-      }
-    };
-  if ($r.has(e))
-    return {
-      $type: "color",
-      $value: {
-        colorSpace: "srgb",
-        components: [0, 0, 0],
-        alpha: 1
-      },
-      $extensions: {
-        [y]: t
-      }
-    };
-  if (e.includes("var("))
-    return {
-      $value: t,
-      $extensions: {
-        [y]: t
+        [$]: t
       }
     };
+  if ($r.has(e) || e.includes("var("))
+    return null;
   try {
     let r = at(t), [n, a, i] = r.coords;
     return {
@@ -1813,14 +1796,14 @@ function E(t) {
         alpha: r.alpha ?? 0
       },
       $extensions: {
-        [y]: t
+        [$]: t
       }
     };
   } catch {
     return {
       $value: t,
       $extensions: {
-        [y]: t
+        [$]: t
       }
     };
   }
@@ -1835,7 +1818,7 @@ function Pe() {
     inset: !1
   };
 }
-function vr(t) {
+function kr(t) {
   let e = re(t, {
     context: "value",
     positions: !0
@@ -1845,9 +1828,16 @@ function vr(t) {
   }
   let n = Pe(), a = [n];
   return e.children.size < 2 ? null : (e.children.forEach((i) => {
-    if (i.type === "Identifier")
-      i.name.toLowerCase() === "inset" ? n.inset = !0 : (yr.has(i.name) || wr.has(i.name)) && (n.color = E(i.name));
-    else if (i.type === "Dimension" || i.type === "Number" && i.value === "0") {
+    if (i.type === "Identifier") {
+      if (i.name.toLowerCase() === "inset")
+        n.inset = !0;
+      else if (yr.has(i.name) || wr.has(i.name)) {
+        let s = E(i.name);
+        if (s === null)
+          return;
+        n.color = s;
+      }
+    } else if (i.type === "Dimension" || i.type === "Number" && i.value === "0") {
       let s = i.type === "Dimension" ? {
         $type: "dimension",
         value: Number(i.value),
@@ -1858,7 +1848,24 @@ function vr(t) {
         unit: "px"
       };
       n.offsetX ? n.offsetY ? n.blur ? n.spread || (n.spread = s) : n.blur = s : n.offsetY = s : n.offsetX = s;
-    } else i.type === "Function" ? (Mr.has(i.name) || i.name.toLowerCase() === "var" && !n.color) && (n.color = E(r(i))) : i.type === "Hash" ? n.color = E(r(i)) : i.type === "Operator" && i.value === "," && (Ge(n), n = Pe(), a.push(n));
+    } else if (i.type === "Function") {
+      if (Mr.has(i.name)) {
+        let s = E(r(i));
+        if (s === null)
+          return;
+        n.color = s;
+      } else if (i.name.toLowerCase() === "var" && !n.color) {
+        let s = E(r(i));
+        if (s === null)
+          return;
+        n.color = s;
+      }
+    } else if (i.type === "Hash") {
+      let s = E(r(i));
+      if (s === null)
+        return;
+      n.color = s;
+    } else i.type === "Operator" && i.value === "," && (Ge(n), n = Pe(), a.push(n));
   }), Ge(n), a);
 }
 const V = {
@@ -1876,7 +1883,7 @@ const He = /* @__PURE__ */ new Map([
   ["ease-out", [0, 0, 0.58, 1]],
   ["ease-in-out", [0.42, 0, 0.58, 1]]
 ]);
-function kr(t) {
+function vr(t) {
   if (t = t.trim().toLowerCase(), He.has(t))
     return He.get(t);
   if (!t.includes("var(") && t.startsWith("cubic-bezier(")) {
@@ -1974,87 +1981,90 @@ function Br(t) {
 }
 function Ir(t) {
   let e = Mt(t);
-  return Sr(e);
+  return Rr(e);
 }
-function S(t) {
+function R(t) {
   return "uniqueWithLocations" in t ? t.uniqueWithLocations : t.unique;
 }
-function Sr(t) {
+function Rr(t) {
   return {
     color: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.colors), n = _t(r);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.colors), n = _t(r);
       for (let [a, i] of n)
         for (let s of i) {
-          let o = E(s), l = `${kt.get(a)}-${B(s)}`;
-          e[l] = o;
+          let l = E(s);
+          if (l !== null) {
+            let o = `${vt.get(a)}-${B(s)}`;
+            e[o] = l;
+          }
         }
       return e;
     })(),
     font_size: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.fontSizes);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.fontSizes);
       for (let n in r) {
         let a = `fontSize-${B(n)}`, i = Br(n);
         i === null ? e[a] = {
           $value: n,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         } : e[a] = {
           $type: "dimension",
           $value: i,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         };
       }
       return e;
     })(),
     font_family: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.fontFamilies);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.fontFamilies);
       for (let n in r) {
         let a = _r(n), i = `fontFamily-${B(n)}`;
         e[i] = {
           $type: "fontFamily",
           $value: a,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         };
       }
       return e;
     })(),
     line_height: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.lineHeights);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.lineHeights);
       for (let n in r) {
         let a = `lineHeight-${B(n)}`, i = xr(n);
         i === null ? e[a] = {
           $value: n,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         } : typeof i == "number" ? e[a] = {
           $type: "number",
           $value: i,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         } : typeof i == "object" && (i.unit === "px" || i.unit === "rem" ? e[a] = {
           $type: "dimension",
           $value: i,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         } : e[a] = {
           $value: n,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         });
       }
       return e;
     })(),
     gradient: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.gradients);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.gradients);
       for (let n in r)
         e[`gradient-${B(n)}`] = {
           $value: n
@@ -2062,26 +2072,26 @@ function Sr(t) {
       return e;
     })(),
     box_shadow: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.boxShadows);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.boxShadows);
       for (let n in r) {
-        let a = `boxShadow-${B(n)}`, i = vr(n);
+        let a = `boxShadow-${B(n)}`, i = kr(n);
         i === null ? e[a] = {
           $value: n,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         } : e[a] = {
           $type: "shadow",
           $value: i.length === 1 ? i[0] : i,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         };
       }
       return e;
     })(),
     radius: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.borderRadiuses);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.borderRadiuses);
       for (let n in r) {
         let a = `radius-${B(n)}`;
         e[a] = {
@@ -2091,7 +2101,7 @@ function Sr(t) {
       return e;
     })(),
     duration: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.animations.durations);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.animations.durations);
       for (let n in r) {
         let a = $t(n), i = a < Number.MAX_SAFE_INTEGER - 1, s = B(a.toString());
         i ? e[`duration-${s}`] = {
@@ -2101,31 +2111,31 @@ function Sr(t) {
             unit: "ms"
           },
           $extensions: {
-            [y]: n
+            [$]: n
           }
         } : e[`duration-${s}`] = {
           $value: n,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         };
       }
       return e;
     })(),
     easing: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = S(t.values.animations.timingFunctions);
+      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.animations.timingFunctions);
       for (let n in r) {
-        let a = `easing-${B(n)}`, i = kr(n);
+        let a = `easing-${B(n)}`, i = vr(n);
         i ? e[a] = {
           $value: i,
           $type: "cubicBezier",
           $extensions: {
-            [y]: n
+            [$]: n
           }
         } : e[a] = {
           $value: n,
           $extensions: {
-            [y]: n
+            [$]: n
           }
         };
       }
@@ -2134,6 +2144,6 @@ function Sr(t) {
   };
 }
 export {
-  Sr as analysis_to_tokens,
+  Rr as analysis_to_tokens,
   Ir as css_to_tokens
 };

package/dist/keyword-set.d.ts

@@ -3,6 +3,6 @@
  */
 export declare class KeywordSet {
     private set;
-    constructor(items: string[]);
+    constructor(items: Lowercase<string>[]);
     has(item: string): boolean;
 }

package/dist/types.d.ts

@@ -5,7 +5,7 @@ export declare const EXTENSION_AUTHORED_AS = "com.projectwallace.css-authored-as
 export type Easing = [number, number, number, number];
 export type BaseToken = {
     $extensions?: {
-        [EXTENSION_AUTHORED_AS]?: string;
+        [EXTENSION_AUTHORED_AS]: string;
     };
 };
 export type DurationToken = BaseToken & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@projectwallace/css-design-tokens",
   "description": "Generate spec-compliant Design Tokens from CSS.",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "license": "EUPL-1.2",
   "author": "Bart Veneman <bart@projectwallace.com>",
   "repository": {