@twintag/twintag-form 1.5.0 → 1.6.0

package/dist/webcomponent.js

@@ -1,3684 +1,27 @@
-import Ye from "react";
-import ct from "react-dom";
-import { Form as pt } from "./react.js";
-var ve, te = ct;
-if (process.env.NODE_ENV === "production")
-  ve = te.createRoot, te.hydrateRoot;
-else {
-  var We = te.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  ve = function(e, t) {
-    We.usingClientEntryPoint = !0;
-    try {
-      return te.createRoot(e, t);
-    } finally {
-      We.usingClientEntryPoint = !1;
-    }
-  };
-}
-var dt = Object.defineProperty, ft = (e, t, r) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, re = (e, t, r) => (ft(e, typeof t != "symbol" ? t + "" : t, r), r);
-const ut = {
-  stringify: (e) => e,
-  parse: (e) => e
-}, mt = {
-  stringify: (e) => `${e}`,
-  parse: (e) => parseFloat(e)
-}, gt = {
-  stringify: (e) => e ? "true" : "false",
-  parse: (e) => /^[ty1-9]/i.test(e)
-}, bt = {
-  stringify: (e) => e.name,
-  parse: (e, t) => {
-    const r = (() => {
-      if (typeof window < "u" && e in window)
-        return window[e];
-      if (typeof global < "u" && e in global)
-        return global[e];
-    })();
-    return typeof r == "function" ? r.bind(t) : void 0;
-  }
-}, ht = {
-  stringify: (e) => JSON.stringify(e),
-  parse: (e) => JSON.parse(e)
-}, de = {
-  string: ut,
-  number: mt,
-  boolean: gt,
-  function: bt,
-  json: ht
-}, fe = Symbol.for("r2wc.render"), oe = Symbol.for("r2wc.connected"), B = Symbol.for("r2wc.context"), V = Symbol.for("r2wc.props");
-function xt(e, t, r) {
-  var o, n, s;
-  t.props || (t.props = e.propTypes ? Object.keys(e.propTypes) : []);
-  const l = (Array.isArray(t.props) ? t.props.slice() : Object.keys(t.props)).filter((f) => f !== "container"), a = {}, i = {}, d = {};
-  for (const f of l) {
-    a[f] = Array.isArray(t.props) ? "string" : t.props[f];
-    const m = yt(f);
-    i[f] = m, d[m] = f;
-  }
-  class u extends HTMLElement {
-    constructor() {
-      super(), re(this, o, !0), re(this, n), re(this, s, {}), re(this, "container"), t.shadow ? this.container = this.attachShadow({
-        mode: t.shadow
-      }) : this.container = this, this[V].container = this.container;
-      for (const m of l) {
-        const b = i[m], h = this.getAttribute(b), x = a[m], v = de[x];
-        h && v != null && v.parse && (this[V][m] = v.parse(h, this));
-      }
-    }
-    static get observedAttributes() {
-      return Object.keys(d);
-    }
-    connectedCallback() {
-      this[oe] = !0, this[fe]();
-    }
-    disconnectedCallback() {
-      this[oe] = !1, this[B] && r.unmount(this[B]), delete this[B];
-    }
-    attributeChangedCallback(m, b, h) {
-      const x = d[m], v = a[x], D = de[v];
-      x in a && D != null && D.parse && (this[V][x] = D.parse(h, this), this[fe]());
-    }
-    [(o = oe, n = B, s = V, fe)]() {
-      this[oe] && (this[B] ? r.update(this[B], this[V]) : this[B] = r.mount(
-        this.container,
-        e,
-        this[V]
-      ));
-    }
-  }
-  for (const f of l) {
-    const m = i[f], b = a[f];
-    Object.defineProperty(u.prototype, f, {
-      enumerable: !0,
-      configurable: !0,
-      get() {
-        return this[V][f];
-      },
-      set(h) {
-        this[V][f] = h;
-        const x = de[b];
-        if (x != null && x.stringify) {
-          const v = x.stringify(h);
-          this.getAttribute(m) !== v && this.setAttribute(m, v);
-        }
-      }
-    });
-  }
-  return u;
-}
-function yt(e = "") {
-  return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function wt(e, t, r) {
-  const o = ve(e), n = Ye.createElement(t, r);
-  return o.render(n), {
-    root: o,
-    ReactComponent: t
-  };
-}
-function vt({ root: e, ReactComponent: t }, r) {
-  const o = Ye.createElement(t, r);
-  e.render(o);
-}
-function kt({ root: e }) {
-  e.unmount();
-}
-function St(e, t = {}) {
-  return xt(e, t, { mount: wt, update: vt, unmount: kt });
-}
-function Fe(e) {
-  return [
-    ...e.v,
-    (e.i ? "!" : "") + e.n
-  ].join(":");
-}
-function Ct(e, t = ",") {
-  return e.map(Fe).join(t);
-}
-let Je = typeof CSS < "u" && CSS.escape || // Simplified: escaping only special characters
-// Needed for NodeJS and Edge <79 (https://caniuse.com/mdn-api_css_escape)
-((e) => e.replace(/[!"'`*+.,;:\\/<=>?@#$%&^|~()[\]{}]/g, "\\$&").replace(/^\d/, "\\3$& "));
-function ae(e) {
-  for (var t = 9, r = e.length; r--; )
-    t = Math.imul(t ^ e.charCodeAt(r), 1597334677);
-  return "#" + ((t ^ t >>> 9) >>> 0).toString(36);
-}
-function Re(e, t = "@media ") {
-  return t + k(e).map((r) => (typeof r == "string" && (r = {
-    min: r
-  }), r.raw || Object.keys(r).map((o) => `(${o}-width:${r[o]})`).join(" and "))).join(",");
-}
-function k(e = []) {
-  return Array.isArray(e) ? e : e == null ? [] : [
-    e
-  ];
-}
-function Ue(e) {
-  return e;
-}
-function Oe() {
-}
-let C = {
-  /**
-  * 1. `default` (public)
-  */
-  d: (
-    /* efaults */
-    0
-  ),
-  /* Shifts.layer */
-  /**
-  * 2. `base` (public) — for things like reset rules or default styles applied to plain HTML elements.
-  */
-  b: (
-    /* ase */
-    134217728
-  ),
-  /* Shifts.layer */
-  /**
-  * 3. `components` (public, used by `style()`) — is for class-based styles that you want to be able to override with utilities.
-  */
-  c: (
-    /* omponents */
-    268435456
-  ),
-  /* Shifts.layer */
-  // reserved for style():
-  // - props: 0b011
-  // - when: 0b100
-  /**
-  * 6. `aliases` (public, used by `apply()`) — `~(...)`
-  */
-  a: (
-    /* liases */
-    671088640
-  ),
-  /* Shifts.layer */
-  /**
-  * 6. `utilities` (public) — for small, single-purpose classes
-  */
-  u: (
-    /* tilities */
-    805306368
-  ),
-  /* Shifts.layer */
-  /**
-  * 7. `overrides` (public, used by `css()`)
-  */
-  o: (
-    /* verrides */
-    939524096
-  )
-};
-function Xe(e) {
-  var t;
-  return ((t = e.match(/[-=:;]/g)) == null ? void 0 : t.length) || 0;
-}
-function ke(e) {
-  return Math.min(/(?:^|width[^\d]+)(\d+(?:.\d+)?)(p)?/.test(e) ? Math.max(0, 29.63 * (+RegExp.$1 / (RegExp.$2 ? 15 : 1)) ** 0.137 - 43) : 0, 15) << 22 | /* Shifts.responsive */
-  Math.min(Xe(e), 15) << 18;
-}
-let zt = [
-  /* fi */
-  "rst-c",
-  /* hild: 0 */
-  /* la */
-  "st-ch",
-  /* ild: 1 */
-  // even and odd use: nth-child
-  /* nt */
-  "h-chi",
-  /* ld: 2 */
-  /* an */
-  "y-lin",
-  /* k: 3 */
-  /* li */
-  "nk",
-  /* : 4 */
-  /* vi */
-  "sited",
-  /* : 5 */
-  /* ch */
-  "ecked",
-  /* : 6 */
-  /* em */
-  "pty",
-  /* : 7 */
-  /* re */
-  "ad-on",
-  /* ly: 8 */
-  /* fo */
-  "cus-w",
-  /* ithin : 9 */
-  /* ho */
-  "ver",
-  /* : 10 */
-  /* fo */
-  "cus",
-  /* : 11 */
-  /* fo */
-  "cus-v",
-  /* isible : 12 */
-  /* ac */
-  "tive",
-  /* : 13 */
-  /* di */
-  "sable",
-  /* d : 14 */
-  /* op */
-  "tiona",
-  /* l: 15 */
-  /* re */
-  "quire"
-];
-function $e({ n: e, i: t, v: r = [] }, o, n, s) {
-  e && (e = Fe({
-    n: e,
-    i: t,
-    v: r
-  })), s = [
-    ...k(s)
-  ];
-  for (let a of r) {
-    let i = o.theme("screens", a);
-    for (let d of k(i && Re(i) || o.v(a))) {
-      var l;
-      s.push(d), n |= i ? 67108864 | /* Shifts.screens */
-      ke(d) : a == "dark" ? 1073741824 : (
-        /* Shifts.darkMode */
-        d[0] == "@" ? ke(d) : (l = d, // use first found pseudo-class
-        1 << ~(/:([a-z-]+)/.test(l) && ~zt.indexOf(RegExp.$1.slice(2, 7)) || -18))
-      );
-    }
-  }
-  return {
-    n: e,
-    p: n,
-    r: s,
-    i: t
-  };
-}
-let Ze = /* @__PURE__ */ new Map();
-function Se(e) {
-  if (e.d) {
-    let t = [], r = ue(
-      // merge all conditions into a selector string
-      e.r.reduce((o, n) => n[0] == "@" ? (t.push(n), o) : (
-        // Go over the selector and replace the matching multiple selectors if any
-        n ? ue(o, (s) => ue(
-          n,
-          // If the current condition has a nested selector replace it
-          (l) => {
-            let a = /(:merge\(.+?\))(:[a-z-]+|\\[.+])/.exec(l);
-            if (a) {
-              let i = s.indexOf(a[1]);
-              return ~i ? (
-                // [':merge(.group):hover .rule', ':merge(.group):focus &'] -> ':merge(.group):focus:hover .rule'
-                // ':merge(.group)' + ':focus' + ':hover .rule'
-                s.slice(0, i) + a[0] + s.slice(i + a[1].length)
-              ) : (
-                // [':merge(.peer):focus~&', ':merge(.group):hover &'] -> ':merge(.peer):focus~:merge(.group):hover &'
-                me(s, l)
-              );
-            }
-            return me(l, s);
-          }
-        )) : o
-      ), "&"),
-      // replace '&' with rule name or an empty string
-      (o) => me(o, e.n ? "." + Je(e.n) : "")
-    );
-    return r && t.push(r.replace(/:merge\((.+?)\)/g, "$1")), t.reduceRight((o, n) => n + "{" + o + "}", e.d);
-  }
-}
-function ue(e, t) {
-  return e.replace(/ *((?:\(.+?\)|\[.+?\]|[^,])+) *(,|$)/g, (r, o, n) => t(o) + n);
-}
-function me(e, t) {
-  return e.replace(/&/g, t);
-}
-let Me = new Intl.Collator("en", {
-  numeric: !0
-});
-function Qe(e, t) {
-  for (var r = 0, o = e.length; r < o; ) {
-    let n = o + r >> 1;
-    0 >= Ke(e[n], t) ? r = n + 1 : o = n;
-  }
-  return o;
-}
-function Ke(e, t) {
-  let r = e.p & C.o;
-  return r == (t.p & C.o) && (r == C.b || r == C.o) ? 0 : e.p - t.p || e.o - t.o || Me.compare(Ve(e.n), Ve(t.n)) || Me.compare(_e(e.n), _e(t.n));
-}
-function Ve(e) {
-  return (e || "").split(/:/).pop().split("/").pop() || "\0";
-}
-function _e(e) {
-  return (e || "").replace(/\W/g, (t) => String.fromCharCode(127 + t.charCodeAt(0))) + "\0";
-}
-function ge(e, t) {
-  return Math.round(parseInt(e, 16) * t);
-}
-function H(e, t = {}) {
-  if (typeof e == "function")
-    return e(t);
-  let { opacityValue: r = "1", opacityVariable: o } = t, n = o ? `var(${o})` : r;
-  if (e.includes("<alpha-value>"))
-    return e.replace("<alpha-value>", n);
-  if (e[0] == "#" && (e.length == 4 || e.length == 7)) {
-    let s = (e.length - 1) / 3, l = [
-      17,
-      1,
-      0.062272
-    ][s - 1];
-    return `rgba(${[
-      ge(e.substr(1, s), l),
-      ge(e.substr(1 + s, s), l),
-      ge(e.substr(1 + 2 * s, s), l),
-      n
-    ]})`;
-  }
-  return n == "1" ? e : n == "0" ? "#0000" : (
-    // convert rgb and hsl to alpha variant
-    e.replace(/^(rgb|hsl)(\([^)]+)\)$/, `$1a$2,${n})`)
-  );
-}
-function et(e, t, r, o, n = []) {
-  return function s(l, { n: a, p: i, r: d = [], i: u }, f) {
-    let m = [], b = "", h = 0, x = 0;
-    for (let y in l || {}) {
-      var v, D;
-      let S = l[y];
-      if (y[0] == "@") {
-        if (!S)
-          continue;
-        if (y[1] == "a") {
-          m.push(...je(a, i, le("" + S), f, i, d, u, !0));
-          continue;
-        }
-        if (y[1] == "l") {
-          for (let E of k(S))
-            m.push(...s(E, {
-              n: a,
-              p: (v = C[y[7]], // Set layer (first reset, than set)
-              i & ~C.o | v),
-              r: y[7] == "d" ? [] : d,
-              i: u
-            }, f));
-          continue;
-        }
-        if (y[1] == "i") {
-          m.push(...k(S).map((E) => ({
-            // before all layers
-            p: -1,
-            o: 0,
-            r: [],
-            d: y + " " + E
-          })));
-          continue;
-        }
-        if (y[1] == "k") {
-          m.push({
-            p: C.d,
-            o: 0,
-            r: [
-              y
-            ],
-            d: s(S, {
-              p: C.d
-            }, f).map(Se).join("")
-          });
-          continue;
-        }
-        if (y[1] == "f") {
-          m.push(...k(S).map((E) => ({
-            p: C.d,
-            o: 0,
-            r: [
-              y
-            ],
-            d: s(E, {
-              p: C.d
-            }, f).map(Se).join("")
-          })));
-          continue;
-        }
-      }
-      if (typeof S != "object" || Array.isArray(S))
-        y == "label" && S ? a = S + ae(JSON.stringify([
-          i,
-          u,
-          l
-        ])) : (S || S === 0) && (y = y.replace(/[A-Z]/g, (E) => "-" + E.toLowerCase()), x += 1, h = Math.max(h, (D = y)[0] == "-" ? 0 : Xe(D) + (/^(?:(border-(?!w|c|sty)|[tlbr].{2,4}m?$|c.{7,8}$)|([fl].{5}l|g.{8}$|pl))/.test(D) ? +!!RegExp.$1 || /* +1 */
-        -!!RegExp.$2 : (
-          /* -1 */
-          0
-        )) + 1), b += (b ? ";" : "") + k(S).map((E) => f.s(
-          y,
-          // support theme(...) function in values
-          // calc(100vh - theme('spacing.12'))
-          De("" + E, f.theme) + (u ? " !important" : "")
-        )).join(";"));
-      else if (y[0] == "@" || y.includes("&")) {
-        let E = i;
-        y[0] == "@" && (y = y.replace(/\bscreen\(([^)]+)\)/g, (ce, G) => {
-          let U = f.theme("screens", G);
-          return U ? (E |= 67108864, /* Shifts.screens */
-          Re(U, "")) : ce;
-        }), E |= ke(y)), m.push(...s(S, {
-          n: a,
-          p: E,
-          r: [
-            ...d,
-            y
-          ],
-          i: u
-        }, f));
-      } else
-        m.push(...s(S, {
-          p: i,
-          r: [
-            ...d,
-            y
-          ]
-        }, f));
-    }
-    return (
-      // PERF: prevent unshift using `rules = [{}]` above and then `rules[0] = {...}`
-      m.unshift({
-        n: a,
-        p: i,
-        o: (
-          // number of declarations (descending)
-          Math.max(0, 15 - x) + // greatest precedence of properties
-          // if there is no property precedence this is most likely a custom property only declaration
-          // these have the highest precedence
-          1.5 * Math.min(h || 15, 15)
-        ),
-        r: d,
-        // stringified declarations
-        d: b
-      }), m.sort(Ke)
-    );
-  }(e, $e(t, r, o, n), r);
-}
-function De(e, t) {
-  return e.replace(/theme\((["'`])?(.+?)\1(?:\s*,\s*(["'`])?(.+?)\3)?\)/g, (r, o, n, s, l = "") => {
-    let a = t(n, l);
-    return typeof a == "function" && /color|fill|stroke/i.test(n) ? H(a) : "" + k(a).filter((i) => Object(i) !== i);
-  });
-}
-function tt(e, t) {
-  let r, o = [];
-  for (let n of e)
-    n.d && n.n ? (r == null ? void 0 : r.p) == n.p && "" + r.r == "" + n.r ? (r.c = [
-      r.c,
-      n.c
-    ].filter(Boolean).join(" "), r.d = r.d + ";" + n.d) : o.push(r = {
-      ...n,
-      n: n.n && t
-    }) : o.push({
-      ...n,
-      n: n.n && t
-    });
-  return o;
-}
-function se(e, t, r = C.u, o, n) {
-  let s = [];
-  for (let l of e)
-    for (let a of function(i, d, u, f, m) {
-      i = {
-        ...i,
-        i: i.i || m
-      };
-      let b = function(h, x) {
-        let v = Ze.get(h.n);
-        return v ? v(h, x) : x.r(h.n, h.v[0] == "dark");
-      }(i, d);
-      return b ? (
-        // a list of class names
-        typeof b == "string" ? ({ r: f, p: u } = $e(i, d, u, f), tt(se(le(b), d, u, f, i.i), i.n)) : Array.isArray(b) ? b.map((h) => {
-          var x, v;
-          return {
-            o: 0,
-            ...h,
-            r: [
-              ...k(f),
-              ...k(h.r)
-            ],
-            p: (x = u, v = h.p ?? u, x & ~C.o | v)
-          };
-        }) : et(b, i, d, u, f)
-      ) : (
-        // propagate className as is
-        [
-          {
-            c: Fe(i),
-            p: 0,
-            o: 0,
-            r: []
-          }
-        ]
-      );
-    }(l, t, r, o, n))
-      s.splice(Qe(s, a), 0, a);
-  return s;
-}
-function je(e, t, r, o, n, s, l, a) {
-  return tt((a ? r.flatMap((i) => se([
-    i
-  ], o, n, s, l)) : se(r, o, n, s, l)).map((i) => (
-    // do not move defaults
-    // move only rules with a name unless they are in the base layer
-    i.p & C.o && (i.n || t == C.b) ? {
-      ...i,
-      p: i.p & ~C.o | t,
-      o: 0
-    } : i
-  )), e);
-}
-function Tt(e, t, r, o) {
-  var n;
-  return n = (s, l) => {
-    let { n: a, p: i, r: d, i: u } = $e(s, l, t);
-    return r && je(a, t, r, l, i, d, u, o);
-  }, Ze.set(e, n), e;
-}
-function be(e, t, r) {
-  if (e[e.length - 1] != "(") {
-    let o = [], n = !1, s = !1, l = "";
-    for (let a of e)
-      if (!(a == "(" || /[~@]$/.test(a))) {
-        if (a[0] == "!" && (a = a.slice(1), n = !n), a.endsWith(":")) {
-          o[a == "dark:" ? "unshift" : "push"](a.slice(0, -1));
-          continue;
-        }
-        a[0] == "-" && (a = a.slice(1), s = !s), a.endsWith("-") && (a = a.slice(0, -1)), a && a != "&" && (l += (l && "-") + a);
-      }
-    l && (s && (l = "-" + l), t[0].push({
-      n: l,
-      v: o.filter(At),
-      i: n
-    }));
-  }
-}
-function At(e, t, r) {
-  return r.indexOf(e) == t;
-}
-let He = /* @__PURE__ */ new Map();
-function le(e) {
-  let t = He.get(e);
-  if (!t) {
-    let r = [], o = [
-      []
-    ], n = 0, s = 0, l = null, a = 0, i = (d, u = 0) => {
-      n != a && (r.push(e.slice(n, a + u)), d && be(r, o)), n = a + 1;
-    };
-    for (; a < e.length; a++) {
-      let d = e[a];
-      if (s)
-        e[a - 1] != "\\" && (s += +(d == "[") || -(d == "]"));
-      else if (d == "[")
-        s += 1;
-      else if (l)
-        e[a - 1] != "\\" && l.test(e.slice(a)) && (l = null, n = a + RegExp.lastMatch.length);
-      else if (d == "/" && e[a - 1] != "\\" && (e[a + 1] == "*" || e[a + 1] == "/"))
-        l = e[a + 1] == "*" ? /^\*\// : /^[\r\n]/;
-      else if (d == "(")
-        i(), r.push(d);
-      else if (d == ":")
-        e[a + 1] != ":" && i(!1, 1);
-      else if (/[\s,)]/.test(d)) {
-        i(!0);
-        let u = r.lastIndexOf("(");
-        if (d == ")") {
-          let f = r[u - 1];
-          if (/[~@]$/.test(f)) {
-            let m = o.shift();
-            r.length = u, be([
-              ...r,
-              "#"
-            ], o);
-            let { v: b } = o[0].pop();
-            for (let h of m)
-              h.v.splice(+(h.v[0] == "dark") - +(b[0] == "dark"), b.length);
-            be([
-              ...r,
-              Tt(
-                // named nested
-                f.length > 1 ? f.slice(0, -1) + ae(JSON.stringify([
-                  f,
-                  m
-                ])) : f + "(" + Ct(m) + ")",
-                C.a,
-                m,
-                /@$/.test(f)
-              )
-            ], o);
-          }
-          u = r.lastIndexOf("(", u - 1);
-        }
-        r.length = u + 1;
-      } else
-        /[~@]/.test(d) && e[a + 1] == "(" && // start nested block
-        // ~(...) or button~(...)
-        // @(...) or button@(...)
-        o.unshift([]);
-    }
-    i(!0), He.set(e, t = o[0]);
-  }
-  return t;
-}
-function c(e, t, r) {
-  return [
-    e,
-    Ce(t, r)
-  ];
-}
-function Ce(e, t) {
-  return typeof e == "function" ? e : typeof e == "string" && /^[\w-]+$/.test(e) ? (
-    // a CSS property alias
-    (r, o) => ({
-      [e]: t ? t(r, o) : ze(r, 1)
-    })
-  ) : (r) => (
-    // CSSObject, shortcut or apply
-    e || {
-      [r[1]]: ze(r, 2)
-    }
-  );
-}
-function ze(e, t, r = e.slice(t).find(Boolean) || e.$$ || e.input) {
-  return e.input[0] == "-" ? `calc(${r} * -1)` : r;
-}
-function p(e, t, r, o) {
-  return [
-    e,
-    Et(t, r, o)
-  ];
-}
-function Et(e, t, r) {
-  let o = typeof t == "string" ? (n, s) => ({
-    [t]: r ? r(n, s) : n._
-  }) : t || (({ 1: n, _: s }, l, a) => ({
-    [n || a]: s
-  }));
-  return (n, s) => {
-    let l = rt(e || n[1]), a = s.theme(l, n.$$) ?? I(n.$$, l, s);
-    if (a != null)
-      return n._ = ze(n, 0, a), o(n, s, l);
-  };
-}
-function z(e, t = {}, r) {
-  return [
-    e,
-    Ft(t, r)
-  ];
-}
-function Ft(e = {}, t) {
-  return (r, o) => {
-    let { section: n = rt(r[0]).replace("-", "") + "Color" } = e, [s, l] = Rt(r.$$);
-    if (!s)
-      return;
-    let a = o.theme(n, s) || I(s, n, o);
-    if (!a || typeof a == "object")
-      return;
-    let {
-      // text- -> --tw-text-opacity
-      // ring-offset(?:-|$) -> --tw-ring-offset-opacity
-      // TODO move this default into preset-tailwind?
-      opacityVariable: i = `--tw-${r[0].replace(/-$/, "")}-opacity`,
-      opacitySection: d = n.replace("Color", "Opacity"),
-      property: u = n,
-      selector: f
-    } = e, m = o.theme(d, l || "DEFAULT") || l && I(l, d, o), b = t || (({ _: x }) => {
-      let v = ie(u, x);
-      return f ? {
-        [f]: v
-      } : v;
-    });
-    r._ = {
-      value: H(a, {
-        opacityVariable: i || void 0,
-        opacityValue: m || void 0
-      }),
-      color: (x) => H(a, x),
-      opacityVariable: i || void 0,
-      opacityValue: m || void 0
-    };
-    let h = b(r, o);
-    if (!r.dark) {
-      let x = o.d(n, s, a);
-      x && x !== a && (r._ = {
-        value: H(x, {
-          opacityVariable: i || void 0,
-          opacityValue: m || "1"
-        }),
-        color: (v) => H(x, v),
-        opacityVariable: i || void 0,
-        opacityValue: m || void 0
-      }, h = {
-        "&": h,
-        [o.v("dark")]: b(r, o)
-      });
-    }
-    return h;
-  };
-}
-function Rt(e) {
-  return (e.match(/^(\[[^\]]+]|[^/]+?)(?:\/(.+))?$/) || []).slice(1);
-}
-function ie(e, t) {
-  let r = {};
-  return typeof t == "string" ? r[e] = t : (t.opacityVariable && t.value.includes(t.opacityVariable) && (r[t.opacityVariable] = t.opacityValue || "1"), r[e] = t.value), r;
-}
-function I(e, t, r) {
-  if (e[0] == "[" && e.slice(-1) == "]") {
-    if (e = ee(De(e.slice(1, -1), r.theme)), !t)
-      return e;
-    if (
-      // Respect type hints from the user on ambiguous arbitrary values - https://tailwindcss.com/docs/adding-custom-styles#resolving-ambiguities
-      !// If this is a color section and the value is a hex color, color function or color name
-      (/color|fill|stroke/i.test(t) && !(/^color:/.test(e) || /^(#|((hsl|rgb)a?|hwb|lab|lch|color)\(|[a-z]+$)/.test(e)) || // url(, [a-z]-gradient(, image(, cross-fade(, image-set(
-      /image/i.test(t) && !(/^image:/.test(e) || /^[a-z-]+\(/.test(e)) || // font-*
-      // - fontWeight (type: ['lookup', 'number', 'any'])
-      // - fontFamily (type: ['lookup', 'generic-name', 'family-name'])
-      /weight/i.test(t) && !(/^(number|any):/.test(e) || /^\d+$/.test(e)) || // bg-*
-      // - backgroundPosition (type: ['lookup', ['position', { preferOnConflict: true }]])
-      // - backgroundSize (type: ['lookup', 'length', 'percentage', 'size'])
-      /position/i.test(t) && /^(length|size):/.test(e))
-    )
-      return e.replace(/^[a-z-]+:/, "");
-  }
-}
-function rt(e) {
-  return e.replace(/-./g, (t) => t[1].toUpperCase());
-}
-function ee(e) {
-  return (
-    // Keep raw strings if it starts with `url(`
-    e.includes("url(") ? e.replace(/(.*?)(url\(.*?\))(.*?)/g, (t, r = "", o, n = "") => ee(r) + o + ee(n)) : e.replace(/(^|[^\\])_+/g, (t, r) => r + " ".repeat(t.length - r.length)).replace(/\\_/g, "_").replace(/(calc|min|max|clamp)\(.+\)/g, (t) => t.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 "))
-  );
-}
-function ot({ presets: e = [], ...t }) {
-  let r = {
-    darkMode: void 0,
-    darkColor: void 0,
-    preflight: t.preflight !== !1 && [],
-    theme: {},
-    variants: k(t.variants),
-    rules: k(t.rules),
-    ignorelist: k(t.ignorelist),
-    hash: void 0,
-    stringify: (o, n) => o + ":" + n,
-    finalize: []
-  };
-  for (let o of k([
-    ...e,
-    {
-      darkMode: t.darkMode,
-      darkColor: t.darkColor,
-      preflight: t.preflight !== !1 && k(t.preflight),
-      theme: t.theme,
-      hash: t.hash,
-      stringify: t.stringify,
-      finalize: t.finalize
-    }
-  ])) {
-    let { preflight: n, darkMode: s = r.darkMode, darkColor: l = r.darkColor, theme: a, variants: i, rules: d, ignorelist: u, hash: f = r.hash, stringify: m = r.stringify, finalize: b } = typeof o == "function" ? o(r) : o;
-    r = {
-      // values defined by user or previous presets take precedence
-      preflight: r.preflight !== !1 && n !== !1 && [
-        ...r.preflight,
-        ...k(n)
-      ],
-      darkMode: s,
-      darkColor: l,
-      theme: {
-        ...r.theme,
-        ...a,
-        extend: {
-          ...r.theme.extend,
-          ...a == null ? void 0 : a.extend
-        }
-      },
-      variants: [
-        ...r.variants,
-        ...k(i)
-      ],
-      rules: [
-        ...r.rules,
-        ...k(d)
-      ],
-      ignorelist: [
-        ...r.ignorelist,
-        ...k(u)
-      ],
-      hash: f,
-      stringify: m,
-      finalize: [
-        ...r.finalize,
-        ...k(b)
-      ]
-    };
-  }
-  return r;
-}
-function Ie(e, t, r, o, n, s) {
-  for (let l of t) {
-    let a = r.get(l);
-    a || r.set(l, a = o(l));
-    let i = a(e, n, s);
-    if (i)
-      return i;
-  }
-}
-function Ot(e) {
-  var t;
-  return Te(e[0], typeof (t = e[1]) == "function" ? t : () => t);
-}
-function $t(e) {
-  var t, r;
-  return Array.isArray(e) ? Te(e[0], Ce(e[1], e[2])) : Te(e, Ce(t, r));
-}
-function Te(e, t) {
-  return nt(e, (r, o, n, s) => {
-    let l = o.exec(r);
-    if (l)
-      return (
-        // MATCH.$_ = value
-        l.$$ = r.slice(l[0].length), l.dark = s, t(l, n)
-      );
-  });
-}
-function nt(e, t) {
-  let r = k(e).map(Dt);
-  return (o, n, s) => {
-    for (let l of r) {
-      let a = t(o, l, n, s);
-      if (a)
-        return a;
-    }
-  };
-}
-function Dt(e) {
-  return typeof e == "string" ? RegExp("^" + e + (e.includes("$") || e.slice(-1) == "-" ? "" : "$")) : e;
-}
-function jt(e, t) {
-  let r = ot(e), o = function({ theme: i, darkMode: d, darkColor: u = Oe, variants: f, rules: m, hash: b, stringify: h, ignorelist: x, finalize: v }) {
-    let D = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), ce = nt(x, (w, A) => A.test(w));
-    f.push([
-      "dark",
-      Array.isArray(d) || d == "class" ? `${k(d)[1] || ".dark"} &` : typeof d == "string" && d != "media" ? d : (
-        // a custom selector
-        "@media (prefers-color-scheme:dark)"
-      )
-    ]);
-    let G = typeof b == "function" ? (w) => b(w, ae) : b ? ae : Ue;
-    G !== Ue && v.push((w) => {
-      var A;
-      return {
-        ...w,
-        n: w.n && G(w.n),
-        d: (A = w.d) == null ? void 0 : A.replace(/--(tw(?:-[\w-]+)?)\b/g, (j, pe) => "--" + G(pe).replace("#", ""))
-      };
-    });
-    let U = {
-      theme: function({ extend: w = {}, ...A }) {
-        let j = {}, pe = {
-          get colors() {
-            return J("colors");
-          },
-          theme: J,
-          // Stub implementation as negated values are automatically infered and do _not_ need to be in the theme
-          negative() {
-            return {};
-          },
-          breakpoints(T) {
-            let F = {};
-            for (let R in T)
-              typeof T[R] == "string" && (F["screen-" + R] = T[R]);
-            return F;
-          }
-        };
-        return J;
-        function J(T, F, R, X) {
-          if (T) {
-            if ({ 1: T, 2: X } = // eslint-disable-next-line no-sparse-arrays
-            /^(\S+?)(?:\s*\/\s*([^/]+))?$/.exec(T) || [
-              ,
-              T
-            ], /[.[]/.test(T)) {
-              let L = [];
-              T.replace(/\[([^\]]+)\]|([^.[]+)/g, (P, Q, lt = Q) => L.push(lt)), T = L.shift(), R = F, F = L.join("-");
-            }
-            let M = j[T] || // two-step deref to allow extend section to reference base section
-            Object.assign(Object.assign(
-              // Make sure to not get into recursive calls
-              j[T] = {},
-              Le(A, T)
-            ), Le(w, T));
-            if (F == null)
-              return M;
-            F || (F = "DEFAULT");
-            let N = M[F] ?? F.split("-").reduce((L, P) => L == null ? void 0 : L[P], M) ?? R;
-            return X ? H(N, {
-              opacityValue: De(X, J)
-            }) : N;
-          }
-          let Z = {};
-          for (let M of [
-            ...Object.keys(A),
-            ...Object.keys(w)
-          ])
-            Z[M] = J(M);
-          return Z;
-        }
-        function Le(T, F) {
-          let R = T[F];
-          return typeof R == "function" && (R = R(pe)), R && /color|fill|stroke/i.test(F) ? function X(Z, M = []) {
-            let N = {};
-            for (let L in Z) {
-              let P = Z[L], Q = [
-                ...M,
-                L
-              ];
-              N[Q.join("-")] = P, L == "DEFAULT" && (Q = M, N[M.join("-")] = P), typeof P == "object" && Object.assign(N, X(P, Q));
-            }
-            return N;
-          }(R) : R;
-        }
-      }(i),
-      e: Je,
-      h: G,
-      s(w, A) {
-        return h(w, A, U);
-      },
-      d(w, A, j) {
-        return u(w, A, U, j);
-      },
-      v(w) {
-        return D.has(w) || D.set(w, Ie(w, f, y, Ot, U) || "&:" + w), D.get(w);
-      },
-      r(w, A) {
-        let j = JSON.stringify([
-          w,
-          A
-        ]);
-        return S.has(j) || S.set(j, !ce(w, U) && Ie(w, m, E, $t, U, A)), S.get(j);
-      },
-      f(w) {
-        return v.reduce((A, j) => j(A, U), w);
-      }
-    };
-    return U;
-  }(r), n = /* @__PURE__ */ new Map(), s = [], l = /* @__PURE__ */ new Set();
-  t.resume((i) => n.set(i, i), (i, d) => {
-    t.insert(i, s.length, d), s.push(d), l.add(i);
-  });
-  function a(i) {
-    let d = o.f(i), u = Se(d);
-    if (u && !l.has(u)) {
-      l.add(u);
-      let f = Qe(s, i);
-      t.insert(u, f, i), s.splice(f, 0, i);
-    }
-    return d.n;
-  }
-  return Object.defineProperties(function(d) {
-    if (!n.size)
-      for (let f of k(r.preflight))
-        typeof f == "function" && (f = f(o)), f && (typeof f == "string" ? je("", C.b, le(f), o, C.b, [], !1, !0) : et(f, {}, o, C.b)).forEach(a);
-    d = "" + d;
-    let u = n.get(d);
-    if (!u) {
-      let f = /* @__PURE__ */ new Set();
-      for (let m of se(le(d), o))
-        f.add(m.c).add(a(m));
-      u = [
-        ...f
-      ].filter(Boolean).join(" "), n.set(d, u).set(u, u);
-    }
-    return u;
-  }, Object.getOwnPropertyDescriptors({
-    get target() {
-      return t.target;
-    },
-    theme: o.theme,
-    config: r,
-    snapshot() {
-      let i = t.snapshot(), d = new Set(l), u = new Map(n), f = [
-        ...s
-      ];
-      return () => {
-        i(), l = d, n = u, s = f;
-      };
-    },
-    clear() {
-      t.clear(), l = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), s = [];
-    },
-    destroy() {
-      this.clear(), t.destroy();
-    }
-  }));
-}
-function Lt(e, t) {
-  return e != t && "" + e.split(" ").sort() != "" + t.split(" ").sort();
-}
-function Wt(e) {
-  let t = new MutationObserver(r);
-  return {
-    observe(n) {
-      t.observe(n, {
-        attributeFilter: [
-          "class"
-        ],
-        subtree: !0,
-        childList: !0
-      }), o(n), r([
-        {
-          target: n,
-          type: ""
-        }
-      ]);
-    },
-    disconnect() {
-      t.disconnect();
-    }
-  };
-  function r(n) {
-    for (let { type: s, target: l } of n)
-      if (s[0] == "a")
-        o(l);
-      else
-        for (let a of l.querySelectorAll("[class]"))
-          o(a);
-    t.takeRecords();
-  }
-  function o(n) {
-    var a;
-    let s, l = (a = n.getAttribute) == null ? void 0 : a.call(n, "class");
-    l && Lt(l, s = e(l)) && // Not using `target.className = ...` as that is read-only for SVGElements
-    n.setAttribute("class", s);
-  }
-}
-function Ut(e) {
-  let t = document.querySelector(e || 'style[data-twind=""]');
-  return (!t || t.tagName != "STYLE") && (t = document.createElement("style"), document.head.prepend(t)), t.dataset.twind = "claimed", t;
-}
-function he(e) {
-  let t = e != null && e.cssRules ? e : (e && typeof e != "string" ? e : Ut(e)).sheet;
-  return {
-    target: t,
-    snapshot() {
-      let r = Array.from(t.cssRules, (o) => o.cssText);
-      return () => {
-        this.clear(), r.forEach(this.insert);
-      };
-    },
-    clear() {
-      for (let r = t.cssRules.length; r--; )
-        t.deleteRule(r);
-    },
-    destroy() {
-      var r;
-      (r = t.ownerNode) == null || r.remove();
-    },
-    insert(r, o) {
-      try {
-        t.insertRule(r, o);
-      } catch {
-        t.insertRule(":root{}", o);
-      }
-    },
-    resume: Oe
-  };
-}
-function Mt(e, t = !0) {
-  let r = function() {
-    if (Vt)
-      try {
-        let i = he(new CSSStyleSheet());
-        return i.connect = (d) => {
-          let u = xe(d);
-          u.adoptedStyleSheets = [
-            ...u.adoptedStyleSheets,
-            i.target
-          ];
-        }, i.disconnect = Oe, i;
-      } catch {
-      }
-    let s = document.createElement("style");
-    s.media = "not all", document.head.prepend(s);
-    let l = [
-      he(s)
-    ], a = /* @__PURE__ */ new WeakMap();
-    return {
-      get target() {
-        return l[0].target;
-      },
-      snapshot() {
-        let i = l.map((d) => d.snapshot());
-        return () => i.forEach((d) => d());
-      },
-      clear() {
-        l.forEach((i) => i.clear());
-      },
-      destroy() {
-        l.forEach((i) => i.destroy());
-      },
-      insert(i, d, u) {
-        l[0].insert(i, d, u);
-        let f = this.target.cssRules[d];
-        l.forEach((m, b) => b && m.target.insertRule(f.cssText, d));
-      },
-      resume(i, d) {
-        return l[0].resume(i, d);
-      },
-      connect(i) {
-        let d = document.createElement("style");
-        xe(i).appendChild(d);
-        let u = he(d), { cssRules: f } = this.target;
-        for (let m = 0; m < f.length; m++)
-          u.target.insertRule(f[m].cssText, m);
-        l.push(u), a.set(i, u);
-      },
-      disconnect(i) {
-        let d = l.indexOf(a.get(i));
-        d >= 0 && l.splice(d, 1);
-      }
-    };
-  }(), o = jt({
-    ...e,
-    // in production use short hashed class names
-    hash: e.hash ?? t
-  }, r), n = Wt(o);
-  return function(l) {
-    return class extends l {
-      connectedCallback() {
-        var i;
-        (i = super.connectedCallback) == null || i.call(this), r.connect(this), n.observe(xe(this));
-      }
-      disconnectedCallback() {
-        var i;
-        r.disconnect(this), (i = super.disconnectedCallback) == null || i.call(this);
-      }
-      constructor(...i) {
-        super(...i), this.tw = o;
-      }
-    };
-  };
-}
-let Vt = typeof ShadowRoot < "u" && (typeof ShadyCSS > "u" || ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
-function xe(e) {
-  return e.shadowRoot || e.attachShadow({
-    mode: "open"
-  });
-}
-var _t = /* @__PURE__ */ new Map([["align-self", "-ms-grid-row-align"], ["color-adjust", "-webkit-print-color-adjust"], ["column-gap", "grid-column-gap"], ["forced-color-adjust", "-ms-high-contrast-adjust"], ["gap", "grid-gap"], ["grid-template-columns", "-ms-grid-columns"], ["grid-template-rows", "-ms-grid-rows"], ["justify-self", "-ms-grid-column-align"], ["margin-inline-end", "-webkit-margin-end"], ["margin-inline-start", "-webkit-margin-start"], ["mask-border", "-webkit-mask-box-image"], ["mask-border-outset", "-webkit-mask-box-image-outset"], ["mask-border-slice", "-webkit-mask-box-image-slice"], ["mask-border-source", "-webkit-mask-box-image-source"], ["mask-border-repeat", "-webkit-mask-box-image-repeat"], ["mask-border-width", "-webkit-mask-box-image-width"], ["overflow-wrap", "word-wrap"], ["padding-inline-end", "-webkit-padding-end"], ["padding-inline-start", "-webkit-padding-start"], ["print-color-adjust", "color-adjust"], ["row-gap", "grid-row-gap"], ["scroll-margin-bottom", "scroll-snap-margin-bottom"], ["scroll-margin-left", "scroll-snap-margin-left"], ["scroll-margin-right", "scroll-snap-margin-right"], ["scroll-margin-top", "scroll-snap-margin-top"], ["scroll-margin", "scroll-snap-margin"], ["text-combine-upright", "-ms-text-combine-horizontal"]]);
-function Ht(e) {
-  return _t.get(e);
-}
-function It(e) {
-  var t = /^(?:(text-(?:decoration$|e|or|si)|back(?:ground-cl|d|f)|box-d|mask(?:$|-[ispro]|-cl)|pr|hyphena|flex-d)|(tab-|column(?!-s)|text-align-l)|(ap)|u|hy)/i.exec(e);
-  return t ? t[1] ? 1 : t[2] ? 2 : t[3] ? 3 : 5 : 0;
-}
-function Nt(e, t) {
-  var r = /^(?:(pos)|(cli)|(background-i)|(flex(?:$|-b)|(?:max-|min-)?(?:block-s|inl|he|widt))|dis)/i.exec(e);
-  return r ? r[1] ? /^sti/i.test(t) ? 1 : 0 : r[2] ? /^pat/i.test(t) ? 1 : 0 : r[3] ? /^image-/i.test(t) ? 1 : 0 : r[4] ? t[3] === "-" ? 2 : 0 : /^(?:inline-)?grid$/i.test(t) ? 4 : 0 : 0;
-}
-let Pt = [
-  [
-    "-webkit-",
-    1
-  ],
-  // 0b001
-  [
-    "-moz-",
-    2
-  ],
-  // 0b010
-  [
-    "-ms-",
-    4
-  ]
-];
-function Bt() {
-  return ({ stringify: e }) => ({
-    stringify(t, r, o) {
-      let n = "", s = Ht(t);
-      s && (n += e(s, r, o) + ";");
-      let l = It(t), a = Nt(t, r);
-      for (let i of Pt)
-        l & i[1] && (n += e(i[0] + t, r, o) + ";"), a & i[1] && (n += e(t, i[0] + r, o) + ";");
-      return n + e(t, r, o);
-    }
-  });
-}
-let Ae = {
-  screens: {
-    sm: "640px",
-    md: "768px",
-    lg: "1024px",
-    xl: "1280px",
-    "2xl": "1536px"
-  },
-  columns: {
-    auto: "auto",
-    // Handled by plugin,
-    // 1: '1',
-    // 2: '2',
-    // 3: '3',
-    // 4: '4',
-    // 5: '5',
-    // 6: '6',
-    // 7: '7',
-    // 8: '8',
-    // 9: '9',
-    // 10: '10',
-    // 11: '11',
-    // 12: '12',
-    "3xs": "16rem",
-    "2xs": "18rem",
-    xs: "20rem",
-    sm: "24rem",
-    md: "28rem",
-    lg: "32rem",
-    xl: "36rem",
-    "2xl": "42rem",
-    "3xl": "48rem",
-    "4xl": "56rem",
-    "5xl": "64rem",
-    "6xl": "72rem",
-    "7xl": "80rem"
-  },
-  spacing: {
-    px: "1px",
-    0: "0px",
-    .../* @__PURE__ */ O(4, "rem", 4, 0.5, 0.5),
-    // 0.5: '0.125rem',
-    // 1: '0.25rem',
-    // 1.5: '0.375rem',
-    // 2: '0.5rem',
-    // 2.5: '0.625rem',
-    // 3: '0.75rem',
-    // 3.5: '0.875rem',
-    // 4: '1rem',
-    .../* @__PURE__ */ O(12, "rem", 4, 5),
-    // 5: '1.25rem',
-    // 6: '1.5rem',
-    // 7: '1.75rem',
-    // 8: '2rem',
-    // 9: '2.25rem',
-    // 10: '2.5rem',
-    // 11: '2.75rem',
-    // 12: '3rem',
-    14: "3.5rem",
-    .../* @__PURE__ */ O(64, "rem", 4, 16, 4),
-    // 16: '4rem',
-    // 20: '5rem',
-    // 24: '6rem',
-    // 28: '7rem',
-    // 32: '8rem',
-    // 36: '9rem',
-    // 40: '10rem',
-    // 44: '11rem',
-    // 48: '12rem',
-    // 52: '13rem',
-    // 56: '14rem',
-    // 60: '15rem',
-    // 64: '16rem',
-    72: "18rem",
-    80: "20rem",
-    96: "24rem"
-  },
-  durations: {
-    75: "75ms",
-    100: "100ms",
-    150: "150ms",
-    200: "200ms",
-    300: "300ms",
-    500: "500ms",
-    700: "700ms",
-    1e3: "1000ms"
-  },
-  animation: {
-    none: "none",
-    spin: "spin 1s linear infinite",
-    ping: "ping 1s cubic-bezier(0,0,0.2,1) infinite",
-    pulse: "pulse 2s cubic-bezier(0.4,0,0.6,1) infinite",
-    bounce: "bounce 1s infinite"
-  },
-  aspectRatio: {
-    auto: "auto",
-    square: "1/1",
-    video: "16/9"
-  },
-  backdropBlur: /* @__PURE__ */ g("blur"),
-  backdropBrightness: /* @__PURE__ */ g("brightness"),
-  backdropContrast: /* @__PURE__ */ g("contrast"),
-  backdropGrayscale: /* @__PURE__ */ g("grayscale"),
-  backdropHueRotate: /* @__PURE__ */ g("hueRotate"),
-  backdropInvert: /* @__PURE__ */ g("invert"),
-  backdropOpacity: /* @__PURE__ */ g("opacity"),
-  backdropSaturate: /* @__PURE__ */ g("saturate"),
-  backdropSepia: /* @__PURE__ */ g("sepia"),
-  backgroundColor: /* @__PURE__ */ g("colors"),
-  backgroundImage: {
-    none: "none"
-  },
-  // These are built-in
-  // 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
-  // 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
-  // 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
-  // 'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
-  // 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
-  // 'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
-  // 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
-  // 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
-  backgroundOpacity: /* @__PURE__ */ g("opacity"),
-  // backgroundPosition: {
-  //   // The following are already handled by the plugin:
-  //   // center, right, left, bottom, top
-  //   // 'bottom-10px-right-20px' -> bottom 10px right 20px
-  // },
-  backgroundSize: {
-    auto: "auto",
-    cover: "cover",
-    contain: "contain"
-  },
-  blur: {
-    none: "none",
-    0: "0",
-    sm: "4px",
-    DEFAULT: "8px",
-    md: "12px",
-    lg: "16px",
-    xl: "24px",
-    "2xl": "40px",
-    "3xl": "64px"
-  },
-  brightness: {
-    .../* @__PURE__ */ O(200, "", 100, 0, 50),
-    // 0: '0',
-    // 50: '.5',
-    // 150: '1.5',
-    // 200: '2',
-    .../* @__PURE__ */ O(110, "", 100, 90, 5),
-    // 90: '.9',
-    // 95: '.95',
-    // 100: '1',
-    // 105: '1.05',
-    // 110: '1.1',
-    75: "0.75",
-    125: "1.25"
-  },
-  borderColor: ({ theme: e }) => ({
-    DEFAULT: e("colors.gray.200", "currentColor"),
-    ...e("colors")
-  }),
-  borderOpacity: /* @__PURE__ */ g("opacity"),
-  borderRadius: {
-    none: "0px",
-    sm: "0.125rem",
-    DEFAULT: "0.25rem",
-    md: "0.375rem",
-    lg: "0.5rem",
-    xl: "0.75rem",
-    "2xl": "1rem",
-    "3xl": "1.5rem",
-    "1/2": "50%",
-    full: "9999px"
-  },
-  borderSpacing: /* @__PURE__ */ g("spacing"),
-  borderWidth: {
-    DEFAULT: "1px",
-    .../* @__PURE__ */ $(8, "px")
-  },
-  // 0: '0px',
-  // 2: '2px',
-  // 4: '4px',
-  // 8: '8px',
-  boxShadow: {
-    sm: "0 1px 2px 0 rgba(0,0,0,0.05)",
-    DEFAULT: "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",
-    md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
-    lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
-    xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)",
-    "2xl": "0 25px 50px -12px rgba(0,0,0,0.25)",
-    inner: "inset 0 2px 4px 0 rgba(0,0,0,0.05)",
-    none: "0 0 #0000"
-  },
-  boxShadowColor: g("colors"),
-  // container: {},
-  // cursor: {
-  //   // Default values are handled by plugin
-  // },
-  caretColor: /* @__PURE__ */ g("colors"),
-  accentColor: ({ theme: e }) => ({
-    auto: "auto",
-    ...e("colors")
-  }),
-  contrast: {
-    .../* @__PURE__ */ O(200, "", 100, 0, 50),
-    // 0: '0',
-    // 50: '.5',
-    // 150: '1.5',
-    // 200: '2',
-    75: "0.75",
-    125: "1.25"
-  },
-  content: {
-    none: "none"
-  },
-  divideColor: /* @__PURE__ */ g("borderColor"),
-  divideOpacity: /* @__PURE__ */ g("borderOpacity"),
-  divideWidth: /* @__PURE__ */ g("borderWidth"),
-  dropShadow: {
-    sm: "0 1px 1px rgba(0,0,0,0.05)",
-    DEFAULT: [
-      "0 1px 2px rgba(0,0,0,0.1)",
-      "0 1px 1px rgba(0,0,0,0.06)"
-    ],
-    md: [
-      "0 4px 3px rgba(0,0,0,0.07)",
-      "0 2px 2px rgba(0,0,0,0.06)"
-    ],
-    lg: [
-      "0 10px 8px rgba(0,0,0,0.04)",
-      "0 4px 3px rgba(0,0,0,0.1)"
-    ],
-    xl: [
-      "0 20px 13px rgba(0,0,0,0.03)",
-      "0 8px 5px rgba(0,0,0,0.08)"
-    ],
-    "2xl": "0 25px 25px rgba(0,0,0,0.15)",
-    none: "0 0 #0000"
-  },
-  fill: ({ theme: e }) => ({
-    ...e("colors"),
-    none: "none"
-  }),
-  grayscale: {
-    DEFAULT: "100%",
-    0: "0"
-  },
-  hueRotate: {
-    0: "0deg",
-    15: "15deg",
-    30: "30deg",
-    60: "60deg",
-    90: "90deg",
-    180: "180deg"
-  },
-  invert: {
-    DEFAULT: "100%",
-    0: "0"
-  },
-  flex: {
-    1: "1 1 0%",
-    auto: "1 1 auto",
-    initial: "0 1 auto",
-    none: "none"
-  },
-  flexBasis: ({ theme: e }) => ({
-    ...e("spacing"),
-    ...K(2, 6),
-    // '1/2': '50%',
-    // '1/3': '33.333333%',
-    // '2/3': '66.666667%',
-    // '1/4': '25%',
-    // '2/4': '50%',
-    // '3/4': '75%',
-    // '1/5': '20%',
-    // '2/5': '40%',
-    // '3/5': '60%',
-    // '4/5': '80%',
-    // '1/6': '16.666667%',
-    // '2/6': '33.333333%',
-    // '3/6': '50%',
-    // '4/6': '66.666667%',
-    // '5/6': '83.333333%',
-    ...K(12, 12),
-    // '1/12': '8.333333%',
-    // '2/12': '16.666667%',
-    // '3/12': '25%',
-    // '4/12': '33.333333%',
-    // '5/12': '41.666667%',
-    // '6/12': '50%',
-    // '7/12': '58.333333%',
-    // '8/12': '66.666667%',
-    // '9/12': '75%',
-    // '10/12': '83.333333%',
-    // '11/12': '91.666667%',
-    auto: "auto",
-    full: "100%"
-  }),
-  flexGrow: {
-    DEFAULT: 1,
-    0: 0
-  },
-  flexShrink: {
-    DEFAULT: 1,
-    0: 0
-  },
-  fontFamily: {
-    sans: 'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'.split(","),
-    serif: 'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif'.split(","),
-    mono: 'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'.split(",")
-  },
-  fontSize: {
-    xs: [
-      "0.75rem",
-      "1rem"
-    ],
-    sm: [
-      "0.875rem",
-      "1.25rem"
-    ],
-    base: [
-      "1rem",
-      "1.5rem"
-    ],
-    lg: [
-      "1.125rem",
-      "1.75rem"
-    ],
-    xl: [
-      "1.25rem",
-      "1.75rem"
-    ],
-    "2xl": [
-      "1.5rem",
-      "2rem"
-    ],
-    "3xl": [
-      "1.875rem",
-      "2.25rem"
-    ],
-    "4xl": [
-      "2.25rem",
-      "2.5rem"
-    ],
-    "5xl": [
-      "3rem",
-      "1"
-    ],
-    "6xl": [
-      "3.75rem",
-      "1"
-    ],
-    "7xl": [
-      "4.5rem",
-      "1"
-    ],
-    "8xl": [
-      "6rem",
-      "1"
-    ],
-    "9xl": [
-      "8rem",
-      "1"
-    ]
-  },
-  fontWeight: {
-    thin: "100",
-    extralight: "200",
-    light: "300",
-    normal: "400",
-    medium: "500",
-    semibold: "600",
-    bold: "700",
-    extrabold: "800",
-    black: "900"
-  },
-  gap: /* @__PURE__ */ g("spacing"),
-  gradientColorStops: /* @__PURE__ */ g("colors"),
-  gridAutoColumns: {
-    auto: "auto",
-    min: "min-content",
-    max: "max-content",
-    fr: "minmax(0,1fr)"
-  },
-  gridAutoRows: {
-    auto: "auto",
-    min: "min-content",
-    max: "max-content",
-    fr: "minmax(0,1fr)"
-  },
-  gridColumn: {
-    // span-X is handled by the plugin: span-1 -> span 1 / span 1
-    auto: "auto",
-    "span-full": "1 / -1"
-  },
-  // gridColumnEnd: {
-  //   // Defaults handled by plugin
-  // },
-  // gridColumnStart: {
-  //   // Defaults handled by plugin
-  // },
-  gridRow: {
-    // span-X is handled by the plugin: span-1 -> span 1 / span 1
-    auto: "auto",
-    "span-full": "1 / -1"
-  },
-  // gridRowStart: {
-  //   // Defaults handled by plugin
-  // },
-  // gridRowEnd: {
-  //   // Defaults handled by plugin
-  // },
-  gridTemplateColumns: {
-    // numbers are handled by the plugin: 1 -> repeat(1, minmax(0, 1fr))
-    none: "none"
-  },
-  gridTemplateRows: {
-    // numbers are handled by the plugin: 1 -> repeat(1, minmax(0, 1fr))
-    none: "none"
-  },
-  height: ({ theme: e }) => ({
-    ...e("spacing"),
-    ...K(2, 6),
-    // '1/2': '50%',
-    // '1/3': '33.333333%',
-    // '2/3': '66.666667%',
-    // '1/4': '25%',
-    // '2/4': '50%',
-    // '3/4': '75%',
-    // '1/5': '20%',
-    // '2/5': '40%',
-    // '3/5': '60%',
-    // '4/5': '80%',
-    // '1/6': '16.666667%',
-    // '2/6': '33.333333%',
-    // '3/6': '50%',
-    // '4/6': '66.666667%',
-    // '5/6': '83.333333%',
-    min: "min-content",
-    max: "max-content",
-    fit: "fit-content",
-    auto: "auto",
-    full: "100%",
-    screen: "100vh"
-  }),
-  inset: ({ theme: e }) => ({
-    ...e("spacing"),
-    ...K(2, 4),
-    // '1/2': '50%',
-    // '1/3': '33.333333%',
-    // '2/3': '66.666667%',
-    // '1/4': '25%',
-    // '2/4': '50%',
-    // '3/4': '75%',
-    auto: "auto",
-    full: "100%"
-  }),
-  keyframes: {
-    spin: {
-      from: {
-        transform: "rotate(0deg)"
-      },
-      to: {
-        transform: "rotate(360deg)"
-      }
-    },
-    ping: {
-      "0%": {
-        transform: "scale(1)",
-        opacity: "1"
-      },
-      "75%,100%": {
-        transform: "scale(2)",
-        opacity: "0"
-      }
-    },
-    pulse: {
-      "0%,100%": {
-        opacity: "1"
-      },
-      "50%": {
-        opacity: ".5"
-      }
-    },
-    bounce: {
-      "0%, 100%": {
-        transform: "translateY(-25%)",
-        animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
-      },
-      "50%": {
-        transform: "none",
-        animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
-      }
-    }
-  },
-  letterSpacing: {
-    tighter: "-0.05em",
-    tight: "-0.025em",
-    normal: "0em",
-    wide: "0.025em",
-    wider: "0.05em",
-    widest: "0.1em"
-  },
-  lineHeight: {
-    .../* @__PURE__ */ O(10, "rem", 4, 3),
-    // 3: '.75rem',
-    // 4: '1rem',
-    // 5: '1.25rem',
-    // 6: '1.5rem',
-    // 7: '1.75rem',
-    // 8: '2rem',
-    // 9: '2.25rem',
-    // 10: '2.5rem',
-    none: "1",
-    tight: "1.25",
-    snug: "1.375",
-    normal: "1.5",
-    relaxed: "1.625",
-    loose: "2"
-  },
-  // listStyleType: {
-  //   // Defaults handled by plugin
-  // },
-  margin: ({ theme: e }) => ({
-    auto: "auto",
-    ...e("spacing")
-  }),
-  maxHeight: ({ theme: e }) => ({
-    full: "100%",
-    min: "min-content",
-    max: "max-content",
-    fit: "fit-content",
-    screen: "100vh",
-    ...e("spacing")
-  }),
-  maxWidth: ({ theme: e, breakpoints: t }) => ({
-    ...t(e("screens")),
-    none: "none",
-    0: "0rem",
-    xs: "20rem",
-    sm: "24rem",
-    md: "28rem",
-    lg: "32rem",
-    xl: "36rem",
-    "2xl": "42rem",
-    "3xl": "48rem",
-    "4xl": "56rem",
-    "5xl": "64rem",
-    "6xl": "72rem",
-    "7xl": "80rem",
-    full: "100%",
-    min: "min-content",
-    max: "max-content",
-    fit: "fit-content",
-    prose: "65ch"
-  }),
-  minHeight: {
-    0: "0px",
-    full: "100%",
-    min: "min-content",
-    max: "max-content",
-    fit: "fit-content",
-    screen: "100vh"
-  },
-  minWidth: {
-    0: "0px",
-    full: "100%",
-    min: "min-content",
-    max: "max-content",
-    fit: "fit-content"
-  },
-  // objectPosition: {
-  //   // The plugins joins all arguments by default
-  // },
-  opacity: {
-    .../* @__PURE__ */ O(100, "", 100, 0, 10),
-    // 0: '0',
-    // 10: '0.1',
-    // 20: '0.2',
-    // 30: '0.3',
-    // 40: '0.4',
-    // 60: '0.6',
-    // 70: '0.7',
-    // 80: '0.8',
-    // 90: '0.9',
-    // 100: '1',
-    5: "0.05",
-    25: "0.25",
-    75: "0.75",
-    95: "0.95"
-  },
-  order: {
-    // Handled by plugin
-    // 1: '1',
-    // 2: '2',
-    // 3: '3',
-    // 4: '4',
-    // 5: '5',
-    // 6: '6',
-    // 7: '7',
-    // 8: '8',
-    // 9: '9',
-    // 10: '10',
-    // 11: '11',
-    // 12: '12',
-    first: "-9999",
-    last: "9999",
-    none: "0"
-  },
-  padding: /* @__PURE__ */ g("spacing"),
-  placeholderColor: /* @__PURE__ */ g("colors"),
-  placeholderOpacity: /* @__PURE__ */ g("opacity"),
-  outlineColor: /* @__PURE__ */ g("colors"),
-  outlineOffset: /* @__PURE__ */ $(8, "px"),
-  // 0: '0px',
-  // 1: '1px',
-  // 2: '2px',
-  // 4: '4px',
-  // 8: '8px',,
-  outlineWidth: /* @__PURE__ */ $(8, "px"),
-  // 0: '0px',
-  // 1: '1px',
-  // 2: '2px',
-  // 4: '4px',
-  // 8: '8px',,
-  ringColor: ({ theme: e }) => ({
-    ...e("colors"),
-    DEFAULT: "#3b82f6"
-  }),
-  ringOffsetColor: /* @__PURE__ */ g("colors"),
-  ringOffsetWidth: /* @__PURE__ */ $(8, "px"),
-  // 0: '0px',
-  // 1: '1px',
-  // 2: '2px',
-  // 4: '4px',
-  // 8: '8px',,
-  ringOpacity: ({ theme: e }) => ({
-    ...e("opacity"),
-    DEFAULT: "0.5"
-  }),
-  ringWidth: {
-    DEFAULT: "3px",
-    .../* @__PURE__ */ $(8, "px")
-  },
-  // 0: '0px',
-  // 1: '1px',
-  // 2: '2px',
-  // 4: '4px',
-  // 8: '8px',
-  rotate: {
-    .../* @__PURE__ */ $(2, "deg"),
-    // 0: '0deg',
-    // 1: '1deg',
-    // 2: '2deg',
-    .../* @__PURE__ */ $(12, "deg", 3),
-    // 3: '3deg',
-    // 6: '6deg',
-    // 12: '12deg',
-    .../* @__PURE__ */ $(180, "deg", 45)
-  },
-  // 45: '45deg',
-  // 90: '90deg',
-  // 180: '180deg',
-  saturate: /* @__PURE__ */ O(200, "", 100, 0, 50),
-  // 0: '0',
-  // 50: '.5',
-  // 100: '1',
-  // 150: '1.5',
-  // 200: '2',
-  scale: {
-    .../* @__PURE__ */ O(150, "", 100, 0, 50),
-    // 0: '0',
-    // 50: '.5',
-    // 150: '1.5',
-    .../* @__PURE__ */ O(110, "", 100, 90, 5),
-    // 90: '.9',
-    // 95: '.95',
-    // 100: '1',
-    // 105: '1.05',
-    // 110: '1.1',
-    75: "0.75",
-    125: "1.25"
-  },
-  scrollMargin: /* @__PURE__ */ g("spacing"),
-  scrollPadding: /* @__PURE__ */ g("spacing"),
-  sepia: {
-    0: "0",
-    DEFAULT: "100%"
-  },
-  skew: {
-    .../* @__PURE__ */ $(2, "deg"),
-    // 0: '0deg',
-    // 1: '1deg',
-    // 2: '2deg',
-    .../* @__PURE__ */ $(12, "deg", 3)
-  },
-  // 3: '3deg',
-  // 6: '6deg',
-  // 12: '12deg',
-  space: /* @__PURE__ */ g("spacing"),
-  stroke: ({ theme: e }) => ({
-    ...e("colors"),
-    none: "none"
-  }),
-  strokeWidth: /* @__PURE__ */ O(2),
-  // 0: '0',
-  // 1: '1',
-  // 2: '2',,
-  textColor: /* @__PURE__ */ g("colors"),
-  textDecorationColor: /* @__PURE__ */ g("colors"),
-  textDecorationThickness: {
-    "from-font": "from-font",
-    auto: "auto",
-    .../* @__PURE__ */ $(8, "px")
-  },
-  // 0: '0px',
-  // 1: '1px',
-  // 2: '2px',
-  // 4: '4px',
-  // 8: '8px',
-  textUnderlineOffset: {
-    auto: "auto",
-    .../* @__PURE__ */ $(8, "px")
-  },
-  // 0: '0px',
-  // 1: '1px',
-  // 2: '2px',
-  // 4: '4px',
-  // 8: '8px',
-  textIndent: /* @__PURE__ */ g("spacing"),
-  textOpacity: /* @__PURE__ */ g("opacity"),
-  // transformOrigin: {
-  //   // The following are already handled by the plugin:
-  //   // center, right, left, bottom, top
-  //   // 'bottom-10px-right-20px' -> bottom 10px right 20px
-  // },
-  transitionDuration: ({ theme: e }) => ({
-    ...e("durations"),
-    DEFAULT: "150ms"
-  }),
-  transitionDelay: /* @__PURE__ */ g("durations"),
-  transitionProperty: {
-    none: "none",
-    all: "all",
-    DEFAULT: "color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter",
-    colors: "color,background-color,border-color,text-decoration-color,fill,stroke",
-    opacity: "opacity",
-    shadow: "box-shadow",
-    transform: "transform"
-  },
-  transitionTimingFunction: {
-    DEFAULT: "cubic-bezier(0.4,0,0.2,1)",
-    linear: "linear",
-    in: "cubic-bezier(0.4,0,1,1)",
-    out: "cubic-bezier(0,0,0.2,1)",
-    "in-out": "cubic-bezier(0.4,0,0.2,1)"
-  },
-  translate: ({ theme: e }) => ({
-    ...e("spacing"),
-    ...K(2, 4),
-    // '1/2': '50%',
-    // '1/3': '33.333333%',
-    // '2/3': '66.666667%',
-    // '1/4': '25%',
-    // '2/4': '50%',
-    // '3/4': '75%',
-    full: "100%"
-  }),
-  width: ({ theme: e }) => ({
-    min: "min-content",
-    max: "max-content",
-    fit: "fit-content",
-    screen: "100vw",
-    ...e("flexBasis")
-  }),
-  willChange: {
-    scroll: "scroll-position"
-  },
-  // other options handled by rules
-  // auto: 'auto',
-  // contents: 'contents',
-  // transform: 'transform',
-  zIndex: {
-    .../* @__PURE__ */ O(50, "", 1, 0, 10),
-    // 0: '0',
-    // 10: '10',
-    // 20: '20',
-    // 30: '30',
-    // 40: '40',
-    // 50: '50',
-    auto: "auto"
-  }
-};
-function K(e, t) {
-  let r = {};
-  do
-    for (var o = 1; o < e; o++)
-      r[`${o}/${e}`] = Number((o / e * 100).toFixed(6)) + "%";
-  while (++e <= t);
-  return r;
-}
-function $(e, t, r = 0) {
-  let o = {};
-  for (; r <= e; r = 2 * r || 1)
-    o[r] = r + t;
-  return o;
-}
-function O(e, t = "", r = 1, o = 0, n = 1, s = {}) {
-  for (; o <= e; o += n)
-    s[o] = o / r + t;
-  return s;
-}
-function g(e) {
-  return ({ theme: t }) => t(e);
-}
-let qt = {
-  /*
-  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-  */
-  "*,::before,::after": {
-    boxSizing: "border-box",
-    /* 1 */
-    borderWidth: "0",
-    /* 2 */
-    borderStyle: "solid",
-    /* 2 */
-    borderColor: "theme(borderColor.DEFAULT, currentColor)"
-  },
-  /* 2 */
-  "::before,::after": {
-    "--tw-content": "''"
-  },
-  /*
-  1. Use a consistent sensible line-height in all browsers.
-  2. Prevent adjustments of font size after orientation changes in iOS.
-  3. Use a more readable tab size.
-  4. Use the user's configured `sans` font-family by default.
-  5. Use the user's configured `sans` font-feature-settings by default.
-  */
-  html: {
-    lineHeight: 1.5,
-    /* 1 */
-    WebkitTextSizeAdjust: "100%",
-    /* 2 */
-    MozTabSize: "4",
-    /* 3 */
-    tabSize: 4,
-    /* 3 */
-    fontFamily: `theme(fontFamily.sans, ${Ae.fontFamily.sans})`,
-    /* 4 */
-    fontFeatureSettings: "theme(fontFamily.sans[1].fontFeatureSettings, normal)"
-  },
-  /* 5 */
-  /*
-  1. Remove the margin in all browsers.
-  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-  */
-  body: {
-    margin: "0",
-    /* 1 */
-    lineHeight: "inherit"
-  },
-  /* 2 */
-  /*
-  1. Add the correct height in Firefox.
-  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-  3. Ensure horizontal rules are visible by default.
-  */
-  hr: {
-    height: "0",
-    /* 1 */
-    color: "inherit",
-    /* 2 */
-    borderTopWidth: "1px"
-  },
-  /* 3 */
-  /*
-  Add the correct text decoration in Chrome, Edge, and Safari.
-  */
-  "abbr:where([title])": {
-    textDecoration: "underline dotted"
-  },
-  /*
-  Remove the default font size and weight for headings.
-  */
-  "h1,h2,h3,h4,h5,h6": {
-    fontSize: "inherit",
-    fontWeight: "inherit"
-  },
-  /*
-  Reset links to optimize for opt-in styling instead of opt-out.
-  */
-  a: {
-    color: "inherit",
-    textDecoration: "inherit"
-  },
-  /*
-  Add the correct font weight in Edge and Safari.
-  */
-  "b,strong": {
-    fontWeight: "bolder"
-  },
-  /*
-  1. Use the user's configured `mono` font family by default.
-  2. Use the user's configured `mono` font-feature-settings by default.
-  3. Correct the odd `em` font sizing in all browsers.
-  */
-  "code,kbd,samp,pre": {
-    fontFamily: `theme(fontFamily.mono, ${Ae.fontFamily.mono})`,
-    fontFeatureSettings: "theme(fontFamily.mono[1].fontFeatureSettings, normal)",
-    fontSize: "1em"
-  },
-  /*
-  Add the correct font size in all browsers.
-  */
-  small: {
-    fontSize: "80%"
-  },
-  /*
-  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-  */
-  "sub,sup": {
-    fontSize: "75%",
-    lineHeight: 0,
-    position: "relative",
-    verticalAlign: "baseline"
-  },
-  sub: {
-    bottom: "-0.25em"
-  },
-  sup: {
-    top: "-0.5em"
-  },
-  /*
-  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-  3. Remove gaps between table borders by default.
-  */
-  table: {
-    textIndent: "0",
-    /* 1 */
-    borderColor: "inherit",
-    /* 2 */
-    borderCollapse: "collapse"
-  },
-  /* 3 */
-  /*
-  1. Change the font styles in all browsers.
-  2. Remove the margin in Firefox and Safari.
-  3. Remove default padding in all browsers.
-  */
-  "button,input,optgroup,select,textarea": {
-    fontFamily: "inherit",
-    /* 1 */
-    fontSize: "100%",
-    /* 1 */
-    lineHeight: "inherit",
-    /* 1 */
-    color: "inherit",
-    /* 1 */
-    margin: "0",
-    /* 2 */
-    padding: "0"
-  },
-  /* 3 */
-  /*
-  Remove the inheritance of text transform in Edge and Firefox.
-  */
-  "button,select": {
-    textTransform: "none"
-  },
-  /*
-  1. Correct the inability to style clickable types in iOS and Safari.
-  2. Remove default button styles.
-  */
-  "button,[type='button'],[type='reset'],[type='submit']": {
-    WebkitAppearance: "button",
-    /* 1 */
-    backgroundColor: "transparent",
-    /* 2 */
-    backgroundImage: "none"
-  },
-  /* 4 */
-  /*
-  Use the modern Firefox focus style for all focusable elements.
-  */
-  ":-moz-focusring": {
-    outline: "auto"
-  },
-  /*
-  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-  */
-  ":-moz-ui-invalid": {
-    boxShadow: "none"
-  },
-  /*
-  Add the correct vertical alignment in Chrome and Firefox.
-  */
-  progress: {
-    verticalAlign: "baseline"
-  },
-  /*
-  Correct the cursor style of increment and decrement buttons in Safari.
-  */
-  "::-webkit-inner-spin-button,::-webkit-outer-spin-button": {
-    height: "auto"
-  },
-  /*
-  1. Correct the odd appearance in Chrome and Safari.
-  2. Correct the outline style in Safari.
-  */
-  "[type='search']": {
-    WebkitAppearance: "textfield",
-    /* 1 */
-    outlineOffset: "-2px"
-  },
-  /* 2 */
-  /*
-  Remove the inner padding in Chrome and Safari on macOS.
-  */
-  "::-webkit-search-decoration": {
-    WebkitAppearance: "none"
-  },
-  /*
-  1. Correct the inability to style clickable types in iOS and Safari.
-  2. Change font properties to `inherit` in Safari.
-  */
-  "::-webkit-file-upload-button": {
-    WebkitAppearance: "button",
-    /* 1 */
-    font: "inherit"
-  },
-  /* 2 */
-  /*
-  Add the correct display in Chrome and Safari.
-  */
-  summary: {
-    display: "list-item"
-  },
-  /*
-  Removes the default spacing and border for appropriate elements.
-  */
-  "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre": {
-    margin: "0"
-  },
-  fieldset: {
-    margin: "0",
-    padding: "0"
-  },
-  legend: {
-    padding: "0"
-  },
-  "ol,ul,menu": {
-    listStyle: "none",
-    margin: "0",
-    padding: "0"
-  },
-  /*
-  Prevent resizing textareas horizontally by default.
-  */
-  textarea: {
-    resize: "vertical"
-  },
-  /*
-  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-  2. Set the default placeholder color to the user's configured gray 400 color.
-  */
-  "input::placeholder,textarea::placeholder": {
-    opacity: 1,
-    /* 1 */
-    color: "theme(colors.gray.400, #9ca3af)"
-  },
-  /* 2 */
-  /*
-  Set the default cursor for buttons.
-  */
-  'button,[role="button"]': {
-    cursor: "pointer"
-  },
-  /*
-  Make sure disabled buttons don't get the pointer cursor.
-  */
-  ":disabled": {
-    cursor: "default"
-  },
-  /*
-  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-    This can trigger a poorly considered lint error in some tools but is included by design.
-  */
-  "img,svg,video,canvas,audio,iframe,embed,object": {
-    display: "block",
-    /* 1 */
-    verticalAlign: "middle"
-  },
-  /* 2 */
-  /*
-  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-  */
-  "img,video": {
-    maxWidth: "100%",
-    height: "auto"
-  },
-  /* Make elements with the HTML hidden attribute stay hidden by default */
-  "[hidden]": {
-    display: "none"
-  }
-}, Gt = [
-  /* arbitrary properties: [paint-order:markers] */
-  c("\\[([-\\w]+):(.+)]", ({ 1: e, 2: t }, r) => ({
-    "@layer overrides": {
-      "&": {
-        [e]: I(`[${t}]`, "", r)
-      }
-    }
-  })),
-  /* Styling based on parent and peer state */
-  c("(group|peer)([~/][^-[]+)?", ({ input: e }, { h: t }) => [
-    {
-      c: t(e)
-    }
-  ]),
-  /* LAYOUT */
-  p("aspect-", "aspectRatio"),
-  c("container", (e, { theme: t }) => {
-    let { screens: r = t("screens"), center: o, padding: n } = t("container"), s = {
-      width: "100%",
-      marginRight: o && "auto",
-      marginLeft: o && "auto",
-      ...l("xs")
-    };
-    for (let a in r) {
-      let i = r[a];
-      typeof i == "string" && (s[Re(i)] = {
-        "&": {
-          maxWidth: i,
-          ...l(a)
-        }
-      });
-    }
-    return s;
-    function l(a) {
-      let i = n && (typeof n == "string" ? n : n[a] || n.DEFAULT);
-      if (i)
-        return {
-          paddingRight: i,
-          paddingLeft: i
-        };
-    }
-  }),
-  // Content
-  p("content-", "content", ({ _: e }) => ({
-    "--tw-content": e,
-    content: "var(--tw-content)"
-  })),
-  // Box Decoration Break
-  c("(?:box-)?decoration-(slice|clone)", "boxDecorationBreak"),
-  // Box Sizing
-  c("box-(border|content)", "boxSizing", ({ 1: e }) => e + "-box"),
-  // Display
-  c("hidden", {
-    display: "none"
-  }),
-  // Table Layout
-  c("table-(auto|fixed)", "tableLayout"),
-  c([
-    "(block|flex|table|grid|inline|contents|flow-root|list-item)",
-    "(inline-(block|flex|table|grid))",
-    "(table-(caption|cell|column|row|(column|row|footer|header)-group))"
-  ], "display"),
-  // Floats
-  "(float)-(left|right|none)",
-  // Clear
-  "(clear)-(left|right|none|both)",
-  // Overflow
-  "(overflow(?:-[xy])?)-(auto|hidden|clip|visible|scroll)",
-  // Isolation
-  "(isolation)-(auto)",
-  // Isolation
-  c("isolate", "isolation"),
-  // Object Fit
-  c("object-(contain|cover|fill|none|scale-down)", "objectFit"),
-  // Object Position
-  p("object-", "objectPosition"),
-  c("object-(top|bottom|center|(left|right)(-(top|bottom))?)", "objectPosition", ne),
-  // Overscroll Behavior
-  c("overscroll(-[xy])?-(auto|contain|none)", ({ 1: e = "", 2: t }) => ({
-    ["overscroll-behavior" + e]: t
-  })),
-  // Position
-  c("(static|fixed|absolute|relative|sticky)", "position"),
-  // Top / Right / Bottom / Left
-  p("-?inset(-[xy])?(?:$|-)", "inset", ({ 1: e, _: t }) => ({
-    top: e != "-x" && t,
-    right: e != "-y" && t,
-    bottom: e != "-x" && t,
-    left: e != "-y" && t
-  })),
-  p("-?(top|bottom|left|right)(?:$|-)", "inset"),
-  // Visibility
-  c("(visible|collapse)", "visibility"),
-  c("invisible", {
-    visibility: "hidden"
-  }),
-  // Z-Index
-  p("-?z-", "zIndex"),
-  /* FLEXBOX */
-  // Flex Direction
-  c("flex-((row|col)(-reverse)?)", "flexDirection", Ne),
-  c("flex-(wrap|wrap-reverse|nowrap)", "flexWrap"),
-  p("(flex-(?:grow|shrink))(?:$|-)"),
-  /*, 'flex-grow' | flex-shrink */
-  p("(flex)-"),
-  /*, 'flex' */
-  p("grow(?:$|-)", "flexGrow"),
-  p("shrink(?:$|-)", "flexShrink"),
-  p("basis-", "flexBasis"),
-  p("-?(order)-"),
-  /*, 'order' */
-  "-?(order)-(\\d+)",
-  /* GRID */
-  // Grid Template Columns
-  p("grid-cols-", "gridTemplateColumns"),
-  c("grid-cols-(\\d+)", "gridTemplateColumns", Ge),
-  // Grid Column Start / End
-  p("col-", "gridColumn"),
-  c("col-(span)-(\\d+)", "gridColumn", qe),
-  p("col-start-", "gridColumnStart"),
-  c("col-start-(auto|\\d+)", "gridColumnStart"),
-  p("col-end-", "gridColumnEnd"),
-  c("col-end-(auto|\\d+)", "gridColumnEnd"),
-  // Grid Template Rows
-  p("grid-rows-", "gridTemplateRows"),
-  c("grid-rows-(\\d+)", "gridTemplateRows", Ge),
-  // Grid Row Start / End
-  p("row-", "gridRow"),
-  c("row-(span)-(\\d+)", "gridRow", qe),
-  p("row-start-", "gridRowStart"),
-  c("row-start-(auto|\\d+)", "gridRowStart"),
-  p("row-end-", "gridRowEnd"),
-  c("row-end-(auto|\\d+)", "gridRowEnd"),
-  // Grid Auto Flow
-  c("grid-flow-((row|col)(-dense)?)", "gridAutoFlow", (e) => ne(Ne(e))),
-  c("grid-flow-(dense)", "gridAutoFlow"),
-  // Grid Auto Columns
-  p("auto-cols-", "gridAutoColumns"),
-  // Grid Auto Rows
-  p("auto-rows-", "gridAutoRows"),
-  // Gap
-  p("gap-x(?:$|-)", "gap", "columnGap"),
-  p("gap-y(?:$|-)", "gap", "rowGap"),
-  p("gap(?:$|-)", "gap"),
-  /* BOX ALIGNMENT */
-  // Justify Items
-  // Justify Self
-  "(justify-(?:items|self))-",
-  // Justify Content
-  c("justify-", "justifyContent", Pe),
-  // Align Content
-  // Align Items
-  // Align Self
-  c("(content|items|self)-", (e) => ({
-    ["align-" + e[1]]: Pe(e)
-  })),
-  // Place Content
-  // Place Items
-  // Place Self
-  c("(place-(content|items|self))-", ({ 1: e, $$: t }) => ({
-    [e]: ("wun".includes(t[3]) ? "space-" : "") + t
-  })),
-  /* SPACING */
-  // Padding
-  p("p([xytrbl])?(?:$|-)", "padding", Y("padding")),
-  // Margin
-  p("-?m([xytrbl])?(?:$|-)", "margin", Y("margin")),
-  // Space Between
-  p("-?space-(x|y)(?:$|-)", "space", ({ 1: e, _: t }) => ({
-    "&>:not([hidden])~:not([hidden])": {
-      [`--tw-space-${e}-reverse`]: "0",
-      ["margin-" + {
-        y: "top",
-        x: "left"
-      }[e]]: `calc(${t} * calc(1 - var(--tw-space-${e}-reverse)))`,
-      ["margin-" + {
-        y: "bottom",
-        x: "right"
-      }[e]]: `calc(${t} * var(--tw-space-${e}-reverse))`
-    }
-  })),
-  c("space-(x|y)-reverse", ({ 1: e }) => ({
-    "&>:not([hidden])~:not([hidden])": {
-      [`--tw-space-${e}-reverse`]: "1"
-    }
-  })),
-  /* SIZING */
-  // Width
-  p("w-", "width"),
-  // Min-Width
-  p("min-w-", "minWidth"),
-  // Max-Width
-  p("max-w-", "maxWidth"),
-  // Height
-  p("h-", "height"),
-  // Min-Height
-  p("min-h-", "minHeight"),
-  // Max-Height
-  p("max-h-", "maxHeight"),
-  /* TYPOGRAPHY */
-  // Font Weight
-  p("font-", "fontWeight"),
-  // Font Family
-  p("font-", "fontFamily", ({ _: e }) => typeof (e = k(e))[1] == "string" ? {
-    fontFamily: W(e)
-  } : {
-    fontFamily: W(e[0]),
-    ...e[1]
-  }),
-  // Font Smoothing
-  c("antialiased", {
-    WebkitFontSmoothing: "antialiased",
-    MozOsxFontSmoothing: "grayscale"
-  }),
-  c("subpixel-antialiased", {
-    WebkitFontSmoothing: "auto",
-    MozOsxFontSmoothing: "auto"
-  }),
-  // Font Style
-  c("italic", "fontStyle"),
-  c("not-italic", {
-    fontStyle: "normal"
-  }),
-  // Font Variant Numeric
-  c("(ordinal|slashed-zero|(normal|lining|oldstyle|proportional|tabular)-nums|(diagonal|stacked)-fractions)", ({ 1: e, 2: t = "", 3: r }) => (
-    // normal-nums
-    t == "normal" ? {
-      fontVariantNumeric: "normal"
-    } : {
-      ["--tw-" + (r ? (
-        // diagonal-fractions, stacked-fractions
-        "numeric-fraction"
-      ) : "pt".includes(t[0]) ? (
-        // proportional-nums, tabular-nums
-        "numeric-spacing"
-      ) : t ? (
-        // lining-nums, oldstyle-nums
-        "numeric-figure"
-      ) : (
-        // ordinal, slashed-zero
-        e
-      ))]: e,
-      fontVariantNumeric: "var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)",
-      ..._({
-        "--tw-ordinal": "var(--tw-empty,/*!*/ /*!*/)",
-        "--tw-slashed-zero": "var(--tw-empty,/*!*/ /*!*/)",
-        "--tw-numeric-figure": "var(--tw-empty,/*!*/ /*!*/)",
-        "--tw-numeric-spacing": "var(--tw-empty,/*!*/ /*!*/)",
-        "--tw-numeric-fraction": "var(--tw-empty,/*!*/ /*!*/)"
-      })
-    }
-  )),
-  // Letter Spacing
-  p("tracking-", "letterSpacing"),
-  // Line Height
-  p("leading-", "lineHeight"),
-  // List Style Position
-  c("list-(inside|outside)", "listStylePosition"),
-  // List Style Type
-  p("list-", "listStyleType"),
-  c("list-", "listStyleType"),
-  // Placeholder Opacity
-  p("placeholder-opacity-", "placeholderOpacity", ({ _: e }) => ({
-    "&::placeholder": {
-      "--tw-placeholder-opacity": e
-    }
-  })),
-  // Placeholder Color
-  z("placeholder-", {
-    property: "color",
-    selector: "&::placeholder"
-  }),
-  // Text Alignment
-  c("text-(left|center|right|justify|start|end)", "textAlign"),
-  c("text-(ellipsis|clip)", "textOverflow"),
-  // Text Opacity
-  p("text-opacity-", "textOpacity", "--tw-text-opacity"),
-  // Text Color
-  z("text-", {
-    property: "color"
-  }),
-  // Font Size
-  p("text-", "fontSize", ({ _: e }) => typeof e == "string" ? {
-    fontSize: e
-  } : {
-    fontSize: e[0],
-    ...typeof e[1] == "string" ? {
-      lineHeight: e[1]
-    } : e[1]
-  }),
-  // Text Indent
-  p("indent-", "textIndent"),
-  // Text Decoration
-  c("(overline|underline|line-through)", "textDecorationLine"),
-  c("no-underline", {
-    textDecorationLine: "none"
-  }),
-  // Text Underline offset
-  p("underline-offset-", "textUnderlineOffset"),
-  // Text Decoration Color
-  z("decoration-", {
-    section: "textDecorationColor",
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }),
-  // Text Decoration Thickness
-  p("decoration-", "textDecorationThickness"),
-  // Text Decoration Style
-  c("decoration-", "textDecorationStyle"),
-  // Text Transform
-  c("(uppercase|lowercase|capitalize)", "textTransform"),
-  c("normal-case", {
-    textTransform: "none"
-  }),
-  // Text Overflow
-  c("truncate", {
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    textOverflow: "ellipsis"
-  }),
-  // Vertical Alignment
-  c("align-", "verticalAlign"),
-  // Whitespace
-  c("whitespace-", "whiteSpace"),
-  // Word Break
-  c("break-normal", {
-    wordBreak: "normal",
-    overflowWrap: "normal"
-  }),
-  c("break-words", {
-    overflowWrap: "break-word"
-  }),
-  c("break-all", {
-    wordBreak: "break-all"
-  }),
-  c("break-keep", {
-    wordBreak: "keep-all"
-  }),
-  // Caret Color
-  z("caret-", {
-    // section: 'caretColor',
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }),
-  // Accent Color
-  z("accent-", {
-    // section: 'accentColor',
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }),
-  // Gradient Color Stops
-  c("bg-gradient-to-([trbl]|[tb][rl])", "backgroundImage", ({ 1: e }) => `linear-gradient(to ${q(e, " ")},var(--tw-gradient-stops))`),
-  z("from-", {
-    section: "gradientColorStops",
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }, ({ _: e }) => ({
-    "--tw-gradient-from": e.value,
-    "--tw-gradient-to": e.color({
-      opacityValue: "0"
-    }),
-    "--tw-gradient-stops": "var(--tw-gradient-from),var(--tw-gradient-to)"
-  })),
-  z("via-", {
-    section: "gradientColorStops",
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }, ({ _: e }) => ({
-    "--tw-gradient-to": e.color({
-      opacityValue: "0"
-    }),
-    "--tw-gradient-stops": `var(--tw-gradient-from),${e.value},var(--tw-gradient-to)`
-  })),
-  z("to-", {
-    section: "gradientColorStops",
-    property: "--tw-gradient-to",
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }),
-  /* BACKGROUNDS */
-  // Background Attachment
-  c("bg-(fixed|local|scroll)", "backgroundAttachment"),
-  // Background Origin
-  c("bg-origin-(border|padding|content)", "backgroundOrigin", ({ 1: e }) => e + "-box"),
-  // Background Repeat
-  c([
-    "bg-(no-repeat|repeat(-[xy])?)",
-    "bg-repeat-(round|space)"
-  ], "backgroundRepeat"),
-  // Background Blend Mode
-  c("bg-blend-", "backgroundBlendMode"),
-  // Background Clip
-  c("bg-clip-(border|padding|content|text)", "backgroundClip", ({ 1: e }) => e + (e == "text" ? "" : "-box")),
-  // Background Opacity
-  p("bg-opacity-", "backgroundOpacity", "--tw-bg-opacity"),
-  // Background Color
-  // bg-${backgroundColor}/${backgroundOpacity}
-  z("bg-", {
-    section: "backgroundColor"
-  }),
-  // Background Image
-  // supported arbitrary types are: length, color, angle, list
-  p("bg-", "backgroundImage"),
-  // Background Position
-  p("bg-", "backgroundPosition"),
-  c("bg-(top|bottom|center|(left|right)(-(top|bottom))?)", "backgroundPosition", ne),
-  // Background Size
-  p("bg-", "backgroundSize"),
-  /* BORDERS */
-  // Border Radius
-  p("rounded(?:$|-)", "borderRadius"),
-  p("rounded-([trbl]|[tb][rl])(?:$|-)", "borderRadius", ({ 1: e, _: t }) => {
-    let r = {
-      t: [
-        "tl",
-        "tr"
-      ],
-      r: [
-        "tr",
-        "br"
-      ],
-      b: [
-        "bl",
-        "br"
-      ],
-      l: [
-        "bl",
-        "tl"
-      ]
-    }[e] || [
-      e,
-      e
-    ];
-    return {
-      [`border-${q(r[0])}-radius`]: t,
-      [`border-${q(r[1])}-radius`]: t
-    };
-  }),
-  // Border Collapse
-  c("border-(collapse|separate)", "borderCollapse"),
-  // Border Opacity
-  p("border-opacity(?:$|-)", "borderOpacity", "--tw-border-opacity"),
-  // Border Style
-  c("border-(solid|dashed|dotted|double|none)", "borderStyle"),
-  // Border Spacing
-  p("border-spacing(-[xy])?(?:$|-)", "borderSpacing", ({ 1: e, _: t }) => ({
-    ..._({
-      "--tw-border-spacing-x": "0",
-      "--tw-border-spacing-y": "0"
-    }),
-    ["--tw-border-spacing" + (e || "-x")]: t,
-    ["--tw-border-spacing" + (e || "-y")]: t,
-    "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
-  })),
-  // Border Color
-  z("border-([xytrbl])-", {
-    section: "borderColor"
-  }, Y("border", "Color")),
-  z("border-"),
-  // Border Width
-  p("border-([xytrbl])(?:$|-)", "borderWidth", Y("border", "Width")),
-  p("border(?:$|-)", "borderWidth"),
-  // Divide Opacity
-  p("divide-opacity(?:$|-)", "divideOpacity", ({ _: e }) => ({
-    "&>:not([hidden])~:not([hidden])": {
-      "--tw-divide-opacity": e
-    }
-  })),
-  // Divide Style
-  c("divide-(solid|dashed|dotted|double|none)", ({ 1: e }) => ({
-    "&>:not([hidden])~:not([hidden])": {
-      borderStyle: e
-    }
-  })),
-  // Divide Width
-  c("divide-([xy]-reverse)", ({ 1: e }) => ({
-    "&>:not([hidden])~:not([hidden])": {
-      ["--tw-divide-" + e]: "1"
-    }
-  })),
-  p("divide-([xy])(?:$|-)", "divideWidth", ({ 1: e, _: t }) => {
-    let r = {
-      x: "lr",
-      y: "tb"
-    }[e];
-    return {
-      "&>:not([hidden])~:not([hidden])": {
-        [`--tw-divide-${e}-reverse`]: "0",
-        [`border-${q(r[0])}Width`]: `calc(${t} * calc(1 - var(--tw-divide-${e}-reverse)))`,
-        [`border-${q(r[1])}Width`]: `calc(${t} * var(--tw-divide-${e}-reverse))`
-      }
-    };
-  }),
-  // Divide Color
-  z("divide-", {
-    // section: $0.replace('-', 'Color') -> 'divideColor'
-    property: "borderColor",
-    // opacityVariable: '--tw-border-opacity',
-    // opacitySection: section.replace('Color', 'Opacity') -> 'divideOpacity'
-    selector: "&>:not([hidden])~:not([hidden])"
-  }),
-  // Ring Offset Opacity
-  p("ring-opacity(?:$|-)", "ringOpacity", "--tw-ring-opacity"),
-  // Ring Offset Color
-  z("ring-offset-", {
-    // section: 'ringOffsetColor',
-    property: "--tw-ring-offset-color",
-    opacityVariable: !1
-  }),
-  // opacitySection: section.replace('Color', 'Opacity') -> 'ringOffsetOpacity'
-  // Ring Offset Width
-  p("ring-offset(?:$|-)", "ringOffsetWidth", "--tw-ring-offset-width"),
-  // Ring Inset
-  c("ring-inset", {
-    "--tw-ring-inset": "inset"
-  }),
-  // Ring Color
-  z("ring-", {
-    // section: 'ringColor',
-    property: "--tw-ring-color"
-  }),
-  // opacityVariable: '--tw-ring-opacity',
-  // opacitySection: section.replace('Color', 'Opacity') -> 'ringOpacity'
-  // Ring Width
-  p("ring(?:$|-)", "ringWidth", ({ _: e }, { theme: t }) => ({
-    ..._({
-      "--tw-ring-offset-shadow": "0 0 #0000",
-      "--tw-ring-shadow": "0 0 #0000",
-      "--tw-shadow": "0 0 #0000",
-      "--tw-shadow-colored": "0 0 #0000",
-      // Within own declaration to have the defaults above to be merged with defaults from shadow
-      "&": {
-        "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
-        "--tw-ring-offset-width": t("ringOffsetWidth", "", "0px"),
-        "--tw-ring-offset-color": H(t("ringOffsetColor", "", "#fff")),
-        "--tw-ring-color": H(t("ringColor", "", "#93c5fd"), {
-          opacityVariable: "--tw-ring-opacity"
-        }),
-        "--tw-ring-opacity": t("ringOpacity", "", "0.5")
-      }
-    }),
-    "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
-    "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(${e} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
-    boxShadow: "var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)"
-  })),
-  /* EFFECTS */
-  // Box Shadow Color
-  z("shadow-", {
-    section: "boxShadowColor",
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }, ({ _: e }) => ({
-    "--tw-shadow-color": e.value,
-    "--tw-shadow": "var(--tw-shadow-colored)"
-  })),
-  // Box Shadow
-  p("shadow(?:$|-)", "boxShadow", ({ _: e }) => ({
-    ..._({
-      "--tw-ring-offset-shadow": "0 0 #0000",
-      "--tw-ring-shadow": "0 0 #0000",
-      "--tw-shadow": "0 0 #0000",
-      "--tw-shadow-colored": "0 0 #0000"
-    }),
-    "--tw-shadow": W(e),
-    // replace all colors with reference to --tw-shadow-colored
-    // this matches colors after non-comma char (keyword, offset) before comma or the end
-    "--tw-shadow-colored": W(e).replace(/([^,]\s+)(?:#[a-f\d]+|(?:(?:hsl|rgb)a?|hwb|lab|lch|color|var)\(.+?\)|[a-z]+)(,|$)/g, "$1var(--tw-shadow-color)$2"),
-    boxShadow: "var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)"
-  })),
-  // Opacity
-  p("(opacity)-"),
-  /*, 'opacity' */
-  // Mix Blend Mode
-  c("mix-blend-", "mixBlendMode"),
-  /* FILTERS */
-  ...Be(),
-  ...Be("backdrop-"),
-  /* TRANSITIONS AND ANIMATION */
-  // Transition Property
-  p("transition(?:$|-)", "transitionProperty", (e, { theme: t }) => ({
-    transitionProperty: W(e),
-    transitionTimingFunction: e._ == "none" ? void 0 : W(t("transitionTimingFunction", "")),
-    transitionDuration: e._ == "none" ? void 0 : W(t("transitionDuration", ""))
-  })),
-  // Transition Duration
-  p("duration(?:$|-)", "transitionDuration", "transitionDuration", W),
-  // Transition Timing Function
-  p("ease(?:$|-)", "transitionTimingFunction", "transitionTimingFunction", W),
-  // Transition Delay
-  p("delay(?:$|-)", "transitionDelay", "transitionDelay", W),
-  p("animate(?:$|-)", "animation", (e, { theme: t, h: r, e: o }) => {
-    let n = W(e), s = n.split(" "), l = t("keyframes", s[0]);
-    return l ? {
-      ["@keyframes " + (s[0] = o(r(s[0])))]: l,
-      animation: s.join(" ")
-    } : {
-      animation: n
-    };
-  }),
-  /* TRANSFORMS */
-  // Transform
-  "(transform)-(none)",
-  c("transform", Ee),
-  c("transform-(cpu|gpu)", ({ 1: e }) => ({
-    "--tw-transform": it(e == "gpu")
-  })),
-  // Scale
-  p("scale(-[xy])?-", "scale", ({ 1: e, _: t }) => ({
-    ["--tw-scale" + (e || "-x")]: t,
-    ["--tw-scale" + (e || "-y")]: t,
-    ...Ee()
-  })),
-  // Rotate
-  p("-?(rotate)-", "rotate", ye),
-  // Translate
-  p("-?(translate-[xy])-", "translate", ye),
-  // Skew
-  p("-?(skew-[xy])-", "skew", ye),
-  // Transform Origin
-  c("origin-(center|((top|bottom)(-(left|right))?)|left|right)", "transformOrigin", ne),
-  /* INTERACTIVITY */
-  // Appearance
-  "(appearance)-",
-  // Columns
-  p("(columns)-"),
-  /*, 'columns' */
-  "(columns)-(\\d+)",
-  // Break Before, After and Inside
-  "(break-(?:before|after|inside))-",
-  // Cursor
-  p("(cursor)-"),
-  /*, 'cursor' */
-  "(cursor)-",
-  // Scroll Snap Type
-  c("snap-(none)", "scroll-snap-type"),
-  c("snap-(x|y|both)", ({ 1: e }) => ({
-    ..._({
-      "--tw-scroll-snap-strictness": "proximity"
-    }),
-    "scroll-snap-type": e + " var(--tw-scroll-snap-strictness)"
-  })),
-  c("snap-(mandatory|proximity)", "--tw-scroll-snap-strictness"),
-  // Scroll Snap Align
-  c("snap-(?:(start|end|center)|align-(none))", "scroll-snap-align"),
-  // Scroll Snap Stop
-  c("snap-(normal|always)", "scroll-snap-stop"),
-  c("scroll-(auto|smooth)", "scroll-behavior"),
-  // Scroll Margin
-  // Padding
-  p("scroll-p([xytrbl])?(?:$|-)", "padding", Y("scroll-padding")),
-  // Margin
-  p("-?scroll-m([xytrbl])?(?:$|-)", "scroll-margin", Y("scroll-margin")),
-  // Touch Action
-  c("touch-(auto|none|manipulation)", "touch-action"),
-  c("touch-(pinch-zoom|pan-(?:(x|left|right)|(y|up|down)))", ({ 1: e, 2: t, 3: r }) => ({
-    ..._({
-      "--tw-pan-x": "var(--tw-empty,/*!*/ /*!*/)",
-      "--tw-pan-y": "var(--tw-empty,/*!*/ /*!*/)",
-      "--tw-pinch-zoom": "var(--tw-empty,/*!*/ /*!*/)",
-      "--tw-touch-action": "var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)"
-    }),
-    // x, left, right -> pan-x
-    // y, up, down -> pan-y
-    // -> pinch-zoom
-    [`--tw-${t ? "pan-x" : r ? "pan-y" : e}`]: e,
-    "touch-action": "var(--tw-touch-action)"
-  })),
-  // Outline Style
-  c("outline-none", {
-    outline: "2px solid transparent",
-    "outline-offset": "2px"
-  }),
-  c("outline", {
-    outlineStyle: "solid"
-  }),
-  c("outline-(dashed|dotted|double)", "outlineStyle"),
-  // Outline Offset
-  p("-?(outline-offset)-"),
-  /*, 'outlineOffset'*/
-  // Outline Color
-  z("outline-", {
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }),
-  // Outline Width
-  p("outline-", "outlineWidth"),
-  // Pointer Events
-  "(pointer-events)-",
-  // Will Change
-  p("(will-change)-"),
-  /*, 'willChange' */
-  "(will-change)-",
-  // Resize
-  [
-    "resize(?:-(none|x|y))?",
-    "resize",
-    ({ 1: e }) => ({
-      x: "horizontal",
-      y: "vertical"
-    })[e] || e || "both"
-  ],
-  // User Select
-  c("select-(none|text|all|auto)", "userSelect"),
-  /* SVG */
-  // Fill, Stroke
-  z("fill-", {
-    section: "fill",
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }),
-  z("stroke-", {
-    section: "stroke",
-    opacityVariable: !1,
-    opacitySection: "opacity"
-  }),
-  // Stroke Width
-  p("stroke-", "strokeWidth"),
-  /* ACCESSIBILITY */
-  // Screen Readers
-  c("sr-only", {
-    position: "absolute",
-    width: "1px",
-    height: "1px",
-    padding: "0",
-    margin: "-1px",
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    clip: "rect(0,0,0,0)",
-    borderWidth: "0"
-  }),
-  c("not-sr-only", {
-    position: "static",
-    width: "auto",
-    height: "auto",
-    padding: "0",
-    margin: "0",
-    overflow: "visible",
-    whiteSpace: "normal",
-    clip: "auto"
-  })
-];
-function ne(e) {
-  return (typeof e == "string" ? e : e[1]).replace(/-/g, " ").trim();
-}
-function Ne(e) {
-  return (typeof e == "string" ? e : e[1]).replace("col", "column");
-}
-function q(e, t = "-") {
-  let r = [];
-  for (let o of e)
-    r.push({
-      t: "top",
-      r: "right",
-      b: "bottom",
-      l: "left"
-    }[o]);
-  return r.join(t);
-}
-function W(e) {
-  return e && "" + (e._ || e);
-}
-function Pe({ $$: e }) {
-  return ({
-    // /* aut*/ o: '',
-    /* sta*/
-    r: (
-      /*t*/
-      "flex-"
-    ),
-    /* end*/
-    "": "flex-",
-    // /* cen*/ t /*er*/: '',
-    /* bet*/
-    w: (
-      /*een*/
-      "space-"
-    ),
-    /* aro*/
-    u: (
-      /*nd*/
-      "space-"
-    ),
-    /* eve*/
-    n: (
-      /*ly*/
-      "space-"
-    )
-  }[e[3] || ""] || "") + e;
-}
-function Y(e, t = "") {
-  return ({ 1: r, _: o }) => {
-    let n = {
-      x: "lr",
-      y: "tb"
-    }[r] || r + r;
-    return n ? {
-      ...ie(e + "-" + q(n[0]) + t, o),
-      ...ie(e + "-" + q(n[1]) + t, o)
-    } : ie(e + t, o);
-  };
-}
-function Be(e = "") {
-  let t = [
-    "blur",
-    "brightness",
-    "contrast",
-    "grayscale",
-    "hue-rotate",
-    "invert",
-    e && "opacity",
-    "saturate",
-    "sepia",
-    !e && "drop-shadow"
-  ].filter(Boolean), r = {};
-  for (let o of t)
-    r[`--tw-${e}${o}`] = "var(--tw-empty,/*!*/ /*!*/)";
-  return r = {
-    // move defaults
-    ..._(r),
-    // add default filter which allows standalone usage
-    [`${e}filter`]: t.map((o) => `var(--tw-${e}${o})`).join(" ")
-  }, [
-    `(${e}filter)-(none)`,
-    c(`${e}filter`, r),
-    ...t.map((o) => p(
-      // hue-rotate can be negated
-      `${o[0] == "h" ? "-?" : ""}(${e}${o})(?:$|-)`,
-      o,
-      ({ 1: n, _: s }) => ({
-        [`--tw-${n}`]: k(s).map((l) => `${o}(${l})`).join(" "),
-        ...r
-      })
-    ))
-  ];
-}
-function ye({ 1: e, _: t }) {
-  return {
-    ["--tw-" + e]: t,
-    ...Ee()
-  };
-}
-function Ee() {
-  return {
-    ..._({
-      "--tw-translate-x": "0",
-      "--tw-translate-y": "0",
-      "--tw-rotate": "0",
-      "--tw-skew-x": "0",
-      "--tw-skew-y": "0",
-      "--tw-scale-x": "1",
-      "--tw-scale-y": "1",
-      "--tw-transform": it()
-    }),
-    transform: "var(--tw-transform)"
-  };
-}
-function it(e) {
-  return [
-    e ? (
-      // -gpu
-      "translate3d(var(--tw-translate-x),var(--tw-translate-y),0)"
-    ) : "translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))",
-    "rotate(var(--tw-rotate))",
-    "skewX(var(--tw-skew-x))",
-    "skewY(var(--tw-skew-y))",
-    "scaleX(var(--tw-scale-x))",
-    "scaleY(var(--tw-scale-y))"
-  ].join(" ");
-}
-function qe({ 1: e, 2: t }) {
-  return `${e} ${t} / ${e} ${t}`;
-}
-function Ge({ 1: e }) {
-  return `repeat(${e},minmax(0,1fr))`;
-}
-function _(e) {
-  return {
-    "@layer defaults": {
-      "*,::before,::after": e,
-      "::backdrop": e
-    }
-  };
-}
-let Yt = [
-  [
-    "sticky",
-    "@supports ((position: -webkit-sticky) or (position:sticky))"
-  ],
-  [
-    "motion-reduce",
-    "@media (prefers-reduced-motion:reduce)"
-  ],
-  [
-    "motion-safe",
-    "@media (prefers-reduced-motion:no-preference)"
-  ],
-  [
-    "print",
-    "@media print"
-  ],
-  [
-    "(portrait|landscape)",
-    ({ 1: e }) => `@media (orientation:${e})`
-  ],
-  [
-    "contrast-(more|less)",
-    ({ 1: e }) => `@media (prefers-contrast:${e})`
-  ],
-  [
-    "(first-(letter|line)|placeholder|backdrop|before|after)",
-    ({ 1: e }) => `&::${e}`
-  ],
-  [
-    "(marker|selection)",
-    ({ 1: e }) => `& *::${e},&::${e}`
-  ],
-  [
-    "file",
-    "&::file-selector-button"
-  ],
-  [
-    "(first|last|only)",
-    ({ 1: e }) => `&:${e}-child`
-  ],
-  [
-    "even",
-    "&:nth-child(2n)"
-  ],
-  [
-    "odd",
-    "&:nth-child(odd)"
-  ],
-  [
-    "open",
-    "&[open]"
-  ],
-  // All other pseudo classes are already supported by twind
-  [
-    "(aria|data)-",
-    ({
-      1: e,
-      /* aria or data */
-      $$: t
-    }, r) => t && `&[${e}-${// aria-asc or data-checked -> from theme
-    r.theme(e, t) || // aria-[...] or data-[...]
-    I(t, "", r) || // default handling
-    `${t}="true"`}]`
-  ],
-  /* Styling based on parent and peer state */
-  // Groups classes like: group-focus and group-hover
-  // these need to add a marker selector with the pseudo class
-  // => '.group:focus .group-focus:selector'
-  [
-    "((group|peer)(~[^-[]+)?)(-\\[(.+)]|[-[].+?)(\\/.+)?",
-    ({ 2: e, 3: t = "", 4: r, 5: o = "", 6: n = t }, { e: s, h: l, v: a }) => {
-      let i = ee(o) || (r[0] == "[" ? r : a(r.slice(1)));
-      return `${(i.includes("&") ? i : "&" + i).replace(/&/g, `:merge(.${s(l(e + n))})`)}${e[0] == "p" ? "~" : " "}&`;
-    }
-  ],
-  // direction variants
-  [
-    "(ltr|rtl)",
-    ({ 1: e }) => `[dir="${e}"] &`
-  ],
-  [
-    "supports-",
-    ({ $$: e }, t) => {
-      if (e && (e = t.theme("supports", e) || I(e, "", t)), e)
-        return e.includes(":") || (e += ":var(--tw)"), /^\w*\s*\(/.test(e) || (e = `(${e})`), // Chrome has a bug where `(condtion1)or(condition2)` is not valid
-        // But `(condition1) or (condition2)` is supported.
-        `@supports ${e.replace(/\b(and|or|not)\b/g, " $1 ").trim()}`;
-    }
-  ],
-  [
-    "max-",
-    ({ $$: e }, t) => {
-      if (e && (e = t.theme("screens", e) || I(e, "", t)), typeof e == "string")
-        return `@media not all and (min-width:${e})`;
-    }
-  ],
-  [
-    "min-",
-    ({ $$: e }, t) => (e && (e = I(e, "", t)), e && `@media (min-width:${e})`)
-  ],
-  // Arbitrary variants
-  [
-    /^\[(.+)]$/,
-    ({ 1: e }) => /[&@]/.test(e) && ee(e).replace(/[}]+$/, "").split("{")
-  ]
-];
-function Jt({ colors: e, disablePreflight: t } = {}) {
-  return {
-    // allow other preflight to run
-    preflight: t ? void 0 : qt,
-    theme: {
-      ...Ae,
-      colors: {
-        inherit: "inherit",
-        current: "currentColor",
-        transparent: "transparent",
-        black: "#000",
-        white: "#fff",
-        ...e
-      }
-    },
-    variants: Yt,
-    rules: Gt,
-    finalize(r) {
-      return (
-        // automatically add `content: ''` to before and after so you don’t have to specify it unless you want a different value
-        // ignore global, preflight, and auto added rules
-        r.n && // only if there are declarations
-        r.d && // and it has a ::before or ::after selector
-        r.r.some((o) => /^&::(before|after)$/.test(o)) && // there is no content property yet
-        !/(^|;)content:/.test(r.d) ? {
-          ...r,
-          d: "content:var(--tw-content);" + r.d
-        } : r
-      );
-    }
-  };
-}
-let Xt = {
-  50: "#f8fafc",
-  100: "#f1f5f9",
-  200: "#e2e8f0",
-  300: "#cbd5e1",
-  400: "#94a3b8",
-  500: "#64748b",
-  600: "#475569",
-  700: "#334155",
-  800: "#1e293b",
-  900: "#0f172a"
-}, Zt = {
-  50: "#f9fafb",
-  100: "#f3f4f6",
-  200: "#e5e7eb",
-  300: "#d1d5db",
-  400: "#9ca3af",
-  500: "#6b7280",
-  600: "#4b5563",
-  700: "#374151",
-  800: "#1f2937",
-  900: "#111827"
-}, Qt = {
-  50: "#fafafa",
-  100: "#f4f4f5",
-  200: "#e4e4e7",
-  300: "#d4d4d8",
-  400: "#a1a1aa",
-  500: "#71717a",
-  600: "#52525b",
-  700: "#3f3f46",
-  800: "#27272a",
-  900: "#18181b"
-}, Kt = {
-  50: "#fafafa",
-  100: "#f5f5f5",
-  200: "#e5e5e5",
-  300: "#d4d4d4",
-  400: "#a3a3a3",
-  500: "#737373",
-  600: "#525252",
-  700: "#404040",
-  800: "#262626",
-  900: "#171717"
-}, er = {
-  50: "#fafaf9",
-  100: "#f5f5f4",
-  200: "#e7e5e4",
-  300: "#d6d3d1",
-  400: "#a8a29e",
-  500: "#78716c",
-  600: "#57534e",
-  700: "#44403c",
-  800: "#292524",
-  900: "#1c1917"
-}, tr = {
-  50: "#fef2f2",
-  100: "#fee2e2",
-  200: "#fecaca",
-  300: "#fca5a5",
-  400: "#f87171",
-  500: "#ef4444",
-  600: "#dc2626",
-  700: "#b91c1c",
-  800: "#991b1b",
-  900: "#7f1d1d"
-}, rr = {
-  50: "#fff7ed",
-  100: "#ffedd5",
-  200: "#fed7aa",
-  300: "#fdba74",
-  400: "#fb923c",
-  500: "#f97316",
-  600: "#ea580c",
-  700: "#c2410c",
-  800: "#9a3412",
-  900: "#7c2d12"
-}, or = {
-  50: "#fffbeb",
-  100: "#fef3c7",
-  200: "#fde68a",
-  300: "#fcd34d",
-  400: "#fbbf24",
-  500: "#f59e0b",
-  600: "#d97706",
-  700: "#b45309",
-  800: "#92400e",
-  900: "#78350f"
-}, nr = {
-  50: "#fefce8",
-  100: "#fef9c3",
-  200: "#fef08a",
-  300: "#fde047",
-  400: "#facc15",
-  500: "#eab308",
-  600: "#ca8a04",
-  700: "#a16207",
-  800: "#854d0e",
-  900: "#713f12"
-}, ir = {
-  50: "#f7fee7",
-  100: "#ecfccb",
-  200: "#d9f99d",
-  300: "#bef264",
-  400: "#a3e635",
-  500: "#84cc16",
-  600: "#65a30d",
-  700: "#4d7c0f",
-  800: "#3f6212",
-  900: "#365314"
-}, ar = {
-  50: "#f0fdf4",
-  100: "#dcfce7",
-  200: "#bbf7d0",
-  300: "#86efac",
-  400: "#4ade80",
-  500: "#22c55e",
-  600: "#16a34a",
-  700: "#15803d",
-  800: "#166534",
-  900: "#14532d"
-}, sr = {
-  50: "#ecfdf5",
-  100: "#d1fae5",
-  200: "#a7f3d0",
-  300: "#6ee7b7",
-  400: "#34d399",
-  500: "#10b981",
-  600: "#059669",
-  700: "#047857",
-  800: "#065f46",
-  900: "#064e3b"
-}, lr = {
-  50: "#f0fdfa",
-  100: "#ccfbf1",
-  200: "#99f6e4",
-  300: "#5eead4",
-  400: "#2dd4bf",
-  500: "#14b8a6",
-  600: "#0d9488",
-  700: "#0f766e",
-  800: "#115e59",
-  900: "#134e4a"
-}, cr = {
-  50: "#ecfeff",
-  100: "#cffafe",
-  200: "#a5f3fc",
-  300: "#67e8f9",
-  400: "#22d3ee",
-  500: "#06b6d4",
-  600: "#0891b2",
-  700: "#0e7490",
-  800: "#155e75",
-  900: "#164e63"
-}, pr = {
-  50: "#f0f9ff",
-  100: "#e0f2fe",
-  200: "#bae6fd",
-  300: "#7dd3fc",
-  400: "#38bdf8",
-  500: "#0ea5e9",
-  600: "#0284c7",
-  700: "#0369a1",
-  800: "#075985",
-  900: "#0c4a6e"
-}, dr = {
-  50: "#eff6ff",
-  100: "#dbeafe",
-  200: "#bfdbfe",
-  300: "#93c5fd",
-  400: "#60a5fa",
-  500: "#3b82f6",
-  600: "#2563eb",
-  700: "#1d4ed8",
-  800: "#1e40af",
-  900: "#1e3a8a"
-}, fr = {
-  50: "#eef2ff",
-  100: "#e0e7ff",
-  200: "#c7d2fe",
-  300: "#a5b4fc",
-  400: "#818cf8",
-  500: "#6366f1",
-  600: "#4f46e5",
-  700: "#4338ca",
-  800: "#3730a3",
-  900: "#312e81"
-}, ur = {
-  50: "#f5f3ff",
-  100: "#ede9fe",
-  200: "#ddd6fe",
-  300: "#c4b5fd",
-  400: "#a78bfa",
-  500: "#8b5cf6",
-  600: "#7c3aed",
-  700: "#6d28d9",
-  800: "#5b21b6",
-  900: "#4c1d95"
-}, mr = {
-  50: "#faf5ff",
-  100: "#f3e8ff",
-  200: "#e9d5ff",
-  300: "#d8b4fe",
-  400: "#c084fc",
-  500: "#a855f7",
-  600: "#9333ea",
-  700: "#7e22ce",
-  800: "#6b21a8",
-  900: "#581c87"
-}, gr = {
-  50: "#fdf4ff",
-  100: "#fae8ff",
-  200: "#f5d0fe",
-  300: "#f0abfc",
-  400: "#e879f9",
-  500: "#d946ef",
-  600: "#c026d3",
-  700: "#a21caf",
-  800: "#86198f",
-  900: "#701a75"
-}, br = {
-  50: "#fdf2f8",
-  100: "#fce7f3",
-  200: "#fbcfe8",
-  300: "#f9a8d4",
-  400: "#f472b6",
-  500: "#ec4899",
-  600: "#db2777",
-  700: "#be185d",
-  800: "#9d174d",
-  900: "#831843"
-}, hr = {
-  50: "#fff1f2",
-  100: "#ffe4e6",
-  200: "#fecdd3",
-  300: "#fda4af",
-  400: "#fb7185",
-  500: "#f43f5e",
-  600: "#e11d48",
-  700: "#be123c",
-  800: "#9f1239",
-  900: "#881337"
-}, xr = {
-  __proto__: null,
-  slate: Xt,
-  gray: Zt,
-  zinc: Qt,
-  neutral: Kt,
-  stone: er,
-  red: tr,
-  orange: rr,
-  amber: or,
-  yellow: nr,
-  lime: ir,
-  green: ar,
-  emerald: sr,
-  teal: lr,
-  cyan: cr,
-  sky: pr,
-  blue: dr,
-  indigo: fr,
-  violet: ur,
-  purple: mr,
-  fuchsia: gr,
-  pink: br,
-  rose: hr
-};
-function yr({ disablePreflight: e } = {}) {
-  return Jt({
-    colors: xr,
-    disablePreflight: e
-  });
-}
-var at = {}, st = {};
+import l from "@r2wc/react-to-web-component";
+import m from "@twind/with-web-components";
+import { Form as c } from "./index.js";
+import { defineConfig as d } from "@twind/core";
+import g from "@twind/preset-autoprefix";
+import u from "@twind/preset-tailwind";
+var s = {}, p = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "cloneDeep", {
     enumerable: !0,
     get: function() {
-      return t;
+      return r;
     }
   });
-  function t(r) {
-    return Array.isArray(r) ? r.map((o) => t(o)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([o, n]) => [
-      o,
-      t(n)
-    ])) : r;
+  function r(t) {
+    return Array.isArray(t) ? t.map((n) => r(n)) : typeof t == "object" && t !== null ? Object.fromEntries(Object.entries(t).map(([n, o]) => [
+      n,
+      r(o)
+    ])) : t;
   }
-})(st);
-var wr = {
+})(p);
+var x = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3751,7 +94,7 @@ var wr = {
     },
     blur: {
       0: "0",
-      none: "0",
+      none: "",
       sm: "4px",
       DEFAULT: "8px",
       md: "12px",
@@ -3984,13 +327,6 @@ var wr = {
       sans: [
         "ui-sans-serif",
         "system-ui",
-        "-apple-system",
-        "BlinkMacSystemFont",
-        '"Segoe UI"',
-        "Roboto",
-        '"Helvetica Neue"',
-        "Arial",
-        '"Noto Sans"',
         "sans-serif",
         '"Apple Color Emoji"',
         '"Segoe UI Emoji"',
@@ -4132,6 +468,12 @@ var wr = {
       "span-4": "span 4 / span 4",
       "span-5": "span 5 / span 5",
       "span-6": "span 6 / span 6",
+      "span-7": "span 7 / span 7",
+      "span-8": "span 8 / span 8",
+      "span-9": "span 9 / span 9",
+      "span-10": "span 10 / span 10",
+      "span-11": "span 11 / span 11",
+      "span-12": "span 12 / span 12",
       "span-full": "1 / -1"
     },
     gridRowEnd: {
@@ -4142,7 +484,13 @@ var wr = {
       4: "4",
       5: "5",
       6: "6",
-      7: "7"
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12",
+      13: "13"
     },
     gridRowStart: {
       auto: "auto",
@@ -4152,10 +500,17 @@ var wr = {
       4: "4",
       5: "5",
       6: "6",
-      7: "7"
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12",
+      13: "13"
     },
     gridTemplateColumns: {
       none: "none",
+      subgrid: "subgrid",
       1: "repeat(1, minmax(0, 1fr))",
       2: "repeat(2, minmax(0, 1fr))",
       3: "repeat(3, minmax(0, 1fr))",
@@ -4171,12 +526,19 @@ var wr = {
     },
     gridTemplateRows: {
       none: "none",
+      subgrid: "subgrid",
       1: "repeat(1, minmax(0, 1fr))",
       2: "repeat(2, minmax(0, 1fr))",
       3: "repeat(3, minmax(0, 1fr))",
       4: "repeat(4, minmax(0, 1fr))",
       5: "repeat(5, minmax(0, 1fr))",
-      6: "repeat(6, minmax(0, 1fr))"
+      6: "repeat(6, minmax(0, 1fr))",
+      7: "repeat(7, minmax(0, 1fr))",
+      8: "repeat(8, minmax(0, 1fr))",
+      9: "repeat(9, minmax(0, 1fr))",
+      10: "repeat(10, minmax(0, 1fr))",
+      11: "repeat(11, minmax(0, 1fr))",
+      12: "repeat(12, minmax(0, 1fr))"
     },
     height: ({ theme: e }) => ({
       auto: "auto",
@@ -4198,6 +560,9 @@ var wr = {
       "5/6": "83.333333%",
       full: "100%",
       screen: "100vh",
+      svh: "100svh",
+      lvh: "100lvh",
+      dvh: "100dvh",
       min: "min-content",
       max: "max-content",
       fit: "fit-content"
@@ -4302,13 +667,16 @@ var wr = {
       none: "none",
       full: "100%",
       screen: "100vh",
+      svh: "100svh",
+      lvh: "100lvh",
+      dvh: "100dvh",
       min: "min-content",
       max: "max-content",
       fit: "fit-content"
     }),
-    maxWidth: ({ theme: e, breakpoints: t }) => ({
+    maxWidth: ({ theme: e, breakpoints: r }) => ({
+      ...e("spacing"),
       none: "none",
-      0: "0rem",
       xs: "20rem",
       sm: "24rem",
       md: "28rem",
@@ -4325,23 +693,26 @@ var wr = {
       max: "max-content",
       fit: "fit-content",
       prose: "65ch",
-      ...t(e("screens"))
+      ...r(e("screens"))
     }),
-    minHeight: {
-      0: "0px",
+    minHeight: ({ theme: e }) => ({
+      ...e("spacing"),
       full: "100%",
       screen: "100vh",
+      svh: "100svh",
+      lvh: "100lvh",
+      dvh: "100dvh",
       min: "min-content",
       max: "max-content",
       fit: "fit-content"
-    },
-    minWidth: {
-      0: "0px",
+    }),
+    minWidth: ({ theme: e }) => ({
+      ...e("spacing"),
       full: "100%",
       min: "min-content",
       max: "max-content",
       fit: "fit-content"
-    },
+    }),
     objectPosition: {
       bottom: "bottom",
       center: "center",
@@ -4357,15 +728,21 @@ var wr = {
       0: "0",
       5: "0.05",
       10: "0.1",
+      15: "0.15",
       20: "0.2",
       25: "0.25",
       30: "0.3",
+      35: "0.35",
       40: "0.4",
+      45: "0.45",
       50: "0.5",
+      55: "0.55",
       60: "0.6",
+      65: "0.65",
       70: "0.7",
       75: "0.75",
       80: "0.8",
+      85: "0.85",
       90: "0.9",
       95: "0.95",
       100: "1"
@@ -4616,6 +993,40 @@ var wr = {
       "3/4": "75%",
       full: "100%"
     }),
+    size: ({ theme: e }) => ({
+      auto: "auto",
+      ...e("spacing"),
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      "1/5": "20%",
+      "2/5": "40%",
+      "3/5": "60%",
+      "4/5": "80%",
+      "1/6": "16.666667%",
+      "2/6": "33.333333%",
+      "3/6": "50%",
+      "4/6": "66.666667%",
+      "5/6": "83.333333%",
+      "1/12": "8.333333%",
+      "2/12": "16.666667%",
+      "3/12": "25%",
+      "4/12": "33.333333%",
+      "5/12": "41.666667%",
+      "6/12": "50%",
+      "7/12": "58.333333%",
+      "8/12": "66.666667%",
+      "9/12": "75%",
+      "10/12": "83.333333%",
+      "11/12": "91.666667%",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    }),
     width: ({ theme: e }) => ({
       auto: "auto",
       ...e("spacing"),
@@ -4647,6 +1058,9 @@ var wr = {
       "11/12": "91.666667%",
       full: "100%",
       screen: "100vw",
+      svw: "100svw",
+      lvw: "100lvw",
+      dvw: "100dvw",
       min: "min-content",
       max: "max-content",
       fit: "fit-content"
@@ -4675,21 +1089,20 @@ var wr = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return n;
+      return o;
     }
   });
-  const t = st, r = /* @__PURE__ */ o(wr);
-  function o(s) {
-    return s && s.__esModule ? s : {
-      default: s
+  const r = p, t = /* @__PURE__ */ n(x);
+  function n(a) {
+    return a && a.__esModule ? a : {
+      default: a
     };
   }
-  const n = (0, t.cloneDeep)(r.default.theme);
-})(at);
-let we = at;
-var vr = (we.__esModule ? we : { default: we }).default;
-const kr = {
-  content: ["./lib/**/*.{ts,tsx}"],
+  const o = (0, r.cloneDeep)(t.default.theme);
+})(s);
+let i = s;
+var f = (i.__esModule ? i : { default: i }).default;
+const h = {
   theme: {
     extend: {
       colors: {
@@ -4722,7 +1135,7 @@ const kr = {
         sm: "calc(var(--tf-radius) - 4px)"
       },
       fontFamily: {
-        "tf-font": ["var(--tf-font)", ...vr.fontFamily.sans]
+        "tf-font": ["var(--tf-font)", ...f.fontFamily.sans]
       },
       keyframes: {
         "accordion-down": {
@@ -4740,19 +1153,18 @@ const kr = {
       }
     }
   }
-}, Sr = ot({
+}, b = d({
   theme: {
-    extend: kr.theme.extend
+    extend: h.theme.extend
   },
-  presets: [Bt(), yr()]
-}), Cr = Mt(Sr), zr = St(pt, {
-  // @ts-expect-error: ts limitation
+  presets: [g(), u()]
+}), v = m(b), w = l(c, {
   props: {
     config: "json",
     options: "json"
   },
   shadow: "open"
 });
-class Tr extends Cr(zr) {
+class y extends v(w) {
 }
-customElements.define("twintag-form", Tr);
+customElements.define("twintag-form", y);