@twintag/twintag-form 1.0.1 → 1.1.0

package/dist/twintag-form.webcomponent.js

@@ -45,22 +45,22 @@ const ut = {
   boolean: gt,
   function: bt,
   json: ht
-}, fe = Symbol.for("r2wc.render"), ne = Symbol.for("r2wc.connected"), B = Symbol.for("r2wc.context"), V = Symbol.for("r2wc.props");
+}, 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 n, o, l;
+  var o, n, s;
   t.props || (t.props = e.propTypes ? Object.keys(e.propTypes) : []);
-  const s = (Array.isArray(t.props) ? t.props.slice() : Object.keys(t.props)).filter((f) => f !== "container"), a = {}, i = {}, d = {};
-  for (const f of s) {
+  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, n, !0), re(this, o), re(this, l, {}), re(this, "container"), t.shadow ? this.container = this.attachShadow({
+      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 s) {
+      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));
       }
@@ -69,24 +69,24 @@ function xt(e, t, r) {
       return Object.keys(d);
     }
     connectedCallback() {
-      this[ne] = !0, this[fe]();
+      this[oe] = !0, this[fe]();
     }
     disconnectedCallback() {
-      this[ne] = !1, this[B] && r.unmount(this[B]), delete this[B];
+      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]());
     }
-    [(n = ne, o = B, l = V, fe)]() {
-      this[ne] && (this[B] ? r.update(this[B], this[V]) : this[B] = r.mount(
+    [(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 s) {
+  for (const f of l) {
     const m = i[f], b = a[f];
     Object.defineProperty(u.prototype, f, {
       enumerable: !0,
@@ -110,15 +110,15 @@ function yt(e = "") {
   return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function wt(e, t, r) {
-  const n = ve(e), o = Ye.createElement(t, r);
-  return n.render(o), {
-    root: n,
+  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 n = Ye.createElement(t, r);
-  e.render(n);
+  const o = Ye.createElement(t, r);
+  e.render(o);
 }
 function kt({ root: e }) {
   e.unmount();
@@ -146,7 +146,7 @@ function ae(e) {
 function Re(e, t = "@media ") {
   return t + k(e).map((r) => (typeof r == "string" && (r = {
     min: r
-  }), r.raw || Object.keys(r).map((n) => `(${n}-width:${r[n]})`).join(" and "))).join(",");
+  }), r.raw || Object.keys(r).map((o) => `(${o}-width:${r[o]})`).join(" and "))).join(",");
 }
 function k(e = []) {
   return Array.isArray(e) ? e : e == null ? [] : [
@@ -271,30 +271,30 @@ let zt = [
   /* re */
   "quire"
 ];
-function $e({ n: e, i: t, v: r = [] }, n, o, l) {
+function $e({ n: e, i: t, v: r = [] }, o, n, s) {
   e && (e = Fe({
     n: e,
     i: t,
     v: r
-  })), l = [
-    ...k(l)
+  })), s = [
+    ...k(s)
   ];
   for (let a of r) {
-    let i = n.theme("screens", a);
-    for (let d of k(i && Re(i) || n.v(a))) {
-      var s;
-      l.push(d), o |= i ? 67108864 | /* Shifts.screens */
+    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) : (s = d, // use first found pseudo-class
-        1 << ~(/:([a-z-]+)/.test(s) && ~zt.indexOf(RegExp.$1.slice(2, 7)) || -18))
+        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: o,
-    r: l,
+    p: n,
+    r: s,
     i: t
   };
 }
@@ -303,36 +303,36 @@ function Se(e) {
   if (e.d) {
     let t = [], r = ue(
       // merge all conditions into a selector string
-      e.r.reduce((n, o) => o[0] == "@" ? (t.push(o), n) : (
+      e.r.reduce((o, n) => n[0] == "@" ? (t.push(n), o) : (
         // Go over the selector and replace the matching multiple selectors if any
-        o ? ue(n, (l) => ue(
-          o,
+        n ? ue(o, (s) => ue(
+          n,
           // If the current condition has a nested selector replace it
-          (s) => {
-            let a = /(:merge\(.+?\))(:[a-z-]+|\\[.+])/.exec(s);
+          (l) => {
+            let a = /(:merge\(.+?\))(:[a-z-]+|\\[.+])/.exec(l);
             if (a) {
-              let i = l.indexOf(a[1]);
+              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'
-                l.slice(0, i) + a[0] + l.slice(i + a[1].length)
+                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(l, s)
+                me(s, l)
               );
             }
-            return me(s, l);
+            return me(l, s);
           }
-        )) : n
+        )) : o
       ), "&"),
       // replace '&' with rule name or an empty string
-      (n) => me(n, e.n ? "." + Je(e.n) : "")
+      (o) => me(o, e.n ? "." + Je(e.n) : "")
     );
-    return r && t.push(r.replace(/:merge\((.+?)\)/g, "$1")), t.reduceRight((n, o) => o + "{" + n + "}", e.d);
+    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, n, o) => t(n) + o);
+  return e.replace(/ *((?:\(.+?\)|\[.+?\]|[^,])+) *(,|$)/g, (r, o, n) => t(o) + n);
 }
 function me(e, t) {
   return e.replace(/&/g, t);
@@ -341,11 +341,11 @@ let Me = new Intl.Collator("en", {
   numeric: !0
 });
 function Qe(e, t) {
-  for (var r = 0, n = e.length; r < n; ) {
-    let o = n + r >> 1;
-    0 >= Ke(e[o], t) ? r = o + 1 : n = o;
+  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 n;
+  return o;
 }
 function Ke(e, t) {
   let r = e.p & C.o;
@@ -363,43 +363,43 @@ function ge(e, t) {
 function H(e, t = {}) {
   if (typeof e == "function")
     return e(t);
-  let { opacityValue: r = "1", opacityVariable: n } = t, o = n ? `var(${n})` : r;
+  let { opacityValue: r = "1", opacityVariable: o } = t, n = o ? `var(${o})` : r;
   if (e.includes("<alpha-value>"))
-    return e.replace("<alpha-value>", o);
+    return e.replace("<alpha-value>", n);
   if (e[0] == "#" && (e.length == 4 || e.length == 7)) {
-    let l = (e.length - 1) / 3, s = [
+    let s = (e.length - 1) / 3, l = [
       17,
       1,
       0.062272
-    ][l - 1];
+    ][s - 1];
     return `rgba(${[
-      ge(e.substr(1, l), s),
-      ge(e.substr(1 + l, l), s),
-      ge(e.substr(1 + 2 * l, l), s),
-      o
+      ge(e.substr(1, s), l),
+      ge(e.substr(1 + s, s), l),
+      ge(e.substr(1 + 2 * s, s), l),
+      n
     ]})`;
   }
-  return o == "1" ? e : o == "0" ? "#0000" : (
+  return n == "1" ? e : n == "0" ? "#0000" : (
     // convert rgb and hsl to alpha variant
-    e.replace(/^(rgb|hsl)(\([^)]+)\)$/, `$1a$2,${o})`)
+    e.replace(/^(rgb|hsl)(\([^)]+)\)$/, `$1a$2,${n})`)
   );
 }
-function et(e, t, r, n, o = []) {
-  return function l(s, { n: a, p: i, r: d = [], i: u }, f) {
+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 s || {}) {
+    for (let y in l || {}) {
       var v, D;
-      let S = s[y];
+      let S = l[y];
       if (y[0] == "@") {
         if (!S)
           continue;
         if (y[1] == "a") {
-          m.push(...je(a, i, se("" + S), f, i, d, u, !0));
+          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(...l(E, {
+            m.push(...s(E, {
               n: a,
               p: (v = C[y[7]], // Set layer (first reset, than set)
               i & ~C.o | v),
@@ -425,7 +425,7 @@ function et(e, t, r, n, o = []) {
             r: [
               y
             ],
-            d: l(S, {
+            d: s(S, {
               p: C.d
             }, f).map(Se).join("")
           });
@@ -438,7 +438,7 @@ function et(e, t, r, n, o = []) {
             r: [
               y
             ],
-            d: l(E, {
+            d: s(E, {
               p: C.d
             }, f).map(Se).join("")
           })));
@@ -449,7 +449,7 @@ function et(e, t, r, n, o = []) {
         y == "label" && S ? a = S + ae(JSON.stringify([
           i,
           u,
-          s
+          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 */
@@ -466,7 +466,7 @@ function et(e, t, r, n, o = []) {
           let U = f.theme("screens", G);
           return U ? (E |= 67108864, /* Shifts.screens */
           Re(U, "")) : ce;
-        }), E |= ke(y)), m.push(...l(S, {
+        }), E |= ke(y)), m.push(...s(S, {
           n: a,
           p: E,
           r: [
@@ -476,7 +476,7 @@ function et(e, t, r, n, o = []) {
           i: u
         }, f));
       } else
-        m.push(...l(S, {
+        m.push(...s(S, {
           p: i,
           r: [
             ...d,
@@ -501,32 +501,32 @@ function et(e, t, r, n, o = []) {
         d: b
       }), m.sort(Ke)
     );
-  }(e, $e(t, r, n, o), r);
+  }(e, $e(t, r, o, n), r);
 }
 function De(e, t) {
-  return e.replace(/theme\((["'`])?(.+?)\1(?:\s*,\s*(["'`])?(.+?)\3)?\)/g, (r, n, o, l, s = "") => {
-    let a = t(o, s);
-    return typeof a == "function" && /color|fill|stroke/i.test(o) ? H(a) : "" + k(a).filter((i) => Object(i) !== i);
+  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, n = [];
-  for (let o of e)
-    o.d && o.n ? (r == null ? void 0 : r.p) == o.p && "" + r.r == "" + o.r ? (r.c = [
+  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,
-      o.c
-    ].filter(Boolean).join(" "), r.d = r.d + ";" + o.d) : n.push(r = {
-      ...o,
-      n: o.n && t
-    }) : n.push({
-      ...o,
-      n: o.n && t
+      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 n;
+  return o;
 }
-function le(e, t, r = C.u, n, o) {
-  let l = [];
-  for (let s of e)
+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,
@@ -538,7 +538,7 @@ function le(e, t, r = C.u, n, o) {
       }(i, d);
       return b ? (
         // a list of class names
-        typeof b == "string" ? ({ r: f, p: u } = $e(i, d, u, f), tt(le(se(b), d, u, f, i.i), i.n)) : Array.isArray(b) ? b.map((h) => {
+        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,
@@ -561,14 +561,14 @@ function le(e, t, r = C.u, n, o) {
           }
         ]
       );
-    }(s, t, r, n, o))
-      l.splice(Qe(l, a), 0, a);
-  return l;
+    }(l, t, r, o, n))
+      s.splice(Qe(s, a), 0, a);
+  return s;
 }
-function je(e, t, r, n, o, l, s, a) {
-  return tt((a ? r.flatMap((i) => le([
+function je(e, t, r, o, n, s, l, a) {
+  return tt((a ? r.flatMap((i) => se([
     i
-  ], n, o, l, s)) : le(r, n, o, l, s)).map((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) ? {
@@ -578,28 +578,28 @@ function je(e, t, r, n, o, l, s, a) {
     } : i
   )), e);
 }
-function Tt(e, t, r, n) {
-  var o;
-  return o = (l, s) => {
-    let { n: a, p: i, r: d, i: u } = $e(l, s, t);
-    return r && je(a, t, r, s, i, d, u, n);
-  }, Ze.set(e, o), 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 n = [], o = !1, l = !1, s = "";
+    let o = [], n = !1, s = !1, l = "";
     for (let a of e)
       if (!(a == "(" || /[~@]$/.test(a))) {
-        if (a[0] == "!" && (a = a.slice(1), o = !o), a.endsWith(":")) {
-          n[a == "dark:" ? "unshift" : "push"](a.slice(0, -1));
+        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), l = !l), a.endsWith("-") && (a = a.slice(0, -1)), a && a != "&" && (s += (s && "-") + a);
+        a[0] == "-" && (a = a.slice(1), s = !s), a.endsWith("-") && (a = a.slice(0, -1)), a && a != "&" && (l += (l && "-") + a);
       }
-    s && (l && (s = "-" + s), t[0].push({
-      n: s,
-      v: n.filter(At),
-      i: o
+    l && (s && (l = "-" + l), t[0].push({
+      n: l,
+      v: o.filter(At),
+      i: n
     }));
   }
 }
@@ -607,24 +607,24 @@ function At(e, t, r) {
   return r.indexOf(e) == t;
 }
 let He = /* @__PURE__ */ new Map();
-function se(e) {
+function le(e) {
   let t = He.get(e);
   if (!t) {
-    let r = [], n = [
+    let r = [], o = [
       []
-    ], o = 0, l = 0, s = null, a = 0, i = (d, u = 0) => {
-      o != a && (r.push(e.slice(o, a + u)), d && be(r, n)), o = a + 1;
+    ], 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 (l)
-        e[a - 1] != "\\" && (l += +(d == "[") || -(d == "]"));
+      if (s)
+        e[a - 1] != "\\" && (s += +(d == "[") || -(d == "]"));
       else if (d == "[")
-        l += 1;
-      else if (s)
-        e[a - 1] != "\\" && s.test(e.slice(a)) && (s = null, o = a + RegExp.lastMatch.length);
+        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] == "/"))
-        s = e[a + 1] == "*" ? /^\*\// : /^[\r\n]/;
+        l = e[a + 1] == "*" ? /^\*\// : /^[\r\n]/;
       else if (d == "(")
         i(), r.push(d);
       else if (d == ":")
@@ -635,12 +635,12 @@ function se(e) {
         if (d == ")") {
           let f = r[u - 1];
           if (/[~@]$/.test(f)) {
-            let m = n.shift();
+            let m = o.shift();
             r.length = u, be([
               ...r,
               "#"
-            ], n);
-            let { v: b } = n[0].pop();
+            ], 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([
@@ -655,7 +655,7 @@ function se(e) {
                 m,
                 /@$/.test(f)
               )
-            ], n);
+            ], o);
           }
           u = r.lastIndexOf("(", u - 1);
         }
@@ -664,9 +664,9 @@ function se(e) {
         /[~@]/.test(d) && e[a + 1] == "(" && // start nested block
         // ~(...) or button~(...)
         // @(...) or button@(...)
-        n.unshift([]);
+        o.unshift([]);
     }
-    i(!0), He.set(e, t = n[0]);
+    i(!0), He.set(e, t = o[0]);
   }
   return t;
 }
@@ -679,8 +679,8 @@ function c(e, t, r) {
 function Ce(e, t) {
   return typeof e == "function" ? e : typeof e == "string" && /^[\w-]+$/.test(e) ? (
     // a CSS property alias
-    (r, n) => ({
-      [e]: t ? t(r, n) : ze(r, 1)
+    (r, o) => ({
+      [e]: t ? t(r, o) : ze(r, 1)
     })
   ) : (r) => (
     // CSSObject, shortcut or apply
@@ -692,22 +692,22 @@ function Ce(e, t) {
 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, n) {
+function p(e, t, r, o) {
   return [
     e,
-    Et(t, r, n)
+    Et(t, r, o)
   ];
 }
 function Et(e, t, r) {
-  let n = typeof t == "string" ? (o, l) => ({
-    [t]: r ? r(o, l) : o._
-  }) : t || (({ 1: o, _: l }, s, a) => ({
-    [o || a]: l
+  let o = typeof t == "string" ? (n, s) => ({
+    [t]: r ? r(n, s) : n._
+  }) : t || (({ 1: n, _: s }, l, a) => ({
+    [n || a]: s
   }));
-  return (o, l) => {
-    let s = rt(e || o[1]), a = l.theme(s, o.$$) ?? I(o.$$, s, l);
+  return (n, s) => {
+    let l = rt(e || n[1]), a = s.theme(l, n.$$) ?? I(n.$$, l, s);
     if (a != null)
-      return o._ = ze(o, 0, a), n(o, l, s);
+      return n._ = ze(n, 0, a), o(n, s, l);
   };
 }
 function z(e, t = {}, r) {
@@ -717,11 +717,11 @@ function z(e, t = {}, r) {
   ];
 }
 function Ft(e = {}, t) {
-  return (r, n) => {
-    let { section: o = rt(r[0]).replace("-", "") + "Color" } = e, [l, s] = Rt(r.$$);
-    if (!l)
+  return (r, o) => {
+    let { section: n = rt(r[0]).replace("-", "") + "Color" } = e, [s, l] = Rt(r.$$);
+    if (!s)
       return;
-    let a = n.theme(o, l) || I(l, o, n);
+    let a = o.theme(n, s) || I(s, n, o);
     if (!a || typeof a == "object")
       return;
     let {
@@ -729,10 +729,10 @@ function Ft(e = {}, t) {
       // ring-offset(?:-|$) -> --tw-ring-offset-opacity
       // TODO move this default into preset-tailwind?
       opacityVariable: i = `--tw-${r[0].replace(/-$/, "")}-opacity`,
-      opacitySection: d = o.replace("Color", "Opacity"),
-      property: u = o,
+      opacitySection: d = n.replace("Color", "Opacity"),
+      property: u = n,
       selector: f
-    } = e, m = n.theme(d, s || "DEFAULT") || s && I(s, d, n), b = t || (({ _: x }) => {
+    } = e, m = o.theme(d, l || "DEFAULT") || l && I(l, d, o), b = t || (({ _: x }) => {
       let v = ie(u, x);
       return f ? {
         [f]: v
@@ -747,9 +747,9 @@ function Ft(e = {}, t) {
       opacityVariable: i || void 0,
       opacityValue: m || void 0
     };
-    let h = b(r, n);
+    let h = b(r, o);
     if (!r.dark) {
-      let x = n.d(o, l, a);
+      let x = o.d(n, s, a);
       x && x !== a && (r._ = {
         value: H(x, {
           opacityVariable: i || void 0,
@@ -760,7 +760,7 @@ function Ft(e = {}, t) {
         opacityValue: m || void 0
       }, h = {
         "&": h,
-        [n.v("dark")]: b(r, n)
+        [o.v("dark")]: b(r, o)
       });
     }
     return h;
@@ -798,10 +798,10 @@ function rt(e) {
 function ee(e) {
   return (
     // Keep raw strings if it starts with `url(`
-    e.includes("url(") ? e.replace(/(.*?)(url\(.*?\))(.*?)/g, (t, r = "", n, o = "") => ee(r) + n + ee(o)) : 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 "))
+    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 nt({ presets: e = [], ...t }) {
+function ot({ presets: e = [], ...t }) {
   let r = {
     darkMode: void 0,
     darkColor: void 0,
@@ -811,10 +811,10 @@ function nt({ presets: e = [], ...t }) {
     rules: k(t.rules),
     ignorelist: k(t.ignorelist),
     hash: void 0,
-    stringify: (n, o) => n + ":" + o,
+    stringify: (o, n) => o + ":" + n,
     finalize: []
   };
-  for (let n of k([
+  for (let o of k([
     ...e,
     {
       darkMode: t.darkMode,
@@ -826,15 +826,15 @@ function nt({ presets: e = [], ...t }) {
       finalize: t.finalize
     }
   ])) {
-    let { preflight: o, darkMode: l = r.darkMode, darkColor: s = r.darkColor, theme: a, variants: i, rules: d, ignorelist: u, hash: f = r.hash, stringify: m = r.stringify, finalize: b } = typeof n == "function" ? n(r) : n;
+    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 && o !== !1 && [
+      preflight: r.preflight !== !1 && n !== !1 && [
         ...r.preflight,
-        ...k(o)
+        ...k(n)
       ],
-      darkMode: l,
-      darkColor: s,
+      darkMode: s,
+      darkColor: l,
       theme: {
         ...r.theme,
         ...a,
@@ -865,11 +865,11 @@ function nt({ presets: e = [], ...t }) {
   }
   return r;
 }
-function Ie(e, t, r, n, o, l) {
-  for (let s of t) {
-    let a = r.get(s);
-    a || r.set(s, a = n(s));
-    let i = a(e, o, l);
+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;
   }
@@ -883,20 +883,20 @@ function $t(e) {
   return Array.isArray(e) ? Te(e[0], Ce(e[1], e[2])) : Te(e, Ce(t, r));
 }
 function Te(e, t) {
-  return ot(e, (r, n, o, l) => {
-    let s = n.exec(r);
-    if (s)
+  return nt(e, (r, o, n, s) => {
+    let l = o.exec(r);
+    if (l)
       return (
         // MATCH.$_ = value
-        s.$$ = r.slice(s[0].length), s.dark = l, t(s, o)
+        l.$$ = r.slice(l[0].length), l.dark = s, t(l, n)
       );
   });
 }
-function ot(e, t) {
+function nt(e, t) {
   let r = k(e).map(Dt);
-  return (n, o, l) => {
-    for (let s of r) {
-      let a = t(n, s, o, l);
+  return (o, n, s) => {
+    for (let l of r) {
+      let a = t(o, l, n, s);
       if (a)
         return a;
     }
@@ -906,8 +906,8 @@ function Dt(e) {
   return typeof e == "string" ? RegExp("^" + e + (e.includes("$") || e.slice(-1) == "-" ? "" : "$")) : e;
 }
 function jt(e, t) {
-  let r = nt(e), n = 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 = ot(x, (w, A) => A.test(w));
+  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 : (
@@ -951,7 +951,7 @@ function jt(e, t) {
               T
             ], /[.[]/.test(T)) {
               let L = [];
-              T.replace(/\[([^\]]+)\]|([^.[]+)/g, (P, Q, st = Q) => L.push(st)), T = L.shift(), R = F, F = L.join("-");
+              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(
@@ -1013,50 +1013,50 @@ function jt(e, t) {
       }
     };
     return U;
-  }(r), o = /* @__PURE__ */ new Map(), l = [], s = /* @__PURE__ */ new Set();
-  t.resume((i) => o.set(i, i), (i, d) => {
-    t.insert(i, l.length, d), l.push(d), s.add(i);
+  }(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 = n.f(i), u = Se(d);
-    if (u && !s.has(u)) {
-      s.add(u);
-      let f = Qe(l, i);
-      t.insert(u, f, i), l.splice(f, 0, 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 (!o.size)
+    if (!n.size)
       for (let f of k(r.preflight))
-        typeof f == "function" && (f = f(n)), f && (typeof f == "string" ? je("", C.b, se(f), n, C.b, [], !1, !0) : et(f, {}, n, C.b)).forEach(a);
+        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 = o.get(d);
+    let u = n.get(d);
     if (!u) {
       let f = /* @__PURE__ */ new Set();
-      for (let m of le(se(d), n))
+      for (let m of se(le(d), o))
         f.add(m.c).add(a(m));
       u = [
         ...f
-      ].filter(Boolean).join(" "), o.set(d, u).set(u, u);
+      ].filter(Boolean).join(" "), n.set(d, u).set(u, u);
     }
     return u;
   }, Object.getOwnPropertyDescriptors({
     get target() {
       return t.target;
     },
-    theme: n.theme,
+    theme: o.theme,
     config: r,
     snapshot() {
-      let i = t.snapshot(), d = new Set(s), u = new Map(o), f = [
-        ...l
+      let i = t.snapshot(), d = new Set(l), u = new Map(n), f = [
+        ...s
       ];
       return () => {
-        i(), s = d, o = u, l = f;
+        i(), l = d, n = u, s = f;
       };
     },
     clear() {
-      t.clear(), s = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map(), l = [];
+      t.clear(), l = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), s = [];
     },
     destroy() {
       this.clear(), t.destroy();
@@ -1069,16 +1069,16 @@ function Lt(e, t) {
 function Wt(e) {
   let t = new MutationObserver(r);
   return {
-    observe(o) {
-      t.observe(o, {
+    observe(n) {
+      t.observe(n, {
         attributeFilter: [
           "class"
         ],
         subtree: !0,
         childList: !0
-      }), n(o), r([
+      }), o(n), r([
         {
-          target: o,
+          target: n,
           type: ""
         }
       ]);
@@ -1087,20 +1087,20 @@ function Wt(e) {
       t.disconnect();
     }
   };
-  function r(o) {
-    for (let { type: l, target: s } of o)
-      if (l[0] == "a")
-        n(s);
+  function r(n) {
+    for (let { type: s, target: l } of n)
+      if (s[0] == "a")
+        o(l);
       else
-        for (let a of s.querySelectorAll("[class]"))
-          n(a);
+        for (let a of l.querySelectorAll("[class]"))
+          o(a);
     t.takeRecords();
   }
-  function n(o) {
+  function o(n) {
     var a;
-    let l, s = (a = o.getAttribute) == null ? void 0 : a.call(o, "class");
-    s && Lt(s, l = e(s)) && // Not using `target.className = ...` as that is read-only for SVGElements
-    o.setAttribute("class", l);
+    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) {
@@ -1112,7 +1112,7 @@ function he(e) {
   return {
     target: t,
     snapshot() {
-      let r = Array.from(t.cssRules, (n) => n.cssText);
+      let r = Array.from(t.cssRules, (o) => o.cssText);
       return () => {
         this.clear(), r.forEach(this.insert);
       };
@@ -1125,11 +1125,11 @@ function he(e) {
       var r;
       (r = t.ownerNode) == null || r.remove();
     },
-    insert(r, n) {
+    insert(r, o) {
       try {
-        t.insertRule(r, n);
+        t.insertRule(r, o);
       } catch {
-        t.insertRule(":root{}", n);
+        t.insertRule(":root{}", o);
       }
     },
     resume: Oe
@@ -1149,32 +1149,32 @@ function Mt(e, t = !0) {
         }, i.disconnect = Oe, i;
       } catch {
       }
-    let l = document.createElement("style");
-    l.media = "not all", document.head.prepend(l);
-    let s = [
-      he(l)
+    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 s[0].target;
+        return l[0].target;
       },
       snapshot() {
-        let i = s.map((d) => d.snapshot());
+        let i = l.map((d) => d.snapshot());
         return () => i.forEach((d) => d());
       },
       clear() {
-        s.forEach((i) => i.clear());
+        l.forEach((i) => i.clear());
       },
       destroy() {
-        s.forEach((i) => i.destroy());
+        l.forEach((i) => i.destroy());
       },
       insert(i, d, u) {
-        s[0].insert(i, d, u);
+        l[0].insert(i, d, u);
         let f = this.target.cssRules[d];
-        s.forEach((m, b) => b && m.target.insertRule(f.cssText, d));
+        l.forEach((m, b) => b && m.target.insertRule(f.cssText, d));
       },
       resume(i, d) {
-        return s[0].resume(i, d);
+        return l[0].resume(i, d);
       },
       connect(i) {
         let d = document.createElement("style");
@@ -1182,30 +1182,30 @@ function Mt(e, t = !0) {
         let u = he(d), { cssRules: f } = this.target;
         for (let m = 0; m < f.length; m++)
           u.target.insertRule(f[m].cssText, m);
-        s.push(u), a.set(i, u);
+        l.push(u), a.set(i, u);
       },
       disconnect(i) {
-        let d = s.indexOf(a.get(i));
-        d >= 0 && s.splice(d, 1);
+        let d = l.indexOf(a.get(i));
+        d >= 0 && l.splice(d, 1);
       }
     };
-  }(), n = jt({
+  }(), o = jt({
     ...e,
     // in production use short hashed class names
     hash: e.hash ?? t
-  }, r), o = Wt(n);
-  return function(s) {
-    return class extends s {
+  }, r), n = Wt(o);
+  return function(l) {
+    return class extends l {
       connectedCallback() {
         var i;
-        (i = super.connectedCallback) == null || i.call(this), r.connect(this), o.observe(xe(this));
+        (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 = n;
+        super(...i), this.tw = o;
       }
     };
   };
@@ -1246,13 +1246,13 @@ let Pt = [
 ];
 function Bt() {
   return ({ stringify: e }) => ({
-    stringify(t, r, n) {
-      let o = "", l = Ht(t);
-      l && (o += e(l, r, n) + ";");
-      let s = It(t), a = Nt(t, r);
+    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)
-        s & i[1] && (o += e(i[0] + t, r, n) + ";"), a & i[1] && (o += e(t, i[0] + r, n) + ";");
-      return o + e(t, r, n);
+        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);
     }
   });
 }
@@ -2053,21 +2053,21 @@ let Ae = {
 function K(e, t) {
   let r = {};
   do
-    for (var n = 1; n < e; n++)
-      r[`${n}/${e}`] = Number((n / e * 100).toFixed(6)) + "%";
+    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 n = {};
+  let o = {};
   for (; r <= e; r = 2 * r || 1)
-    n[r] = r + t;
-  return n;
+    o[r] = r + t;
+  return o;
 }
-function O(e, t = "", r = 1, n = 0, o = 1, l = {}) {
-  for (; n <= e; n += o)
-    l[n] = n / r + t;
-  return l;
+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);
@@ -2383,24 +2383,24 @@ let qt = {
   /* LAYOUT */
   p("aspect-", "aspectRatio"),
   c("container", (e, { theme: t }) => {
-    let { screens: r = t("screens"), center: n, padding: o } = t("container"), l = {
+    let { screens: r = t("screens"), center: o, padding: n } = t("container"), s = {
       width: "100%",
-      marginRight: n && "auto",
-      marginLeft: n && "auto",
-      ...s("xs")
+      marginRight: o && "auto",
+      marginLeft: o && "auto",
+      ...l("xs")
     };
     for (let a in r) {
       let i = r[a];
-      typeof i == "string" && (l[Re(i)] = {
+      typeof i == "string" && (s[Re(i)] = {
         "&": {
           maxWidth: i,
-          ...s(a)
+          ...l(a)
         }
       });
     }
-    return l;
-    function s(a) {
-      let i = o && (typeof o == "string" ? o : o[a] || o.DEFAULT);
+    return s;
+    function l(a) {
+      let i = n && (typeof n == "string" ? n : n[a] || n.DEFAULT);
       if (i)
         return {
           paddingRight: i,
@@ -2442,7 +2442,7 @@ let qt = {
   c("object-(contain|cover|fill|none|scale-down)", "objectFit"),
   // Object Position
   p("object-", "objectPosition"),
-  c("object-(top|bottom|center|(left|right)(-(top|bottom))?)", "objectPosition", oe),
+  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
@@ -2500,7 +2500,7 @@ let qt = {
   p("row-end-", "gridRowEnd"),
   c("row-end-(auto|\\d+)", "gridRowEnd"),
   // Grid Auto Flow
-  c("grid-flow-((row|col)(-dense)?)", "gridAutoFlow", (e) => oe(Ne(e))),
+  c("grid-flow-((row|col)(-dense)?)", "gridAutoFlow", (e) => ne(Ne(e))),
   c("grid-flow-(dense)", "gridAutoFlow"),
   // Grid Auto Columns
   p("auto-cols-", "gridAutoColumns"),
@@ -2771,7 +2771,7 @@ let qt = {
   p("bg-", "backgroundImage"),
   // Background Position
   p("bg-", "backgroundPosition"),
-  c("bg-(top|bottom|center|(left|right)(-(top|bottom))?)", "backgroundPosition", oe),
+  c("bg-(top|bottom|center|(left|right)(-(top|bottom))?)", "backgroundPosition", ne),
   // Background Size
   p("bg-", "backgroundSize"),
   /* BORDERS */
@@ -2956,13 +2956,13 @@ let qt = {
   p("ease(?:$|-)", "transitionTimingFunction", "transitionTimingFunction", W),
   // Transition Delay
   p("delay(?:$|-)", "transitionDelay", "transitionDelay", W),
-  p("animate(?:$|-)", "animation", (e, { theme: t, h: r, e: n }) => {
-    let o = W(e), l = o.split(" "), s = t("keyframes", l[0]);
-    return s ? {
-      ["@keyframes " + (l[0] = n(r(l[0])))]: s,
-      animation: l.join(" ")
+  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: o
+      animation: n
     };
   }),
   /* TRANSFORMS */
@@ -2985,7 +2985,7 @@ let qt = {
   // Skew
   p("-?(skew-[xy])-", "skew", ye),
   // Transform Origin
-  c("origin-(center|((top|bottom)(-(left|right))?)|left|right)", "transformOrigin", oe),
+  c("origin-(center|((top|bottom)(-(left|right))?)|left|right)", "transformOrigin", ne),
   /* INTERACTIVITY */
   // Appearance
   "(appearance)-",
@@ -3107,7 +3107,7 @@ let qt = {
     clip: "auto"
   })
 ];
-function oe(e) {
+function ne(e) {
   return (typeof e == "string" ? e : e[1]).replace(/-/g, " ").trim();
 }
 function Ne(e) {
@@ -3115,13 +3115,13 @@ function Ne(e) {
 }
 function q(e, t = "-") {
   let r = [];
-  for (let n of e)
+  for (let o of e)
     r.push({
       t: "top",
       r: "right",
       b: "bottom",
       l: "left"
-    }[n]);
+    }[o]);
   return r.join(t);
 }
 function W(e) {
@@ -3156,15 +3156,15 @@ function Pe({ $$: e }) {
   }[e[3] || ""] || "") + e;
 }
 function Y(e, t = "") {
-  return ({ 1: r, _: n }) => {
-    let o = {
+  return ({ 1: r, _: o }) => {
+    let n = {
       x: "lr",
       y: "tb"
     }[r] || r + r;
-    return o ? {
-      ...ie(e + "-" + q(o[0]) + t, n),
-      ...ie(e + "-" + q(o[1]) + t, n)
-    } : ie(e + t, n);
+    return n ? {
+      ...ie(e + "-" + q(n[0]) + t, o),
+      ...ie(e + "-" + q(n[1]) + t, o)
+    } : ie(e + t, o);
   };
 }
 function Be(e = "") {
@@ -3180,22 +3180,22 @@ function Be(e = "") {
     "sepia",
     !e && "drop-shadow"
   ].filter(Boolean), r = {};
-  for (let n of t)
-    r[`--tw-${e}${n}`] = "var(--tw-empty,/*!*/ /*!*/)";
+  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((n) => `var(--tw-${e}${n})`).join(" ")
+    [`${e}filter`]: t.map((o) => `var(--tw-${e}${o})`).join(" ")
   }, [
     `(${e}filter)-(none)`,
     c(`${e}filter`, r),
-    ...t.map((n) => p(
+    ...t.map((o) => p(
       // hue-rotate can be negated
-      `${n[0] == "h" ? "-?" : ""}(${e}${n})(?:$|-)`,
-      n,
-      ({ 1: o, _: l }) => ({
-        [`--tw-${o}`]: k(l).map((s) => `${n}(${s})`).join(" "),
+      `${o[0] == "h" ? "-?" : ""}(${e}${o})(?:$|-)`,
+      o,
+      ({ 1: n, _: s }) => ({
+        [`--tw-${n}`]: k(s).map((l) => `${o}(${l})`).join(" "),
         ...r
       })
     ))
@@ -3320,9 +3320,9 @@ let Yt = [
   // => '.group:focus .group-focus:selector'
   [
     "((group|peer)(~[^-[]+)?)(-\\[(.+)]|[-[].+?)(\\/.+)?",
-    ({ 2: e, 3: t = "", 4: r, 5: n = "", 6: o = t }, { e: l, h: s, v: a }) => {
-      let i = ee(n) || (r[0] == "[" ? r : a(r.slice(1)));
-      return `${(i.includes("&") ? i : "&" + i).replace(/&/g, `:merge(.${l(s(e + o))})`)}${e[0] == "p" ? "~" : " "}&`;
+    ({ 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
@@ -3379,7 +3379,7 @@ function Jt({ colors: e, disablePreflight: t } = {}) {
         // 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((n) => /^&::(before|after)$/.test(n)) && // there is no content property yet
+        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
@@ -3465,7 +3465,7 @@ let Xt = {
   700: "#c2410c",
   800: "#9a3412",
   900: "#7c2d12"
-}, nr = {
+}, or = {
   50: "#fffbeb",
   100: "#fef3c7",
   200: "#fde68a",
@@ -3476,7 +3476,7 @@ let Xt = {
   700: "#b45309",
   800: "#92400e",
   900: "#78350f"
-}, or = {
+}, nr = {
   50: "#fefce8",
   100: "#fef9c3",
   200: "#fef08a",
@@ -3509,7 +3509,7 @@ let Xt = {
   700: "#15803d",
   800: "#166534",
   900: "#14532d"
-}, lr = {
+}, sr = {
   50: "#ecfdf5",
   100: "#d1fae5",
   200: "#a7f3d0",
@@ -3520,7 +3520,7 @@ let Xt = {
   700: "#047857",
   800: "#065f46",
   900: "#064e3b"
-}, sr = {
+}, lr = {
   50: "#f0fdfa",
   100: "#ccfbf1",
   200: "#99f6e4",
@@ -3639,12 +3639,12 @@ let Xt = {
   stone: er,
   red: tr,
   orange: rr,
-  amber: nr,
-  yellow: or,
+  amber: or,
+  yellow: nr,
   lime: ir,
   green: ar,
-  emerald: lr,
-  teal: sr,
+  emerald: sr,
+  teal: lr,
   cyan: cr,
   sky: pr,
   blue: dr,
@@ -3661,7 +3661,7 @@ function yr({ disablePreflight: e } = {}) {
     disablePreflight: e
   });
 }
-var at = {}, lt = {};
+var at = {}, st = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -3672,12 +3672,12 @@ var at = {}, lt = {};
     }
   });
   function t(r) {
-    return Array.isArray(r) ? r.map((n) => t(n)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([n, o]) => [
-      n,
-      t(o)
+    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;
   }
-})(lt);
+})(st);
 var wr = {
   content: [],
   presets: [],
@@ -4675,27 +4675,28 @@ var wr = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return n;
     }
   });
-  const t = lt, r = /* @__PURE__ */ n(wr);
-  function n(l) {
-    return l && l.__esModule ? l : {
-      default: l
+  const t = st, r = /* @__PURE__ */ o(wr);
+  function o(s) {
+    return s && s.__esModule ? s : {
+      default: s
     };
   }
-  const o = (0, t.cloneDeep)(r.default.theme);
+  const n = (0, t.cloneDeep)(r.default.theme);
 })(at);
 let we = at;
 var vr = (we.__esModule ? we : { default: we }).default;
 const kr = {
-  content: ["./dev/main.tsx", "./lib/**/*.{ts,tsx}", "./index.html"],
+  content: ["./lib/**/*.{ts,tsx}"],
   theme: {
     extend: {
       colors: {
         category: "hsl(var(--tf-category) / <alpha-value>)",
         label: "hsl(var(--tf-label) / <alpha-value>)",
         background: "hsl(var(--tf-background) / <alpha-value>)",
+        foreground: "hsl(var(--tf-foreground) / <alpha-value>)",
         primary: {
           DEFAULT: "hsl(var(--tf-primary) / <alpha-value>)",
           foreground: "hsl(var(--tf-primary-foreground) / <alpha-value>)"
@@ -4722,10 +4723,24 @@ const kr = {
       },
       fontFamily: {
         "tf-font": ["var(--tf-font)", ...vr.fontFamily.sans]
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out"
       }
     }
   }
-}, Sr = nt({
+}, Sr = ot({
   theme: {
     extend: kr.theme.extend
   },