@dss-kit/ui-kit 0.0.25 → 0.0.26

package/dist/ui-kit.es.js

@@ -2,158 +2,17 @@ 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) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var re = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var me;
-function Ge() {
-  return me || (me = 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)));
-        }
-        return i;
-      }
-      function n(i) {
-        if (typeof i == "string" || typeof i == "number")
-          return i;
-        if (typeof i != "object")
-          return "";
-        if (Array.isArray(i))
-          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;
-      }
-      function a(i, s) {
-        return s ? i ? i + " " + s : i + s : i;
-      }
-      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
-    })();
-  }(re)), re.exports;
-}
-var We = Ge();
-const L = /* @__PURE__ */ je(We);
-function ue(e, t, r, n = "") {
-  if (r)
-    return e[`${t}_${r}${n}`];
-}
-function Y(e, t, r) {
-  return ue(e, t, r, "Size");
-}
-const Be = "_button_ke15b_8", Ve = "_button_primary_ke15b_17", De = "_button_secondary_ke15b_20", Fe = "_button_negative_ke15b_23", Ze = "_button_positive_ke15b_26", qe = "_button_warning_ke15b_29", He = "_button_neutral_ke15b_32", Ke = "_button_mdSize_ke15b_92", Ue = "_button_smSize_ke15b_102", Ye = "_button_xsSize_ke15b_112", ne = {
-  button: Be,
-  button_primary: Ve,
-  button_secondary: De,
-  button_negative: Fe,
-  button_positive: Ze,
-  button_warning: qe,
-  button_neutral: He,
-  button_mdSize: Ke,
-  button_smSize: Ue,
-  button_xsSize: Ye
-};
-function zr({
-  attr: e,
-  children: t,
-  className: r,
-  type: n = "button",
-  color: a = "primary",
-  size: i = "md",
-  ...s
-}) {
-  const c = "button";
-  return /* @__PURE__ */ A(
-    "button",
-    {
-      ...e,
-      ...s,
-      type: n,
-      className: L(
-        ne[c],
-        r,
-        Y(ne, c, i),
-        ue(ne, c, a)
-      ),
-      children: t
-    }
-  );
-}
-const Xe = "_avatar_1gzg8_8", Je = "_avatar_primary_1gzg8_22", Qe = "_avatar_secondary_1gzg8_25", et = "_avatar_negative_1gzg8_28", tt = "_avatar_positive_1gzg8_31", rt = "_avatar_warning_1gzg8_34", nt = "_avatar_lgSize_1gzg8_71", at = "_avatar_mdSize_1gzg8_83", it = "_avatar_smSize_1gzg8_95", ae = {
-  avatar: Xe,
-  avatar_primary: Je,
-  avatar_secondary: Qe,
-  avatar_negative: et,
-  avatar_positive: tt,
-  avatar_warning: rt,
-  avatar_lgSize: nt,
-  avatar_mdSize: at,
-  avatar_smSize: it
-};
-function Or({
-  attr: e,
-  children: t,
-  className: r,
-  color: n = "primary",
-  size: a = "md",
-  ...i
-}) {
-  const s = "avatar";
-  return /* @__PURE__ */ A(
-    "div",
-    {
-      ...e,
-      ...i,
-      className: L(
-        ae[s],
-        r,
-        Y(ae, s, a),
-        ue(ae, s, n)
-      ),
-      children: t
-    }
-  );
-}
-const st = (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" })), pe = (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" })), ct = (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" })), ot = (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" })), ft = "_hint_prca1_8", ut = "_md_prca1_19", lt = "_sm_prca1_24", dt = "_icon_prca1_29", ht = "_content_prca1_40", _t = "_title_prca1_46", mt = "_subtitle_prca1_50", pt = "_disabled_prca1_55", gt = "_warning_prca1_60", vt = "_solid_prca1_60", bt = "_negative_prca1_65", yt = "_positive_prca1_70", wt = "_accent_prca1_75", xt = "_neutral_prca1_80", St = "_soft_prca1_85", E = {
-  hint: ft,
-  md: ut,
-  sm: lt,
-  icon: dt,
-  content: ht,
-  title: _t,
-  subtitle: mt,
-  disabled: pt,
-  warning: gt,
-  solid: vt,
-  negative: bt,
-  positive: yt,
-  accent: wt,
-  neutral: xt,
-  soft: St
-};
-function Ct(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 kt(e) {
+function Ge(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 $t = /* @__PURE__ */ function() {
+var We = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
     this._insertTag = function(a) {
@@ -165,10 +24,10 @@ var $t = /* @__PURE__ */ function() {
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kt(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Ge(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var i = Ct(a);
+      var i = je(a);
       try {
         i.insertRule(n, i.cssRules.length);
       } catch {
@@ -182,14 +41,14 @@ var $t = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), x = "-ms-", X = "-moz-", l = "-webkit-", ke = "comm", le = "rule", de = "decl", Et = "@import", $e = "@keyframes", At = "@layer", zt = Math.abs, Q = String.fromCharCode, Ot = Object.assign;
-function Rt(e, t) {
+}(), 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;
 }
 function Ee(e) {
   return e.trim();
 }
-function Mt(e, t) {
+function qe(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
 function d(e, t, r) {
@@ -207,13 +66,13 @@ function B(e, t, r) {
 function M(e) {
   return e.length;
 }
-function he(e) {
+function de(e) {
   return e.length;
 }
 function Z(e, t) {
   return t.push(e), e;
 }
-function Pt(e, t) {
+function He(e, t) {
   return e.map(t).join("");
 }
 var ee = 1, j = 1, Ae = 0, C = 0, g = 0, G = "";
@@ -221,12 +80,12 @@ 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: "" };
 }
 function W(e, t) {
-  return Ot(te("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+  return Fe(te("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function Nt() {
+function Ke() {
   return g;
 }
-function Tt() {
+function Ue() {
   return g = C > 0 ? y(G, --C) : 0, j--, g === 10 && (j = 1, ee--), g;
 }
 function k() {
@@ -288,12 +147,12 @@ function Oe(e) {
 function K(e) {
   return Ee(D(C - 1, oe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Lt(e) {
+function Ye(e) {
   for (; (g = P()) && g < 33; )
     k();
   return V(e) > 2 || V(g) > 3 ? "" : " ";
 }
-function It(e, t) {
+function Xe(e, t) {
   for (; --t && k() && !(g < 48 || g > 102 || g > 57 && g < 65 || g > 70 && g < 97); )
     ;
   return D(e, H() + (t < 6 && P() == 32 && k() == 32));
@@ -320,18 +179,18 @@ function oe(e) {
     }
   return C;
 }
-function jt(e, t) {
+function Je(e, t) {
   for (; k() && e + g !== 57; )
     if (e + g === 84 && P() === 47)
       break;
   return "/*" + D(t, C - 1) + "*" + Q(e === 47 ? e : k());
 }
-function Gt(e) {
+function Qe(e) {
   for (; !V(P()); )
     k();
   return D(e, C);
 }
-function Wt(e) {
+function et(e) {
   return Oe(U("", null, null, null, [""], e = ze(e), 0, [0], e));
 }
 function U(e, t, r, n, a, i, s, c, o) {
@@ -354,18 +213,18 @@ function U(e, t, r, n, a, i, s, c, o) {
       case 10:
       case 13:
       case 32:
-        m += Lt(w);
+        m += Ye(w);
         break;
       // \
       case 92:
-        m += It(H() - 1, 7);
+        m += Xe(H() - 1, 7);
         continue;
       // /
       case 47:
         switch (P()) {
           case 42:
           case 47:
-            Z(Bt(jt(k(), H()), t, r), o);
+            Z(tt(Je(k(), H()), t, r), o);
             break;
           default:
             m += "/";
@@ -385,14 +244,14 @@ function U(e, t, r, n, a, i, s, c, o) {
             b = 0;
           // ;
           case 59 + f:
-            p == -1 && (m = d(m, /\f/g, "")), O > 0 && M(m) - h && Z(O > 32 ? ve(m + ";", n, r, h - 1) : ve(d(m, " ", "") + ";", n, r, h - 2), o);
+            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);
             break;
           // @ ;
           case 59:
             m += ";";
           // { rule/at-rule
           default:
-            if (Z(R = ge(m, t, r, u, f, a, c, $, F = [], T = [], h), i), v === 123)
+            if (Z(R = me(m, t, r, u, f, a, c, $, F = [], T = [], h), i), v === 123)
               if (f === 0)
                 U(m, t, R, R, F, i, h, c, T);
               else
@@ -402,7 +261,7 @@ function U(e, t, r, n, a, i, s, c, o) {
                   case 108:
                   case 109:
                   case 115:
-                    U(e, R, R, n && Z(ge(e, R, R, 0, 0, a, c, $, a, F = [], h), T), a, T, h, c, n ? F : T);
+                    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);
                     break;
                   default:
                     U(m, R, R, R, [""], T, 0, c, T);
@@ -417,7 +276,7 @@ function U(e, t, r, n, a, i, s, c, o) {
         if (_ < 1) {
           if (v == 123)
             --_;
-          else if (v == 125 && _++ == 0 && Tt() == 125)
+          else if (v == 125 && _++ == 0 && Ue() == 125)
             continue;
         }
         switch (m += Q(v), v * _) {
@@ -431,7 +290,7 @@ function U(e, t, r, n, a, i, s, c, o) {
             break;
           // @
           case 64:
-            P() === 45 && (m += K(k())), S = P(), f = h = M($ = m += Gt(H())), v++;
+            P() === 45 && (m += K(k())), S = P(), f = h = M($ = m += Qe(H())), v++;
             break;
           // -
           case 45:
@@ -440,68 +299,68 @@ function U(e, t, r, n, a, i, s, c, o) {
     }
   return i;
 }
-function ge(e, t, r, n, a, i, s, c, o, u, f) {
-  for (var h = a - 1, S = a === 0 ? i : [""], O = he(S), w = 0, _ = 0, b = 0; w < n; ++w)
-    for (var p = 0, v = B(e, h + 1, h = zt(_ = s[w])), $ = e; p < O; ++p)
+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 ? le : c, o, u, f);
+  return te(e, t, r, a === 0 ? ue : c, o, u, f);
 }
-function Bt(e, t, r) {
-  return te(e, t, r, ke, Q(Nt()), B(e, 2, -2), 0);
+function tt(e, t, r) {
+  return te(e, t, r, ke, Q(Ke()), B(e, 2, -2), 0);
 }
-function ve(e, t, r, n) {
-  return te(e, t, r, de, B(e, 0, n), B(e, n + 1, -1), n);
+function pe(e, t, r, n) {
+  return te(e, t, r, le, B(e, 0, n), B(e, n + 1, -1), n);
 }
 function I(e, t) {
-  for (var r = "", n = he(e), a = 0; a < n; a++)
+  for (var r = "", n = de(e), a = 0; a < n; a++)
     r += t(e[a], a, e, t) || "";
   return r;
 }
-function Vt(e, t, r, n) {
+function rt(e, t, r, n) {
   switch (e.type) {
-    case At:
+    case Ve:
       if (e.children.length) break;
-    case Et:
-    case de:
+    case Be:
+    case le:
       return e.return = e.return || e.value;
     case ke:
       return "";
     case $e:
       return e.return = e.value + "{" + I(e.children, n) + "}";
-    case le:
+    case ue:
       e.value = e.props.join(",");
   }
   return M(r = I(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function Dt(e) {
-  var t = he(e);
+function nt(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;
   };
 }
-function Ft(e) {
+function at(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-function Zt(e) {
+function it(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var qt = function(t, r, n) {
+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);
-}, Ht = function(t, r) {
+}, ct = function(t, r) {
   var n = -1, a = 44;
   do
     switch (V(a)) {
       case 0:
-        a === 38 && P() === 12 && (r[n] = 1), t[n] += qt(C - 1, r, n);
+        a === 38 && P() === 12 && (r[n] = 1), t[n] += st(C - 1, r, n);
         break;
       case 2:
         t[n] += K(a);
@@ -517,22 +376,22 @@ var qt = function(t, r, n) {
     }
   while (a = k());
   return t;
-}, Kt = function(t, r) {
-  return Oe(Ht(ze(t), r));
-}, be = /* @__PURE__ */ new WeakMap(), Ut = function(t) {
+}, ot = function(t, r) {
+  return Oe(ct(ze(t), r));
+}, ge = /* @__PURE__ */ new WeakMap(), ft = 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)) {
     for (var r = t.value, n = t.parent, a = t.column === n.column && t.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n) return;
-    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !be.get(n)) && !a) {
-      be.set(t, !0);
-      for (var i = [], s = Kt(r, i), c = n.props, o = 0, u = 0; o < s.length; o++)
+    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];
     }
   }
-}, Yt = function(t) {
+}, ut = function(t) {
   if (t.type === "decl") {
     var r = t.value;
     // charcode for l
@@ -541,7 +400,7 @@ var qt = function(t, r, n) {
   }
 };
 function Re(e, t) {
-  switch (Rt(e, t)) {
+  switch (Ze(e, t)) {
     // color-adjust
     case 5103:
       return l + "print-" + e + e;
@@ -581,7 +440,7 @@ function Re(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return l + e + X + e + x + e + e;
+      return l + e + Y + e + x + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
@@ -645,7 +504,7 @@ function Re(e, t) {
           if (y(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return d(e, /(.+:)(.+)-([^]+)/, "$1" + l + "$2-$3$1" + X + (y(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return d(e, /(.+:)(.+)-([^]+)/, "$1" + l + "$2-$3$1" + Y + (y(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;
@@ -682,30 +541,30 @@ function Re(e, t) {
   }
   return e;
 }
-var Xt = function(t, r, n, a) {
+var lt = function(t, r, n, a) {
   if (t.length > -1 && !t.return) switch (t.type) {
-    case de:
+    case le:
       t.return = Re(t.value, t.length);
       break;
     case $e:
       return I([W(t, {
         value: d(t.value, "@", "@" + l)
       })], a);
-    case le:
-      if (t.length) return Pt(t.props, function(i) {
-        switch (Mt(i, /(::plac\w+|:read-\w+)/)) {
+    case ue:
+      if (t.length) return He(t.props, function(i) {
+        switch (qe(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
             return I([W(t, {
-              props: [d(i, /:(read-\w+)/, ":" + X + "$1")]
+              props: [d(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+)/, ":" + X + "$1")]
+              props: [d(i, /:(plac\w+)/, ":" + Y + "$1")]
             }), W(t, {
               props: [d(i, /:(plac\w+)/, x + "input-$1")]
             })], a);
@@ -713,7 +572,7 @@ var Xt = function(t, r, n, a) {
         return "";
       });
   }
-}, Jt = [Xt], Qt = function(t) {
+}, dt = [lt], ht = function(t) {
   var r = t.key;
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -722,7 +581,7 @@ var Xt = function(t, r, n, a) {
       b.indexOf(" ") !== -1 && (document.head.appendChild(_), _.setAttribute("data-s", ""));
     });
   }
-  var a = t.stylisPlugins || Jt, i = {}, s, c = [];
+  var a = t.stylisPlugins || dt, i = {}, s, c = [];
   s = 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
@@ -733,12 +592,12 @@ var Xt = function(t, r, n, a) {
       c.push(_);
     }
   );
-  var o, u = [Ut, Yt];
+  var o, u = [ft, ut];
   {
-    var f, h = [Vt, Ft(function(_) {
+    var f, h = [rt, at(function(_) {
       f.insert(_);
-    })], S = Dt(u.concat(a, h)), O = function(b) {
-      return I(Wt(b), S);
+    })], S = nt(u.concat(a, h)), O = function(b) {
+      return I(et(b), S);
     };
     o = function(b, p, v, $) {
       f = v, O(b ? b + "{" + p.styles + "}" : p.styles), $ && (w.inserted[p.name] = !0);
@@ -746,7 +605,7 @@ var Xt = function(t, r, n, a) {
   }
   var w = {
     key: r,
-    sheet: new $t({
+    sheet: new We({
       key: r,
       container: s,
       nonce: t.nonce,
@@ -761,7 +620,7 @@ var Xt = function(t, r, n, a) {
   };
   return w.sheet.hydrate(c), w;
 };
-function er(e) {
+function _t(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: */
@@ -780,7 +639,7 @@ function er(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var tr = {
+var mt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -829,18 +688,18 @@ var tr = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, rr = /[A-Z]|^ms/g, nr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Me = function(t) {
+}, pt = /[A-Z]|^ms/g, gt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Me = function(t) {
   return t.charCodeAt(1) === 45;
-}, ye = function(t) {
+}, ve = function(t) {
   return t != null && typeof t != "boolean";
-}, ie = /* @__PURE__ */ Zt(function(e) {
-  return Me(e) ? e : e.replace(rr, "-$&").toLowerCase();
-}), we = function(t, r) {
+}, re = /* @__PURE__ */ it(function(e) {
+  return Me(e) ? e : e.replace(pt, "-$&").toLowerCase();
+}), be = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(nr, function(n, a, i) {
+        return r.replace(gt, function(n, a, i) {
           return N = {
             name: a,
             styles: i,
@@ -848,9 +707,9 @@ var tr = {
           }, a;
         });
   }
-  return tr[t] !== 1 && !Me(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return mt[t] !== 1 && !Me(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function J(e, t, r) {
+function X(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -880,7 +739,7 @@ function J(e, t, r) {
         var c = i.styles + ";";
         return c;
       }
-      return ar(e, t, r);
+      return vt(e, t, r);
     }
   }
   var o = r;
@@ -889,26 +748,26 @@ function J(e, t, r) {
   var u = t[o];
   return u !== void 0 ? u : o;
 }
-function ar(e, t, r) {
+function vt(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var a = 0; a < r.length; a++)
-      n += J(e, t, r[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] + "}" : ye(c) && (n += ie(i) + ":" + we(i, c) + ";");
+        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++)
-          ye(s[o]) && (n += ie(i) + ":" + we(i, s[o]) + ";");
+          ve(s[o]) && (n += re(i) + ":" + be(i, s[o]) + ";");
       else {
-        var u = J(e, t, s);
+        var u = X(e, t, s);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += ie(i) + ":" + u + ";";
+            n += re(i) + ":" + u + ";";
             break;
           }
           default:
@@ -918,28 +777,28 @@ function ar(e, t, r) {
     }
   return n;
 }
-var xe = /label:\s*([^\s;{]+)\s*(;|$)/g, N;
-function se(e, t, r) {
+var ye = /label:\s*([^\s;{]+)\s*(;|$)/g, N;
+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;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, a += J(r, t, i);
+    n = !1, a += X(r, t, i);
   else {
     var s = i;
     a += s[0];
   }
   for (var c = 1; c < e.length; c++)
-    if (a += J(r, t, e[c]), n) {
+    if (a += X(r, t, e[c]), n) {
       var o = i;
       a += o[c];
     }
-  xe.lastIndex = 0;
-  for (var u = "", f; (f = xe.exec(a)) !== null; )
+  ye.lastIndex = 0;
+  for (var u = "", f; (f = ye.exec(a)) !== null; )
     u += "-" + f[1];
-  var h = er(a) + u;
+  var h = _t(a) + u;
   return {
     name: h,
     styles: a,
@@ -952,7 +811,7 @@ function Pe(e, t, r) {
     e[a] !== void 0 ? t.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var ir = function(t, r, n) {
+var bt = 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
@@ -960,8 +819,8 @@ var ir = 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);
-}, sr = function(t, r, n) {
-  ir(t, r);
+}, yt = function(t, r, n) {
+  bt(t, r);
   var a = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var i = r;
@@ -970,41 +829,41 @@ var ir = function(t, r, n) {
     while (i !== void 0);
   }
 };
-function Se(e, t) {
+function we(e, t) {
   if (e.inserted[t.name] === void 0)
     return e.insert("", t, e.sheet, !0);
 }
-function Ce(e, t, r) {
+function xe(e, t, r) {
   var n = [], a = Pe(e, n, r);
   return n.length < 2 ? r : a + t(n);
 }
-var cr = function(t) {
-  var r = Qt(t);
+var wt = function(t) {
+  var r = ht(t);
   r.sheet.speedy = function(c) {
     this.isSpeedy = c;
   }, r.compat = !0;
   var n = function() {
     for (var o = arguments.length, u = new Array(o), f = 0; f < o; f++)
       u[f] = arguments[f];
-    var h = se(u, r.registered, void 0);
-    return sr(r, h), r.key + "-" + h.name;
+    var h = ne(u, r.registered, void 0);
+    return yt(r, h), r.key + "-" + h.name;
   }, a = function() {
     for (var o = arguments.length, u = new Array(o), f = 0; f < o; f++)
       u[f] = arguments[f];
-    var h = se(u, r.registered), S = "animation-" + h.name;
-    return Se(r, {
+    var h = ne(u, r.registered), S = "animation-" + h.name;
+    return we(r, {
       name: h.name,
       styles: "@keyframes " + S + "{" + h.styles + "}"
     }), S;
   }, i = function() {
     for (var o = arguments.length, u = new Array(o), f = 0; f < o; f++)
       u[f] = arguments[f];
-    var h = se(u, r.registered);
-    Se(r, h);
+    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++)
       u[f] = arguments[f];
-    return Ce(r.registered, n, or(u));
+    return xe(r.registered, n, xt(u));
   };
   return {
     css: n,
@@ -1022,9 +881,9 @@ var cr = function(t) {
     sheet: r.sheet,
     cache: r,
     getRegisteredStyles: Pe.bind(null, r.registered),
-    merge: Ce.bind(null, r.registered, n)
+    merge: xe.bind(null, r.registered, n)
   };
-}, or = function e(t) {
+}, xt = function e(t) {
   for (var r = "", n = 0; n < t.length; n++) {
     var a = t[n];
     if (a != null) {
@@ -1049,10 +908,10 @@ var cr = function(t) {
     }
   }
   return r;
-}, Ne = cr({
+}, Ne = wt({
   key: "css"
-}), fr = Ne.cx, Te = Ne.css;
-const ur = (e) => {
+}), St = Ne.cx, Te = Ne.css;
+const Ct = (e) => {
   let t;
   e.center ? t = "center" : e.left ? t = "left" : e.right && (t = "right");
   let r;
@@ -1069,15 +928,15 @@ const ur = (e) => {
     textTransform: r,
     color: e.color
   });
-}, lr = "_primary_13825_8", dr = "_secondary_13825_12", hr = "_tertiary_13825_16", _r = "_positive_13825_20", mr = "_negative_13825_24", pr = "_warning_13825_28", gr = "_accent_13825_32", vr = "_inverse_13825_36", br = "_text_13825_111", yr = "_regular_13825_117", wr = "_medium_13825_121", xr = "_semibold_13825_125", Sr = "_bold_13825_129", q = {
-  primary: lr,
-  secondary: dr,
-  tertiary: hr,
-  positive: _r,
-  negative: mr,
-  warning: pr,
-  accent: gr,
-  inverse: vr,
+}, 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,
   "title-1": "_title-1_13825_41",
   "title-2": "_title-2_13825_51",
   "title-3": "_title-3_13825_61",
@@ -1088,11 +947,11 @@ const ur = (e) => {
   "body-2": "_body-2_13825_96",
   "caption-1": "_caption-1_13825_101",
   "caption-2": "_caption-2_13825_106",
-  text: br,
-  regular: yr,
-  medium: wr,
-  semibold: xr,
-  bold: Sr
+  text: Pt,
+  regular: Nt,
+  medium: Tt,
+  semibold: Lt,
+  bold: It
 }, fe = Le((e, t) => {
   const {
     children: r,
@@ -1115,12 +974,12 @@ const ur = (e) => {
     {
       ref: t,
       ...S,
-      className: fr(
+      className: St(
         q.text,
         q[a],
         q[i],
         q[c],
-        ur(e),
+        Ct(e),
         $,
         n
       ),
@@ -1138,12 +997,152 @@ const ur = (e) => {
   );
 });
 fe.displayName = "Text";
-const Cr = {
-  negative: /* @__PURE__ */ A(ct, {}),
-  positive: /* @__PURE__ */ A(st, {}),
-  accent: /* @__PURE__ */ A(pe, {}),
-  warning: /* @__PURE__ */ A(pe, {}),
-  neutral: /* @__PURE__ */ A(ot, {})
+function jt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ae = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Se;
+function Gt() {
+  return Se || (Se = 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)));
+        }
+        return i;
+      }
+      function n(i) {
+        if (typeof i == "string" || typeof i == "number")
+          return i;
+        if (typeof i != "object")
+          return "";
+        if (Array.isArray(i))
+          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;
+      }
+      function a(i, s) {
+        return s ? i ? i + " " + s : i + s : i;
+      }
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+    })();
+  }(ae)), ae.exports;
+}
+var Wt = Gt();
+const L = /* @__PURE__ */ jt(Wt);
+function he(e, t, r, n = "") {
+  if (r)
+    return e[`${t}_${r}${n}`];
+}
+function J(e, t, r) {
+  return he(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
+};
+function zr({
+  attr: e,
+  children: t,
+  className: r,
+  type: n = "button",
+  color: a = "primary",
+  size: i = "md",
+  ...s
+}) {
+  const c = "button";
+  return /* @__PURE__ */ A(
+    "button",
+    {
+      ...e,
+      ...s,
+      type: n,
+      className: L(
+        ie[c],
+        r,
+        J(ie, c, i),
+        he(ie, c, 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
+};
+function Or({
+  attr: e,
+  children: t,
+  className: r,
+  color: n = "primary",
+  size: a = "md",
+  ...i
+}) {
+  const s = "avatar";
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      ...e,
+      ...i,
+      className: L(
+        se[s],
+        r,
+        J(se, s, a),
+        he(se, s, 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 = ({
   title: e,
   subtitle: t,
@@ -1175,10 +1174,7 @@ const Cr = {
           e && /* @__PURE__ */ A(
             fe,
             {
-              className: L(
-                E.title,
-                Y(E, "title", a)
-              ),
+              className: L(E.title, J(E, "title", a)),
               variant: a === "md" ? "body-1" : "caption-2",
               children: e
             }
@@ -1186,10 +1182,7 @@ const Cr = {
           t && /* @__PURE__ */ A(
             fe,
             {
-              className: L(
-                E.subtitle,
-                Y(E, "subtitle", a)
-              ),
+              className: L(E.subtitle, J(E, "subtitle", a)),
               variant: a === "md" ? "body-2" : "caption-1",
               children: t
             }
@@ -1198,11 +1191,11 @@ const Cr = {
       ]
     }
   );
-}, kr = "_themeProviderScoped_2ri8j_8", $r = {
+}, kr = "_themeProviderScoped_w4jta_8", $r = {
   themeProviderScoped: kr
 };
-function Mr({ className: e, children: t }) {
-  return /* @__PURE__ */ A("div", { className: L($r.themeProviderScoped, e), children: t });
+function Mr({ className: e, children: t, theme: r }) {
+  return /* @__PURE__ */ A("div", { className: L($r.themeProviderScoped, e), "data-theme": r, children: t });
 }
 export {
   Or as Avatar,
@@ -1210,7 +1203,7 @@ export {
   zr as IconButton,
   fe as Text,
   Mr as ThemeProviderScoped,
-  Y as getSizeClass,
-  ue as getStyleClass
+  J as getSizeClass,
+  he as getStyleClass
 };
 //# sourceMappingURL=ui-kit.es.js.map