@telegraph/style-engine 0.0.1 → 0.0.2

package/dist/esm/index.mjs

@@ -1,2320 +1,9 @@
-import { recipe as zt } from "@vanilla-extract/recipes";
-import { createSprinkles as Dt, defineProperties as Ft } from "@vanilla-extract/sprinkles";
-import G from "react";
-import D from "@telegraph/tokens";
-var le = {}, Ne = (n) => {
-  var {
-    fileScope: e,
-    css: r
-  } = n, t = e.packageName ? [e.packageName, e.filePath].join("/") : e.filePath, a = le[t];
-  if (!a) {
-    var i = document.createElement("style");
-    e.packageName && i.setAttribute("data-package", e.packageName), i.setAttribute("data-file", e.filePath), i.setAttribute("type", "text/css"), a = le[t] = i, document.head.appendChild(i);
-  }
-  a.innerHTML = r;
-};
-function Be(n) {
-  var e = n.match(/^var\((.*)\)$/);
-  return e ? e[1] : n;
-}
-function ke(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
-}
-/*! https://mths.be/cssesc v3.0.0 by @mathias */
-var qe = {}, Ue = qe.hasOwnProperty, $e = function(e, r) {
-  if (!e)
-    return r;
-  var t = {};
-  for (var a in r)
-    t[a] = Ue.call(e, a) ? e[a] : r[a];
-  return t;
-}, We = /[ -,\.\/:-@\[-\^`\{-~]/, Ve = /[ -,\.\/:-@\[\]\^`\{-~]/, Ke = /(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g, re = function n(e, r) {
-  r = $e(r, n.options), r.quotes != "single" && r.quotes != "double" && (r.quotes = "single");
-  for (var t = r.quotes == "double" ? '"' : "'", a = r.isIdentifier, i = e.charAt(0), l = "", u = 0, o = e.length; u < o; ) {
-    var s = e.charAt(u++), p = s.charCodeAt(), h = void 0;
-    if (p < 32 || p > 126) {
-      if (p >= 55296 && p <= 56319 && u < o) {
-        var v = e.charCodeAt(u++);
-        (v & 64512) == 56320 ? p = ((p & 1023) << 10) + (v & 1023) + 65536 : u--;
-      }
-      h = "\\" + p.toString(16).toUpperCase() + " ";
-    } else
-      r.escapeEverything ? We.test(s) ? h = "\\" + s : h = "\\" + p.toString(16).toUpperCase() + " " : /[\t\n\f\r\x0B]/.test(s) ? h = "\\" + p.toString(16).toUpperCase() + " " : s == "\\" || !a && (s == '"' && t == s || s == "'" && t == s) || a && Ve.test(s) ? h = "\\" + s : h = s;
-    l += h;
-  }
-  return a && (/^-[-\d]/.test(l) ? l = "\\-" + l.slice(1) : /\d/.test(i) && (l = "\\3" + i + " " + l.slice(1))), l = l.replace(Ke, function(c, g, d) {
-    return g && g.length % 2 ? c : (g || "") + d;
-  }), !a && r.wrap ? t + l + t : l;
-};
-re.options = {
-  escapeEverything: !1,
-  isIdentifier: !1,
-  quotes: "single",
-  wrap: !1
-};
-re.version = "3.0.0";
-var He = re;
-const Oe = /* @__PURE__ */ ke(He);
-class Ye {
-  constructor(e) {
-    const { failure: r, gotoFn: t, output: a } = this._buildTables(e);
-    this.gotoFn = t, this.output = a, this.failure = r;
-  }
-  _buildTables(e) {
-    const r = {
-      0: {}
-    }, t = {};
-    let a = 0;
-    for (const u of e) {
-      let o = 0;
-      for (const s of u)
-        r[o] && s in r[o] ? o = r[o][s] : (a++, r[o][s] = a, r[a] = {}, o = a, t[a] = []);
-      t[o].push(u);
-    }
-    const i = {}, l = [];
-    for (const u in r[0]) {
-      const o = r[0][u];
-      i[o] = 0, l.push(o);
-    }
-    for (; l.length > 0; ) {
-      const u = l.shift();
-      if (u !== void 0)
-        for (const o in r[u]) {
-          const s = r[u][o];
-          l.push(s);
-          let p = i[u];
-          for (; p > 0 && !(o in r[p]); )
-            p = i[p];
-          if (o in r[p]) {
-            const h = r[p][o];
-            i[s] = h, t[s] = [...t[s], ...t[h]];
-          } else
-            i[s] = 0;
-        }
-    }
-    return {
-      gotoFn: r,
-      output: t,
-      failure: i
-    };
-  }
-  search(e) {
-    let r = 0;
-    const t = [];
-    for (let a = 0; a < e.length; a++) {
-      const i = e[a];
-      for (; r > 0 && !(i in this.gotoFn[r]); )
-        r = this.failure[r];
-      if (i in this.gotoFn[r] && (r = this.gotoFn[r][i], this.output[r].length > 0)) {
-        const l = this.output[r];
-        t.push([a, l]);
-      }
-    }
-    return t;
-  }
-}
-var Ze = {
-  appendCss: () => {
-  },
-  registerClassName: () => {
-  },
-  onEndFileScope: () => {
-  },
-  registerComposition: () => {
-  },
-  markCompositionUsed: () => {
-  },
-  getIdentOption: () => process.env.NODE_ENV === "production" ? "short" : "debug"
-}, W = [Ze], B = () => {
-  if (W.length < 1)
-    throw new Error("No adapter configured");
-  return W[W.length - 1];
-}, Ee = !1, Ge = (n) => {
-  Ee || Je(n);
-}, Je = (n) => {
-  if (!n)
-    throw new Error('No adapter provided when calling "setAdapter"');
-  Ee = !0, W.push(n);
-}, xe = function() {
-  return B().appendCss(...arguments);
-}, je = function() {
-  return B().registerClassName(...arguments);
-}, Xe = function() {
-  return B().registerComposition(...arguments);
-}, Pe = function() {
-  return B().markCompositionUsed(...arguments);
-}, _e = function() {
-  var e = B();
-  return "getIdentOption" in e ? e.getIdentOption(...arguments) : process.env.NODE_ENV === "production" ? "short" : "debug";
-};
-function te(n, e) {
-  return e || (e = n.slice(0)), Object.freeze(Object.defineProperties(n, {
-    raw: {
-      value: Object.freeze(e)
-    }
-  }));
-}
-var m;
-(function(n) {
-  n.Attribute = "attribute", n.Pseudo = "pseudo", n.PseudoElement = "pseudo-element", n.Tag = "tag", n.Universal = "universal", n.Adjacent = "adjacent", n.Child = "child", n.Descendant = "descendant", n.Parent = "parent", n.Sibling = "sibling", n.ColumnCombinator = "column-combinator";
-})(m || (m = {}));
-var x;
-(function(n) {
-  n.Any = "any", n.Element = "element", n.End = "end", n.Equals = "equals", n.Exists = "exists", n.Hyphen = "hyphen", n.Not = "not", n.Start = "start";
-})(x || (x = {}));
-const oe = /^[^\\#]?(?:\\(?:[\da-f]{1,6}\s?|.)|[\w\-\u00b0-\uFFFF])+/, Qe = /\\([\da-f]{1,6}\s?|(\s)|.)/gi, Te = /* @__PURE__ */ new Map([
-  [126, x.Element],
-  [94, x.Start],
-  [36, x.End],
-  [42, x.Any],
-  [33, x.Not],
-  [124, x.Hyphen]
-]), er = /* @__PURE__ */ new Set([
-  "has",
-  "not",
-  "matches",
-  "is",
-  "where",
-  "host",
-  "host-context"
-]);
-function rr(n) {
-  switch (n.type) {
-    case m.Adjacent:
-    case m.Child:
-    case m.Descendant:
-    case m.Parent:
-    case m.Sibling:
-    case m.ColumnCombinator:
-      return !0;
-    default:
-      return !1;
-  }
-}
-const tr = /* @__PURE__ */ new Set(["contains", "icontains"]);
-function ar(n, e, r) {
-  const t = parseInt(e, 16) - 65536;
-  return t !== t || r ? e : t < 0 ? (
-    // BMP codepoint
-    String.fromCharCode(t + 65536)
-  ) : (
-    // Supplemental Plane codepoint (surrogate pair)
-    String.fromCharCode(t >> 10 | 55296, t & 1023 | 56320)
-  );
-}
-function F(n) {
-  return n.replace(Qe, ar);
-}
-function J(n) {
-  return n === 39 || n === 34;
-}
-function ue(n) {
-  return n === 32 || n === 9 || n === 10 || n === 12 || n === 13;
-}
-function nr(n) {
-  const e = [], r = Me(e, `${n}`, 0);
-  if (r < n.length)
-    throw new Error(`Unmatched selector: ${n.slice(r)}`);
-  return e;
-}
-function Me(n, e, r) {
-  let t = [];
-  function a(v) {
-    const c = e.slice(r + v).match(oe);
-    if (!c)
-      throw new Error(`Expected name, found ${e.slice(r)}`);
-    const [g] = c;
-    return r += v + g.length, F(g);
-  }
-  function i(v) {
-    for (r += v; r < e.length && ue(e.charCodeAt(r)); )
-      r++;
-  }
-  function l() {
-    r += 1;
-    const v = r;
-    let c = 1;
-    for (; c > 0 && r < e.length; r++)
-      e.charCodeAt(r) === 40 && !u(r) ? c++ : e.charCodeAt(r) === 41 && !u(r) && c--;
-    if (c)
-      throw new Error("Parenthesis not matched");
-    return F(e.slice(v, r - 1));
-  }
-  function u(v) {
-    let c = 0;
-    for (; e.charCodeAt(--v) === 92; )
-      c++;
-    return (c & 1) === 1;
-  }
-  function o() {
-    if (t.length > 0 && rr(t[t.length - 1]))
-      throw new Error("Did not expect successive traversals.");
-  }
-  function s(v) {
-    if (t.length > 0 && t[t.length - 1].type === m.Descendant) {
-      t[t.length - 1].type = v;
-      return;
-    }
-    o(), t.push({ type: v });
-  }
-  function p(v, c) {
-    t.push({
-      type: m.Attribute,
-      name: v,
-      action: c,
-      value: a(1),
-      namespace: null,
-      ignoreCase: "quirks"
-    });
-  }
-  function h() {
-    if (t.length && t[t.length - 1].type === m.Descendant && t.pop(), t.length === 0)
-      throw new Error("Empty sub-selector");
-    n.push(t);
-  }
-  if (i(0), e.length === r)
-    return r;
-  e: for (; r < e.length; ) {
-    const v = e.charCodeAt(r);
-    switch (v) {
-      case 32:
-      case 9:
-      case 10:
-      case 12:
-      case 13: {
-        (t.length === 0 || t[0].type !== m.Descendant) && (o(), t.push({ type: m.Descendant })), i(1);
-        break;
-      }
-      case 62: {
-        s(m.Child), i(1);
-        break;
-      }
-      case 60: {
-        s(m.Parent), i(1);
-        break;
-      }
-      case 126: {
-        s(m.Sibling), i(1);
-        break;
-      }
-      case 43: {
-        s(m.Adjacent), i(1);
-        break;
-      }
-      case 46: {
-        p("class", x.Element);
-        break;
-      }
-      case 35: {
-        p("id", x.Equals);
-        break;
-      }
-      case 91: {
-        i(1);
-        let c, g = null;
-        e.charCodeAt(r) === 124 ? c = a(1) : e.startsWith("*|", r) ? (g = "*", c = a(2)) : (c = a(0), e.charCodeAt(r) === 124 && e.charCodeAt(r + 1) !== 61 && (g = c, c = a(1))), i(0);
-        let d = x.Exists;
-        const f = Te.get(e.charCodeAt(r));
-        if (f) {
-          if (d = f, e.charCodeAt(r + 1) !== 61)
-            throw new Error("Expected `=`");
-          i(2);
-        } else e.charCodeAt(r) === 61 && (d = x.Equals, i(1));
-        let S = "", b = null;
-        if (d !== "exists") {
-          if (J(e.charCodeAt(r))) {
-            const O = e.charCodeAt(r);
-            let A = r + 1;
-            for (; A < e.length && (e.charCodeAt(A) !== O || u(A)); )
-              A += 1;
-            if (e.charCodeAt(A) !== O)
-              throw new Error("Attribute value didn't end");
-            S = F(e.slice(r + 1, A)), r = A + 1;
-          } else {
-            const O = r;
-            for (; r < e.length && (!ue(e.charCodeAt(r)) && e.charCodeAt(r) !== 93 || u(r)); )
-              r += 1;
-            S = F(e.slice(O, r));
-          }
-          i(0);
-          const C = e.charCodeAt(r) | 32;
-          C === 115 ? (b = !1, i(1)) : C === 105 && (b = !0, i(1));
-        }
-        if (e.charCodeAt(r) !== 93)
-          throw new Error("Attribute selector didn't terminate");
-        r += 1;
-        const w = {
-          type: m.Attribute,
-          name: c,
-          action: d,
-          value: S,
-          namespace: g,
-          ignoreCase: b
-        };
-        t.push(w);
-        break;
-      }
-      case 58: {
-        if (e.charCodeAt(r + 1) === 58) {
-          t.push({
-            type: m.PseudoElement,
-            name: a(2).toLowerCase(),
-            data: e.charCodeAt(r) === 40 ? l() : null
-          });
-          continue;
-        }
-        const c = a(1).toLowerCase();
-        let g = null;
-        if (e.charCodeAt(r) === 40)
-          if (er.has(c)) {
-            if (J(e.charCodeAt(r + 1)))
-              throw new Error(`Pseudo-selector ${c} cannot be quoted`);
-            if (g = [], r = Me(g, e, r + 1), e.charCodeAt(r) !== 41)
-              throw new Error(`Missing closing parenthesis in :${c} (${e})`);
-            r += 1;
-          } else {
-            if (g = l(), tr.has(c)) {
-              const d = g.charCodeAt(0);
-              d === g.charCodeAt(g.length - 1) && J(d) && (g = g.slice(1, -1));
-            }
-            g = F(g);
-          }
-        t.push({ type: m.Pseudo, name: c, data: g });
-        break;
-      }
-      case 44: {
-        h(), t = [], i(1);
-        break;
-      }
-      default: {
-        if (e.startsWith("/*", r)) {
-          const d = e.indexOf("*/", r + 2);
-          if (d < 0)
-            throw new Error("Comment was not terminated");
-          r = d + 2, t.length === 0 && i(0);
-          break;
-        }
-        let c = null, g;
-        if (v === 42)
-          r += 1, g = "*";
-        else if (v === 124) {
-          if (g = "", e.charCodeAt(r + 1) === 124) {
-            s(m.ColumnCombinator), i(2);
-            break;
-          }
-        } else if (oe.test(e.slice(r)))
-          g = a(0);
-        else
-          break e;
-        e.charCodeAt(r) === 124 && e.charCodeAt(r + 1) !== 124 && (c = g, e.charCodeAt(r + 1) === 42 ? (g = "*", r += 2) : g = a(1)), t.push(g === "*" ? { type: m.Universal, namespace: c } : { type: m.Tag, name: g, namespace: c });
-      }
-    }
-  }
-  return h(), r;
-}
-function se(n, e) {
-  var r = Object.keys(n);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(n);
-    e && (t = t.filter(function(a) {
-      return Object.getOwnPropertyDescriptor(n, a).enumerable;
-    })), r.push.apply(r, t);
-  }
-  return r;
-}
-function pe(n) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? se(Object(r), !0).forEach(function(t) {
-      ir(n, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(r)) : se(Object(r)).forEach(function(t) {
-      Object.defineProperty(n, t, Object.getOwnPropertyDescriptor(r, t));
-    });
-  }
-  return n;
-}
-function ir(n, e, r) {
-  return e = lr(e), e in n ? Object.defineProperty(n, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = r, n;
-}
-function lr(n) {
-  var e = or(n, "string");
-  return typeof e == "symbol" ? e : String(e);
-}
-function or(n, e) {
-  if (typeof n != "object" || n === null) return n;
-  var r = n[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var t = r.call(n, e || "default");
-    if (typeof t != "object") return t;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(n);
-}
-const ae = Le({});
-function Le(n) {
-  return e.withOptions = (r) => Le(pe(pe({}, n), r)), e;
-  function e(r, ...t) {
-    const a = typeof r == "string" ? [r] : r.raw, {
-      escapeSpecialCharacters: i = Array.isArray(r)
-    } = n;
-    let l = "";
-    for (let s = 0; s < a.length; s++) {
-      let p = a[s];
-      i && (p = p.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\\{/g, "{")), l += p, s < t.length && (l += t[s]);
-    }
-    const u = l.split(`
-`);
-    let o = null;
-    for (const s of u) {
-      const p = s.match(/^(\s+)\S+/);
-      if (p) {
-        const h = p[1].length;
-        o ? o = Math.min(o, h) : o = h;
-      }
-    }
-    if (o !== null) {
-      const s = o;
-      l = u.map((p) => p[0] === " " || p[0] === "	" ? p.slice(s) : p).join(`
-`);
-    }
-    return l = l.trim(), i && (l = l.replace(/\\n/g, `
-`)), l;
-  }
-}
-/*! @license MediaQueryParser - MIT License - Tom Golden (github@tbjgolden.com) */
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var V = function() {
-  return V = Object.assign || function(e) {
-    for (var r, t = 1, a = arguments.length; t < a; t++) {
-      r = arguments[t];
-      for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
-    }
-    return e;
-  }, V.apply(this, arguments);
-};
-function Q(n, e) {
-  var r = {};
-  for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && e.indexOf(t) < 0 && (r[t] = n[t]);
-  if (n != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var a = 0, t = Object.getOwnPropertySymbols(n); a < t.length; a++)
-      e.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(n, t[a]) && (r[t[a]] = n[t[a]]);
-  return r;
-}
-function ur(n) {
-  var e = typeof Symbol == "function" && Symbol.iterator, r = e && n[e], t = 0;
-  if (r) return r.call(n);
-  if (n && typeof n.length == "number") return {
-    next: function() {
-      return n && t >= n.length && (n = void 0), { value: n && n[t++], done: !n };
-    }
-  };
-  throw new TypeError(e ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-function y(n, e) {
-  var r = typeof Symbol == "function" && n[Symbol.iterator];
-  if (!r) return n;
-  var t = r.call(n), a, i = [], l;
-  try {
-    for (; (e === void 0 || e-- > 0) && !(a = t.next()).done; ) i.push(a.value);
-  } catch (u) {
-    l = { error: u };
-  } finally {
-    try {
-      a && !a.done && (r = t.return) && r.call(t);
-    } finally {
-      if (l) throw l.error;
-    }
-  }
-  return i;
-}
-var sr = /(\u000D|\u000C|\u000D\u000A)/g, pr = /[\u0000\uD800-\uDFFF]/g, hr = /(\/\*)[\s\S]*?(\*\/)/g, fr = function(e, r) {
-  r === void 0 && (r = 0), e = e.replace(sr, `
-`).replace(pr, "�"), e = e.replace(hr, "");
-  for (var t = []; r < e.length; r += 1) {
-    var a = e.charCodeAt(r);
-    if (a === 9 || a === 32 || a === 10) {
-      for (var i = e.charCodeAt(++r); i === 9 || i === 32 || i === 10; )
-        i = e.charCodeAt(++r);
-      r -= 1, t.push({
-        type: "<whitespace-token>"
-      });
-    } else if (a === 34) {
-      var l = he(e, r);
-      if (l === null)
-        return null;
-      var u = y(l, 2), o = u[0], s = u[1];
-      t.push({
-        type: "<string-token>",
-        value: s
-      }), r = o;
-    } else if (a === 35) {
-      if (r + 1 < e.length) {
-        var p = e.charCodeAt(r + 1);
-        if (p === 95 || p >= 65 && p <= 90 || p >= 97 && p <= 122 || p >= 128 || p >= 48 && p <= 57 || p === 92 && r + 2 < e.length && e.charCodeAt(r + 2) !== 10) {
-          var h = ze(e, r + 1) ? "id" : "unrestricted", l = gr(e, r + 1);
-          if (l !== null) {
-            var v = y(l, 2), o = v[0], s = v[1];
-            t.push({
-              type: "<hash-token>",
-              value: s.toLowerCase(),
-              flag: h
-            }), r = o;
-            continue;
-          }
-        }
-      }
-      t.push({
-        type: "<delim-token>",
-        value: a
-      });
-    } else if (a === 39) {
-      var l = he(e, r);
-      if (l === null)
-        return null;
-      var c = y(l, 2), o = c[0], s = c[1];
-      t.push({
-        type: "<string-token>",
-        value: s
-      }), r = o;
-    } else if (a === 40)
-      t.push({
-        type: "<(-token>"
-      });
-    else if (a === 41)
-      t.push({
-        type: "<)-token>"
-      });
-    else if (a === 43) {
-      var g = $(e, r);
-      if (g === null)
-        t.push({
-          type: "<delim-token>",
-          value: a
-        });
-      else {
-        var d = y(g, 2), o = d[0], f = d[1];
-        f[0] === "<dimension-token>" ? t.push({
-          type: "<dimension-token>",
-          value: f[1],
-          unit: f[2].toLowerCase(),
-          flag: "number"
-        }) : f[0] === "<number-token>" ? t.push({
-          type: f[0],
-          value: f[1],
-          flag: f[2]
-        }) : t.push({
-          type: f[0],
-          value: f[1],
-          flag: "number"
-        }), r = o;
-      }
-    } else if (a === 44)
-      t.push({
-        type: "<comma-token>"
-      });
-    else if (a === 45) {
-      var S = $(e, r);
-      if (S !== null) {
-        var b = y(S, 2), o = b[0], f = b[1];
-        f[0] === "<dimension-token>" ? t.push({
-          type: "<dimension-token>",
-          value: f[1],
-          unit: f[2].toLowerCase(),
-          flag: "number"
-        }) : f[0] === "<number-token>" ? t.push({
-          type: f[0],
-          value: f[1],
-          flag: f[2]
-        }) : t.push({
-          type: f[0],
-          value: f[1],
-          flag: "number"
-        }), r = o;
-        continue;
-      }
-      if (r + 2 < e.length) {
-        var p = e.charCodeAt(r + 1), w = e.charCodeAt(r + 2);
-        if (p === 45 && w === 62) {
-          t.push({
-            type: "<CDC-token>"
-          }), r += 2;
-          continue;
-        }
-      }
-      var l = fe(e, r);
-      if (l !== null) {
-        var C = y(l, 3), o = C[0], s = C[1], O = C[2];
-        t.push({
-          type: O,
-          value: s
-        }), r = o;
-        continue;
-      }
-      t.push({
-        type: "<delim-token>",
-        value: a
-      });
-    } else if (a === 46) {
-      var S = $(e, r);
-      if (S === null)
-        t.push({
-          type: "<delim-token>",
-          value: a
-        });
-      else {
-        var A = y(S, 2), o = A[0], f = A[1];
-        f[0] === "<dimension-token>" ? t.push({
-          type: "<dimension-token>",
-          value: f[1],
-          unit: f[2].toLowerCase(),
-          flag: "number"
-        }) : f[0] === "<number-token>" ? t.push({
-          type: f[0],
-          value: f[1],
-          flag: f[2]
-        }) : t.push({
-          type: f[0],
-          value: f[1],
-          flag: "number"
-        }), r = o;
-        continue;
-      }
-    } else if (a === 58)
-      t.push({
-        type: "<colon-token>"
-      });
-    else if (a === 59)
-      t.push({
-        type: "<semicolon-token>"
-      });
-    else if (a === 60) {
-      if (r + 3 < e.length) {
-        var p = e.charCodeAt(r + 1), w = e.charCodeAt(r + 2), Y = e.charCodeAt(r + 3);
-        if (p === 33 && w === 45 && Y === 45) {
-          t.push({
-            type: "<CDO-token>"
-          }), r += 3;
-          continue;
-        }
-      }
-      t.push({
-        type: "<delim-token>",
-        value: a
-      });
-    } else if (a === 64) {
-      var l = ne(e, r + 1);
-      if (l !== null) {
-        var E = y(l, 2), o = E[0], s = E[1];
-        t.push({
-          type: "<at-keyword-token>",
-          value: s.toLowerCase()
-        }), r = o;
-        continue;
-      }
-      t.push({
-        type: "<delim-token>",
-        value: a
-      });
-    } else if (a === 91)
-      t.push({
-        type: "<[-token>"
-      });
-    else if (a === 92) {
-      var l = q(e, r);
-      if (l === null)
-        return null;
-      var U = y(l, 2), o = U[0], s = U[1];
-      e = e.slice(0, r) + s + e.slice(o + 1), r -= 1;
-    } else if (a === 93)
-      t.push({
-        type: "<]-token>"
-      });
-    else if (a === 123)
-      t.push({
-        type: "<{-token>"
-      });
-    else if (a === 125)
-      t.push({
-        type: "<}-token>"
-      });
-    else if (a >= 48 && a <= 57) {
-      var l = $(e, r), ie = y(l, 2), o = ie[0], f = ie[1];
-      f[0] === "<dimension-token>" ? t.push({
-        type: "<dimension-token>",
-        value: f[1],
-        unit: f[2].toLowerCase(),
-        flag: "number"
-      }) : f[0] === "<number-token>" ? t.push({
-        type: f[0],
-        value: f[1],
-        flag: f[2]
-      }) : t.push({
-        type: f[0],
-        value: f[1],
-        flag: "number"
-      }), r = o;
-    } else if (a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128) {
-      var l = fe(e, r);
-      if (l === null)
-        return null;
-      var Z = y(l, 3), o = Z[0], s = Z[1], O = Z[2];
-      t.push({
-        type: O,
-        value: s
-      }), r = o;
-    } else
-      t.push({
-        type: "<delim-token>",
-        value: a
-      });
-  }
-  return t.push({
-    type: "<EOF-token>"
-  }), t;
-}, he = function(e, r) {
-  if (e.length <= r + 1) return null;
-  for (var t = e.charCodeAt(r), a = [], i = r + 1; i < e.length; i += 1) {
-    var l = e.charCodeAt(i);
-    if (l === t)
-      return [i, String.fromCharCode.apply(null, a)];
-    if (l === 92) {
-      var u = q(e, i);
-      if (u === null) return null;
-      var o = y(u, 2), s = o[0], p = o[1];
-      a.push(p), i = s;
-    } else {
-      if (l === 10)
-        return null;
-      a.push(l);
-    }
-  }
-  return null;
-}, ze = function(e, r) {
-  if (e.length <= r) return !1;
-  var t = e.charCodeAt(r);
-  if (t === 45) {
-    if (e.length <= r + 1) return !1;
-    var a = e.charCodeAt(r + 1);
-    if (a === 45 || a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128)
-      return !0;
-    if (a === 92) {
-      if (e.length <= r + 2) return !1;
-      var i = e.charCodeAt(r + 2);
-      return i !== 10;
-    } else
-      return !1;
-  } else {
-    if (t === 95 || t >= 65 && t <= 90 || t >= 97 && t <= 122 || t >= 128)
-      return !0;
-    if (t === 92) {
-      if (e.length <= r + 1) return !1;
-      var a = e.charCodeAt(r + 1);
-      return a !== 10;
-    } else
-      return !1;
-  }
-}, q = function(e, r) {
-  if (e.length <= r + 1 || e.charCodeAt(r) !== 92) return null;
-  var t = e.charCodeAt(r + 1);
-  if (t === 10)
-    return null;
-  if (t >= 48 && t <= 57 || t >= 65 && t <= 70 || t >= 97 && t <= 102) {
-    for (var a = [t], i = Math.min(r + 7, e.length), l = r + 2; l < i; l += 1) {
-      var u = e.charCodeAt(l);
-      if (u >= 48 && u <= 57 || u >= 65 && u <= 70 || u >= 97 && u <= 102)
-        a.push(u);
-      else
-        break;
-    }
-    if (l < e.length) {
-      var o = e.charCodeAt(l);
-      (o === 9 || o === 32 || o === 10) && (l += 1);
-    }
-    return [l - 1, parseInt(String.fromCharCode.apply(null, a), 16)];
-  } else
-    return [r + 1, t];
-}, $ = function(e, r) {
-  var t = cr(e, r);
-  if (t === null) return null;
-  var a = y(t, 3), i = a[0], l = a[1], u = a[2], o = ne(e, i + 1);
-  if (o !== null) {
-    var s = y(o, 2), p = s[0], h = s[1];
-    return [p, ["<dimension-token>", l, h]];
-  }
-  return i + 1 < e.length && e.charCodeAt(i + 1) === 37 ? [i + 1, ["<percentage-token>", l]] : [i, ["<number-token>", l, u]];
-}, cr = function(e, r) {
-  if (e.length <= r) return null;
-  var t = "integer", a = [], i = e.charCodeAt(r);
-  for ((i === 43 || i === 45) && (r += 1, i === 45 && a.push(45)); r < e.length; ) {
-    var l = e.charCodeAt(r);
-    if (l >= 48 && l <= 57)
-      a.push(l), r += 1;
-    else
-      break;
-  }
-  if (r + 1 < e.length) {
-    var u = e.charCodeAt(r), o = e.charCodeAt(r + 1);
-    if (u === 46 && o >= 48 && o <= 57)
-      for (a.push(u, o), t = "number", r += 2; r < e.length; ) {
-        var l = e.charCodeAt(r);
-        if (l >= 48 && l <= 57)
-          a.push(l), r += 1;
-        else
-          break;
-      }
-  }
-  if (r + 1 < e.length) {
-    var u = e.charCodeAt(r), o = e.charCodeAt(r + 1), s = e.charCodeAt(r + 2);
-    if (u === 69 || u === 101) {
-      var p = o >= 48 && o <= 57;
-      if (p || (o === 43 || o === 45) && s >= 48 && s <= 57)
-        for (t = "number", p ? (a.push(69, o), r += 2) : o === 45 ? (a.push(69, 45, s), r += 3) : (a.push(69, s), r += 3); r < e.length; ) {
-          var l = e.charCodeAt(r);
-          if (l >= 48 && l <= 57)
-            a.push(l), r += 1;
-          else
-            break;
-        }
-    }
-  }
-  var h = String.fromCharCode.apply(null, a), v = t === "number" ? parseFloat(h) : parseInt(h);
-  return v === -0 && (v = 0), Number.isNaN(v) ? null : [r - 1, v, t];
-}, gr = function(e, r) {
-  if (e.length <= r)
-    return null;
-  for (var t = [], a = e.charCodeAt(r); r < e.length; a = e.charCodeAt(++r)) {
-    if (a === 45 || a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128 || a >= 48 && a <= 57) {
-      t.push(a);
-      continue;
-    } else {
-      var i = q(e, r);
-      if (i !== null) {
-        var l = y(i, 2), u = l[0], o = l[1];
-        t.push(o), r = u;
-        continue;
-      }
-    }
-    break;
-  }
-  return r === 0 ? null : [r - 1, String.fromCharCode.apply(null, t)];
-}, ne = function(e, r) {
-  if (e.length <= r || !ze(e, r))
-    return null;
-  for (var t = [], a = e.charCodeAt(r); r < e.length; a = e.charCodeAt(++r)) {
-    if (a === 45 || a === 95 || a >= 65 && a <= 90 || a >= 97 && a <= 122 || a >= 128 || a >= 48 && a <= 57) {
-      t.push(a);
-      continue;
-    } else {
-      var i = q(e, r);
-      if (i !== null) {
-        var l = y(i, 2), u = l[0], o = l[1];
-        t.push(o), r = u;
-        continue;
-      }
-    }
-    break;
-  }
-  return [r - 1, String.fromCharCode.apply(null, t)];
-}, vr = function(e, r) {
-  for (var t = e.charCodeAt(r); t === 9 || t === 32 || t === 10; )
-    t = e.charCodeAt(++r);
-  for (var a = [], i = !1; r < e.length; ) {
-    if (t === 41)
-      return [r, String.fromCharCode.apply(null, a)];
-    if (t === 34 || t === 39 || t === 40)
-      return null;
-    if (t === 9 || t === 32 || t === 10)
-      !i && a.length !== 0 && (i = !0);
-    else if (t === 92) {
-      var l = q(e, r);
-      if (l === null || i) return null;
-      var u = y(l, 2), o = u[0], s = u[1];
-      a.push(s), r = o;
-    } else {
-      if (i) return null;
-      a.push(t);
-    }
-    t = e.charCodeAt(++r);
-  }
-  return null;
-}, fe = function(e, r) {
-  var t = ne(e, r);
-  if (t === null) return null;
-  var a = y(t, 2), i = a[0], l = a[1];
-  if (l.toLowerCase() === "url") {
-    if (e.length > i + 1) {
-      var u = e.charCodeAt(i + 1);
-      if (u === 40) {
-        for (var o = 2; i + o < e.length; o += 1) {
-          var s = e.charCodeAt(i + o);
-          if (s === 34 || s === 39)
-            return [i + 1, l.toLowerCase(), "<function-token>"];
-          if (s !== 9 && s !== 32 && s !== 10) {
-            var p = vr(e, i + o);
-            if (p === null) return null;
-            var h = y(p, 2), v = h[0], c = h[1];
-            return [v, c, "<url-token>"];
-          }
-        }
-        return [i + 1, l.toLowerCase(), "<function-token>"];
-      }
-    }
-  } else if (e.length > i + 1) {
-    var u = e.charCodeAt(i + 1);
-    if (u === 40)
-      return [i + 1, l.toLowerCase(), "<function-token>"];
-  }
-  return [i, l.toLowerCase(), "<ident-token>"];
-}, dr = function(e) {
-  for (var r = e.length - 1; r >= 0; r--)
-    e[r] = mr(e[r]);
-  return e;
-}, mr = function(e) {
-  if (e.mediaCondition === null) return e;
-  var r = yr(e.mediaCondition);
-  return r.operator === null && r.children.length === 1 && "children" in r.children[0] && (r = r.children[0]), {
-    mediaPrefix: e.mediaPrefix,
-    mediaType: e.mediaType,
-    mediaCondition: r
-  };
-}, yr = function n(e) {
-  for (var r = e.children.length - 1; r >= 0; r--) {
-    var t = e.children[r];
-    if (!("context" in t)) {
-      var a = n(t);
-      if (a.operator === null && a.children.length === 1)
-        e.children[r] = a.children[0];
-      else if (a.operator === e.operator && (a.operator === "and" || a.operator === "or")) {
-        for (var i = [r, 1], l = 0; l < a.children.length; l++)
-          i.push(a.children[l]);
-        e.children.splice.apply(e.children, i);
-      }
-    }
-  }
-  return e;
-}, k = function(e, r) {
-  return r instanceof Error ? new Error("".concat(r.message.trim(), `
-`).concat(e.trim())) : new Error(e.trim());
-}, br = function(e) {
-  return dr(wr(e));
-}, wr = function(e) {
-  var r = fr(e.trim());
-  if (r === null)
-    throw k("Failed tokenizing");
-  var t = 0, a = r.length - 1;
-  if (r[0].type === "<at-keyword-token>" && r[0].value === "media") {
-    if (r[1].type !== "<whitespace-token>")
-      throw k("Expected whitespace after media");
-    t = 2;
-    for (var i = 2; i < r.length - 1; i++) {
-      var l = r[i];
-      if (l.type === "<{-token>") {
-        a = i;
-        break;
-      } else if (l.type === "<semicolon-token>")
-        throw k("Expected '{' in media query but found ';'");
-    }
-  }
-  return r = r.slice(t, a), Ar(r);
-}, Cr = function(e) {
-  for (var r = [], t = !1, a = 0; a < e.length; a++)
-    e[a].type === "<whitespace-token>" ? (t = !0, r.length > 0 && (r[r.length - 1].wsAfter = !0)) : (r.push(V(V({}, e[a]), {
-      wsBefore: t,
-      wsAfter: !1
-    })), t = !1);
-  return r;
-}, Ar = function(e) {
-  for (var r, t, a = [[]], i = 0; i < e.length; i++) {
-    var l = e[i];
-    l.type === "<comma-token>" ? a.push([]) : a[a.length - 1].push(l);
-  }
-  var u = a.map(Cr);
-  if (u.length === 1 && u[0].length === 0)
-    return [{
-      mediaCondition: null,
-      mediaPrefix: null,
-      mediaType: "all"
-    }];
-  var o = u.map(function(c) {
-    return c.length === 0 ? null : Sr(c);
-  }), s = [];
-  try {
-    for (var p = ur(o), h = p.next(); !h.done; h = p.next()) {
-      var v = h.value;
-      v !== null && s.push(v);
-    }
-  } catch (c) {
-    r = {
-      error: c
-    };
-  } finally {
-    try {
-      h && !h.done && (t = p.return) && t.call(p);
-    } finally {
-      if (r) throw r.error;
-    }
-  }
-  if (s.length === 0)
-    throw k("No valid media queries");
-  return s;
-}, Sr = function(e) {
-  var r = e[0];
-  if (r.type === "<(-token>")
-    try {
-      return {
-        mediaPrefix: null,
-        mediaType: "all",
-        mediaCondition: X(e, !0)
-      };
-    } catch (h) {
-      throw k("Expected media condition after '('", h);
-    }
-  else if (r.type === "<ident-token>") {
-    var t = null, a = void 0, i = r.value;
-    (i === "only" || i === "not") && (t = i);
-    var l = t === null ? 0 : 1;
-    if (e.length <= l)
-      throw k("Expected extra token in media query");
-    var u = e[l];
-    if (u.type === "<ident-token>") {
-      var o = u.value;
-      if (o === "all")
-        a = "all";
-      else if (o === "print" || o === "screen")
-        a = o;
-      else if (o === "tty" || o === "tv" || o === "projection" || o === "handheld" || o === "braille" || o === "embossed" || o === "aural" || o === "speech")
-        t = t === "not" ? null : "not", a = "all";
-      else
-        throw k("Unknown ident '".concat(o, "' in media query"));
-    } else if (t === "not" && u.type === "<(-token>") {
-      var s = [{
-        type: "<(-token>",
-        wsBefore: !1,
-        wsAfter: !1
-      }];
-      s.push.apply(s, e), s.push({
-        type: "<)-token>",
-        wsBefore: !1,
-        wsAfter: !1
-      });
-      try {
-        return {
-          mediaPrefix: null,
-          mediaType: "all",
-          mediaCondition: X(s, !0)
-        };
-      } catch (h) {
-        throw k("Expected media condition after '('", h);
-      }
-    } else
-      throw k("Invalid media query");
-    if (l + 1 === e.length)
-      return {
-        mediaPrefix: t,
-        mediaType: a,
-        mediaCondition: null
-      };
-    if (l + 4 < e.length) {
-      var p = e[l + 1];
-      if (p.type === "<ident-token>" && p.value === "and")
-        try {
-          return {
-            mediaPrefix: t,
-            mediaType: a,
-            mediaCondition: X(e.slice(l + 2), !1)
-          };
-        } catch (h) {
-          throw k("Expected media condition after 'and'", h);
-        }
-      else
-        throw k("Expected 'and' after media prefix");
-    } else
-      throw k("Expected media condition after media prefix");
-  } else
-    throw k("Expected media condition or media prefix");
-}, X = function n(e, r, t) {
-  if (t === void 0 && (t = null), e.length < 3 || e[0].type !== "<(-token>" || e[e.length - 1].type !== "<)-token>")
-    throw new Error("Invalid media condition");
-  for (var a = e.length - 1, i = 0, l = 0, u = 0; u < e.length; u++) {
-    var o = e[u];
-    if (o.type === "<(-token>" ? (l += 1, i = Math.max(i, l)) : o.type === "<)-token>" && (l -= 1), l === 0) {
-      a = u;
-      break;
-    }
-  }
-  if (l !== 0)
-    throw new Error(`Mismatched parens
-Invalid media condition`);
-  var s, p = e.slice(0, a + 1);
-  if (i === 1 ? s = kr(p) : p[1].type === "<ident-token>" && p[1].value === "not" ? s = n(p.slice(2, -1), !0, "not") : s = n(p.slice(1, -1), !0), a === e.length - 1)
-    return {
-      operator: t,
-      children: [s]
-    };
-  var h = e[a + 1];
-  if (h.type !== "<ident-token>")
-    throw new Error(`Invalid operator
-Invalid media condition`);
-  if (t !== null && t !== h.value)
-    throw new Error("'".concat(h.value, "' and '").concat(t, `' must not be at same level
-Invalid media condition`));
-  if (h.value === "or" && !r)
-    throw new Error(`Cannot use 'or' at top level of a media query
-Invalid media condition`);
-  if (h.value !== "and" && h.value !== "or")
-    throw new Error("Invalid operator: '".concat(h.value, `'
-Invalid media condition`));
-  var v = n(e.slice(a + 2), r, h.value);
-  return {
-    operator: h.value,
-    children: [s].concat(v.children)
-  };
-}, kr = function(e) {
-  if (e.length < 3 || e[0].type !== "<(-token>" || e[e.length - 1].type !== "<)-token>")
-    throw new Error("Invalid media feature");
-  for (var r = [e[0]], t = 1; t < e.length; t++) {
-    if (t < e.length - 2) {
-      var a = e[t], i = e[t + 1], l = e[t + 2];
-      if (a.type === "<number-token>" && a.value > 0 && i.type === "<delim-token>" && i.value === 47 && l.type === "<number-token>" && l.value > 0) {
-        r.push({
-          type: "<ratio-token>",
-          numerator: a.value,
-          denominator: l.value,
-          wsBefore: a.wsBefore,
-          wsAfter: l.wsAfter
-        }), t += 2;
-        continue;
-      }
-    }
-    r.push(e[t]);
-  }
-  var u = r[1];
-  if (u.type === "<ident-token>" && r.length === 3)
-    return {
-      context: "boolean",
-      feature: u.value
-    };
-  if (r.length === 5 && r[1].type === "<ident-token>" && r[2].type === "<colon-token>") {
-    var o = r[3];
-    if (o.type === "<number-token>" || o.type === "<dimension-token>" || o.type === "<ratio-token>" || o.type === "<ident-token>") {
-      var s = r[1].value, p = null, h = s.slice(0, 4);
-      h === "min-" ? (p = "min", s = s.slice(4)) : h === "max-" && (p = "max", s = s.slice(4)), o.wsBefore, o.wsAfter;
-      var v = Q(o, ["wsBefore", "wsAfter"]);
-      return {
-        context: "value",
-        prefix: p,
-        feature: s,
-        value: v
-      };
-    }
-  } else if (r.length >= 5)
-    try {
-      var c = Or(r);
-      return {
-        context: "range",
-        feature: c.featureName,
-        range: c
-      };
-    } catch (g) {
-      throw k("Invalid media feature", g);
-    }
-  throw new Error("Invalid media feature");
-}, Or = function(e) {
-  var r, t, a, i;
-  if (e.length < 5 || e[0].type !== "<(-token>" || e[e.length - 1].type !== "<)-token>")
-    throw new Error("Invalid range");
-  var l = {
-    leftToken: null,
-    leftOp: null,
-    featureName: "",
-    rightOp: null,
-    rightToken: null
-  }, u = e[1].type === "<number-token>" || e[1].type === "<dimension-token>" || e[1].type === "<ratio-token>" || e[1].type === "<ident-token>" && e[1].value === "infinite";
-  if (e[2].type === "<delim-token>") {
-    if (e[2].value === 60)
-      e[3].type === "<delim-token>" && e[3].value === 61 && !e[3].wsBefore ? l[u ? "leftOp" : "rightOp"] = "<=" : l[u ? "leftOp" : "rightOp"] = "<";
-    else if (e[2].value === 62)
-      e[3].type === "<delim-token>" && e[3].value === 61 && !e[3].wsBefore ? l[u ? "leftOp" : "rightOp"] = ">=" : l[u ? "leftOp" : "rightOp"] = ">";
-    else if (e[2].value === 61)
-      l[u ? "leftOp" : "rightOp"] = "=";
-    else
-      throw new Error("Invalid range");
-    if (u)
-      l.leftToken = e[1];
-    else if (e[1].type === "<ident-token>")
-      l.featureName = e[1].value;
-    else
-      throw new Error("Invalid range");
-    var o = 2 + ((t = (r = l[u ? "leftOp" : "rightOp"]) === null || r === void 0 ? void 0 : r.length) !== null && t !== void 0 ? t : 0), s = e[o];
-    if (u)
-      if (s.type === "<ident-token>") {
-        if (l.featureName = s.value, e.length >= 7) {
-          var p = e[o + 1], h = e[o + 2];
-          if (p.type === "<delim-token>") {
-            var v = p.value;
-            if (v === 60)
-              h.type === "<delim-token>" && h.value === 61 && !h.wsBefore ? l.rightOp = "<=" : l.rightOp = "<";
-            else if (v === 62)
-              h.type === "<delim-token>" && h.value === 61 && !h.wsBefore ? l.rightOp = ">=" : l.rightOp = ">";
-            else
-              throw new Error("Invalid range");
-            var c = e[o + 1 + ((i = (a = l.rightOp) === null || a === void 0 ? void 0 : a.length) !== null && i !== void 0 ? i : 0)];
-            l.rightToken = c;
-          } else
-            throw new Error("Invalid range");
-        } else if (o + 2 !== e.length)
-          throw new Error("Invalid range");
-      } else
-        throw new Error("Invalid range");
-    else
-      l.rightToken = s;
-    var g = null, d = l.leftToken, f = l.leftOp, S = l.featureName, b = l.rightOp, w = l.rightToken, C = null;
-    if (d !== null) {
-      if (d.type === "<ident-token>") {
-        var O = d.type, A = d.value;
-        A === "infinite" && (C = {
-          type: O,
-          value: A
-        });
-      } else if (d.type === "<number-token>" || d.type === "<dimension-token>" || d.type === "<ratio-token>") {
-        d.wsBefore, d.wsAfter;
-        var Y = Q(d, ["wsBefore", "wsAfter"]);
-        C = Y;
-      }
-    }
-    var E = null;
-    if (w !== null) {
-      if (w.type === "<ident-token>") {
-        var O = w.type, A = w.value;
-        A === "infinite" && (E = {
-          type: O,
-          value: A
-        });
-      } else if (w.type === "<number-token>" || w.type === "<dimension-token>" || w.type === "<ratio-token>") {
-        w.wsBefore, w.wsAfter;
-        var U = Q(w, ["wsBefore", "wsAfter"]);
-        E = U;
-      }
-    }
-    if (C !== null && E !== null)
-      if ((f === "<" || f === "<=") && (b === "<" || b === "<="))
-        g = {
-          leftToken: C,
-          leftOp: f,
-          featureName: S,
-          rightOp: b,
-          rightToken: E
-        };
-      else if ((f === ">" || f === ">=") && (b === ">" || b === ">="))
-        g = {
-          leftToken: C,
-          leftOp: f,
-          featureName: S,
-          rightOp: b,
-          rightToken: E
-        };
-      else
-        throw new Error("Invalid range");
-    else C === null && f === null && b !== null && E !== null ? g = {
-      leftToken: C,
-      leftOp: f,
-      featureName: S,
-      rightOp: b,
-      rightToken: E
-    } : C !== null && f !== null && b === null && E === null && (g = {
-      leftToken: C,
-      leftOp: f,
-      featureName: S,
-      rightOp: b,
-      rightToken: E
-    });
-    return g;
-  } else
-    throw new Error("Invalid range");
-};
-function Er(n, e) {
-  if (typeof n != "object" || !n) return n;
-  var r = n[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var t = r.call(n, e || "default");
-    if (typeof t != "object") return t;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(n);
-}
-function xr(n) {
-  var e = Er(n, "string");
-  return typeof e == "symbol" ? e : String(e);
-}
-function jr(n, e, r) {
-  return e = xr(e), e in n ? Object.defineProperty(n, e, {
-    value: r,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : n[e] = r, n;
-}
-function ce(n, e) {
-  var r = Object.keys(n);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(n);
-    e && (t = t.filter(function(a) {
-      return Object.getOwnPropertyDescriptor(n, a).enumerable;
-    })), r.push.apply(r, t);
-  }
-  return r;
-}
-function P(n) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? ce(Object(r), !0).forEach(function(t) {
-      jr(n, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(r)) : ce(Object(r)).forEach(function(t) {
-      Object.defineProperty(n, t, Object.getOwnPropertyDescriptor(r, t));
-    });
-  }
-  return n;
-}
-function Pr(n, e) {
-  if (n == null) return {};
-  var r = {}, t = Object.keys(n), a, i;
-  for (i = 0; i < t.length; i++)
-    a = t[i], !(e.indexOf(a) >= 0) && (r[a] = n[a]);
-  return r;
-}
-function ge(n, e) {
-  if (n == null) return {};
-  var r = Pr(n, e), t, a;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(n);
-    for (a = 0; a < i.length; a++)
-      t = i[a], !(e.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(n, t) && (r[t] = n[t]);
-  }
-  return r;
-}
-function R(n, e) {
-  for (var r in n)
-    e(n[r], r);
-}
-function L(n, e) {
-  var r = {};
-  for (var t in n)
-    e.indexOf(t) === -1 && (r[t] = n[t]);
-  return r;
-}
-function Mr(n, e) {
-  var r = {};
-  for (var t in n)
-    r[e(n[t], t)] = n[t];
-  return r;
-}
-function T(n) {
-  for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), t = 1; t < e; t++)
-    r[t - 1] = arguments[t];
-  for (var a of r)
-    a.length !== 0 && (typeof a == "string" ? a.includes(" ") ? T(n, ...a.trim().split(" ")) : n.add(a) : Array.isArray(a) && T(n, ...a));
-}
-function Lr(n) {
-  var e = /* @__PURE__ */ new Set();
-  return T(e, ...n), Array.from(e).join(" ");
-}
-var ve;
-function zr(n) {
-  return n.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
-}
-var Ir = (n, e) => {
-  var r = () => {
-    var a = new RegExp(".".concat(zr(Oe(e, {
-      isIdentifier: !0
-    }))), "g");
-    return n.replace(a, "&");
-  }, t;
-  try {
-    t = nr(n);
-  } catch {
-    throw new Error("Invalid selector: ".concat(r()));
-  }
-  t.forEach((a) => {
-    try {
-      for (var i = a.length - 1; i >= -1; i--) {
-        if (!a[i])
-          throw new Error();
-        var l = a[i];
-        if (l.type === "child" || l.type === "parent" || l.type === "sibling" || l.type === "adjacent" || l.type === "descendant")
-          throw new Error();
-        if (l.type === "attribute" && l.name === "class" && l.value === e)
-          return;
-      }
-    } catch {
-      throw new Error(ae(ve || (ve = te([`
-        Invalid selector: `, `
-    
-        Style selectors must target the '&' character (along with any modifiers), e.g. `, " or ", `.
-        
-        This is to ensure that each style block only affects the styling of a single class.
-        
-        If your selector is targeting another class, you should move it to the style definition for that class, e.g. given we have styles for 'parent' and 'child' elements, instead of adding a selector of `, ") to 'parent', you should add ", ` to 'child').
-        
-        If your selector is targeting something global, use the 'globalStyle' function instead, e.g. if you wanted to write `, ", you should instead write 'globalStyle(", `, { ... })'
-      `])), r(), "`${parent} &`", "`${parent} &:hover`", "`& ${child}`", "`${parent} &`", "`& h1`", "`${parent} h1`"));
-    }
-  });
-};
-class K {
-  /**
-   * Stores information about where conditions must be in relation to other conditions
-   *
-   * e.g. mobile -> tablet, desktop
-   */
-  constructor() {
-    this.ruleset = /* @__PURE__ */ new Map(), this.precedenceLookup = /* @__PURE__ */ new Map();
-  }
-  findOrCreateCondition(e) {
-    var r = this.ruleset.get(e);
-    return r || (r = {
-      query: e,
-      rules: [],
-      children: new K()
-    }, this.ruleset.set(e, r)), r;
-  }
-  getConditionalRulesetByPath(e) {
-    var r = this;
-    for (var t of e) {
-      var a = r.findOrCreateCondition(t);
-      r = a.children;
-    }
-    return r;
-  }
-  addRule(e, r, t) {
-    var a = this.getConditionalRulesetByPath(t), i = a.findOrCreateCondition(r);
-    if (!i)
-      throw new Error("Failed to add conditional rule");
-    i.rules.push(e);
-  }
-  addConditionPrecedence(e, r) {
-    for (var t = this.getConditionalRulesetByPath(e), a = 0; a < r.length; a++) {
-      var i, l = r[a], u = (i = t.precedenceLookup.get(l)) !== null && i !== void 0 ? i : /* @__PURE__ */ new Set();
-      for (var o of r.slice(a + 1))
-        u.add(o);
-      t.precedenceLookup.set(l, u);
-    }
-  }
-  isCompatible(e) {
-    for (var [r, t] of this.precedenceLookup.entries())
-      for (var a of t) {
-        var i;
-        if ((i = e.precedenceLookup.get(a)) !== null && i !== void 0 && i.has(r))
-          return !1;
-      }
-    for (var {
-      query: l,
-      children: u
-    } of e.ruleset.values()) {
-      var o = this.ruleset.get(l);
-      if (o && !o.children.isCompatible(u))
-        return !1;
-    }
-    return !0;
-  }
-  merge(e) {
-    for (var {
-      query: r,
-      rules: t,
-      children: a
-    } of e.ruleset.values()) {
-      var i = this.ruleset.get(r);
-      i ? (i.rules.push(...t), i.children.merge(a)) : this.ruleset.set(r, {
-        query: r,
-        rules: t,
-        children: a
-      });
-    }
-    for (var [l, u] of e.precedenceLookup.entries()) {
-      var o, s = (o = this.precedenceLookup.get(l)) !== null && o !== void 0 ? o : /* @__PURE__ */ new Set();
-      this.precedenceLookup.set(l, /* @__PURE__ */ new Set([...s, ...u]));
-    }
-  }
-  /**
-   * Merge another ConditionalRuleset into this one if they are compatible
-   *
-   * @returns true if successful, false if the ruleset is incompatible
-   */
-  mergeIfCompatible(e) {
-    return this.isCompatible(e) ? (this.merge(e), !0) : !1;
-  }
-  getSortedRuleset() {
-    var e = this, r = [], t = function(u) {
-      var o = e.ruleset.get(a);
-      if (!o)
-        throw new Error("Can't find condition for ".concat(a));
-      var s = r.findIndex((p) => u.has(p.query));
-      s > -1 ? r.splice(s, 0, o) : r.push(o);
-    };
-    for (var [a, i] of this.precedenceLookup.entries())
-      t(i);
-    return r;
-  }
-  renderToArray() {
-    var e = [];
-    for (var {
-      query: r,
-      rules: t,
-      children: a
-    } of this.getSortedRuleset()) {
-      var i = {};
-      for (var l of t)
-        i[l.selector] = P(P({}, i[l.selector]), l.rule);
-      Object.assign(i, ...a.renderToArray()), e.push({
-        [r]: i
-      });
-    }
-    return e;
-  }
-}
-var Ie = {
-  ":-moz-any-link": !0,
-  ":-moz-full-screen": !0,
-  ":-moz-placeholder": !0,
-  ":-moz-read-only": !0,
-  ":-moz-read-write": !0,
-  ":-ms-fullscreen": !0,
-  ":-ms-input-placeholder": !0,
-  ":-webkit-any-link": !0,
-  ":-webkit-full-screen": !0,
-  "::-moz-color-swatch": !0,
-  "::-moz-list-bullet": !0,
-  "::-moz-list-number": !0,
-  "::-moz-page-sequence": !0,
-  "::-moz-page": !0,
-  "::-moz-placeholder": !0,
-  "::-moz-progress-bar": !0,
-  "::-moz-range-progress": !0,
-  "::-moz-range-thumb": !0,
-  "::-moz-range-track": !0,
-  "::-moz-scrolled-page-sequence": !0,
-  "::-moz-selection": !0,
-  "::-ms-backdrop": !0,
-  "::-ms-browse": !0,
-  "::-ms-check": !0,
-  "::-ms-clear": !0,
-  "::-ms-fill-lower": !0,
-  "::-ms-fill-upper": !0,
-  "::-ms-fill": !0,
-  "::-ms-reveal": !0,
-  "::-ms-thumb": !0,
-  "::-ms-ticks-after": !0,
-  "::-ms-ticks-before": !0,
-  "::-ms-tooltip": !0,
-  "::-ms-track": !0,
-  "::-ms-value": !0,
-  "::-webkit-backdrop": !0,
-  "::-webkit-inner-spin-button": !0,
-  "::-webkit-input-placeholder": !0,
-  "::-webkit-meter-bar": !0,
-  "::-webkit-meter-even-less-good-value": !0,
-  "::-webkit-meter-inner-element": !0,
-  "::-webkit-meter-optimum-value": !0,
-  "::-webkit-meter-suboptimum-value": !0,
-  "::-webkit-outer-spin-button": !0,
-  "::-webkit-progress-bar": !0,
-  "::-webkit-progress-inner-element": !0,
-  "::-webkit-progress-inner-value": !0,
-  "::-webkit-progress-value": !0,
-  "::-webkit-resizer": !0,
-  "::-webkit-scrollbar-button": !0,
-  "::-webkit-scrollbar-corner": !0,
-  "::-webkit-scrollbar-thumb": !0,
-  "::-webkit-scrollbar-track-piece": !0,
-  "::-webkit-scrollbar-track": !0,
-  "::-webkit-scrollbar": !0,
-  "::-webkit-search-cancel-button": !0,
-  "::-webkit-search-results-button": !0,
-  "::-webkit-slider-runnable-track": !0,
-  "::-webkit-slider-thumb": !0,
-  "::after": !0,
-  "::backdrop": !0,
-  "::before": !0,
-  "::cue": !0,
-  "::file-selector-button": !0,
-  "::first-letter": !0,
-  "::first-line": !0,
-  "::grammar-error": !0,
-  "::marker": !0,
-  "::placeholder": !0,
-  "::selection": !0,
-  "::spelling-error": !0,
-  "::target-text": !0,
-  "::view-transition-group": !0,
-  "::view-transition-image-pair": !0,
-  "::view-transition-new": !0,
-  "::view-transition-old": !0,
-  "::view-transition": !0,
-  ":active": !0,
-  ":after": !0,
-  ":any-link": !0,
-  ":before": !0,
-  ":blank": !0,
-  ":checked": !0,
-  ":default": !0,
-  ":defined": !0,
-  ":disabled": !0,
-  ":empty": !0,
-  ":enabled": !0,
-  ":first-child": !0,
-  ":first-letter": !0,
-  ":first-line": !0,
-  ":first-of-type": !0,
-  ":first": !0,
-  ":focus-visible": !0,
-  ":focus-within": !0,
-  ":focus": !0,
-  ":fullscreen": !0,
-  ":hover": !0,
-  ":in-range": !0,
-  ":indeterminate": !0,
-  ":invalid": !0,
-  ":last-child": !0,
-  ":last-of-type": !0,
-  ":left": !0,
-  ":link": !0,
-  ":only-child": !0,
-  ":only-of-type": !0,
-  ":optional": !0,
-  ":out-of-range": !0,
-  ":placeholder-shown": !0,
-  ":read-only": !0,
-  ":read-write": !0,
-  ":required": !0,
-  ":right": !0,
-  ":root": !0,
-  ":scope": !0,
-  ":target": !0,
-  ":valid": !0,
-  ":visited": !0
-}, Dr = Object.keys(Ie), Fr = Ie, de, me = (n, e) => new Error(ae(de || (de = te([`
-    Invalid media query: "`, `"
-
-    `, `
-
-    Read more on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
-  `])), n, e)), Rr = (n) => {
-  if (n === "@media ")
-    throw me(n, "Query is empty");
-  try {
-    br(n);
-  } catch (e) {
-    throw me(n, e.message);
-  }
-}, Nr = ["vars"], Br = ["content"], De = "__DECLARATION", qr = {
-  animationIterationCount: !0,
-  borderImage: !0,
-  borderImageOutset: !0,
-  borderImageSlice: !0,
-  borderImageWidth: !0,
-  boxFlex: !0,
-  boxFlexGroup: !0,
-  columnCount: !0,
-  columns: !0,
-  flex: !0,
-  flexGrow: !0,
-  flexShrink: !0,
-  fontWeight: !0,
-  gridArea: !0,
-  gridColumn: !0,
-  gridColumnEnd: !0,
-  gridColumnStart: !0,
-  gridRow: !0,
-  gridRowEnd: !0,
-  gridRowStart: !0,
-  initialLetter: !0,
-  lineClamp: !0,
-  lineHeight: !0,
-  maxLines: !0,
-  opacity: !0,
-  order: !0,
-  orphans: !0,
-  scale: !0,
-  tabSize: !0,
-  WebkitLineClamp: !0,
-  widows: !0,
-  zIndex: !0,
-  zoom: !0,
-  // svg properties
-  fillOpacity: !0,
-  floodOpacity: !0,
-  maskBorder: !0,
-  maskBorderOutset: !0,
-  maskBorderSlice: !0,
-  maskBorderWidth: !0,
-  shapeImageThreshold: !0,
-  stopOpacity: !0,
-  strokeDashoffset: !0,
-  strokeMiterlimit: !0,
-  strokeOpacity: !0,
-  strokeWidth: !0
-};
-function Ur(n) {
-  return n.replace(/([A-Z])/g, "-$1").replace(/^ms-/, "-ms-").toLowerCase();
-}
-function $r(n, e, r, t) {
-  var a = n.slice(0, e), i = n.slice(r);
-  return "".concat(a).concat(t).concat(i);
-}
-var Wr = "  ", z = [...Dr, "@layer", "@media", "@supports", "@container", "selectors"];
-class Vr {
-  constructor(e, r) {
-    this.rules = [], this.conditionalRulesets = [new K()], this.fontFaceRules = [], this.keyframesRules = [], this.localClassNamesMap = new Map(e.map((t) => [t, t])), this.localClassNamesSearch = new Ye(e), this.layers = /* @__PURE__ */ new Map(), this.composedClassLists = r.map((t) => {
-      var {
-        identifier: a,
-        classList: i
-      } = t;
-      return {
-        identifier: a,
-        regex: RegExp("(".concat(i, ")"), "g")
-      };
-    }).reverse();
-  }
-  processCssObj(e) {
-    if (e.type === "fontFace") {
-      this.fontFaceRules.push(e.rule);
-      return;
-    }
-    if (e.type === "keyframes") {
-      e.rule = Object.fromEntries(Object.entries(e.rule).map((i) => {
-        var [l, u] = i;
-        return [l, this.transformProperties(u)];
-      })), this.keyframesRules.push(e);
-      return;
-    }
-    if (this.currConditionalRuleset = new K(), e.type === "layer") {
-      var r = "@layer ".concat(e.name);
-      this.addLayer([r]);
-    } else {
-      var t = L(e.rule, z);
-      this.addRule({
-        selector: e.selector,
-        rule: t
-      }), this.transformLayer(e, e.rule["@layer"]), this.transformMedia(e, e.rule["@media"]), this.transformSupports(e, e.rule["@supports"]), this.transformContainer(e, e.rule["@container"]), this.transformSimplePseudos(e, e.rule), this.transformSelectors(e, e.rule);
-    }
-    var a = this.conditionalRulesets[this.conditionalRulesets.length - 1];
-    a.mergeIfCompatible(this.currConditionalRuleset) || this.conditionalRulesets.push(this.currConditionalRuleset);
-  }
-  addConditionalRule(e, r) {
-    var t = this.transformVars(this.transformProperties(e.rule)), a = this.transformSelector(e.selector);
-    if (!this.currConditionalRuleset)
-      throw new Error("Couldn't add conditional rule");
-    var i = r[r.length - 1], l = r.slice(0, r.length - 1);
-    this.currConditionalRuleset.addRule({
-      selector: a,
-      rule: t
-    }, i, l);
-  }
-  addRule(e) {
-    var r = this.transformVars(this.transformProperties(e.rule)), t = this.transformSelector(e.selector);
-    this.rules.push({
-      selector: t,
-      rule: r
-    });
-  }
-  addLayer(e) {
-    var r = e.join(" - ");
-    this.layers.set(r, e);
-  }
-  transformProperties(e) {
-    return this.transformContent(this.pixelifyProperties(e));
-  }
-  pixelifyProperties(e) {
-    return R(e, (r, t) => {
-      typeof r == "number" && r !== 0 && !qr[t] && (e[t] = "".concat(r, "px"));
-    }), e;
-  }
-  transformVars(e) {
-    var {
-      vars: r
-    } = e, t = ge(e, Nr);
-    return r ? P(P({}, Mr(r, (a, i) => Be(i))), t) : t;
-  }
-  transformContent(e) {
-    var {
-      content: r
-    } = e, t = ge(e, Br);
-    if (typeof r > "u")
-      return t;
-    var a = Array.isArray(r) ? r : [r];
-    return P({
-      content: a.map((i) => (
-        // This logic was adapted from Stitches :)
-        i && (i.includes('"') || i.includes("'") || /^([A-Za-z\-]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(i)) ? i : '"'.concat(i, '"')
-      ))
-    }, t);
-  }
-  transformClassname(e) {
-    return ".".concat(Oe(e, {
-      isIdentifier: !0
-    }));
-  }
-  transformSelector(e) {
-    var r = e, t = function(c) {
-      r = r.replace(i, () => (Pe(c), c));
-    };
-    for (var {
-      identifier: a,
-      regex: i
-    } of this.composedClassLists)
-      t(a);
-    if (this.localClassNamesMap.has(r))
-      return this.transformClassname(r);
-    for (var l = this.localClassNamesSearch.search(r), u = r.length, o = l.length - 1; o >= 0; o--) {
-      var [s, [p]] = l[o], h = s - p.length + 1;
-      h >= u || (u = h, r[h - 1] !== "." && (r = $r(r, h, s + 1, this.transformClassname(p))));
-    }
-    return r;
-  }
-  transformSelectors(e, r, t) {
-    R(r.selectors, (a, i) => {
-      if (e.type !== "local")
-        throw new Error("Selectors are not allowed within ".concat(e.type === "global" ? '"globalStyle"' : '"selectors"'));
-      var l = this.transformSelector(i.replace(RegExp("&", "g"), e.selector));
-      Ir(l, e.selector);
-      var u = {
-        selector: l,
-        rule: L(a, z)
-      };
-      t ? this.addConditionalRule(u, t) : this.addRule(u);
-      var o = {
-        type: "selector",
-        selector: l,
-        rule: a
-      };
-      this.transformLayer(o, a["@layer"], t), this.transformSupports(o, a["@supports"], t), this.transformMedia(o, a["@media"], t);
-    });
-  }
-  transformMedia(e, r) {
-    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    if (r) {
-      var a;
-      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((s) => "@media ".concat(s)));
-      for (var [i, l] of Object.entries(r)) {
-        var u = "@media ".concat(i);
-        Rr(u);
-        var o = [...t, u];
-        this.addConditionalRule({
-          selector: e.selector,
-          rule: L(l, z)
-        }, o), e.type === "local" && (this.transformSimplePseudos(e, l, o), this.transformSelectors(e, l, o)), this.transformLayer(e, l["@layer"], o), this.transformSupports(e, l["@supports"], o), this.transformContainer(e, l["@container"], o);
-      }
-    }
-  }
-  transformContainer(e, r) {
-    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    if (r) {
-      var a;
-      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((i) => "@container ".concat(i))), R(r, (i, l) => {
-        var u = "@container ".concat(l), o = [...t, u];
-        this.addConditionalRule({
-          selector: e.selector,
-          rule: L(i, z)
-        }, o), e.type === "local" && (this.transformSimplePseudos(e, i, o), this.transformSelectors(e, i, o)), this.transformLayer(e, i["@layer"], o), this.transformSupports(e, i["@supports"], o), this.transformMedia(e, i["@media"], o);
-      });
-    }
-  }
-  transformLayer(e, r) {
-    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    if (r) {
-      var a;
-      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((i) => "@layer ".concat(i))), R(r, (i, l) => {
-        var u = [...t, "@layer ".concat(l)];
-        this.addLayer(u), this.addConditionalRule({
-          selector: e.selector,
-          rule: L(i, z)
-        }, u), e.type === "local" && (this.transformSimplePseudos(e, i, u), this.transformSelectors(e, i, u)), this.transformMedia(e, i["@media"], u), this.transformSupports(e, i["@supports"], u), this.transformContainer(e, i["@container"], u);
-      });
-    }
-  }
-  transformSupports(e, r) {
-    var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    if (r) {
-      var a;
-      (a = this.currConditionalRuleset) === null || a === void 0 || a.addConditionPrecedence(t, Object.keys(r).map((i) => "@supports ".concat(i))), R(r, (i, l) => {
-        var u = [...t, "@supports ".concat(l)];
-        this.addConditionalRule({
-          selector: e.selector,
-          rule: L(i, z)
-        }, u), e.type === "local" && (this.transformSimplePseudos(e, i, u), this.transformSelectors(e, i, u)), this.transformLayer(e, i["@layer"], u), this.transformMedia(e, i["@media"], u), this.transformContainer(e, i["@container"], u);
-      });
-    }
-  }
-  transformSimplePseudos(e, r, t) {
-    for (var a of Object.keys(r))
-      if (Fr[a]) {
-        if (e.type !== "local")
-          throw new Error("Simple pseudos are not valid in ".concat(e.type === "global" ? '"globalStyle"' : '"selectors"'));
-        t ? this.addConditionalRule({
-          selector: "".concat(e.selector).concat(a),
-          rule: r[a]
-        }, t) : this.addRule({
-          conditions: t,
-          selector: "".concat(e.selector).concat(a),
-          rule: r[a]
-        });
-      }
-  }
-  toCss() {
-    var e = [];
-    for (var r of this.fontFaceRules)
-      e.push(j({
-        "@font-face": r
-      }));
-    for (var t of this.keyframesRules)
-      e.push(j({
-        ["@keyframes ".concat(t.name)]: t.rule
-      }));
-    for (var a of this.layers.values()) {
-      var [i, ...l] = a.reverse(), u = {
-        [i]: De
-      };
-      for (var o of l)
-        u = {
-          [o]: u
-        };
-      e.push(j(u));
-    }
-    for (var s of this.rules)
-      e.push(j({
-        [s.selector]: s.rule
-      }));
-    for (var p of this.conditionalRulesets)
-      for (var h of p.renderToArray())
-        e.push(j(h));
-    return e.filter(Boolean);
-  }
-}
-function j(n) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", r = [], t = function(l) {
-    var u = n[l];
-    if (u && Array.isArray(u))
-      r.push(...u.map((s) => j({
-        [l]: s
-      }, e)));
-    else if (u && typeof u == "object") {
-      var o = Object.keys(u).length === 0;
-      o || r.push("".concat(e).concat(l, ` {
-`).concat(j(u, e + Wr), `
-`).concat(e, "}"));
-    } else u === De ? r.push("".concat(e).concat(l, ";")) : r.push("".concat(e).concat(l.startsWith("--") ? l : Ur(l), ": ").concat(u, ";"));
-  };
-  for (var a of Object.keys(n))
-    t(a);
-  return r.join(`
-`);
-}
-function Kr(n) {
-  var {
-    localClassNames: e,
-    cssObjs: r,
-    composedClassLists: t
-  } = n, a = new Vr(e, t);
-  for (var i of r)
-    a.processCssObj(i);
-  return a.toCss();
-}
-function Hr(n) {
-  for (var e = 0, r, t = 0, a = n.length; a >= 4; ++t, a -= 4)
-    r = n.charCodeAt(t) & 255 | (n.charCodeAt(++t) & 255) << 8 | (n.charCodeAt(++t) & 255) << 16 | (n.charCodeAt(++t) & 255) << 24, r = /* Math.imul(k, m): */
-    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
-    r >>> 24, e = /* Math.imul(k, m): */
-    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
-  switch (a) {
-    case 3:
-      e ^= (n.charCodeAt(t + 2) & 255) << 16;
-    case 2:
-      e ^= (n.charCodeAt(t + 1) & 255) << 8;
-    case 1:
-      e ^= n.charCodeAt(t) & 255, e = /* Math.imul(h, m): */
-      (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
-  }
-  return e ^= e >>> 13, e = /* Math.imul(h, m): */
-  (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16), ((e ^ e >>> 15) >>> 0).toString(36);
-}
-var ye, Yr = 0, be = [];
-function M() {
-  if (be.length === 0)
-    throw new Error(ae(ye || (ye = te([`
-        Styles were unable to be assigned to a file. This is generally caused by one of the following:
-
-        - You may have created styles outside of a '.css.ts' context
-        - You may have incorrect configuration. See https://vanilla-extract.style/documentation/getting-started
-      `]))));
-  return be[0];
-}
-function Zr() {
-  return Yr++;
-}
-var Gr = function(e) {
-  return Jr(e) && !Xr(e);
-};
-function Jr(n) {
-  return !!n && typeof n == "object";
-}
-function Xr(n) {
-  var e = Object.prototype.toString.call(n);
-  return e === "[object RegExp]" || e === "[object Date]" || Tr(n);
-}
-var _r = typeof Symbol == "function" && Symbol.for, Qr = _r ? Symbol.for("react.element") : 60103;
-function Tr(n) {
-  return n.$$typeof === Qr;
-}
-function et(n) {
-  return Array.isArray(n) ? [] : {};
-}
-function N(n, e) {
-  return e.clone !== !1 && e.isMergeableObject(n) ? I(et(n), n, e) : n;
-}
-function rt(n, e, r) {
-  return n.concat(e).map(function(t) {
-    return N(t, r);
-  });
-}
-function tt(n, e) {
-  if (!e.customMerge)
-    return I;
-  var r = e.customMerge(n);
-  return typeof r == "function" ? r : I;
-}
-function at(n) {
-  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(n).filter(function(e) {
-    return Object.propertyIsEnumerable.call(n, e);
-  }) : [];
-}
-function we(n) {
-  return Object.keys(n).concat(at(n));
-}
-function Fe(n, e) {
-  try {
-    return e in n;
-  } catch {
-    return !1;
-  }
-}
-function nt(n, e) {
-  return Fe(n, e) && !(Object.hasOwnProperty.call(n, e) && Object.propertyIsEnumerable.call(n, e));
-}
-function it(n, e, r) {
-  var t = {};
-  return r.isMergeableObject(n) && we(n).forEach(function(a) {
-    t[a] = N(n[a], r);
-  }), we(e).forEach(function(a) {
-    nt(n, a) || (Fe(n, a) && r.isMergeableObject(e[a]) ? t[a] = tt(a, r)(n[a], e[a], r) : t[a] = N(e[a], r));
-  }), t;
-}
-function I(n, e, r) {
-  r = r || {}, r.arrayMerge = r.arrayMerge || rt, r.isMergeableObject = r.isMergeableObject || Gr, r.cloneUnlessOtherwiseSpecified = N;
-  var t = Array.isArray(e), a = Array.isArray(n), i = t === a;
-  return i ? t ? r.arrayMerge(n, e, r) : it(n, e, r) : N(e, r);
-}
-I.all = function(e, r) {
-  if (!Array.isArray(e))
-    throw new Error("first argument should be an array");
-  return e.reduce(function(t, a) {
-    return I(t, a, r);
-  }, {});
-};
-var lt = I, ot = lt;
-const ut = /* @__PURE__ */ ke(ot);
-var Ce = /* @__PURE__ */ new Set(), Ae = [], _ = [], st = {
-  appendCss: (n) => {
-    _.push(n);
-  },
-  registerClassName: (n) => {
-    Ce.add(n);
-  },
-  registerComposition: (n) => {
-    Ae.push(n);
-  },
-  markCompositionUsed: () => {
-  },
-  onEndFileScope: (n) => {
-    var e = Kr({
-      localClassNames: Array.from(Ce),
-      composedClassLists: Ae,
-      cssObjs: _
-    }).join(`
-`);
-    Ne({
-      fileScope: n,
-      css: e
-    }), _ = [];
-  },
-  getIdentOption: () => process.env.NODE_ENV === "production" ? "short" : "debug"
-};
-Ge(st);
-function H(n, e) {
-  return H = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, a) {
-    return t.__proto__ = a, t;
-  }, H(n, e);
-}
-function pt(n, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function");
-  n.prototype = Object.create(e && e.prototype, {
-    constructor: {
-      value: n,
-      writable: !0,
-      configurable: !0
-    }
-  }), Object.defineProperty(n, "prototype", {
-    writable: !1
-  }), e && H(n, e);
-}
-function ee() {
-  ee = function(a, i) {
-    return new r(a, void 0, i);
-  };
-  var n = RegExp.prototype, e = /* @__PURE__ */ new WeakMap();
-  function r(a, i, l) {
-    var u = new RegExp(a, i);
-    return e.set(u, l || e.get(a)), H(u, r.prototype);
-  }
-  function t(a, i) {
-    var l = e.get(i);
-    return Object.keys(l).reduce(function(u, o) {
-      var s = l[o];
-      if (typeof s == "number") u[o] = a[s];
-      else {
-        for (var p = 0; a[s[p]] === void 0 && p + 1 < s.length; ) p++;
-        u[o] = a[s[p]];
-      }
-      return u;
-    }, /* @__PURE__ */ Object.create(null));
-  }
-  return pt(r, RegExp), r.prototype.exec = function(a) {
-    var i = n.exec.call(this, a);
-    if (i) {
-      i.groups = t(i, this);
-      var l = i.indices;
-      l && (l.groups = t(l, this));
-    }
-    return i;
-  }, r.prototype[Symbol.replace] = function(a, i) {
-    if (typeof i == "string") {
-      var l = e.get(this);
-      return n[Symbol.replace].call(this, a, i.replace(/\$<([^>]+)>/g, function(o, s) {
-        var p = l[s];
-        return "$" + (Array.isArray(p) ? p.join("$") : p);
-      }));
-    }
-    if (typeof i == "function") {
-      var u = this;
-      return n[Symbol.replace].call(this, a, function() {
-        var o = arguments;
-        return typeof o[o.length - 1] != "object" && (o = [].slice.call(o)).push(t(o, u)), i.apply(this, o);
-      });
-    }
-    return n[Symbol.replace].call(this, a, i);
-  }, ee.apply(this, arguments);
-}
-function ht(n) {
-  var {
-    debugId: e,
-    debugFileName: r
-  } = n, t = e ? [e.replace(/\s/g, "_")] : [];
-  if (r) {
-    var {
-      filePath: a
-    } = M(), i = a.match(/* @__PURE__ */ ee(/([^\/\\]*)?[\/\\]?([^\/\\]*)\.css\.(ts|js|tsx|jsx|cjs|mjs)$/, {
-      dir: 1,
-      file: 2
-    }));
-    if (i && i.groups) {
-      var {
-        dir: l,
-        file: u
-      } = i.groups;
-      t.unshift(u && u !== "index" ? u : l);
-    }
-  }
-  return t.join("_");
-}
-function Se(n) {
-  return n.match(/^[0-9]/) ? "_".concat(n) : n;
-}
-function Re(n) {
-  var e = _e(), {
-    debugId: r,
-    debugFileName: t = !0
-  } = P(P({}, typeof n == "string" ? {
-    debugId: n
-  } : null), typeof n == "object" ? n : null), a = Zr().toString(36), {
-    filePath: i,
-    packageName: l
-  } = M(), u = Hr(l ? "".concat(l).concat(i) : i), o = "".concat(u).concat(a);
-  if (e === "debug") {
-    var s = ht({
-      debugId: r,
-      debugFileName: t
-    });
-    return s && (o = "".concat(s, "__").concat(o)), Se(o);
-  }
-  if (typeof e == "function") {
-    if (o = e({
-      hash: o,
-      debugId: r,
-      filePath: i,
-      packageName: l
-    }), !o.match(/^[A-Z_][0-9A-Z_-]+$/i))
-      throw new Error('Identifier function returned invalid indentifier: "'.concat(o, '"'));
-    return o;
-  }
-  return Se(o);
-}
-function ft(n, e) {
-  var r = Re(e);
-  je(r, M());
-  var t = [], a = [];
-  for (var i of n)
-    typeof i == "string" ? t.push(i) : a.push(i);
-  var l = r;
-  if (t.length > 0 && (l = "".concat(r, " ").concat(Lr(t)), Xe({
-    identifier: r,
-    classList: l
-  }, M()), a.length > 0 && Pe(r)), a.length > 0) {
-    var u = ut.all(a, {
-      // Replace arrays rather than merging
-      arrayMerge: (o, s) => s
-    });
-    xe({
-      type: "local",
-      selector: r,
-      rule: u
-    }, M());
-  }
-  return l;
-}
-function Et(n, e) {
-  if (Array.isArray(n))
-    return ft(n, e);
-  var r = Re(e);
-  return je(r, M()), xe({
-    type: "local",
-    selector: r,
-    rule: n
-  }, M()), r;
-}
-const ct = {
+import { style as j } from "@vanilla-extract/css";
+import { recipe as M } from "@vanilla-extract/recipes";
+import { createSprinkles as C, defineProperties as N } from "@vanilla-extract/sprinkles";
+import v from "react";
+import t from "@telegraph/tokens";
+const o = {
   transparent: "var(--tgph-transparent)",
   white: "var(--tgph-white)",
   black: "var(--tgph-black)",
@@ -2440,7 +129,7 @@ const ct = {
   "purple-10": "var(--tgph-purple-10)",
   "purple-11": "var(--tgph-purple-11)",
   "purple-12": "var(--tgph-purple-12)"
-}, gt = {
+}, d = {
   0: "var(--tgph-rounded-0)",
   1: "var(--tgph-rounded-1)",
   2: "var(--tgph-rounded-2)",
@@ -2449,13 +138,13 @@ const ct = {
   5: "var(--tgph-rounded-5)",
   6: "var(--tgph-rounded-6)",
   full: "var(--tgph-rounded-full)"
-}, vt = {
+}, s = {
   0: "var(--tgph-shadow-0)",
   1: "var(--tgph-shadow-1)",
   2: "var(--tgph-shadow-2)",
   3: "var(--tgph-shadow-3)",
   inner: "var(--tgph-shadow-inner)"
-}, dt = {
+}, b = {
   0: "var(--tgph-spacing-0)",
   1: "var(--tgph-spacing-1)",
   2: "var(--tgph-spacing-2)",
@@ -2491,10 +180,10 @@ const ct = {
   px: "var(--tgph-spacing-px)",
   full: "var(--tgph-spacing-full)",
   auto: "var(--tgph-spacing-auto)"
-}, mt = {
+}, u = {
   sans: "var(--tgph-family-sans)",
   mono: "var(--tgph-family-mono)"
-}, yt = {
+}, w = {
   0: "var(--tgph-leading-0)",
   1: "var(--tgph-leading-1)",
   2: "var(--tgph-leading-2)",
@@ -2515,7 +204,7 @@ const ct = {
   "code-7": "var(--tgph-leading-code-7)",
   "code-8": "var(--tgph-leading-code-8)",
   "code-9": "var(--tgph-leading-code-9)"
-}, bt = {
+}, y = {
   0: "var(--tgph-tracking-0)",
   1: "var(--tgph-tracking-1)",
   2: "var(--tgph-tracking-2)",
@@ -2526,7 +215,7 @@ const ct = {
   7: "var(--tgph-tracking-7)",
   8: "var(--tgph-tracking-8)",
   9: "var(--tgph-tracking-9)"
-}, wt = {
+}, k = {
   0: "var(--tgph-text-0)",
   1: "var(--tgph-text-1)",
   2: "var(--tgph-text-2)",
@@ -2546,17 +235,17 @@ const ct = {
   "code-7": "var(--tgph-text-code-7)",
   "code-8": "var(--tgph-text-code-8)",
   "code-9": "var(--tgph-text-code-9)"
-}, Ct = {
+}, m = {
   regular: "var(--tgph-weight-regular)",
   medium: "var(--tgph-weight-medium)",
   "semi-bold": "var(--tgph-weight-semi-bold)"
-}, At = {
+}, x = {
   sm: "var(--tgph-breakpoint-sm)",
   md: "var(--tgph-breakpoint-md)",
   lg: "var(--tgph-breakpoint-lg)",
   xl: "var(--tgph-breakpoint-xl)",
   "2xl": "var(--tgph-breakpoint-2xl)"
-}, St = {
+}, f = {
   hidden: "var(--tgph-zIndex-hidden)",
   base: "var(--tgph-zIndex-base)",
   auto: "var(--tgph-zIndex-auto)",
@@ -2569,62 +258,62 @@ const ct = {
   skipLink: "var(--tgph-zIndex-skipLink)",
   toast: "var(--tgph-zIndex-toast)",
   tooltip: "var(--tgph-zIndex-tooltip)"
-}, xt = {
+}, P = {
   "border-style": {
     solid: "var(--tgph-border-style-solid)",
     dashed: "var(--tgph-border-style-dashed)"
   },
-  color: ct,
-  rounded: gt,
-  shadow: vt,
-  spacing: dt,
-  family: mt,
-  leading: yt,
-  tracking: bt,
-  text: wt,
-  weight: Ct,
-  breakpoint: At,
-  zIndex: St
-}, jt = ({
-  props: n,
-  stylePropsFn: e
+  color: o,
+  rounded: d,
+  shadow: s,
+  spacing: b,
+  family: u,
+  leading: w,
+  tracking: y,
+  text: k,
+  weight: m,
+  breakpoint: x,
+  zIndex: f
+}, S = ({
+  props: l,
+  stylePropsFn: a
 }) => {
-  const r = G.useMemo(() => n, [n]), t = G.useMemo(() => {
-    const i = e.properties, l = {}, u = {};
-    return r ? (Object.keys(r).forEach((o) => {
-      const s = o;
-      i.has(s) && Object.assign(l, {
-        [s]: r[s]
-      }), i.has(s) || Object.assign(u, {
-        [s]: r[s]
+  const r = v.useMemo(() => l, [l]), p = v.useMemo(() => {
+    const n = a.properties, g = {}, h = {};
+    return r ? (Object.keys(r).forEach((i) => {
+      const e = i;
+      n.has(e) && Object.assign(g, {
+        [e]: r[e]
+      }), n.has(e) || Object.assign(h, {
+        [e]: r[e]
       });
-    }), { styleProps: l, componentProps: u }) : { styleProps: l, componentProps: u };
-  }, [r, e == null ? void 0 : e.properties]), a = G.useMemo(() => e(t.styleProps), [t.styleProps, e]);
+    }), { styleProps: g, componentProps: h }) : { styleProps: g, componentProps: h };
+  }, [r, a == null ? void 0 : a.properties]), c = v.useMemo(() => a(p.styleProps), [p.styleProps, a]);
   return {
-    styleProps: t.styleProps,
-    componentProps: t.componentProps,
-    styleClassName: a
+    styleProps: p.styleProps,
+    componentProps: p.componentProps,
+    styleClassName: c
   };
-}, Pt = {
+}, O = {
   conditions: {
-    sm: { "@media": `screen and (min-width: ${D.tokens.breakpoint.sm})` },
-    md: { "@media": `screen and (min-width: ${D.tokens.breakpoint.md})` },
-    lg: { "@media": `screen and (min-width: ${D.tokens.breakpoint.lg})` },
-    xl: { "@media": `screen and (min-width: ${D.tokens.breakpoint.xl})` },
+    sm: { "@media": `screen and (min-width: ${t.tokens.breakpoint.sm})` },
+    md: { "@media": `screen and (min-width: ${t.tokens.breakpoint.md})` },
+    lg: { "@media": `screen and (min-width: ${t.tokens.breakpoint.lg})` },
+    xl: { "@media": `screen and (min-width: ${t.tokens.breakpoint.xl})` },
     "2xl": {
-      "@media": `screen and (min-width: ${D.tokens.breakpoint["2xl"]})`
+      "@media": `screen and (min-width: ${t.tokens.breakpoint["2xl"]})`
     }
   },
   defaultCondition: "sm",
   responsiveArray: ["sm", "md", "lg", "xl", "2xl"]
 };
 export {
-  Pt as RESPONSIVE_STYLE_PROPS,
-  Dt as createStyleProps,
-  Ft as defineStyleProps,
-  zt as recipe,
-  Et as style,
-  xt as tokens,
-  jt as useStyleProps
+  O as RESPONSIVE_STYLE_PROPS,
+  C as createStyleProps,
+  N as defineStyleProps,
+  M as recipe,
+  j as style,
+  P as tokens,
+  S as useStyleProps
 };
 //# sourceMappingURL=index.mjs.map