@projectwallace/css-design-tokens 0.5.0 → 0.7.0

package/dist/css-design-tokens.js

@@ -1,1814 +1,85 @@
-import { analyze as Mt } from "@projectwallace/css-analyzer";
-import { convert as $t } from "css-time-sort";
-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, vt = /* @__PURE__ */ new Map([
-  [Ke, "white"],
-  [Ve, "black"],
-  [We, "grey"],
-  [pe, "red"],
-  [Ue, "orange"],
-  [Je, "yellow"],
-  [Qe, "green"],
-  [et, "cyan"],
-  [tt, "blue"],
-  [rt, "magenta"],
-  [nt, "pink"],
-  [W, "unknown"]
+import { cssKeywords as Y, colorKeywords as F, namedColors as B, systemColors as G, colorFunctions as T, analyze as W } from "@projectwallace/css-analyzer";
+import { convert as k } from "css-time-sort";
+import { convert as K } from "color-sorter";
+import { parse as d } from "css-tree";
+import { ColorSpace as o, sRGB as M, XYZ_D65 as Z, XYZ_D50 as U, XYZ_ABS_D65 as V, Lab_D65 as J, Lab as Q, LCH as ee, sRGB_Linear as te, HSL as re, HWB as ne, HSV as le, P3_Linear as ie, P3 as se, A98RGB_Linear as oe, A98RGB as ue, ProPhoto_Linear as ae, ProPhoto as ce, REC_2020_Linear as fe, REC_2020 as pe, OKLab as me, OKLCH as he, OKLrab as ge, parse as _e } from "colorjs.io/fn";
+const N = 0, L = 1, E = 2, b = 3, q = 4, C = 5, j = 6, z = 7, A = 8, I = 9, R = 10, _ = 11, de = /* @__PURE__ */ new Map([
+  [N, "white"],
+  [L, "black"],
+  [E, "grey"],
+  [b, "red"],
+  [q, "orange"],
+  [C, "yellow"],
+  [j, "green"],
+  [z, "cyan"],
+  [A, "blue"],
+  [I, "magenta"],
+  [R, "pink"],
+  [_, "unknown"]
 ]);
-function _t(t) {
-  let e = /* @__PURE__ */ new Map();
-  for (let r in t) {
-    let n = W;
+function ve(n) {
+  let t = /* @__PURE__ */ new Map();
+  for (let r in n) {
+    let e = _;
     if (!r.includes("var(") && !r.includes("calc(")) {
-      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;
+      let s = K(r), { hue: l, saturation: i, lightness: m } = s;
+      i < 10 && m === 100 ? e = N : i < 10 && m === 0 ? e = L : i < 5 ? e = E : l < 22 ? e = b : l < 50 ? e = q : l < 72 ? e = C : l < 144 ? e = j : l < 180 ? e = z : l < 250 ? e = A : l < 300 ? e = I : l < 350 ? e = R : e = b;
     }
-    e.has(n) ? e.get(n).push(r) : e.set(n, [r]);
+    t.has(e) ? t.get(e).push(r) : t.set(e, [r]);
   }
-  return Array.from(e).sort(
-    (r, n) => r[0] === W || n[0] === W ? -1 : n[1].length - r[1].length
+  return Array.from(t).sort(
+    (r, e) => r[0] === _ || e[0] === _ ? -1 : e[1].length - r[1].length
   );
 }
-class ne {
-  set;
-  constructor(e) {
-    this.set = new Set(e);
-  }
-  has(e) {
-    return this.set.has(e.toLowerCase());
-  }
-}
-const $ = "com.projectwallace.css-authored-as";
-function he(t, e) {
-  return t[0] * e[0] + t[1] * e[1] + t[2] * e[2];
-}
-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;
-}
-function xt(t) {
-  return U(t) === "string";
-}
-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 = +Rt(t, e), t + (r ?? ""));
-}
-function C(t) {
-  return t === null;
-}
-function Rt(t, e) {
-  if (t === 0)
-    return 0;
-  let r = ~~t, n = 0;
-  r && e && (n = ~~Math.log10(Math.abs(r)) + 1);
-  const a = 10 ** (e - n);
-  return Math.floor(t * a + 0.5) / a;
-}
-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 : St(e[0], e[1], Lt(t[0], t[1], r));
-}
-function Nt(t, e, r) {
-  return Math.max(Math.min(r, e), t);
-}
-function Ot(t, e) {
-  return Math.sign(t) === Math.sign(e) ? t : -t;
-}
-function It(t, e) {
-  return Ot(Math.abs(t) ** e, t);
-}
-function $e(t, e) {
-  if (t instanceof e)
-    return !0;
-  const r = e.name;
-  for (; t; ) {
-    const n = Object.getPrototypeOf(t), a = n?.constructor?.name;
-    if (a === r)
-      return !0;
-    if (!a || a === "Object")
-      return !1;
-    t = n;
-  }
-  return !1;
-}
-class Ie {
-  // Class properties - declared here so that type inference works
-  type;
-  coordMeta;
-  coordRange;
-  /** @type {[number, number]} */
-  range;
-  /**
-   * @param {any} type
-   * @param {import("./types.js").CoordMeta} coordMeta
-   */
-  constructor(e, r) {
-    if (typeof e == "object" && (this.coordMeta = e), r && (this.coordMeta = r, this.coordRange = r.range ?? r.refRange), typeof e == "string") {
-      let n = e.trim().match(/^(?<type><[a-z]+>)(\[(?<min>-?[.\d]+),\s*(?<max>-?[.\d]+)\])?$/);
-      if (!n)
-        throw new TypeError(`Cannot parse ${e} as a type definition.`);
-      this.type = n.groups.type;
-      let { min: a, max: i } = n.groups;
-      (a || i) && (this.range = [+a, +i]);
-    }
-  }
-  /** @returns {[number, number]} */
-  get computedRange() {
-    return this.range ? this.range : this.type === "<percentage>" ? this.percentageRange() : this.type === "<angle>" ? [0, 360] : null;
-  }
-  get unit() {
-    return this.type === "<percentage>" ? "%" : this.type === "<angle>" ? "deg" : "";
-  }
-  /**
-   * Map a number to the internal representation
-   * @param {number} number
-   */
-  resolve(e) {
-    if (this.type === "<angle>")
-      return e;
-    let r = this.computedRange, n = this.coordRange;
-    return this.type === "<percentage>" && (n ??= this.percentageRange()), Oe(r, n, e);
-  }
-  /**
-   * Serialize a number from the internal representation to a string
-   * @param {number} number
-   * @param {number} [precision]
-   */
-  serialize(e, r) {
-    let n = this.type === "<percentage>" ? this.percentageRange(100) : this.computedRange, a = this.unit;
-    return e = Oe(this.coordRange, n, e), Bt(e, { unit: a, precision: r });
-  }
-  toString() {
-    let e = this.type;
-    if (this.range) {
-      let [r = "", n = ""] = this.range;
-      e += `[${r},${n}]`;
-    }
-    return e;
-  }
-  /**
-   * Returns a percentage range for values of this type
-   * @param {number} scale
-   * @returns {[number, number]}
-   */
-  percentageRange(e = 1) {
-    let r;
-    return this.coordMeta && this.coordMeta.range || this.coordRange && this.coordRange[0] >= 0 ? r = [0, 1] : r = [-1, 1], [r[0] * e, r[1] * e];
-  }
-  static get(e, ...r) {
-    return $e(e, this) ? e : new this(e, ...r);
-  }
-}
-const fe = Symbol("instance");
-class J {
-  // Class properties - declared here so that type inference works
-  type;
-  name;
-  spaceCoords;
-  /** @type {Type[][]} */
-  coords;
-  /**
-   * @param {FormatInterface} format
-   * @param {ColorSpace} space
-   */
-  constructor(e, r = e.space) {
-    e[fe] = this, this.type = "function", this.name = "color", Object.assign(this, e), this.space = r, this.type !== "custom" && (this.spaceCoords = Object.values(r.coords), this.coords || (this.coords = this.spaceCoords.map((n) => {
-      let a = ["<number>", "<percentage>"];
-      return n.type === "angle" && a.push("<angle>"), a;
-    })), this.coords = this.coords.map(
-      /** @param {string | string[] | Type[]} types */
-      (n, a) => {
-        let i = this.spaceCoords[a];
-        return typeof n == "string" && (n = n.trim().split(/\s*\|\s*/)), n.map((s) => Ie.get(s, i));
-      }
-    ));
-  }
-  /**
-   * @param {Coords} coords
-   * @param {number} precision
-   * @param {Type[]} types
-   */
-  serializeCoords(e, r, n) {
-    return n = e.map((a, i) => Ie.get(n?.[i] ?? this.coords[i][0], this.spaceCoords[i])), e.map((a, i) => n[i].serialize(a, r));
-  }
-  /**
-  	 * Validates the coordinates of a color against a format's coord grammar and
-   * maps the coordinates to the range or refRange of the coordinates.
-   * @param {Coords} coords
-   * @param {[string, string, string]} types
-   */
-  coerceCoords(e, r) {
-    return Object.entries(this.space.coords).map(([n, a], i) => {
-      let s = e[i];
-      if (C(s) || isNaN(s))
-        return s;
-      let l = r[i], o = this.coords[i].find((c) => c.type == l);
-      if (!o) {
-        let c = a.name || n;
-        throw new TypeError(`${l ?? /** @type {any} */
-        s?.raw ?? s} not allowed for ${c} in ${this.name}()`);
-      }
-      return s = o.resolve(s), o.range && (r[i] = o.toString()), s;
-    });
-  }
-  /**
-   * @returns {boolean | Required<FormatInterface>["serialize"]}
-   */
-  canSerialize() {
-    return this.type === "function" || /** @type {any} */
-    this.serialize;
-  }
-  /**
-   * @param {Format | FormatInterface} format
-   * @param {RemoveFirstElement<ConstructorParameters<typeof Format>>} args
-   * @returns {Format}
-   */
-  static get(e, ...r) {
-    return !e || $e(e, this) ? (
-      /** @type {Format} */
-      e
-    ) : e[fe] ? e[fe] : new J(e, ...r);
-  }
-}
-class zt {
-  add(e, r, n) {
-    if (typeof arguments[0] != "string") {
-      for (var e in arguments[0])
-        this.add(e, arguments[0][e], arguments[1]);
-      return;
-    }
-    (Array.isArray(e) ? e : [e]).forEach(function(a) {
-      this[a] = this[a] || [], r && this[a][n ? "unshift" : "push"](r);
-    }, this);
-  }
-  run(e, r) {
-    this[e] = this[e] || [], this[e].forEach(function(n) {
-      n.call(r && r.context ? r.context : r, r);
-    });
-  }
-}
-const Q = new zt(), O = {
-  // for compatibility, the four-digit chromaticity-derived ones everyone else uses
-  D50: [0.3457 / 0.3585, 1, (1 - 0.3457 - 0.3585) / 0.3585],
-  D65: [0.3127 / 0.329, 1, (1 - 0.3127 - 0.329) / 0.329]
-};
-function be(t) {
-  return Array.isArray(t) ? t : O[t];
-}
-function ee(t, e, r, n = {}) {
-  if (t = be(t), e = be(e), !t || !e)
-    throw new TypeError(`Missing white point to convert ${t ? "" : "from"}${!t && !e ? "/" : ""}${e ? "" : "to"}`);
-  if (t === e)
-    return r;
-  let a = { W1: t, W2: e, XYZ: r, options: n };
-  if (Q.run("chromatic-adaptation-start", a), a.M || (a.W1 === O.D65 && a.W2 === O.D50 ? a.M = [
-    [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
-    [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
-    [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
-  ] : a.W1 === O.D50 && a.W2 === O.D65 && (a.M = [
-    [0.955473421488075, -0.02309845494876471, 0.06325924320057072],
-    [-0.0283697093338637, 1.0099953980813041, 0.021041441191917323],
-    [0.012314014864481998, -0.020507649298898964, 1.330365926242124]
-  ])), Q.run("chromatic-adaptation-end", a), 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 = {
-  gamut_mapping: "css",
-  precision: 5,
-  deltaE: "76",
-  // Default deltaE method
-  verbose: globalThis?.process?.env?.NODE_ENV?.toLowerCase() !== "test",
-  warn: function(e) {
-    this.verbose && globalThis?.console?.warn?.(e);
-  }
-};
-function at(t, e) {
-  let r = {
-    str: String(t)?.trim(),
-    options: e
-  };
-  if (Q.run("parse-start", r), r.color)
-    return r.color;
-  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, l, o = r.parsed.args, c = o.map((h, m) => r.parsed.argMeta[m]?.type);
-    if (i === "color") {
-      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 k, p = h in u.registry ? h : m;
-        if (p in u.registry) {
-          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}. ` + (k ?? "Missing a plugin?"));
-      }
-      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" }), 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 (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 l = i.formats[s];
-        if (l.type !== "custom" || l.test && !l.test(r.str))
-          continue;
-        l = i.getFormat(l);
-        let o = l.parse(r.str);
-        if (o) {
-          a && Object.assign(a, { format: l, formatId: s }), n = o;
-          break;
-        }
-      }
-  if (!n)
-    throw new TypeError(`Could not parse ${t} as a color. Missing a plugin?`);
-  return n.alpha = C(n.alpha) ? n.alpha : n.alpha === void 0 ? 1 : Nt(0, n.alpha, 1), n;
-}
-const it = {
-  "%": 0.01,
-  deg: 1,
-  grad: 0.9,
-  rad: 180 / Math.PI,
-  turn: 360
-}, te = {
-  // Need to list calc(NaN) explicitly as otherwise its ending paren would terminate the function call
-  function: /^([a-z]+)\(((?:calc\(NaN\)|.)+?)\)$/i,
-  number: /^([-+]?(?:[0-9]*\.)?[0-9]+(e[-+]?[0-9]+)?)$/i,
-  unitValue: RegExp(`(${Object.keys(it).join("|")})$`),
-  // NOTE The -+ are not just for prefix, but also for idents, and e+N notation!
-  singleArgument: /\/?\s*(none|NaN|calc\(NaN\)|[-+\w.]+(?:%|deg|g?rad|turn)?)/g
-};
-function Et(t) {
-  let e = {}, r = t.match(te.unitValue)?.[0], n = e.raw = t;
-  return r ? (e.type = r === "%" ? "<percentage>" : "<angle>", e.unit = r, e.unitless = Number(n.slice(0, -r.length)), n = e.unitless * it[r]) : te.number.test(n) ? (n = Number(n), e.type = "<number>") : n === "none" ? n = null : n === "NaN" || n === "calc(NaN)" ? (n = NaN, e.type = "<number>") : e.type = "<ident>", { value: (
-    /** @type {number} */
-    n
-  ), meta: (
-    /** @type {ArgumentMeta} */
-    e
-  ) };
-}
-function Ct(t) {
-  if (!t)
-    return;
-  t = t.trim();
-  let e = t.match(te.function);
-  if (e) {
-    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), "";
-    });
+const u = "com.projectwallace.css-authored-as", a = "com.projectwallace.usage-count", be = "com.projectwallace.css-properties";
+o.register(M);
+o.register(Z);
+o.register(U);
+o.register(V);
+o.register(J);
+o.register(Q);
+o.register(ee);
+o.register(te);
+o.register(re);
+o.register(ne);
+o.register(le);
+o.register(ie);
+o.register(se);
+o.register(oe);
+o.register(ue);
+o.register(ae);
+o.register(ce);
+o.register(fe);
+o.register(pe);
+o.register(me);
+o.register(he);
+o.register(ge);
+function h(n) {
+  let t = n.toLowerCase();
+  if (t === "transparent")
     return {
-      name: e[1].toLowerCase(),
-      args: r,
-      argMeta: n,
-      lastAlpha: a,
-      commas: i.includes(","),
-      rawName: e[1],
-      rawArgs: e[2]
+      colorSpace: "srgb",
+      components: [0, 0, 0],
+      alpha: 0
     };
-  }
-}
-function ye(t, e) {
-  if (Array.isArray(t))
-    return t.map((n) => ye(n, e));
-  if (!t)
-    throw new TypeError("Empty color reference");
-  xt(t) && (t = at(t, e));
-  let r = t.space || t.spaceId;
-  return typeof r == "string" && (t.space = u.get(r)), t.alpha === void 0 && (t.alpha = 1), t;
-}
-const Dt = 75e-6;
-class u {
-  constructor(e) {
-    this.id = e.id, this.name = e.name, this.base = e.base ? u.get(e.base) : null, this.aliases = e.aliases, this.base && (this.fromBase = e.fromBase, this.toBase = e.toBase);
-    let r = e.coords ?? this.base.coords;
-    for (let a in r)
-      "name" in r[a] || (r[a].name = a);
-    this.coords = r;
-    let n = e.white ?? this.base.white ?? "D65";
-    this.white = be(n), this.formats = e.formats ?? {};
-    for (let a in this.formats) {
-      let i = this.formats[a];
-      i.type ||= "function", i.name ||= a;
-    }
-    this.formats.color?.id || (this.formats.color = {
-      ...this.formats.color ?? {},
-      id: e.cssId || this.id
-    }), e.gamutSpace ? this.gamutSpace = e.gamutSpace === "self" ? this : u.get(e.gamutSpace) : this.isPolar ? this.gamutSpace = this.base : this.gamutSpace = this, this.gamutSpace.isUnbounded && (this.inGamut = (a, i) => !0), this.referred = e.referred, Object.defineProperty(this, "path", {
-      value: qt(this).reverse(),
-      writable: !1,
-      enumerable: !0,
-      configurable: !0
-    }), Q.run("colorspace-init-end", this);
-  }
-  inGamut(e, { epsilon: r = Dt } = {}) {
-    if (!this.equals(this.gamutSpace))
-      return e = this.to(this.gamutSpace, e), this.gamutSpace.inGamut(e, { epsilon: r });
-    let n = Object.values(this.coords);
-    return e.every((a, i) => {
-      let s = n[i];
-      if (s.type !== "angle" && s.range) {
-        if (C(a))
-          return !0;
-        let [l, o] = s.range;
-        return (l === void 0 || a >= l - r) && (o === void 0 || a <= o + r);
-      }
-      return !0;
-    });
-  }
-  get isUnbounded() {
-    return Object.values(this.coords).every((e) => !("range" in e));
-  }
-  get cssId() {
-    return this.formats?.color?.id || this.id;
-  }
-  get isPolar() {
-    for (let e in this.coords)
-      if (this.coords[e].type === "angle")
-        return !0;
-    return !1;
-  }
-  /**
-   * Lookup a format in this color space
-   * @param {string | object | Format} format - Format id if string. If object, it's converted to a `Format` object and returned.
-   * @returns {Format}
-   */
-  getFormat(e) {
-    if (!e)
-      return null;
-    e === "default" ? e = Object.values(this.formats)[0] : typeof e == "string" && (e = this.formats[e]);
-    let r = J.get(e, this);
-    return r !== e && e.name in this.formats && (this.formats[e.name] = r), r;
-  }
-  /**
-   * Check if this color space is the same as another color space reference.
-   * Allows proxying color space objects and comparing color spaces with ids.
-   * @param {string | ColorSpace} space ColorSpace object or id to compare to
-   * @returns {boolean}
-   */
-  equals(e) {
-    return e ? this === e || this.id === e || this.id === e.id : !1;
-  }
-  to(e, r) {
-    if (arguments.length === 1) {
-      const l = ye(e);
-      [e, r] = [l.space, l.coords];
-    }
-    if (e = u.get(e), this.equals(e))
-      return r;
-    r = r.map((l) => C(l) ? 0 : l);
-    let n = this.path, a = e.path, i, s;
-    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 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) {
-    if (arguments.length === 1) {
-      const n = ye(e);
-      [e, r] = [n.space, n.coords];
-    }
-    return e = u.get(e), e.to(this, r);
-  }
-  toString() {
-    return `${this.name} (${this.id})`;
-  }
-  getMinCoords() {
-    let e = [];
-    for (let r in this.coords) {
-      let n = this.coords[r], a = n.range || n.refRange;
-      e.push(a?.min ?? 0);
-    }
-    return e;
-  }
-  static registry = {};
-  // Returns array of unique color spaces
-  static get all() {
-    return [...new Set(Object.values(u.registry))];
-  }
-  static register(e, r) {
-    if (arguments.length === 1 && (r = arguments[0], e = r.id), r = this.get(r), this.registry[e] && this.registry[e] !== r)
-      throw new Error(`Duplicate color space registration: '${e}'`);
-    if (this.registry[e] = r, arguments.length === 1 && r.aliases)
-      for (let n of r.aliases)
-        this.register(n, r);
-    return r;
-  }
-  /**
-   * Lookup ColorSpace object by name
-   * @param {ColorSpace | string} name
-   */
-  static get(e, ...r) {
-    if (!e || $e(e, this))
-      return e;
-    if (U(e) === "string") {
-      let a = u.registry[e.toLowerCase()];
-      if (!a)
-        throw new TypeError(`No color space found with id = "${e}"`);
-      return a;
-    }
-    if (r.length)
-      return u.get(...r);
-    throw new TypeError(`${e} is not a valid color space`);
-  }
-  /**
-   * Look up all color spaces for a format that matches certain criteria
-   * @param {object | string} filters
-   * @param {Array<ColorSpace>} [spaces=ColorSpace.all]
-   * @returns {Format | null}
-   */
-  static findFormat(e, r = u.all) {
-    if (!e)
-      return null;
-    typeof e == "string" && (e = { name: e });
-    for (let n of r)
-      for (let [a, i] of Object.entries(n.formats)) {
-        i.name ??= a, i.type ??= "function";
-        let s = (!e.name || i.name === e.name) && (!e.type || i.type === e.type);
-        if (e.id) {
-          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 l = J.get(i, n);
-          return l !== i && (n.formats[i.name] = l), l;
-        }
-      }
-    return null;
-  }
-  /**
-   * Get metadata about a coordinate of a color space
-   *
-   * @static
-   * @param {Array | string} ref
-   * @param {ColorSpace | string} [workingSpace]
-   * @return {Object}
-   */
-  static resolveCoord(e, r) {
-    let n = U(e), a, i;
-    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 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(), 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(", ")}`);
-  }
-  static DEFAULT_FORMAT = {
-    type: "functions",
-    name: "color"
-  };
-}
-function qt(t) {
-  let e = [t];
-  for (let r = t; r = r.base; )
-    e.push(r);
-  return e;
-}
-const L = new u({
-  id: "xyz-d65",
-  name: "XYZ D65",
-  coords: {
-    x: {
-      refRange: [0, 1],
-      name: "X"
-    },
-    y: {
-      refRange: [0, 1],
-      name: "Y"
-    },
-    z: {
-      refRange: [0, 1],
-      name: "Z"
-    }
-  },
-  white: "D65",
-  formats: {
-    color: {
-      ids: ["xyz-d65", "xyz"]
-    }
-  },
-  aliases: ["xyz"]
-});
-class x extends u {
-  /**
-   * Creates a new RGB ColorSpace.
-   * If coords are not specified, they will use the default RGB coords.
-   * Instead of `fromBase()` and `toBase()` functions,
-   * you can specify to/from XYZ matrices and have `toBase()` and `fromBase()` automatically generated.
-   * @param {RGBOptions} options
-   */
-  constructor(e) {
-    e.coords || (e.coords = {
-      r: {
-        range: [0, 1],
-        name: "Red"
-      },
-      g: {
-        range: [0, 1],
-        name: "Green"
-      },
-      b: {
-        range: [0, 1],
-        name: "Blue"
-      }
-    }), e.base || (e.base = L), e.toXYZ_M && e.fromXYZ_M && (e.toBase ??= (r) => {
-      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), S(r, e.fromXYZ_M))), e.referred ??= "display", super(e);
-  }
-}
-const ke = new u({
-  id: "xyz-d50",
-  name: "XYZ D50",
-  white: "D50",
-  base: L,
-  fromBase: (t) => ee(L.white, "D50", t),
-  toBase: (t) => ee("D50", L.white, t)
-}), Yt = 216 / 24389, Ee = 24 / 116, T = 24389 / 27;
-let de = O.D50;
-const st = new u({
-  id: "lab",
-  name: "Lab",
-  coords: {
-    l: {
-      refRange: [0, 100],
-      name: "Lightness"
-    },
-    a: {
-      refRange: [-125, 125]
-    },
-    b: {
-      refRange: [-125, 125]
-    }
-  },
-  // Assuming XYZ is relative to D50, convert to CIE Lab
-  // from CIE standard, which now defines these as a rational fraction
-  white: de,
-  base: ke,
-  // Convert D50-adapted XYX to Lab
-  // CIE 15.3:2004 section 8.2.1.1
-  fromBase(t) {
-    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
-  // Same result as CIE 15.3:2004 Appendix D although the derivation is different
-  // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-  toBase(t) {
-    let [e, r, n] = t, a = [];
-    return a[1] = (e + 16) / 116, a[0] = r / 500 + a[1], a[2] = a[1] - n / 200, [
-      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, l) => s * de[l]);
-  },
-  formats: {
-    lab: {
-      coords: ["<percentage> | <number>", "<number> | <percentage>", "<number> | <percentage>"]
-    }
-  }
-});
-function ve(t) {
-  return typeof t != "number" ? t : (t % 360 + 360) % 360;
-}
-const we = new u({
-  id: "lch",
-  name: "LCH",
-  coords: {
-    l: {
-      refRange: [0, 100],
-      name: "Lightness"
-    },
-    c: {
-      refRange: [0, 150],
-      name: "Chroma"
-    },
-    h: {
-      refRange: [0, 360],
-      type: "angle",
-      name: "Hue"
-    }
-  },
-  base: st,
-  fromBase(t) {
-    if (this.ε === void 0) {
-      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 : ve(Math.atan2(n, r) * 180 / Math.PI), s = a ? 0 : Math.sqrt(r ** 2 + n ** 2);
-    return [e, s, i];
-  },
-  toBase(t) {
-    let [e, r, n] = t, a = null, i = null;
-    return C(n) || (r = r < 0 ? 0 : r, a = r * Math.cos(n * Math.PI / 180), i = r * Math.sin(n * Math.PI / 180)), [e, a, i];
-  },
-  formats: {
-    lch: {
-      coords: ["<percentage> | <number>", "<number> | <percentage>", "<number> | <angle>"]
-    }
-  }
-}), Xt = [
-  [0.819022437996703, 0.3619062600528904, -0.1288737815209879],
-  [0.0329836539323885, 0.9292868615863434, 0.0361446663506424],
-  [0.0481771893596242, 0.2642395317527308, 0.6335478284694309]
-], At = [
-  [1.2268798758459243, -0.5578149944602171, 0.2813910456659647],
-  [-0.0405757452148008, 1.112286803280317, -0.0717110580655164],
-  [-0.0763729366746601, -0.4214933324022432, 1.5869240198367816]
-], jt = [
-  [0.210454268309314, 0.7936177747023054, -0.0040720430116193],
-  [1.9779985324311684, -2.42859224204858, 0.450593709617411],
-  [0.0259040424655478, 0.7827717124575296, -0.8086757549230774]
-], N = [
-  [1, 0.3963377773761749, 0.2158037573099136],
-  [1, -0.1055613458156586, -0.0638541728258133],
-  [1, -0.0894841775298119, -1.2914855480194092]
-], ae = new u({
-  id: "oklab",
-  name: "Oklab",
-  coords: {
-    l: {
-      refRange: [0, 1],
-      name: "Lightness"
-    },
-    a: {
-      refRange: [-0.4, 0.4]
-    },
-    b: {
-      refRange: [-0.4, 0.4]
-    }
-  },
-  // Note that XYZ is relative to D65
-  white: "D65",
-  base: L,
-  fromBase(t) {
-    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 = 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: {
-      coords: ["<percentage> | <number>", "<number> | <percentage>", "<number> | <percentage>"]
-    }
-  }
-}), Ce = 203, Zt = new u({
-  // Absolute CIE XYZ, with a D65 whitepoint,
-  // as used in most HDR colorspaces as a starting point.
-  // SDR spaces are converted per BT.2048
-  // so that diffuse, media white is 203 cd/m²
-  id: "xyz-abs-d65",
-  cssId: "--xyz-abs-d65",
-  name: "Absolute XYZ D65",
-  coords: {
-    x: {
-      refRange: [0, 9504.7],
-      name: "Xa"
-    },
-    y: {
-      refRange: [0, 1e4],
-      name: "Ya"
-    },
-    z: {
-      refRange: [0, 10888.3],
-      name: "Za"
-    }
-  },
-  base: L,
-  fromBase(t) {
-    return t.map((e) => Math.max(e * Ce, 0));
-  },
-  toBase(t) {
-    return t.map((e) => Math.max(e / Ce, 0));
-  }
-}), Pt = [
-  [0.6369580483012914, 0.14461690358620832, 0.1688809751641721],
-  [0.2627002120112671, 0.6779980715188708, 0.05930171646986196],
-  [0, 0.028072693049087428, 1.060985057710791]
-], Gt = [
-  [1.716651187971268, -0.355670783776392, -0.25336628137366],
-  [-0.666684351832489, 1.616481236634939, 0.0157685458139111],
-  [0.017639857445311, -0.042770613257809, 0.942103121235474]
-], lt = new x({
-  id: "rec2020-linear",
-  cssId: "--rec2020-linear",
-  name: "Linear REC.2020",
-  white: "D65",
-  toXYZ_M: Pt,
-  fromXYZ_M: Gt
-}), F = 1.09929682680944, De = 0.018053968510807, Ht = new x({
-  id: "rec2020",
-  name: "REC.2020",
-  base: lt,
-  // Non-linear transfer function from Rec. ITU-R BT.2020-2 table 4
-  toBase(t) {
-    return t.map(function(e) {
-      return e < De * 4.5 ? e / 4.5 : Math.pow((e + F - 1) / F, 1 / 0.45);
-    });
-  },
-  fromBase(t) {
-    return t.map(function(e) {
-      return e >= De ? F * Math.pow(e, 0.45) - (F - 1) : 4.5 * e;
-    });
-  }
-}), Tt = [
-  [0.4865709486482162, 0.26566769316909306, 0.1982172852343625],
-  [0.2289745640697488, 0.6917385218365064, 0.079286914093745],
-  [0, 0.04511338185890264, 1.043944368900976]
-], Ft = [
-  [2.493496911941425, -0.9313836179191239, -0.40271078445071684],
-  [-0.8294889695615747, 1.7626640603183463, 0.023624685841943577],
-  [0.03584583024378447, -0.07617238926804182, 0.9568845240076872]
-], ot = new x({
-  id: "p3-linear",
-  cssId: "--display-p3-linear",
-  name: "Linear P3",
-  white: "D65",
-  toXYZ_M: Tt,
-  fromXYZ_M: Ft
-}), Kt = [
-  [0.41239079926595934, 0.357584339383878, 0.1804807884018343],
-  [0.21263900587151027, 0.715168678767756, 0.07219231536073371],
-  [0.01933081871559182, 0.11919477979462598, 0.9505321522496607]
-], Vt = [
-  [3.2409699419045226, -1.537383177570094, -0.4986107602930034],
-  [-0.9692436362808796, 1.8759675015077202, 0.04155505740717559],
-  [0.05563007969699366, -0.20397695888897652, 1.0569715142428786]
-], ut = new x({
-  id: "srgb-linear",
-  name: "Linear sRGB",
-  white: "D65",
-  toXYZ_M: Kt,
-  fromXYZ_M: Vt
-}), qe = {
-  aliceblue: [240 / 255, 248 / 255, 1],
-  antiquewhite: [250 / 255, 235 / 255, 215 / 255],
-  aqua: [0, 1, 1],
-  aquamarine: [127 / 255, 1, 212 / 255],
-  azure: [240 / 255, 1, 1],
-  beige: [245 / 255, 245 / 255, 220 / 255],
-  bisque: [1, 228 / 255, 196 / 255],
-  black: [0, 0, 0],
-  blanchedalmond: [1, 235 / 255, 205 / 255],
-  blue: [0, 0, 1],
-  blueviolet: [138 / 255, 43 / 255, 226 / 255],
-  brown: [165 / 255, 42 / 255, 42 / 255],
-  burlywood: [222 / 255, 184 / 255, 135 / 255],
-  cadetblue: [95 / 255, 158 / 255, 160 / 255],
-  chartreuse: [127 / 255, 1, 0],
-  chocolate: [210 / 255, 105 / 255, 30 / 255],
-  coral: [1, 127 / 255, 80 / 255],
-  cornflowerblue: [100 / 255, 149 / 255, 237 / 255],
-  cornsilk: [1, 248 / 255, 220 / 255],
-  crimson: [220 / 255, 20 / 255, 60 / 255],
-  cyan: [0, 1, 1],
-  darkblue: [0, 0, 139 / 255],
-  darkcyan: [0, 139 / 255, 139 / 255],
-  darkgoldenrod: [184 / 255, 134 / 255, 11 / 255],
-  darkgray: [169 / 255, 169 / 255, 169 / 255],
-  darkgreen: [0, 100 / 255, 0],
-  darkgrey: [169 / 255, 169 / 255, 169 / 255],
-  darkkhaki: [189 / 255, 183 / 255, 107 / 255],
-  darkmagenta: [139 / 255, 0, 139 / 255],
-  darkolivegreen: [85 / 255, 107 / 255, 47 / 255],
-  darkorange: [1, 140 / 255, 0],
-  darkorchid: [153 / 255, 50 / 255, 204 / 255],
-  darkred: [139 / 255, 0, 0],
-  darksalmon: [233 / 255, 150 / 255, 122 / 255],
-  darkseagreen: [143 / 255, 188 / 255, 143 / 255],
-  darkslateblue: [72 / 255, 61 / 255, 139 / 255],
-  darkslategray: [47 / 255, 79 / 255, 79 / 255],
-  darkslategrey: [47 / 255, 79 / 255, 79 / 255],
-  darkturquoise: [0, 206 / 255, 209 / 255],
-  darkviolet: [148 / 255, 0, 211 / 255],
-  deeppink: [1, 20 / 255, 147 / 255],
-  deepskyblue: [0, 191 / 255, 1],
-  dimgray: [105 / 255, 105 / 255, 105 / 255],
-  dimgrey: [105 / 255, 105 / 255, 105 / 255],
-  dodgerblue: [30 / 255, 144 / 255, 1],
-  firebrick: [178 / 255, 34 / 255, 34 / 255],
-  floralwhite: [1, 250 / 255, 240 / 255],
-  forestgreen: [34 / 255, 139 / 255, 34 / 255],
-  fuchsia: [1, 0, 1],
-  gainsboro: [220 / 255, 220 / 255, 220 / 255],
-  ghostwhite: [248 / 255, 248 / 255, 1],
-  gold: [1, 215 / 255, 0],
-  goldenrod: [218 / 255, 165 / 255, 32 / 255],
-  gray: [128 / 255, 128 / 255, 128 / 255],
-  green: [0, 128 / 255, 0],
-  greenyellow: [173 / 255, 1, 47 / 255],
-  grey: [128 / 255, 128 / 255, 128 / 255],
-  honeydew: [240 / 255, 1, 240 / 255],
-  hotpink: [1, 105 / 255, 180 / 255],
-  indianred: [205 / 255, 92 / 255, 92 / 255],
-  indigo: [75 / 255, 0, 130 / 255],
-  ivory: [1, 1, 240 / 255],
-  khaki: [240 / 255, 230 / 255, 140 / 255],
-  lavender: [230 / 255, 230 / 255, 250 / 255],
-  lavenderblush: [1, 240 / 255, 245 / 255],
-  lawngreen: [124 / 255, 252 / 255, 0],
-  lemonchiffon: [1, 250 / 255, 205 / 255],
-  lightblue: [173 / 255, 216 / 255, 230 / 255],
-  lightcoral: [240 / 255, 128 / 255, 128 / 255],
-  lightcyan: [224 / 255, 1, 1],
-  lightgoldenrodyellow: [250 / 255, 250 / 255, 210 / 255],
-  lightgray: [211 / 255, 211 / 255, 211 / 255],
-  lightgreen: [144 / 255, 238 / 255, 144 / 255],
-  lightgrey: [211 / 255, 211 / 255, 211 / 255],
-  lightpink: [1, 182 / 255, 193 / 255],
-  lightsalmon: [1, 160 / 255, 122 / 255],
-  lightseagreen: [32 / 255, 178 / 255, 170 / 255],
-  lightskyblue: [135 / 255, 206 / 255, 250 / 255],
-  lightslategray: [119 / 255, 136 / 255, 153 / 255],
-  lightslategrey: [119 / 255, 136 / 255, 153 / 255],
-  lightsteelblue: [176 / 255, 196 / 255, 222 / 255],
-  lightyellow: [1, 1, 224 / 255],
-  lime: [0, 1, 0],
-  limegreen: [50 / 255, 205 / 255, 50 / 255],
-  linen: [250 / 255, 240 / 255, 230 / 255],
-  magenta: [1, 0, 1],
-  maroon: [128 / 255, 0, 0],
-  mediumaquamarine: [102 / 255, 205 / 255, 170 / 255],
-  mediumblue: [0, 0, 205 / 255],
-  mediumorchid: [186 / 255, 85 / 255, 211 / 255],
-  mediumpurple: [147 / 255, 112 / 255, 219 / 255],
-  mediumseagreen: [60 / 255, 179 / 255, 113 / 255],
-  mediumslateblue: [123 / 255, 104 / 255, 238 / 255],
-  mediumspringgreen: [0, 250 / 255, 154 / 255],
-  mediumturquoise: [72 / 255, 209 / 255, 204 / 255],
-  mediumvioletred: [199 / 255, 21 / 255, 133 / 255],
-  midnightblue: [25 / 255, 25 / 255, 112 / 255],
-  mintcream: [245 / 255, 1, 250 / 255],
-  mistyrose: [1, 228 / 255, 225 / 255],
-  moccasin: [1, 228 / 255, 181 / 255],
-  navajowhite: [1, 222 / 255, 173 / 255],
-  navy: [0, 0, 128 / 255],
-  oldlace: [253 / 255, 245 / 255, 230 / 255],
-  olive: [128 / 255, 128 / 255, 0],
-  olivedrab: [107 / 255, 142 / 255, 35 / 255],
-  orange: [1, 165 / 255, 0],
-  orangered: [1, 69 / 255, 0],
-  orchid: [218 / 255, 112 / 255, 214 / 255],
-  palegoldenrod: [238 / 255, 232 / 255, 170 / 255],
-  palegreen: [152 / 255, 251 / 255, 152 / 255],
-  paleturquoise: [175 / 255, 238 / 255, 238 / 255],
-  palevioletred: [219 / 255, 112 / 255, 147 / 255],
-  papayawhip: [1, 239 / 255, 213 / 255],
-  peachpuff: [1, 218 / 255, 185 / 255],
-  peru: [205 / 255, 133 / 255, 63 / 255],
-  pink: [1, 192 / 255, 203 / 255],
-  plum: [221 / 255, 160 / 255, 221 / 255],
-  powderblue: [176 / 255, 224 / 255, 230 / 255],
-  purple: [128 / 255, 0, 128 / 255],
-  rebeccapurple: [102 / 255, 51 / 255, 153 / 255],
-  red: [1, 0, 0],
-  rosybrown: [188 / 255, 143 / 255, 143 / 255],
-  royalblue: [65 / 255, 105 / 255, 225 / 255],
-  saddlebrown: [139 / 255, 69 / 255, 19 / 255],
-  salmon: [250 / 255, 128 / 255, 114 / 255],
-  sandybrown: [244 / 255, 164 / 255, 96 / 255],
-  seagreen: [46 / 255, 139 / 255, 87 / 255],
-  seashell: [1, 245 / 255, 238 / 255],
-  sienna: [160 / 255, 82 / 255, 45 / 255],
-  silver: [192 / 255, 192 / 255, 192 / 255],
-  skyblue: [135 / 255, 206 / 255, 235 / 255],
-  slateblue: [106 / 255, 90 / 255, 205 / 255],
-  slategray: [112 / 255, 128 / 255, 144 / 255],
-  slategrey: [112 / 255, 128 / 255, 144 / 255],
-  snow: [1, 250 / 255, 250 / 255],
-  springgreen: [0, 1, 127 / 255],
-  steelblue: [70 / 255, 130 / 255, 180 / 255],
-  tan: [210 / 255, 180 / 255, 140 / 255],
-  teal: [0, 128 / 255, 128 / 255],
-  thistle: [216 / 255, 191 / 255, 216 / 255],
-  tomato: [1, 99 / 255, 71 / 255],
-  turquoise: [64 / 255, 224 / 255, 208 / 255],
-  violet: [238 / 255, 130 / 255, 238 / 255],
-  wheat: [245 / 255, 222 / 255, 179 / 255],
-  white: [1, 1, 1],
-  whitesmoke: [245 / 255, 245 / 255, 245 / 255],
-  yellow: [1, 1, 0],
-  yellowgreen: [154 / 255, 205 / 255, 50 / 255]
-};
-let Ye = Array(3).fill("<percentage> | <number>[0, 255]"), Xe = Array(3).fill("<number>[0, 255]");
-const H = new x({
-  id: "srgb",
-  name: "sRGB",
-  base: ut,
-  fromBase: (t) => t.map((e) => {
-    let r = e < 0 ? -1 : 1, n = e * r;
-    return n > 31308e-7 ? r * (1.055 * n ** (1 / 2.4) - 0.055) : 12.92 * e;
-  }),
-  toBase: (t) => t.map((e) => {
-    let r = e < 0 ? -1 : 1, n = e * r;
-    return n <= 0.04045 ? e / 12.92 : r * ((n + 0.055) / 1.055) ** 2.4;
-  }),
-  formats: {
-    rgb: {
-      coords: Ye
-    },
-    rgb_number: {
-      name: "rgb",
-      commas: !0,
-      coords: Xe,
-      alpha: !1
-    },
-    color: {
-      /* use defaults */
-    },
-    rgba: {
-      coords: Ye,
-      commas: !0,
-      alpha: !0
-    },
-    rgba_number: {
-      name: "rgba",
-      commas: !0,
-      coords: Xe
-    },
-    hex: {
-      type: "custom",
-      toGamut: !0,
-      test: (t) => /^#(([a-f0-9]{2}){3,4}|[a-f0-9]{3,4})$/i.test(t),
-      parse(t) {
-        t.length <= 5 && (t = t.replace(/[a-f0-9]/gi, "$&$&"));
-        let e = [];
-        return t.replace(/[a-f0-9]{2}/gi, (r) => {
-          e.push(parseInt(r, 16) / 255);
-        }), {
-          spaceId: "srgb",
-          coords: (
-            /** @type {Coords} */
-            e.slice(0, 3)
-          ),
-          alpha: (
-            /** @type {number} */
-            e.slice(3)[0]
-          )
-        };
-      },
-      serialize: (t, e, {
-        collapse: r = !0,
-        // collapse to 3-4 digit hex when possible?
-        alpha: n
-      } = {}) => {
-        (n !== !1 && e < 1 || n === !0) && t.push(e), t = /** @type {[number, number, number]} */
-        t.map((s) => Math.round(s * 255));
-        let a = r && t.every((s) => s % 17 === 0);
-        return "#" + t.map((s) => a ? (s / 17).toString(16) : s.toString(16).padStart(2, "0")).join("");
-      }
-    },
-    keyword: {
-      type: "custom",
-      test: (t) => /^[a-z]+$/i.test(t),
-      parse(t) {
-        t = t.toLowerCase();
-        let e = { spaceId: "srgb", coords: null, alpha: 1 };
-        if (t === "transparent" ? (e.coords = qe.black, e.alpha = 0) : e.coords = qe[t], e.coords)
-          return e;
-      }
-    }
-  }
-}), Wt = new x({
-  id: "p3",
-  cssId: "display-p3",
-  name: "P3",
-  base: ot,
-  // Gamma encoding/decoding is the same as sRGB
-  fromBase: H.fromBase,
-  toBase: H.toBase
-}), Ut = 216 / 24389, Ae = 24 / 116, K = 24389 / 27;
-let me = O.D65;
-const Jt = new u({
-  id: "lab-d65",
-  name: "Lab D65",
-  coords: {
-    l: {
-      refRange: [0, 100],
-      name: "Lightness"
-    },
-    a: {
-      refRange: [-125, 125]
-    },
-    b: {
-      refRange: [-125, 125]
-    }
-  },
-  // Assuming XYZ is relative to D65, convert to CIE Lab
-  // from CIE standard, which now defines these as a rational fraction
-  white: me,
-  base: L,
-  // Convert D65-adapted XYZ to Lab
-  //  CIE 15.3:2004 section 8.2.1.1
-  fromBase(t) {
-    let r = t.map((n, a) => n / me[a]).map((n) => n > Ut ? Math.cbrt(n) : (K * n + 16) / 116);
-    return [
-      116 * r[1] - 16,
-      // L
-      500 * (r[0] - r[1]),
-      // a
-      200 * (r[1] - r[2])
-      // b
-    ];
-  },
-  // Convert Lab to D65-adapted XYZ
-  // Same result as CIE 15.3:2004 Appendix D although the derivation is different
-  // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-  toBase(t) {
-    let e = [];
-    return e[1] = (t[0] + 16) / 116, e[0] = t[1] / 500 + e[1], e[2] = e[1] - t[2] / 200, [
-      e[0] > Ae ? Math.pow(e[0], 3) : (116 * e[0] - 16) / K,
-      t[0] > 8 ? Math.pow((t[0] + 16) / 116, 3) : t[0] / K,
-      e[2] > Ae ? Math.pow(e[2], 3) : (116 * e[2] - 16) / K
-    ].map((n, a) => n * me[a]);
-  },
-  formats: {
-    "lab-d65": {
-      coords: ["<number> | <percentage>", "<number> | <percentage>", "<number> | <percentage>"]
-    }
-  }
-}), Qt = new u({
-  id: "hsl",
-  name: "HSL",
-  coords: {
-    h: {
-      refRange: [0, 360],
-      type: "angle",
-      name: "Hue"
-    },
-    s: {
-      range: [0, 100],
-      name: "Saturation"
-    },
-    l: {
-      range: [0, 100],
-      name: "Lightness"
-    }
-  },
-  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, l, o] = [null, 0, (r + e) / 2], c = e - r;
-    if (c !== 0) {
-      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;
-        case a:
-          s = (i - n) / c + 2;
-          break;
-        case i:
-          s = (n - a) / c + 4;
-      }
-      s = s * 60;
-    }
-    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, 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)];
-  },
-  formats: {
-    hsl: {
-      coords: ["<number> | <angle>", "<percentage>", "<percentage>"]
-    },
-    hsla: {
-      coords: ["<number> | <angle>", "<percentage>", "<percentage>"],
-      commas: !0,
-      alpha: !0
-    }
-  }
-}), ct = new u({
-  id: "hsv",
-  name: "HSV",
-  coords: {
-    h: {
-      refRange: [0, 360],
-      type: "angle",
-      name: "Hue"
-    },
-    s: {
-      range: [0, 100],
-      name: "Saturation"
-    },
-    v: {
-      range: [0, 100],
-      name: "Value"
-    }
-  },
-  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, l, o] = [null, 0, e], c = e - r;
-    if (c !== 0) {
-      switch (e) {
-        case n:
-          s = (a - i) / c + (a < i ? 6 : 0);
-          break;
-        case a:
-          s = (i - n) / c + 2;
-          break;
-        case i:
-          s = (n - a) / c + 4;
-      }
-      s = s * 60;
-    }
-    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) {
-    let [e, r, n] = t;
-    e = e % 360, e < 0 && (e += 360), r /= 100, n /= 100;
-    function a(i) {
-      let s = (i + e / 60) % 6;
-      return n - n * r * Math.max(0, Math.min(s, 4 - s, 1));
-    }
-    return [a(5), a(3), a(1)];
-  },
-  formats: {
-    color: {
-      id: "--hsv",
-      coords: ["<number> | <angle>", "<percentage> | <number>", "<percentage> | <number>"]
-    }
-  }
-}), er = new u({
-  id: "hwb",
-  name: "HWB",
-  coords: {
-    h: {
-      refRange: [0, 360],
-      type: "angle",
-      name: "Hue"
-    },
-    w: {
-      range: [0, 100],
-      name: "Whiteness"
-    },
-    b: {
-      range: [0, 100],
-      name: "Blackness"
-    }
-  },
-  base: ct,
-  fromBase(t) {
-    let [e, r, n] = t;
-    return [e, n * (100 - r) / 100, 100 - n];
-  },
-  toBase(t) {
-    let [e, r, n] = t;
-    r /= 100, n /= 100;
-    let a = r + n;
-    if (a >= 1) {
-      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];
-  },
-  formats: {
-    hwb: {
-      coords: ["<number> | <angle>", "<percentage> | <number>", "<percentage> | <number>"]
-    }
-  }
-}), tr = [
-  [0.5766690429101305, 0.1855582379065463, 0.1882286462349947],
-  [0.29734497525053605, 0.6273635662554661, 0.07529145849399788],
-  [0.02703136138641234, 0.07068885253582723, 0.9913375368376388]
-], rr = [
-  [2.0415879038107465, -0.5650069742788596, -0.34473135077832956],
-  [-0.9692436362808795, 1.8759675015077202, 0.04155505740717557],
-  [0.013444280632031142, -0.11836239223101838, 1.0151749943912054]
-], ht = new x({
-  id: "a98rgb-linear",
-  cssId: "--a98-rgb-linear",
-  name: "Linear Adobe® 98 RGB compatible",
-  white: "D65",
-  toXYZ_M: tr,
-  fromXYZ_M: rr
-}), nr = new x({
-  id: "a98rgb",
-  cssId: "a98-rgb",
-  name: "Adobe® 98 RGB compatible",
-  base: ht,
-  toBase: (t) => t.map((e) => Math.pow(Math.abs(e), 563 / 256) * Math.sign(e)),
-  fromBase: (t) => t.map((e) => Math.pow(Math.abs(e), 256 / 563) * Math.sign(e))
-}), ar = [
-  [0.7977666449006423, 0.13518129740053308, 0.0313477341283922],
-  [0.2880748288194013, 0.711835234241873, 8993693872564e-17],
-  [0, 0, 0.8251046025104602]
-], ir = [
-  [1.3457868816471583, -0.25557208737979464, -0.05110186497554526],
-  [-0.5446307051249019, 1.5082477428451468, 0.02052744743642139],
-  [0, 0, 1.2119675456389452]
-], ft = new x({
-  id: "prophoto-linear",
-  cssId: "--prophoto-rgb-linear",
-  name: "Linear ProPhoto",
-  white: "D50",
-  base: ke,
-  toXYZ_M: ar,
-  fromXYZ_M: ir
-}), 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 < lr ? e / 16 : e ** 1.8);
-  },
-  fromBase(t) {
-    return t.map((e) => e >= sr ? e ** (1 / 1.8) : 16 * e);
-  }
-}), ur = new u({
-  id: "oklch",
-  name: "OkLCh",
-  coords: {
-    l: {
-      refRange: [0, 1],
-      name: "Lightness"
-    },
-    c: {
-      refRange: [0, 0.4],
-      name: "Chroma"
-    },
-    h: {
-      refRange: [0, 360],
-      type: "angle",
-      name: "Hue"
-    }
-  },
-  white: "D65",
-  base: ae,
-  fromBase: we.fromBase,
-  toBase: we.toBase,
-  formats: {
-    oklch: {
-      coords: ["<percentage> | <number>", "<number> | <percentage>", "<number> | <angle>"]
-    }
-  }
-}), Me = 2 * Math.PI, je = [
-  [4.076741636075958, -3.307711539258063, 0.2309699031821043],
-  [-1.2684379732850315, 2.609757349287688, -0.341319376002657],
-  [-0.0041960761386756, -0.7034186179359362, 1.7076146940746117]
-], Ze = [
-  // Red
-  [
-    // Limit
-    [-1.8817031, -0.80936501],
-    // `Kn` coefficients
-    [1.19086277, 1.76576728, 0.59662641, 0.75515197, 0.56771245]
-  ],
-  // Green
-  [
-    // Limit
-    [1.8144408, -1.19445267],
-    // `Kn` coefficients
-    [0.73956515, -0.45954404, 0.08285427, 0.12541073, -0.14503204]
-  ],
-  // Blue
-  [
-    // Limit
-    [0.13110758, 1.81333971],
-    // `Kn` coefficients
-    [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 y(t, e) {
-  let r = t.length;
-  if (r !== e.length)
-    throw new Error(`Vectors of size ${r} and ${e.length} are not aligned`);
-  let n = 0;
-  return t.forEach((a, i) => {
-    n += a * e[i];
-  }), n;
-}
-function dt(t) {
-  return 0.5 * (P * t - G + Math.sqrt((P * t - G) * (P * t - G) + 4 * _e * P * t));
-}
-function mt(t) {
-  return (t ** 2 + G * t) / (P * (t + _e));
-}
-function cr(t) {
-  let [e, r] = t;
-  return [r / e, r / (1 - e)];
-}
-function hr(t, e) {
-  let r = 0.11516993 + 1 / (7.4477897 + 4.1590124 * e + t * (-2.19557347 + 1.75198401 * e + t * (-2.13704948 - 10.02301043 * e + t * (-4.24894561 + 5.38770819 * e + 4.69891013 * t)))), n = 0.11239642 + 1 / (1.6132032 - 0.68124379 * e + t * (0.40370612 + 0.90148123 * e + t * (-0.27087943 + 0.6122399 * e + t * (299215e-8 - 0.45399568 * e - 0.14661872 * t))));
-  return [r, n];
-}
-function fr(t, e) {
-  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), l = s * a;
-  return [s, l];
-}
-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 {
-    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 o;
-}
-function pt(t, e, r) {
-  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, 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), 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, l, o];
-}
-function pr(t, e, r) {
-  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 || l === 0 || Math.abs(1 - l) < n ? (c = null, f || (s = 0)) : c = ve(c * 360), [c, s, l];
-}
-new u({
-  id: "okhsl",
-  name: "Okhsl",
-  coords: {
-    h: {
-      refRange: [0, 360],
-      type: "angle",
-      name: "Hue"
-    },
-    s: {
-      range: [0, 1],
-      name: "Saturation"
-    },
-    l: {
-      range: [0, 1],
-      name: "Lightness"
-    }
-  },
-  base: ae,
-  gamutSpace: "self",
-  // Convert Oklab to Okhsl
-  fromBase(t) {
-    return pr(t, je, Ze);
-  },
-  // Convert Okhsl to Oklab
-  toBase(t) {
-    return gr(t, je, Ze);
-  },
-  formats: {
-    color: {
-      id: "--okhsl",
-      coords: ["<number> | <angle>", "<percentage> | <number>", "<percentage> | <number>"]
-    }
-  }
-});
-const br = new u({
-  id: "oklrab",
-  name: "Oklrab",
-  coords: {
-    l: {
-      refRange: [0, 1],
-      name: "Lightness"
-    },
-    a: {
-      refRange: [-0.4, 0.4]
-    },
-    b: {
-      refRange: [-0.4, 0.4]
-    }
-  },
-  // Note that XYZ is relative to D65
-  white: "D65",
-  base: ae,
-  fromBase(t) {
-    return [dt(t[0]), t[1], t[2]];
-  },
-  toBase(t) {
-    return [mt(t[0]), t[1], t[2]];
-  },
-  formats: {
-    color: {
-      coords: ["<percentage> | <number>", "<number> | <percentage>[-1,1]", "<number> | <percentage>[-1,1]"]
-    }
-  }
-});
-u.register(H);
-u.register(L);
-u.register(ke);
-u.register(Zt);
-u.register(Jt);
-u.register(st);
-u.register(we);
-u.register(ut);
-u.register(Qt);
-u.register(er);
-u.register(ct);
-u.register(ot);
-u.register(Wt);
-u.register(ht);
-u.register(nr);
-u.register(ft);
-u.register(or);
-u.register(lt);
-u.register(Ht);
-u.register(ae);
-u.register(ur);
-u.register(br);
-const yr = new ne([
-  // CSS Named Colors
-  // Spec: https://drafts.csswg.org/css-color/#named-colors
-  // Heuristic: popular names first for quick finding in set.has()
-  // See: https://docs.google.com/spreadsheets/d/1OU8ahxC5oYU8VRryQs9BzHToaXcOntVlh6KUHjm15G4/edit#gid=2096495459
-  "white",
-  "black",
-  "red",
-  "gray",
-  "silver",
-  "grey",
-  "green",
-  "orange",
-  "blue",
-  "dimgray",
-  "whitesmoke",
-  "lightgray",
-  "lightgrey",
-  "yellow",
-  "gold",
-  "pink",
-  "gainsboro",
-  "magenta",
-  "purple",
-  "darkgray",
-  "navy",
-  "darkred",
-  "teal",
-  "maroon",
-  "darkgrey",
-  "tomato",
-  "darkorange",
-  "brown",
-  "crimson",
-  "lightyellow",
-  "slategray",
-  "salmon",
-  "lightgreen",
-  "lightblue",
-  "orangered",
-  "aliceblue",
-  "dodgerblue",
-  "lime",
-  "darkblue",
-  "darkgoldenrod",
-  "skyblue",
-  "royalblue",
-  "darkgreen",
-  "ivory",
-  "olive",
-  "aqua",
-  "turquoise",
-  "cyan",
-  "khaki",
-  "beige",
-  "snow",
-  "ghostwhite",
-  "limegreen",
-  "coral",
-  "dimgrey",
-  "hotpink",
-  "midnightblue",
-  "firebrick",
-  "indigo",
-  "wheat",
-  "mediumblue",
-  "lightpink",
-  "plum",
-  "azure",
-  "violet",
-  "lavender",
-  "deepskyblue",
-  "darkslategrey",
-  "goldenrod",
-  "cornflowerblue",
-  "lightskyblue",
-  "indianred",
-  "yellowgreen",
-  "saddlebrown",
-  "palegreen",
-  "bisque",
-  "tan",
-  "antiquewhite",
-  "steelblue",
-  "forestgreen",
-  "fuchsia",
-  "mediumaquamarine",
-  "seagreen",
-  "sienna",
-  "deeppink",
-  "mediumseagreen",
-  "peru",
-  "greenyellow",
-  "lightgoldenrodyellow",
-  "orchid",
-  "cadetblue",
-  "navajowhite",
-  "lightsteelblue",
-  "slategrey",
-  "linen",
-  "lightseagreen",
-  "darkcyan",
-  "lightcoral",
-  "aquamarine",
-  "blueviolet",
-  "cornsilk",
-  "lightsalmon",
-  "chocolate",
-  "lightslategray",
-  "floralwhite",
-  "darkturquoise",
-  "darkslategray",
-  "rebeccapurple",
-  "burlywood",
-  "chartreuse",
-  "lightcyan",
-  "lemonchiffon",
-  "palevioletred",
-  "darkslateblue",
-  "mediumpurple",
-  "lawngreen",
-  "slateblue",
-  "darkseagreen",
-  "blanchedalmond",
-  "mistyrose",
-  "darkolivegreen",
-  "seashell",
-  "olivedrab",
-  "peachpuff",
-  "darkviolet",
-  "powderblue",
-  "darkmagenta",
-  "lightslategrey",
-  "honeydew",
-  "palegoldenrod",
-  "darkkhaki",
-  "oldlace",
-  "mintcream",
-  "sandybrown",
-  "mediumturquoise",
-  "papayawhip",
-  "paleturquoise",
-  "mediumvioletred",
-  "thistle",
-  "springgreen",
-  "moccasin",
-  "rosybrown",
-  "lavenderblush",
-  "mediumslateblue",
-  "darkorchid",
-  "mediumorchid",
-  "darksalmon",
-  "mediumspringgreen"
-]), wr = new ne([
-  // CSS System Colors
-  // Spec: https://drafts.csswg.org/css-color/#css-system-colors
-  "accentcolor",
-  "accentcolortext",
-  "activetext",
-  "buttonborder",
-  "buttonface",
-  "buttontext",
-  "canvas",
-  "canvastext",
-  "field",
-  "fieldtext",
-  "graytext",
-  "highlight",
-  "highlighttext",
-  "linktext",
-  "mark",
-  "marktext",
-  "selecteditem",
-  "selecteditemtext",
-  "visitedtext"
-]), Mr = new ne([
-  "rgba",
-  "rgb",
-  "hsla",
-  "hsl",
-  "oklch",
-  "color",
-  "hwb",
-  "lch",
-  "lab",
-  "oklab"
-]), $r = new ne([
-  "currentcolor",
-  "inherit",
-  "initial",
-  "unset",
-  "revert",
-  "revert-layer"
-]);
-function E(t) {
-  let e = t.toLowerCase();
-  if (e === "transparent")
-    return {
-      $type: "color",
-      $value: {
-        colorSpace: "srgb",
-        components: [0, 0, 0],
-        alpha: 0
-      },
-      $extensions: {
-        [$]: t
-      }
-    };
-  if ($r.has(e) || e.includes("var("))
+  if (Y.has(t) || F.has(t) || t.includes("var("))
     return null;
   try {
-    let r = at(t), [n, a, i] = r.coords;
+    let r = _e(n), [e, s, l] = r.coords;
     return {
-      $type: "color",
-      $value: {
-        colorSpace: r.spaceId,
-        components: [
-          n ?? "none",
-          a ?? "none",
-          i ?? "none"
-        ],
-        alpha: r.alpha ?? 0
-      },
-      $extensions: {
-        [$]: t
-      }
+      colorSpace: r.spaceId,
+      components: [
+        e ?? "none",
+        s ?? "none",
+        l ?? "none"
+      ],
+      alpha: r.alpha ?? 0
     };
   } catch {
-    return {
-      $value: t,
-      $extensions: {
-        [$]: t
-      }
-    };
+    return null;
   }
 }
