@dss-kit/ui-kit 0.0.26 → 0.0.27

package/dist/ui-kit.es.js

@@ -1,18 +1,18 @@
-import { jsx as A, jsxs as _e } from "react/jsx-runtime";
-import * as z from "react";
-import { forwardRef as Le, useState as Ie } from "react";
-function je(e) {
+import { jsx as $, jsxs as _e } from "react/jsx-runtime";
+import * as O from "react";
+import { forwardRef as $e, useMemo as Le, useState as Ie } from "react";
+function Be(e) {
   if (e.sheet)
     return e.sheet;
   for (var t = 0; t < document.styleSheets.length; t++)
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function Ge(e) {
+function je(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var We = /* @__PURE__ */ function() {
+var Ve = /* @__PURE__ */ (function() {
   function e(r) {
     var n = this;
     this._insertTag = function(a) {
@@ -24,10 +24,10 @@ var We = /* @__PURE__ */ function() {
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Ge(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(je(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var i = je(a);
+      var i = Be(a);
       try {
         i.insertRule(n, i.cssRules.length);
       } catch {
@@ -41,66 +41,66 @@ var We = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), x = "-ms-", Y = "-moz-", l = "-webkit-", ke = "comm", ue = "rule", le = "decl", Be = "@import", $e = "@keyframes", Ve = "@layer", De = Math.abs, Q = String.fromCharCode, Fe = Object.assign;
-function Ze(e, t) {
-  return y(e, 0) ^ 45 ? (((t << 2 ^ y(e, 0)) << 2 ^ y(e, 1)) << 2 ^ y(e, 2)) << 2 ^ y(e, 3) : 0;
+})(), S = "-ms-", Y = "-moz-", d = "-webkit-", Ee = "comm", ue = "rule", le = "decl", De = "@import", Ae = "@keyframes", He = "@layer", Fe = Math.abs, Q = String.fromCharCode, Ze = Object.assign;
+function qe(e, t) {
+  return x(e, 0) ^ 45 ? (((t << 2 ^ x(e, 0)) << 2 ^ x(e, 1)) << 2 ^ x(e, 2)) << 2 ^ x(e, 3) : 0;
 }
-function Ee(e) {
+function Re(e) {
   return e.trim();
 }
-function qe(e, t) {
+function Ke(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function d(e, t, r) {
+function h(e, t, r) {
   return e.replace(t, r);
 }
-function ce(e, t) {
+function se(e, t) {
   return e.indexOf(t);
 }
-function y(e, t) {
+function x(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function B(e, t, r) {
+function V(e, t, r) {
   return e.slice(t, r);
 }
-function M(e) {
+function P(e) {
   return e.length;
 }
 function de(e) {
   return e.length;
 }
-function Z(e, t) {
+function F(e, t) {
   return t.push(e), e;
 }
-function He(e, t) {
+function Ue(e, t) {
   return e.map(t).join("");
 }
-var ee = 1, j = 1, Ae = 0, C = 0, g = 0, G = "";
-function te(e, t, r, n, a, i, s) {
-  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: ee, column: j, length: s, return: "" };
+var ee = 1, I = 1, Oe = 0, k = 0, g = 0, B = "";
+function te(e, t, r, n, a, i, o) {
+  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: ee, column: I, length: o, return: "" };
 }
-function W(e, t) {
-  return Fe(te("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function j(e, t) {
+  return Ze(te("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function Ke() {
+function Ye() {
   return g;
 }
-function Ue() {
-  return g = C > 0 ? y(G, --C) : 0, j--, g === 10 && (j = 1, ee--), g;
+function Xe() {
+  return g = k > 0 ? x(B, --k) : 0, I--, g === 10 && (I = 1, ee--), g;
 }
-function k() {
-  return g = C < Ae ? y(G, C++) : 0, j++, g === 10 && (j = 1, ee++), g;
+function E() {
+  return g = k < Oe ? x(B, k++) : 0, I++, g === 10 && (I = 1, ee++), g;
 }
-function P() {
-  return y(G, C);
+function T() {
+  return x(B, k);
 }
-function H() {
-  return C;
+function q() {
+  return k;
 }
-function D(e, t) {
-  return B(G, e, t);
+function H(e, t) {
+  return V(B, e, t);
 }
-function V(e) {
+function D(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -138,247 +138,247 @@ function V(e) {
   }
   return 0;
 }
-function ze(e) {
-  return ee = j = 1, Ae = M(G = e), C = 0, [];
+function Me(e) {
+  return ee = I = 1, Oe = P(B = e), k = 0, [];
 }
-function Oe(e) {
-  return G = "", e;
+function Ne(e) {
+  return B = "", e;
 }
 function K(e) {
-  return Ee(D(C - 1, oe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Re(H(k - 1, ce(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Ye(e) {
-  for (; (g = P()) && g < 33; )
-    k();
-  return V(e) > 2 || V(g) > 3 ? "" : " ";
+function Je(e) {
+  for (; (g = T()) && g < 33; )
+    E();
+  return D(e) > 2 || D(g) > 3 ? "" : " ";
 }
-function Xe(e, t) {
-  for (; --t && k() && !(g < 48 || g > 102 || g > 57 && g < 65 || g > 70 && g < 97); )
+function Qe(e, t) {
+  for (; --t && E() && !(g < 48 || g > 102 || g > 57 && g < 65 || g > 70 && g < 97); )
     ;
-  return D(e, H() + (t < 6 && P() == 32 && k() == 32));
+  return H(e, q() + (t < 6 && T() == 32 && E() == 32));
 }
-function oe(e) {
-  for (; k(); )
+function ce(e) {
+  for (; E(); )
     switch (g) {
       // ] ) " '
       case e:
-        return C;
+        return k;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && oe(g);
+        e !== 34 && e !== 39 && ce(g);
         break;
       // (
       case 40:
-        e === 41 && oe(e);
+        e === 41 && ce(e);
         break;
       // \
       case 92:
-        k();
+        E();
         break;
     }
-  return C;
+  return k;
 }
-function Je(e, t) {
-  for (; k() && e + g !== 57; )
-    if (e + g === 84 && P() === 47)
+function et(e, t) {
+  for (; E() && e + g !== 57; )
+    if (e + g === 84 && T() === 47)
       break;
-  return "/*" + D(t, C - 1) + "*" + Q(e === 47 ? e : k());
+  return "/*" + H(t, k - 1) + "*" + Q(e === 47 ? e : E());
 }
-function Qe(e) {
-  for (; !V(P()); )
-    k();
-  return D(e, C);
+function tt(e) {
+  for (; !D(T()); )
+    E();
+  return H(e, k);
 }
-function et(e) {
-  return Oe(U("", null, null, null, [""], e = ze(e), 0, [0], e));
+function rt(e) {
+  return Ne(U("", null, null, null, [""], e = Me(e), 0, [0], e));
 }
-function U(e, t, r, n, a, i, s, c, o) {
-  for (var u = 0, f = 0, h = s, S = 0, O = 0, w = 0, _ = 1, b = 1, p = 1, v = 0, $ = "", F = a, T = i, R = n, m = $; b; )
-    switch (w = v, v = k()) {
+function U(e, t, r, n, a, i, o, s, c) {
+  for (var u = 0, f = 0, l = o, w = 0, A = 0, y = 0, m = 1, v = 1, _ = 1, b = 0, C = "", G = a, M = i, N = n, p = C; v; )
+    switch (y = b, b = E()) {
       // (
       case 40:
-        if (w != 108 && y(m, h - 1) == 58) {
-          ce(m += d(K(v), "&", "&\f"), "&\f") != -1 && (p = -1);
+        if (y != 108 && x(p, l - 1) == 58) {
+          se(p += h(K(b), "&", "&\f"), "&\f") != -1 && (_ = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        m += K(v);
+        p += K(b);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        m += Ye(w);
+        p += Je(y);
         break;
       // \
       case 92:
-        m += Xe(H() - 1, 7);
+        p += Qe(q() - 1, 7);
         continue;
       // /
       case 47:
-        switch (P()) {
+        switch (T()) {
           case 42:
           case 47:
-            Z(tt(Je(k(), H()), t, r), o);
+            F(nt(et(E(), q()), t, r), c);
             break;
           default:
-            m += "/";
+            p += "/";
         }
         break;
       // {
-      case 123 * _:
-        c[u++] = M(m) * p;
+      case 123 * m:
+        s[u++] = P(p) * _;
       // } ; \0
-      case 125 * _:
+      case 125 * m:
       case 59:
       case 0:
-        switch (v) {
+        switch (b) {
           // \0 }
           case 0:
           case 125:
-            b = 0;
+            v = 0;
           // ;
           case 59 + f:
-            p == -1 && (m = d(m, /\f/g, "")), O > 0 && M(m) - h && Z(O > 32 ? pe(m + ";", n, r, h - 1) : pe(d(m, " ", "") + ";", n, r, h - 2), o);
+            _ == -1 && (p = h(p, /\f/g, "")), A > 0 && P(p) - l && F(A > 32 ? be(p + ";", n, r, l - 1) : be(h(p, " ", "") + ";", n, r, l - 2), c);
             break;
           // @ ;
           case 59:
-            m += ";";
+            p += ";";
           // { rule/at-rule
           default:
-            if (Z(R = me(m, t, r, u, f, a, c, $, F = [], T = [], h), i), v === 123)
+            if (F(N = pe(p, t, r, u, f, a, s, C, G = [], M = [], l), i), b === 123)
               if (f === 0)
-                U(m, t, R, R, F, i, h, c, T);
+                U(p, t, N, N, G, i, l, s, M);
               else
-                switch (S === 99 && y(m, 3) === 110 ? 100 : S) {
+                switch (w === 99 && x(p, 3) === 110 ? 100 : w) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    U(e, R, R, n && Z(me(e, R, R, 0, 0, a, c, $, a, F = [], h), T), a, T, h, c, n ? F : T);
+                    U(e, N, N, n && F(pe(e, N, N, 0, 0, a, s, C, a, G = [], l), M), a, M, l, s, n ? G : M);
                     break;
                   default:
-                    U(m, R, R, R, [""], T, 0, c, T);
+                    U(p, N, N, N, [""], M, 0, s, M);
                 }
         }
-        u = f = O = 0, _ = p = 1, $ = m = "", h = s;
+        u = f = A = 0, m = _ = 1, C = p = "", l = o;
         break;
       // :
       case 58:
-        h = 1 + M(m), O = w;
+        l = 1 + P(p), A = y;
       default:
-        if (_ < 1) {
-          if (v == 123)
-            --_;
-          else if (v == 125 && _++ == 0 && Ue() == 125)
+        if (m < 1) {
+          if (b == 123)
+            --m;
+          else if (b == 125 && m++ == 0 && Xe() == 125)
             continue;
         }
-        switch (m += Q(v), v * _) {
+        switch (p += Q(b), b * m) {
           // &
           case 38:
-            p = f > 0 ? 1 : (m += "\f", -1);
+            _ = f > 0 ? 1 : (p += "\f", -1);
             break;
           // ,
           case 44:
-            c[u++] = (M(m) - 1) * p, p = 1;
+            s[u++] = (P(p) - 1) * _, _ = 1;
             break;
           // @
           case 64:
-            P() === 45 && (m += K(k())), S = P(), f = h = M($ = m += Qe(H())), v++;
+            T() === 45 && (p += K(E())), w = T(), f = l = P(C = p += tt(q())), b++;
             break;
           // -
           case 45:
-            w === 45 && M(m) == 2 && (_ = 0);
+            y === 45 && P(p) == 2 && (m = 0);
         }
     }
   return i;
 }
-function me(e, t, r, n, a, i, s, c, o, u, f) {
-  for (var h = a - 1, S = a === 0 ? i : [""], O = de(S), w = 0, _ = 0, b = 0; w < n; ++w)
-    for (var p = 0, v = B(e, h + 1, h = De(_ = s[w])), $ = e; p < O; ++p)
-      ($ = Ee(_ > 0 ? S[p] + " " + v : d(v, /&\f/g, S[p]))) && (o[b++] = $);
-  return te(e, t, r, a === 0 ? ue : c, o, u, f);
+function pe(e, t, r, n, a, i, o, s, c, u, f) {
+  for (var l = a - 1, w = a === 0 ? i : [""], A = de(w), y = 0, m = 0, v = 0; y < n; ++y)
+    for (var _ = 0, b = V(e, l + 1, l = Fe(m = o[y])), C = e; _ < A; ++_)
+      (C = Re(m > 0 ? w[_] + " " + b : h(b, /&\f/g, w[_]))) && (c[v++] = C);
+  return te(e, t, r, a === 0 ? ue : s, c, u, f);
 }
-function tt(e, t, r) {
-  return te(e, t, r, ke, Q(Ke()), B(e, 2, -2), 0);
+function nt(e, t, r) {
+  return te(e, t, r, Ee, Q(Ye()), V(e, 2, -2), 0);
 }
-function pe(e, t, r, n) {
-  return te(e, t, r, le, B(e, 0, n), B(e, n + 1, -1), n);
+function be(e, t, r, n) {
+  return te(e, t, r, le, V(e, 0, n), V(e, n + 1, -1), n);
 }
-function I(e, t) {
+function L(e, t) {
   for (var r = "", n = de(e), a = 0; a < n; a++)
     r += t(e[a], a, e, t) || "";
   return r;
 }
-function rt(e, t, r, n) {
+function at(e, t, r, n) {
   switch (e.type) {
-    case Ve:
+    case He:
       if (e.children.length) break;
-    case Be:
+    case De:
     case le:
       return e.return = e.return || e.value;
-    case ke:
+    case Ee:
       return "";
-    case $e:
-      return e.return = e.value + "{" + I(e.children, n) + "}";
+    case Ae:
+      return e.return = e.value + "{" + L(e.children, n) + "}";
     case ue:
       e.value = e.props.join(",");
   }
-  return M(r = I(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return P(r = L(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function nt(e) {
+function it(e) {
   var t = de(e);
   return function(r, n, a, i) {
-    for (var s = "", c = 0; c < t; c++)
-      s += e[c](r, n, a, i) || "";
-    return s;
+    for (var o = "", s = 0; s < t; s++)
+      o += e[s](r, n, a, i) || "";
+    return o;
   };
 }
-function at(e) {
+function ot(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-function it(e) {
+function st(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var st = function(t, r, n) {
-  for (var a = 0, i = 0; a = i, i = P(), a === 38 && i === 12 && (r[n] = 1), !V(i); )
-    k();
-  return D(t, C);
-}, ct = function(t, r) {
+var ct = function(t, r, n) {
+  for (var a = 0, i = 0; a = i, i = T(), a === 38 && i === 12 && (r[n] = 1), !D(i); )
+    E();
+  return H(t, k);
+}, ft = function(t, r) {
   var n = -1, a = 44;
   do
-    switch (V(a)) {
+    switch (D(a)) {
       case 0:
-        a === 38 && P() === 12 && (r[n] = 1), t[n] += st(C - 1, r, n);
+        a === 38 && T() === 12 && (r[n] = 1), t[n] += ct(k - 1, r, n);
         break;
       case 2:
         t[n] += K(a);
         break;
       case 4:
         if (a === 44) {
-          t[++n] = P() === 58 ? "&\f" : "", r[n] = t[n].length;
+          t[++n] = T() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       // fallthrough
       default:
         t[n] += Q(a);
     }
-  while (a = k());
+  while (a = E());
   return t;
-}, ot = function(t, r) {
-  return Oe(ct(ze(t), r));
-}, ge = /* @__PURE__ */ new WeakMap(), ft = function(t) {
+}, ut = function(t, r) {
+  return Ne(ft(Me(t), r));
+}, ge = /* @__PURE__ */ new WeakMap(), lt = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
@@ -386,12 +386,12 @@ var st = function(t, r, n) {
       if (n = n.parent, !n) return;
     if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !ge.get(n)) && !a) {
       ge.set(t, !0);
-      for (var i = [], s = ot(r, i), c = n.props, o = 0, u = 0; o < s.length; o++)
-        for (var f = 0; f < c.length; f++, u++)
-          t.props[u] = i[o] ? s[o].replace(/&\f/g, c[f]) : c[f] + " " + s[o];
+      for (var i = [], o = ut(r, i), s = n.props, c = 0, u = 0; c < o.length; c++)
+        for (var f = 0; f < s.length; f++, u++)
+          t.props[u] = i[c] ? o[c].replace(/&\f/g, s[f]) : s[f] + " " + o[c];
     }
   }
-}, ut = function(t) {
+}, dt = function(t) {
   if (t.type === "decl") {
     var r = t.value;
     // charcode for l
@@ -399,11 +399,11 @@ var st = function(t, r, n) {
     r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function Re(e, t) {
-  switch (Ze(e, t)) {
+function Pe(e, t) {
+  switch (qe(e, t)) {
     // color-adjust
     case 5103:
-      return l + "print-" + e + e;
+      return d + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -433,58 +433,58 @@ function Re(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return l + e + e;
+      return d + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return l + e + Y + e + x + e + e;
+      return d + e + Y + e + S + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return l + e + x + e + e;
+      return d + e + S + e + e;
     // order
     case 6165:
-      return l + e + x + "flex-" + e + e;
+      return d + e + S + "flex-" + e + e;
     // align-items
     case 5187:
-      return l + e + d(e, /(\w+).+(:[^]+)/, l + "box-$1$2" + x + "flex-$1$2") + e;
+      return d + e + h(e, /(\w+).+(:[^]+)/, d + "box-$1$2" + S + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return l + e + x + "flex-item-" + d(e, /flex-|-self/, "") + e;
+      return d + e + S + "flex-item-" + h(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return l + e + x + "flex-line-pack" + d(e, /align-content|flex-|-self/, "") + e;
+      return d + e + S + "flex-line-pack" + h(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return l + e + x + d(e, "shrink", "negative") + e;
+      return d + e + S + h(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return l + e + x + d(e, "basis", "preferred-size") + e;
+      return d + e + S + h(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return l + "box-" + d(e, "-grow", "") + l + e + x + d(e, "grow", "positive") + e;
+      return d + "box-" + h(e, "-grow", "") + d + e + S + h(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return l + d(e, /([^-])(transform)/g, "$1" + l + "$2") + e;
+      return d + h(e, /([^-])(transform)/g, "$1" + d + "$2") + e;
     // cursor
     case 6187:
-      return d(d(d(e, /(zoom-|grab)/, l + "$1"), /(image-set)/, l + "$1"), e, "") + e;
+      return h(h(h(e, /(zoom-|grab)/, d + "$1"), /(image-set)/, d + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return d(e, /(image-set\([^]*)/, l + "$1$`$1");
+      return h(e, /(image-set\([^]*)/, d + "$1$`$1");
     // justify-content
     case 4968:
-      return d(d(e, /(.+:)(flex-)?(.*)/, l + "box-pack:$3" + x + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + l + e + e;
+      return h(h(e, /(.+:)(flex-)?(.*)/, d + "box-pack:$3" + S + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + d + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return d(e, /(.+)-inline(.+)/, l + "$1$2") + e;
+      return h(e, /(.+)-inline(.+)/, d + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -498,116 +498,116 @@ function Re(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (M(e) - 1 - t > 6) switch (y(e, t + 1)) {
+      if (P(e) - 1 - t > 6) switch (x(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (y(e, t + 4) !== 45) break;
+          if (x(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return d(e, /(.+:)(.+)-([^]+)/, "$1" + l + "$2-$3$1" + Y + (y(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return h(e, /(.+:)(.+)-([^]+)/, "$1" + d + "$2-$3$1" + Y + (x(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~ce(e, "stretch") ? Re(d(e, "stretch", "fill-available"), t) + e : e;
+          return ~se(e, "stretch") ? Pe(h(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (y(e, t + 1) !== 115) break;
+      if (x(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (y(e, M(e) - 3 - (~ce(e, "!important") && 10))) {
+      switch (x(e, P(e) - 3 - (~se(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return d(e, ":", ":" + l) + e;
+          return h(e, ":", ":" + d) + e;
         // (inline-)?fl(e)x
         case 101:
-          return d(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + l + (y(e, 14) === 45 ? "inline-" : "") + "box$3$1" + l + "$2$3$1" + x + "$2box$3") + e;
+          return h(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + d + (x(e, 14) === 45 ? "inline-" : "") + "box$3$1" + d + "$2$3$1" + S + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (y(e, t + 11)) {
+      switch (x(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return l + e + x + d(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return d + e + S + h(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return l + e + x + d(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return d + e + S + h(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return l + e + x + d(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return d + e + S + h(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return l + e + x + e + e;
+      return d + e + S + e + e;
   }
   return e;
 }
-var lt = function(t, r, n, a) {
+var ht = function(t, r, n, a) {
   if (t.length > -1 && !t.return) switch (t.type) {
     case le:
-      t.return = Re(t.value, t.length);
+      t.return = Pe(t.value, t.length);
       break;
-    case $e:
-      return I([W(t, {
-        value: d(t.value, "@", "@" + l)
+    case Ae:
+      return L([j(t, {
+        value: h(t.value, "@", "@" + d)
       })], a);
     case ue:
-      if (t.length) return He(t.props, function(i) {
-        switch (qe(i, /(::plac\w+|:read-\w+)/)) {
+      if (t.length) return Ue(t.props, function(i) {
+        switch (Ke(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return I([W(t, {
-              props: [d(i, /:(read-\w+)/, ":" + Y + "$1")]
+            return L([j(t, {
+              props: [h(i, /:(read-\w+)/, ":" + Y + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return I([W(t, {
-              props: [d(i, /:(plac\w+)/, ":" + l + "input-$1")]
-            }), W(t, {
-              props: [d(i, /:(plac\w+)/, ":" + Y + "$1")]
-            }), W(t, {
-              props: [d(i, /:(plac\w+)/, x + "input-$1")]
+            return L([j(t, {
+              props: [h(i, /:(plac\w+)/, ":" + d + "input-$1")]
+            }), j(t, {
+              props: [h(i, /:(plac\w+)/, ":" + Y + "$1")]
+            }), j(t, {
+              props: [h(i, /:(plac\w+)/, S + "input-$1")]
             })], a);
         }
         return "";
       });
   }
-}, dt = [lt], ht = function(t) {
+}, mt = [ht], _t = function(t) {
   var r = t.key;
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(_) {
-      var b = _.getAttribute("data-emotion");
-      b.indexOf(" ") !== -1 && (document.head.appendChild(_), _.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(m) {
+      var v = m.getAttribute("data-emotion");
+      v.indexOf(" ") !== -1 && (document.head.appendChild(m), m.setAttribute("data-s", ""));
     });
   }
-  var a = t.stylisPlugins || dt, i = {}, s, c = [];
-  s = t.container || document.head, Array.prototype.forEach.call(
+  var a = t.stylisPlugins || mt, i = {}, o, s = [];
+  o = t.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
-    function(_) {
-      for (var b = _.getAttribute("data-emotion").split(" "), p = 1; p < b.length; p++)
-        i[b[p]] = !0;
-      c.push(_);
+    function(m) {
+      for (var v = m.getAttribute("data-emotion").split(" "), _ = 1; _ < v.length; _++)
+        i[v[_]] = !0;
+      s.push(m);
     }
   );
-  var o, u = [ft, ut];
+  var c, u = [lt, dt];
   {
-    var f, h = [rt, at(function(_) {
-      f.insert(_);
-    })], S = nt(u.concat(a, h)), O = function(b) {
-      return I(et(b), S);
+    var f, l = [at, ot(function(m) {
+      f.insert(m);
+    })], w = it(u.concat(a, l)), A = function(v) {
+      return L(rt(v), w);
     };
-    o = function(b, p, v, $) {
-      f = v, O(b ? b + "{" + p.styles + "}" : p.styles), $ && (w.inserted[p.name] = !0);
+    c = function(v, _, b, C) {
+      f = b, A(v ? v + "{" + _.styles + "}" : _.styles), C && (y.inserted[_.name] = !0);
     };
   }
-  var w = {
+  var y = {
     key: r,
-    sheet: new We({
+    sheet: new Ve({
       key: r,
-      container: s,
+      container: o,
       nonce: t.nonce,
       speedy: t.speedy,
       prepend: t.prepend,
@@ -616,11 +616,11 @@ var lt = function(t, r, n, a) {
     nonce: t.nonce,
     inserted: i,
     registered: {},
-    insert: o
+    insert: c
   };
-  return w.sheet.hydrate(c), w;
+  return y.sheet.hydrate(s), y;
 };
-function _t(e) {
+function pt(e) {
   for (var t = 0, r, n = 0, a = e.length; a >= 4; ++n, a -= 4)
     r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -639,7 +639,7 @@ function _t(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var mt = {
+var bt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -688,26 +688,26 @@ var mt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, pt = /[A-Z]|^ms/g, gt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Me = function(t) {
+}, gt = /[A-Z]|^ms/g, vt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Te = function(t) {
   return t.charCodeAt(1) === 45;
 }, ve = function(t) {
   return t != null && typeof t != "boolean";
-}, re = /* @__PURE__ */ it(function(e) {
-  return Me(e) ? e : e.replace(pt, "-$&").toLowerCase();
-}), be = function(t, r) {
+}, re = /* @__PURE__ */ st(function(e) {
+  return Te(e) ? e : e.replace(gt, "-$&").toLowerCase();
+}), ye = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(gt, function(n, a, i) {
-          return N = {
+        return r.replace(vt, function(n, a, i) {
+          return z = {
             name: a,
             styles: i,
-            next: N
+            next: z
           }, a;
         });
   }
-  return mt[t] !== 1 && !Me(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return bt[t] !== 1 && !Te(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 function X(e, t, r) {
   if (r == null)
@@ -721,49 +721,49 @@ function X(e, t, r) {
     case "object": {
       var a = r;
       if (a.anim === 1)
-        return N = {
+        return z = {
           name: a.name,
           styles: a.styles,
-          next: N
+          next: z
         }, a.name;
       var i = r;
       if (i.styles !== void 0) {
-        var s = i.next;
-        if (s !== void 0)
-          for (; s !== void 0; )
-            N = {
-              name: s.name,
-              styles: s.styles,
-              next: N
-            }, s = s.next;
-        var c = i.styles + ";";
-        return c;
+        var o = i.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            z = {
+              name: o.name,
+              styles: o.styles,
+              next: z
+            }, o = o.next;
+        var s = i.styles + ";";
+        return s;
       }
-      return vt(e, t, r);
+      return yt(e, t, r);
     }
   }
-  var o = r;
+  var c = r;
   if (t == null)
-    return o;
-  var u = t[o];
-  return u !== void 0 ? u : o;
+    return c;
+  var u = t[c];
+  return u !== void 0 ? u : c;
 }
-function vt(e, t, r) {
+function yt(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var a = 0; a < r.length; a++)
       n += X(e, t, r[a]) + ";";
   else
     for (var i in r) {
-      var s = r[i];
-      if (typeof s != "object") {
-        var c = s;
-        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : ve(c) && (n += re(i) + ":" + be(i, c) + ";");
-      } else if (Array.isArray(s) && typeof s[0] == "string" && (t == null || t[s[0]] === void 0))
-        for (var o = 0; o < s.length; o++)
-          ve(s[o]) && (n += re(i) + ":" + be(i, s[o]) + ";");
+      var o = r[i];
+      if (typeof o != "object") {
+        var s = o;
+        t != null && t[s] !== void 0 ? n += i + "{" + t[s] + "}" : ve(s) && (n += re(i) + ":" + ye(i, s) + ";");
+      } else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0))
+        for (var c = 0; c < o.length; c++)
+          ve(o[c]) && (n += re(i) + ":" + ye(i, o[c]) + ";");
       else {
-        var u = X(e, t, s);
+        var u = X(e, t, o);
         switch (i) {
           case "animation":
           case "animationName": {
@@ -777,41 +777,41 @@ function vt(e, t, r) {
     }
   return n;
 }
-var ye = /label:\s*([^\s;{]+)\s*(;|$)/g, N;
+var xe = /label:\s*([^\s;{]+)\s*(;|$)/g, z;
 function ne(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, a = "";
-  N = void 0;
+  z = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
     n = !1, a += X(r, t, i);
   else {
-    var s = i;
-    a += s[0];
+    var o = i;
+    a += o[0];
   }
-  for (var c = 1; c < e.length; c++)
-    if (a += X(r, t, e[c]), n) {
-      var o = i;
-      a += o[c];
+  for (var s = 1; s < e.length; s++)
+    if (a += X(r, t, e[s]), n) {
+      var c = i;
+      a += c[s];
     }
-  ye.lastIndex = 0;
-  for (var u = "", f; (f = ye.exec(a)) !== null; )
+  xe.lastIndex = 0;
+  for (var u = "", f; (f = xe.exec(a)) !== null; )
     u += "-" + f[1];
-  var h = _t(a) + u;
+  var l = pt(a) + u;
   return {
-    name: h,
+    name: l,
     styles: a,
-    next: N
+    next: z
   };
 }
-function Pe(e, t, r) {
+function ze(e, t, r) {
   var n = "";
   return r.split(" ").forEach(function(a) {
     e[a] !== void 0 ? t.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var bt = function(t, r, n) {
+var xt = function(t, r, n) {
   var a = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -819,8 +819,8 @@ var bt = function(t, r, n) {
   // so we don't have to add it to registered cache.
   // this improves memory usage since we can avoid storing the whole style string
   t.registered[a] === void 0 && (t.registered[a] = r.styles);
-}, yt = function(t, r, n) {
-  bt(t, r);
+}, wt = function(t, r, n) {
+  xt(t, r);
   var a = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var i = r;
@@ -833,45 +833,45 @@ function we(e, t) {
   if (e.inserted[t.name] === void 0)
     return e.insert("", t, e.sheet, !0);
 }
-function xe(e, t, r) {
-  var n = [], a = Pe(e, n, r);
+function Se(e, t, r) {
+  var n = [], a = ze(e, n, r);
   return n.length < 2 ? r : a + t(n);
 }
-var wt = function(t) {
-  var r = ht(t);
-  r.sheet.speedy = function(c) {
-    this.isSpeedy = c;
+var St = function(t) {
+  var r = _t(t);
+  r.sheet.speedy = function(s) {
+    this.isSpeedy = s;
   }, r.compat = !0;
   var n = function() {
-    for (var o = arguments.length, u = new Array(o), f = 0; f < o; f++)
+    for (var c = arguments.length, u = new Array(c), f = 0; f < c; f++)
       u[f] = arguments[f];
-    var h = ne(u, r.registered, void 0);
-    return yt(r, h), r.key + "-" + h.name;
+    var l = ne(u, r.registered, void 0);
+    return wt(r, l), r.key + "-" + l.name;
   }, a = function() {
-    for (var o = arguments.length, u = new Array(o), f = 0; f < o; f++)
+    for (var c = arguments.length, u = new Array(c), f = 0; f < c; f++)
       u[f] = arguments[f];
-    var h = ne(u, r.registered), S = "animation-" + h.name;
+    var l = ne(u, r.registered), w = "animation-" + l.name;
     return we(r, {
-      name: h.name,
-      styles: "@keyframes " + S + "{" + h.styles + "}"
-    }), S;
+      name: l.name,
+      styles: "@keyframes " + w + "{" + l.styles + "}"
+    }), w;
   }, i = function() {
-    for (var o = arguments.length, u = new Array(o), f = 0; f < o; f++)
+    for (var c = arguments.length, u = new Array(c), f = 0; f < c; f++)
       u[f] = arguments[f];
-    var h = ne(u, r.registered);
-    we(r, h);
-  }, s = function() {
-    for (var o = arguments.length, u = new Array(o), f = 0; f < o; f++)
+    var l = ne(u, r.registered);
+    we(r, l);
+  }, o = function() {
+    for (var c = arguments.length, u = new Array(c), f = 0; f < c; f++)
       u[f] = arguments[f];
-    return xe(r.registered, n, xt(u));
+    return Se(r.registered, n, Ct(u));
   };
   return {
     css: n,
-    cx: s,
+    cx: o,
     injectGlobal: i,
     keyframes: a,
-    hydrate: function(o) {
-      o.forEach(function(u) {
+    hydrate: function(c) {
+      c.forEach(function(u) {
         r.inserted[u] = !0;
       });
     },
@@ -880,10 +880,10 @@ var wt = function(t) {
     },
     sheet: r.sheet,
     cache: r,
-    getRegisteredStyles: Pe.bind(null, r.registered),
-    merge: xe.bind(null, r.registered, n)
+    getRegisteredStyles: ze.bind(null, r.registered),
+    merge: Se.bind(null, r.registered, n)
   };
-}, xt = function e(t) {
+}, Ct = function e(t) {
   for (var r = "", n = 0; n < t.length; n++) {
     var a = t[n];
     if (a != null) {
@@ -896,8 +896,8 @@ var wt = function(t) {
             i = e(a);
           else {
             i = "";
-            for (var s in a)
-              a[s] && s && (i && (i += " "), i += s);
+            for (var o in a)
+              a[o] && o && (i && (i += " "), i += o);
           }
           break;
         }
@@ -908,14 +908,116 @@ var wt = function(t) {
     }
   }
   return r;
-}, Ne = wt({
+}, We = St({
   key: "css"
-}), St = Ne.cx, Te = Ne.css;
-const Ct = (e) => {
+}), Ge = We.cx, he = We.css;
+function kt(e) {
+  const {
+    h: t,
+    w: r,
+    m: n,
+    mx: a,
+    my: i,
+    mt: o,
+    mr: s,
+    mb: c,
+    ml: u,
+    p: f,
+    px: l,
+    py: w,
+    pt: A,
+    pr: y,
+    pb: m,
+    pl: v,
+    xGap: _,
+    yGap: b,
+    row: C,
+    flex: G,
+    ...M
+  } = e;
+  return {
+    spacers: {
+      h: t,
+      w: r,
+      m: n,
+      mx: a,
+      my: i,
+      mt: o,
+      mr: s,
+      mb: c,
+      ml: u,
+      p: f,
+      px: l,
+      py: w,
+      pt: A,
+      pr: y,
+      pb: m,
+      pl: v,
+      xGap: _,
+      yGap: b,
+      row: C,
+      flex: G,
+      ...M
+    },
+    rest: M
+  };
+}
+const $t = (e) => he({
+  display: "flex",
+  flexDirection: e.row ? "row" : "column",
+  height: e.h === "screen" ? "100vh" : e.h === "full" ? "100%" : e.h,
+  width: e.w === "screen" ? "100vw" : e.w === "full" ? "100%" : e.w,
+  margin: e.m,
+  marginTop: e.mt ?? e.my,
+  marginBottom: e.mb ?? e.my,
+  marginLeft: e.ml ?? e.mx,
+  marginRight: e.mr ?? e.mx,
+  padding: e.p,
+  paddingTop: e.pt ?? e.py,
+  paddingBottom: e.pb ?? e.py,
+  paddingLeft: e.pl ?? e.px,
+  paddingRight: e.pr ?? e.px,
+  gap: e.gap,
+  columnGap: e.xGap,
+  rowGap: e.yGap,
+  justifyContent: e.center ? "center" : e.justifyContent,
+  alignItems: e.center ? "center" : e.alignItems,
+  alignSelf: e.alignSelf,
+  borderWidth: e.borderWidth,
+  borderBottomWidth: e.borderBottomWidth,
+  borderColor: e.borderColor,
+  borderRadius: e.borderRadius,
+  zIndex: e.zIndex,
+  overflow: e.overflow,
+  minWidth: e.minWidth,
+  minHeight: e.minHeight,
+  maxWidth: e.maxWidth,
+  maxHeight: e.maxHeight,
+  flex: e.flex === !0 ? 1 : e.flex,
+  flexWrap: e.flexWrap,
+  flexGrow: e.flexGrow,
+  flexShrink: e.flexShrink,
+  flexBasis: e.flexBasis,
+  backgroundColor: e.backgroundColor,
+  ...e.absoluteFill && {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  }
+}), Et = $e(
+  ({ className: e, children: t, ...r }, n) => {
+    const { spacers: a, rest: i } = kt(r), o = Le(() => $t(a), [a]);
+    return /* @__PURE__ */ $("div", { ref: n, className: Ge(o, e), ...i, children: t });
+  }
+);
+Et.displayName = "Box";
+const At = (e) => {
   let t;
   e.center ? t = "center" : e.left ? t = "left" : e.right && (t = "right");
   let r;
-  return e.uppercase ? r = "uppercase" : e.lowercase ? r = "lowercase" : e.capitalize && (r = "capitalize"), Te({
+  return e.uppercase ? r = "uppercase" : e.lowercase ? r = "lowercase" : e.capitalize && (r = "capitalize"), he({
     marginTop: e.mt,
     marginBottom: e.mb,
     flex: e.flex,
@@ -928,15 +1030,15 @@ const Ct = (e) => {
     textTransform: r,
     color: e.color
   });
-}, kt = "_primary_13825_8", $t = "_secondary_13825_12", Et = "_tertiary_13825_16", At = "_positive_13825_20", zt = "_negative_13825_24", Ot = "_warning_13825_28", Rt = "_accent_13825_32", Mt = "_inverse_13825_36", Pt = "_text_13825_111", Nt = "_regular_13825_117", Tt = "_medium_13825_121", Lt = "_semibold_13825_125", It = "_bold_13825_129", q = {
-  primary: kt,
-  secondary: $t,
-  tertiary: Et,
-  positive: At,
-  negative: zt,
-  warning: Ot,
-  accent: Rt,
-  inverse: Mt,
+}, Rt = "_primary_13825_8", Ot = "_secondary_13825_12", Mt = "_tertiary_13825_16", Nt = "_positive_13825_20", Pt = "_negative_13825_24", Tt = "_warning_13825_28", zt = "_accent_13825_32", Wt = "_inverse_13825_36", Gt = "_text_13825_111", Lt = "_regular_13825_117", It = "_medium_13825_121", Bt = "_semibold_13825_125", jt = "_bold_13825_129", Z = {
+  primary: Rt,
+  secondary: Ot,
+  tertiary: Mt,
+  positive: Nt,
+  negative: Pt,
+  warning: Tt,
+  accent: zt,
+  inverse: Wt,
   "title-1": "_title-1_13825_41",
   "title-2": "_title-2_13825_51",
   "title-3": "_title-3_13825_61",
@@ -947,57 +1049,57 @@ const Ct = (e) => {
   "body-2": "_body-2_13825_96",
   "caption-1": "_caption-1_13825_101",
   "caption-2": "_caption-2_13825_106",
-  text: Pt,
-  regular: Nt,
-  medium: Tt,
-  semibold: Lt,
-  bold: It
-}, fe = Le((e, t) => {
+  text: Gt,
+  regular: Lt,
+  medium: It,
+  semibold: Bt,
+  bold: jt
+}, fe = $e((e, t) => {
   const {
     children: r,
     className: n,
     variant: a = "body-1",
     fontWeight: i = "medium",
-    tag: s = "p",
-    colorName: c = "primary",
-    style: o,
+    tag: o = "p",
+    colorName: s = "primary",
+    style: c,
     clickOpacity: u = 0.5,
     opacityDuration: f = 200,
-    onClick: h,
-    ...S
-  } = e, [O, w] = Ie(!1), _ = !!h, b = () => _ && w(!0), p = () => _ && w(!1), v = s, $ = _ ? Te({
-    opacity: O ? u : 1,
+    onClick: l,
+    ...w
+  } = e, [A, y] = Ie(!1), m = !!l, v = () => m && y(!0), _ = () => m && y(!1), b = o, C = m ? he({
+    opacity: A ? u : 1,
     transition: `opacity ${f}ms ease`
   }) : "";
-  return /* @__PURE__ */ A(
-    v,
+  return /* @__PURE__ */ $(
+    b,
     {
       ref: t,
-      ...S,
-      className: St(
-        q.text,
-        q[a],
-        q[i],
-        q[c],
-        Ct(e),
-        $,
+      ...w,
+      className: Ge(
+        Z.text,
+        Z[a],
+        Z[i],
+        Z[s],
+        At(e),
+        C,
         n
       ),
-      style: o,
-      onClick: h,
-      onMouseDown: b,
-      onMouseUp: p,
-      onMouseLeave: p,
-      onTouchStart: b,
-      onTouchEnd: p,
-      role: _ ? "button" : void 0,
-      tabIndex: _ ? 0 : void 0,
+      style: c,
+      onClick: l,
+      onMouseDown: v,
+      onMouseUp: _,
+      onMouseLeave: _,
+      onTouchStart: v,
+      onTouchEnd: _,
+      role: m ? "button" : void 0,
+      tabIndex: m ? 0 : void 0,
       children: r
     }
   );
 });
 fe.displayName = "Text";
-function jt(e) {
+function Vt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ae = { exports: {} };
@@ -1006,15 +1108,15 @@ var ae = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Se;
-function Gt() {
-  return Se || (Se = 1, function(e) {
+var Ce;
+function Dt() {
+  return Ce || (Ce = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var i = "", s = 0; s < arguments.length; s++) {
-          var c = arguments[s];
-          c && (i = a(i, n(c)));
+        for (var i = "", o = 0; o < arguments.length; o++) {
+          var s = arguments[o];
+          s && (i = a(i, n(s)));
         }
         return i;
       }
@@ -1027,77 +1129,77 @@ function Gt() {
           return r.apply(null, i);
         if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
           return i.toString();
-        var s = "";
-        for (var c in i)
-          t.call(i, c) && i[c] && (s = a(s, c));
-        return s;
+        var o = "";
+        for (var s in i)
+          t.call(i, s) && i[s] && (o = a(o, s));
+        return o;
       }
-      function a(i, s) {
-        return s ? i ? i + " " + s : i + s : i;
+      function a(i, o) {
+        return o ? i ? i + " " + o : i + o : i;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(ae)), ae.exports;
+  })(ae)), ae.exports;
 }
-var Wt = Gt();
-const L = /* @__PURE__ */ jt(Wt);
-function he(e, t, r, n = "") {
+var Ht = Dt();
+const W = /* @__PURE__ */ Vt(Ht);
+function me(e, t, r, n = "") {
   if (r)
     return e[`${t}_${r}${n}`];
 }
 function J(e, t, r) {
-  return he(e, t, r, "Size");
+  return me(e, t, r, "Size");
 }
-const Bt = "_button_ke15b_8", Vt = "_button_primary_ke15b_17", Dt = "_button_secondary_ke15b_20", Ft = "_button_negative_ke15b_23", Zt = "_button_positive_ke15b_26", qt = "_button_warning_ke15b_29", Ht = "_button_neutral_ke15b_32", Kt = "_button_mdSize_ke15b_92", Ut = "_button_smSize_ke15b_102", Yt = "_button_xsSize_ke15b_112", ie = {
-  button: Bt,
-  button_primary: Vt,
-  button_secondary: Dt,
-  button_negative: Ft,
-  button_positive: Zt,
-  button_warning: qt,
-  button_neutral: Ht,
-  button_mdSize: Kt,
-  button_smSize: Ut,
-  button_xsSize: Yt
+const Ft = "_button_ke15b_8", Zt = "_button_primary_ke15b_17", qt = "_button_secondary_ke15b_20", Kt = "_button_negative_ke15b_23", Ut = "_button_positive_ke15b_26", Yt = "_button_warning_ke15b_29", Xt = "_button_neutral_ke15b_32", Jt = "_button_mdSize_ke15b_92", Qt = "_button_smSize_ke15b_102", er = "_button_xsSize_ke15b_112", ie = {
+  button: Ft,
+  button_primary: Zt,
+  button_secondary: qt,
+  button_negative: Kt,
+  button_positive: Ut,
+  button_warning: Yt,
+  button_neutral: Xt,
+  button_mdSize: Jt,
+  button_smSize: Qt,
+  button_xsSize: er
 };
-function zr({
+function Pr({
   attr: e,
   children: t,
   className: r,
   type: n = "button",
   color: a = "primary",
   size: i = "md",
-  ...s
+  ...o
 }) {
-  const c = "button";
-  return /* @__PURE__ */ A(
+  const s = "button";
+  return /* @__PURE__ */ $(
     "button",
     {
       ...e,
-      ...s,
+      ...o,
       type: n,
-      className: L(
-        ie[c],
+      className: W(
+        ie[s],
         r,
-        J(ie, c, i),
-        he(ie, c, a)
+        J(ie, s, i),
+        me(ie, s, a)
       ),
       children: t
     }
   );
 }
-const Xt = "_avatar_1gzg8_8", Jt = "_avatar_primary_1gzg8_22", Qt = "_avatar_secondary_1gzg8_25", er = "_avatar_negative_1gzg8_28", tr = "_avatar_positive_1gzg8_31", rr = "_avatar_warning_1gzg8_34", nr = "_avatar_lgSize_1gzg8_71", ar = "_avatar_mdSize_1gzg8_83", ir = "_avatar_smSize_1gzg8_95", se = {
-  avatar: Xt,
-  avatar_primary: Jt,
-  avatar_secondary: Qt,
-  avatar_negative: er,
-  avatar_positive: tr,
-  avatar_warning: rr,
-  avatar_lgSize: nr,
-  avatar_mdSize: ar,
-  avatar_smSize: ir
+const tr = "_avatar_1oe2p_8", rr = "_avatar_primary_1oe2p_22", nr = "_avatar_secondary_1oe2p_25", ar = "_avatar_negative_1oe2p_28", ir = "_avatar_positive_1oe2p_31", or = "_avatar_warning_1oe2p_34", sr = "_avatar_lgSize_1oe2p_71", cr = "_avatar_mdSize_1oe2p_85", fr = "_avatar_smSize_1oe2p_99", oe = {
+  avatar: tr,
+  avatar_primary: rr,
+  avatar_secondary: nr,
+  avatar_negative: ar,
+  avatar_positive: ir,
+  avatar_warning: or,
+  avatar_lgSize: sr,
+  avatar_mdSize: cr,
+  avatar_smSize: fr
 };
-function Or({
+function Tr({
   attr: e,
   children: t,
   className: r,
@@ -1105,84 +1207,84 @@ function Or({
   size: a = "md",
   ...i
 }) {
-  const s = "avatar";
-  return /* @__PURE__ */ A(
+  const o = "avatar";
+  return /* @__PURE__ */ $(
     "div",
     {
       ...e,
       ...i,
-      className: L(
-        se[s],
+      className: W(
+        oe[o],
         r,
-        J(se, s, a),
-        he(se, s, n)
+        J(oe, o, a),
+        me(oe, o, n)
       ),
       children: t
     }
   );
 }
-const sr = (e) => /* @__PURE__ */ z.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ z.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ z.createElement("path", { d: "M16 9L10.0337 15L8 12.9548", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), Ce = (e) => /* @__PURE__ */ z.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ z.createElement("path", { d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z", fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ z.createElement("path", { d: "M12 6C11.4477 6 11 6.44772 11 7V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V7C13 6.44772 12.5523 6 12 6Z", fill: "currentColor" }), /* @__PURE__ */ z.createElement("path", { d: "M12 15C11.4477 15 11 15.4477 11 16V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V16C13 15.4477 12.5523 15 12 15Z", fill: "currentColor" })), cr = (e) => /* @__PURE__ */ z.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ z.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.12 }), /* @__PURE__ */ z.createElement("path", { d: "M16 8L8 16M16 16L8 8", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), or = (e) => /* @__PURE__ */ z.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "black", ...e }, /* @__PURE__ */ z.createElement("path", { d: "M12 2V22M19.0711 4.92893L4.92893 19.0711M22 12H2M19.0711 19.0711L4.92893 4.92893", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), fr = "_hint_prca1_8", ur = "_md_prca1_19", lr = "_sm_prca1_24", dr = "_icon_prca1_29", hr = "_content_prca1_40", _r = "_title_prca1_46", mr = "_subtitle_prca1_50", pr = "_disabled_prca1_55", gr = "_warning_prca1_60", vr = "_solid_prca1_60", br = "_negative_prca1_65", yr = "_positive_prca1_70", wr = "_accent_prca1_75", xr = "_neutral_prca1_80", Sr = "_soft_prca1_85", E = {
-  hint: fr,
-  md: ur,
-  sm: lr,
-  icon: dr,
-  content: hr,
-  title: _r,
-  subtitle: mr,
-  disabled: pr,
-  warning: gr,
-  solid: vr,
-  negative: br,
-  positive: yr,
-  accent: wr,
-  neutral: xr,
-  soft: Sr
-}, Cr = {
-  negative: /* @__PURE__ */ A(cr, {}),
-  positive: /* @__PURE__ */ A(sr, {}),
-  accent: /* @__PURE__ */ A(Ce, {}),
-  warning: /* @__PURE__ */ A(Ce, {}),
-  neutral: /* @__PURE__ */ A(or, {})
-}, Rr = ({
+const ur = (e) => /* @__PURE__ */ O.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ O.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ O.createElement("path", { d: "M16 9L10.0337 15L8 12.9548", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), ke = (e) => /* @__PURE__ */ O.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ O.createElement("path", { d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z", fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ O.createElement("path", { d: "M12 6C11.4477 6 11 6.44772 11 7V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V7C13 6.44772 12.5523 6 12 6Z", fill: "currentColor" }), /* @__PURE__ */ O.createElement("path", { d: "M12 15C11.4477 15 11 15.4477 11 16V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V16C13 15.4477 12.5523 15 12 15Z", fill: "currentColor" })), lr = (e) => /* @__PURE__ */ O.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ O.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.12 }), /* @__PURE__ */ O.createElement("path", { d: "M16 8L8 16M16 16L8 8", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), dr = (e) => /* @__PURE__ */ O.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "black", ...e }, /* @__PURE__ */ O.createElement("path", { d: "M12 2V22M19.0711 4.92893L4.92893 19.0711M22 12H2M19.0711 19.0711L4.92893 4.92893", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), hr = "_hint_prca1_8", mr = "_md_prca1_19", _r = "_sm_prca1_24", pr = "_icon_prca1_29", br = "_content_prca1_40", gr = "_title_prca1_46", vr = "_subtitle_prca1_50", yr = "_disabled_prca1_55", xr = "_warning_prca1_60", wr = "_solid_prca1_60", Sr = "_negative_prca1_65", Cr = "_positive_prca1_70", kr = "_accent_prca1_75", $r = "_neutral_prca1_80", Er = "_soft_prca1_85", R = {
+  hint: hr,
+  md: mr,
+  sm: _r,
+  icon: pr,
+  content: br,
+  title: gr,
+  subtitle: vr,
+  disabled: yr,
+  warning: xr,
+  solid: wr,
+  negative: Sr,
+  positive: Cr,
+  accent: kr,
+  neutral: $r,
+  soft: Er
+}, Ar = {
+  negative: /* @__PURE__ */ $(lr, {}),
+  positive: /* @__PURE__ */ $(ur, {}),
+  accent: /* @__PURE__ */ $(ke, {}),
+  warning: /* @__PURE__ */ $(ke, {}),
+  neutral: /* @__PURE__ */ $(dr, {})
+}, zr = ({
   title: e,
   subtitle: t,
   color: r = "warning",
   variant: n = "soft",
   size: a = "md",
   icon: i,
-  disabled: s = !1,
-  className: c,
-  style: o
+  disabled: o = !1,
+  className: s,
+  style: c
 }) => {
-  const u = i || Cr[r];
+  const u = i || Ar[r];
   return /* @__PURE__ */ _e(
     "div",
     {
-      className: L(
-        E.hint,
-        E[r],
-        E[n],
-        E[a],
-        s && E.disabled,
-        c
+      className: W(
+        R.hint,
+        R[r],
+        R[n],
+        R[a],
+        o && R.disabled,
+        s
       ),
-      style: o,
-      "aria-disabled": s,
+      style: c,
+      "aria-disabled": o,
       children: [
-        u && /* @__PURE__ */ A("span", { className: L(E.icon, E[r]), children: u }),
-        /* @__PURE__ */ _e("div", { className: E.content, children: [
-          e && /* @__PURE__ */ A(
+        u && /* @__PURE__ */ $("span", { className: W(R.icon, R[r]), children: u }),
+        /* @__PURE__ */ _e("div", { className: R.content, children: [
+          e && /* @__PURE__ */ $(
             fe,
             {
-              className: L(E.title, J(E, "title", a)),
+              className: W(R.title, J(R, "title", a)),
               variant: a === "md" ? "body-1" : "caption-2",
               children: e
             }
           ),
-          t && /* @__PURE__ */ A(
+          t && /* @__PURE__ */ $(
             fe,
             {
-              className: L(E.subtitle, J(E, "subtitle", a)),
+              className: W(R.subtitle, J(R, "subtitle", a)),
               variant: a === "md" ? "body-2" : "caption-1",
               children: t
             }
@@ -1191,19 +1293,20 @@ const sr = (e) => /* @__PURE__ */ z.createElement("svg", { width: 24, height: 24
       ]
     }
   );
-}, kr = "_themeProviderScoped_w4jta_8", $r = {
-  themeProviderScoped: kr
+}, Rr = "_themeProviderScoped_wynv1_9", Or = {
+  themeProviderScoped: Rr
 };
-function Mr({ className: e, children: t, theme: r }) {
-  return /* @__PURE__ */ A("div", { className: L($r.themeProviderScoped, e), "data-theme": r, children: t });
+function Wr({ className: e, children: t }) {
+  return /* @__PURE__ */ $("div", { className: W(Or.themeProviderScoped, e), children: t });
 }
 export {
-  Or as Avatar,
-  Rr as Hint,
-  zr as IconButton,
+  Tr as Avatar,
+  Et as Box,
+  zr as Hint,
+  Pr as IconButton,
   fe as Text,
-  Mr as ThemeProviderScoped,
+  Wr as ThemeProviderScoped,
   J as getSizeClass,
-  he as getStyleClass
+  me as getStyleClass
 };
 //# sourceMappingURL=ui-kit.es.js.map