-function Pe() {
+function x() {
   return {
     color: void 0,
     offsetX: void 0,
@@ -1818,117 +89,117 @@ function Pe() {
     inset: !1
   };
 }
-function kr(t) {
-  let e = re(t, {
+function $e(n) {
+  let t = d(n, {
     context: "value",
     positions: !0
   });
-  function r(i) {
-    return i.loc ? t.slice(i.loc.start.offset, i.loc.end.offset) : "";
-  }
-  let n = Pe(), a = [n];
-  return e.children.size < 2 ? null : (e.children.forEach((i) => {
-    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)
+  function r(l) {
+    return l.loc ? n.slice(l.loc.start.offset, l.loc.end.offset) : "";
+  }
+  let e = x(), s = [e];
+  return t.children.size < 2 ? null : (t.children.forEach((l) => {
+    if (l.type === "Identifier") {
+      if (l.name.toLowerCase() === "inset")
+        e.inset = !0;
+      else if (B.has(l.name) || G.has(l.name)) {
+        let i = h(l.name);
+        if (i === null)
           return;
-        n.color = s;
+        e.color = i;
       }
-    } else if (i.type === "Dimension" || i.type === "Number" && i.value === "0") {
-      let s = i.type === "Dimension" ? {
-        $type: "dimension",
-        value: Number(i.value),
-        unit: i.unit
+    } else if (l.type === "Dimension" || l.type === "Number" && l.value === "0") {
+      let i = l.type === "Dimension" ? {
+        value: Number(l.value),
+        unit: l.unit
       } : {
-        $type: "dimension",
         value: 0,
         unit: "px"
       };
-      n.offsetX ? n.offsetY ? n.blur ? n.spread || (n.spread = s) : n.blur = s : n.offsetY = s : n.offsetX = s;
-    } else if (i.type === "Function") {
-      if (Mr.has(i.name)) {
-        let s = E(r(i));
-        if (s === null)
+      e.offsetX ? e.offsetY ? e.blur ? e.spread || (e.spread = i) : e.blur = i : e.offsetY = i : e.offsetX = i;
+    } else if (l.type === "Function") {
+      if (T.has(l.name)) {
+        let i = h(r(l));
+        if (i === null)
           return;
-        n.color = s;
-      } else if (i.name.toLowerCase() === "var" && !n.color) {
-        let s = E(r(i));
-        if (s === null)
+        e.color = i;
+      } else if (l.name.toLowerCase() === "var" && !e.color) {
+        let i = h(r(l));
+        if (i === null)
           return;
-        n.color = s;
+        e.color = i;
       }
-    } else if (i.type === "Hash") {
-      let s = E(r(i));
-      if (s === null)
+    } else if (l.type === "Hash") {
+      let i = h(r(l));
+      if (i === null)
         return;
-      n.color = s;
-    } else i.type === "Operator" && i.value === "," && (Ge(n), n = Pe(), a.push(n));
-  }), Ge(n), a);
+      e.color = i;
+    } else l.type === "Operator" && l.value === "," && (y(e), e = x(), s.push(e));
+  }), y(e), s);
 }
-const V = {
-  $type: "dimension",
+const g = {
   value: 0,
   unit: "px"
 };
-function Ge(t) {
-  return t.offsetX || (t.offsetX = V), t.offsetY || (t.offsetY = V), t.blur || (t.blur = V), t.spread || (t.spread = V), t.color || (t.color = E("#000")), t;
+function y(n) {
+  return n.offsetX || (n.offsetX = g), n.offsetY || (n.offsetY = g), n.blur || (n.blur = g), n.spread || (n.spread = g), n.color || (n.color = h("#000")), n;
 }
-const He = /* @__PURE__ */ new Map([
+const w = /* @__PURE__ */ new Map([
   ["linear", [0, 0, 1, 1]],
   ["ease", [0.25, 0.1, 0.25, 1]],
   ["ease-in", [0.42, 0, 1, 1]],
   ["ease-out", [0, 0, 0.58, 1]],
   ["ease-in-out", [0.42, 0, 0.58, 1]]
 ]);
-function vr(t) {
-  if (t = t.trim().toLowerCase(), He.has(t))
-    return He.get(t);
-  if (!t.includes("var(") && t.startsWith("cubic-bezier(")) {
-    let e = t.replace("cubic-bezier(", "").replace(")", "").split(",").map((r) => Number(r.trim()));
-    if (e.length === 4 && e.every((r) => Number.isFinite(r)))
-      return e;
+function xe(n) {
+  if (n = n.trim().toLowerCase(), w.has(n))
+    return w.get(n);
+  if (n.includes("var("))
+    return null;
+  if (n.startsWith("cubic-bezier(")) {
+    let t = n.replace("cubic-bezier(", "").replace(")", "").split(",").map((r) => Number(r.trim()));
+    if (t.length === 4 && t.every((r) => Number.isFinite(r)))
+      return t;
   }
+  return null;
 }
-function Te(t) {
-  return t.replaceAll(/^['"]|['"]$/g, "");
+function S(n) {
+  return n.replaceAll(/^['"]|['"]$/g, "");
 }
-function _r(t) {
-  let e = re(t, {
+function ye(n) {
+  let t = d(n, {
     context: "value",
     positions: !0
   });
-  function r(s) {
-    return s.loc ? t.slice(s.loc.start.offset, s.loc.end.offset) : "";
+  function r(i) {
+    return i.loc ? n.slice(i.loc.start.offset, i.loc.end.offset) : "";
   }
-  let n = [];
-  if (!e.children || e.children.size === 0)
-    return n;
-  let a = "", i;
-  for (let s of e.children) {
-    if (s.type === "Operator" && s.value === ",") {
-      n.push(Te(a)), a = "", i = s.type;
+  let e = [];
+  if (!t.children || t.children.size === 0)
+    return e;
+  let s = "", l;
+  for (let i of t.children) {
+    if (i.type === "Operator" && i.value === ",") {
+      e.push(S(s)), s = "", l = i.type;
       continue;
     }
-    i === "Identifier" && s.type === "Identifier" && (a += " "), a += r(s), i = s.type;
+    l === "Identifier" && i.type === "Identifier" && (s += " "), s += r(i), l = i.type;
   }
-  return n.push(Te(a)), n;
+  return e.push(S(s)), e;
 }
-function B(t) {
-  if (t === void 0 || typeof t == "number" && isNaN(t))
+function c(n) {
+  if (n === void 0 || typeof n == "number" && isNaN(n))
     return "0";
-  typeof t != "string" && (t = t.toString());
-  let e = 0;
-  for (let r of t)
-    e = (e << 5) - e + r.charCodeAt(0), e |= 0;
-  return (e >>> 0).toString(16);
-}
-function xr(t) {
-  let e = re(t, { context: "value" });
-  if (e.children === null || e.children.size !== 1) return null;
-  let r = e.children.first;
+  typeof n != "string" && (n = n.toString());
+  let t = 0;
+  for (let r of n)
+    t = (t << 5) - t + r.charCodeAt(0), t |= 0;
+  return (t >>> 0).toString(16);
+}
+function we(n) {
+  let t = d(n, { context: "value" });
+  if (t.children === null || t.children.size !== 1) return null;
+  let r = t.children.first;
   switch (r.type) {
     case "Dimension":
       return {
@@ -1945,7 +216,7 @@ function xr(t) {
   }
   return null;
 }
-let Fe = /* @__PURE__ */ new Map([
+let O = /* @__PURE__ */ new Map([
   ["xx-small", 0.6],
   ["x-small", 0.75],
   ["small", 0.89],
@@ -1955,10 +226,10 @@ let Fe = /* @__PURE__ */ new Map([
   ["xx-large", 2],
   ["xxx-large", 3]
 ]);
-function Br(t) {
-  let e = re(t, { context: "value" });
-  if (e.children === null || e.children.size !== 1) return null;
-  let r = e.children.first;
+function Se(n) {
+  let t = d(n, { context: "value" });
+  if (t.children === null || t.children.size !== 1) return null;
+  let r = t.children.first;
   switch (r.type) {
     case "Dimension": {
       if (r.unit === "px" || r.unit === "rem")
@@ -1969,181 +240,192 @@ function Br(t) {
       break;
     }
     case "Identifier": {
-      let n = r.name.toLowerCase();
-      if (Fe.has(n))
+      let e = r.name.toLowerCase();
+      if (O.has(e))
         return {
-          value: Fe.get(n),
+          value: O.get(e),
           unit: "rem"
         };
     }
   }
   return null;
 }
-function Ir(t) {
-  let e = Mt(t);
-  return Rr(e);
+function je(n) {
+  let t = W(n);
+  return Oe(t);
+}
+function f(n) {
+  return "uniqueWithLocations" in n ? n.uniqueWithLocations : n.unique;
 }
-function R(t) {
-  return "uniqueWithLocations" in t ? t.uniqueWithLocations : t.unique;
+function p(n) {
+  return Array.isArray(n) ? n.length : n;
 }
-function Rr(t) {
+function Oe(n) {
   return {
     color: (() => {
-      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 l = E(s);
-          if (l !== null) {
-            let o = `${vt.get(a)}-${B(s)}`;
-            e[o] = l;
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.colors), e = ve(r);
+      for (let [s, l] of e)
+        for (let i of l) {
+          let m = h(i);
+          if (m !== null) {
+            let X = `${de.get(s)}-${c(i)}`, D = n.values.colors.itemsPerContext, P = Object.entries(D).reduce(($, [H, v]) => ((i in v.unique || v.uniqueWithLocations && i in v.uniqueWithLocations) && $.push(H), $), []);
+            t[X] = {
+              $type: "color",
+              $value: m,
+              $extensions: {
+                [u]: i,
+                [a]: p(r[i]),
+                [be]: P
+              }
+            };
           }
         }
-      return e;
+      return t;
     })(),
     font_size: (() => {
-      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: {
-            [$]: n
-          }
-        } : e[a] = {
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.fontSizes);
+      for (let e in r) {
+        let s = `fontSize-${c(e)}`, l = Se(e), i = {
+          [u]: e,
+          [a]: p(r[e])
+        };
+        l === null ? t[s] = {
+          $value: e,
+          $extensions: i
+        } : t[s] = {
           $type: "dimension",
-          $value: i,
-          $extensions: {
-            [$]: n
-          }
+          $value: l,
+          $extensions: i
         };
       }
-      return e;
+      return t;
     })(),
     font_family: (() => {
-      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] = {
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.fontFamilies);
+      for (let e in r) {
+        let s = ye(e), l = `fontFamily-${c(e)}`;
+        t[l] = {
           $type: "fontFamily",
-          $value: a,
+          $value: s,
           $extensions: {
-            [$]: n
+            [u]: e,
+            [a]: p(r[e])
           }
         };
       }
-      return e;
+      return t;
     })(),
     line_height: (() => {
-      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: {
-            [$]: n
-          }
-        } : typeof i == "number" ? e[a] = {
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.lineHeights);
+      for (let e in r) {
+        let s = `lineHeight-${c(e)}`, l = we(e), i = {
+          [u]: e,
+          [a]: p(r[e])
+        };
+        l === null ? t[s] = {
+          $value: e,
+          $extensions: i
+        } : typeof l == "number" ? t[s] = {
           $type: "number",
-          $value: i,
-          $extensions: {
-            [$]: n
-          }
-        } : typeof i == "object" && (i.unit === "px" || i.unit === "rem" ? e[a] = {
+          $value: l,
+          $extensions: i
+        } : typeof l == "object" && (l.unit === "px" || l.unit === "rem" ? t[s] = {
           $type: "dimension",
-          $value: i,
-          $extensions: {
-            [$]: n
-          }
-        } : e[a] = {
-          $value: n,
-          $extensions: {
-            [$]: n
-          }
+          $value: l,
+          $extensions: i
+        } : t[s] = {
+          $value: e,
+          $extensions: i
         });
       }
-      return e;
+      return t;
     })(),
     gradient: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.gradients);
-      for (let n in r)
-        e[`gradient-${B(n)}`] = {
-          $value: n
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.gradients);
+      for (let e in r)
+        t[`gradient-${c(e)}`] = {
+          $value: e,
+          $extensions: {
+            [u]: e,
+            [a]: p(r[e])
+          }
         };
-      return e;
+      return t;
     })(),
     box_shadow: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.boxShadows);
-      for (let n in r) {
-        let a = `boxShadow-${B(n)}`, i = kr(n);
-        i === null ? e[a] = {
-          $value: n,
-          $extensions: {
-            [$]: n
-          }
-        } : e[a] = {
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.boxShadows);
+      for (let e in r) {
+        let s = `boxShadow-${c(e)}`, l = $e(e), i = {
+          [u]: e,
+          [a]: p(r[e])
+        };
+        l === null ? t[s] = {
+          $value: e,
+          $extensions: i
+        } : t[s] = {
           $type: "shadow",
-          $value: i.length === 1 ? i[0] : i,
-          $extensions: {
-            [$]: n
-          }
+          $value: l.length === 1 ? l[0] : l,
+          $extensions: i
         };
       }
-      return e;
+      return t;
     })(),
     radius: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.borderRadiuses);
-      for (let n in r) {
-        let a = `radius-${B(n)}`;
-        e[a] = {
-          $value: n
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.borderRadiuses);
+      for (let e in r) {
+        let s = `radius-${c(e)}`;
+        t[s] = {
+          $value: e,
+          $extensions: {
+            [u]: e,
+            [a]: p(r[e])
+          }
         };
       }
-      return e;
+      return t;
     })(),
     duration: (() => {
-      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}`] = {
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.animations.durations);
+      for (let e in r) {
+        let s = k(e), l = s < Number.MAX_SAFE_INTEGER - 1, i = c(s.toString()), m = {
+          [u]: e,
+          [a]: p(r[e])
+        };
+        l ? t[`duration-${i}`] = {
           $type: "duration",
           $value: {
-            value: a,
+            value: s,
             unit: "ms"
           },
-          $extensions: {
-            [$]: n
-          }
-        } : e[`duration-${s}`] = {
-          $value: n,
-          $extensions: {
-            [$]: n
-          }
+          $extensions: m
+        } : t[`duration-${i}`] = {
+          $value: e,
+          $extensions: m
         };
       }
-      return e;
+      return t;
     })(),
     easing: (() => {
-      let e = /* @__PURE__ */ Object.create(null), r = R(t.values.animations.timingFunctions);
-      for (let n in r) {
-        let a = `easing-${B(n)}`, i = vr(n);
-        i ? e[a] = {
-          $value: i,
+      let t = /* @__PURE__ */ Object.create(null), r = f(n.values.animations.timingFunctions);
+      for (let e in r) {
+        let s = `easing-${c(e)}`, l = xe(e), i = {
+          [u]: e,
+          [a]: p(r[e])
+        };
+        l !== null ? t[s] = {
+          $value: l,
           $type: "cubicBezier",
-          $extensions: {
-            [$]: n
-          }
-        } : e[a] = {
-          $value: n,
-          $extensions: {
-            [$]: n
-          }
+          $extensions: i
+        } : t[s] = {
+          $value: e,
+          $extensions: i
         };
       }
-      return e;
+      return t;
     })()
   };
 }
 export {
-  Rr as analysis_to_tokens,
-  Ir as css_to_tokens
+  Oe as analysis_to_tokens,
+  je as css_to_tokens
 };