@dss-kit/ui-kit 0.0.24 → 0.0.25

package/dist/ui-kit.es.js

@@ -1,254 +1,1216 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import * as c from "react";
-function S(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+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 g = { exports: {} };
+var re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var w;
-function z() {
-  return w || (w = 1, function(t) {
+var me;
+function Ge() {
+  return me || (me = 1, function(e) {
     (function() {
-      var r = {}.hasOwnProperty;
-      function n() {
-        for (var e = "", _ = 0; _ < arguments.length; _++) {
-          var i = arguments[_];
-          i && (e = o(e, l(i)));
+      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 e;
+        return i;
       }
-      function l(e) {
-        if (typeof e == "string" || typeof e == "number")
-          return e;
-        if (typeof e != "object")
+      function n(i) {
+        if (typeof i == "string" || typeof i == "number")
+          return i;
+        if (typeof i != "object")
           return "";
-        if (Array.isArray(e))
-          return n.apply(null, e);
-        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-          return e.toString();
-        var _ = "";
-        for (var i in e)
-          r.call(e, i) && e[i] && (_ = o(_, i));
-        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 o(e, _) {
-        return _ ? e ? e + " " + _ : e + _ : e;
+      function a(i, s) {
+        return s ? i ? i + " " + s : i + s : i;
       }
-      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(g)), g.exports;
-}
-var C = z();
-const d = /* @__PURE__ */ S(C);
-function m(t, r, n, l = "") {
-  if (n)
-    return t[`${r}_${n}${l}`];
-}
-function v(t, r, n) {
-  return m(t, r, n, "Size");
-}
-const W = "_button_qsd3z_1", k = "_button_primary_qsd3z_10", E = "_button_secondary_qsd3z_13", N = "_button_negative_qsd3z_16", q = "_button_positive_qsd3z_19", M = "_button_warning_qsd3z_22", L = "_button_neutral_qsd3z_25", j = "_button_mdSize_qsd3z_85", O = "_button_smSize_qsd3z_95", P = "_button_xsSize_qsd3z_105", x = {
-  button: W,
-  button_primary: k,
-  button_secondary: E,
-  button_negative: N,
-  button_positive: q,
-  button_warning: M,
-  button_neutral: L,
-  button_mdSize: j,
-  button_smSize: O,
-  button_xsSize: P
+  }(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 $t({
-  attr: t,
-  children: r,
-  className: n,
-  type: l = "button",
-  color: o = "primary",
-  size: e = "md",
-  ..._
+function zr({
+  attr: e,
+  children: t,
+  className: r,
+  type: n = "button",
+  color: a = "primary",
+  size: i = "md",
+  ...s
 }) {
-  const i = "button";
-  return /* @__PURE__ */ a(
+  const c = "button";
+  return /* @__PURE__ */ A(
     "button",
     {
-      ...t,
-      ..._,
-      type: l,
-      className: d(
-        x[i],
-        n,
-        v(x, i, e),
-        m(x, i, o)
+      ...e,
+      ...s,
+      type: n,
+      className: L(
+        ne[c],
+        r,
+        Y(ne, c, i),
+        ue(ne, c, a)
       ),
-      children: r
+      children: t
     }
   );
 }
-const V = "_avatar_1wk2b_1", $ = "_avatar_primary_1wk2b_15", B = "_avatar_secondary_1wk2b_18", A = "_avatar_negative_1wk2b_21", G = "_avatar_positive_1wk2b_24", I = "_avatar_warning_1wk2b_27", Z = "_avatar_lgSize_1wk2b_64", F = "_avatar_mdSize_1wk2b_78", H = "_avatar_smSize_1wk2b_92", y = {
-  avatar: V,
-  avatar_primary: $,
-  avatar_secondary: B,
-  avatar_negative: A,
-  avatar_positive: G,
-  avatar_warning: I,
-  avatar_lgSize: Z,
-  avatar_mdSize: F,
-  avatar_smSize: H
+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 Bt({
-  attr: t,
-  children: r,
-  className: n,
-  color: l = "primary",
-  size: o = "md",
-  ...e
+function Or({
+  attr: e,
+  children: t,
+  className: r,
+  color: n = "primary",
+  size: a = "md",
+  ...i
 }) {
-  const _ = "avatar";
-  return /* @__PURE__ */ a(
+  const s = "avatar";
+  return /* @__PURE__ */ A(
     "div",
     {
-      ...t,
       ...e,
-      className: d(
-        y[_],
-        n,
-        v(y, _, o),
-        m(y, _, l)
+      ...i,
+      className: L(
+        ae[s],
+        r,
+        Y(ae, s, a),
+        ue(ae, s, n)
       ),
-      children: r
+      children: t
     }
   );
 }
-const R = (t) => /* @__PURE__ */ c.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ c.createElement("path", { d: "M16 9L10.0337 15L8 12.9548", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), f = (t) => /* @__PURE__ */ c.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.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__ */ c.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__ */ c.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" })), T = (t) => /* @__PURE__ */ c.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.12 }), /* @__PURE__ */ c.createElement("path", { d: "M16 8L8 16M16 16L8 8", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), D = (t) => /* @__PURE__ */ c.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "black", ...t }, /* @__PURE__ */ c.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" })), X = "_hint_1y0rh_1", J = "_md_1y0rh_12", K = "_sm_1y0rh_17", Q = "_icon_1y0rh_22", U = "_content_1y0rh_33", Y = "_title_1y0rh_39", tt = "_title_mdSize_1y0rh_42", et = "_title_smSize_1y0rh_48", nt = "_subtitle_1y0rh_55", _t = "_subtitle_mdSize_1y0rh_59", rt = "_subtitle_smSize_1y0rh_65", it = "_disabled_1y0rh_72", ot = "_warning_1y0rh_77", st = "_solid_1y0rh_77", at = "_negative_1y0rh_82", ct = "_positive_1y0rh_87", lt = "_accent_1y0rh_92", dt = "_neutral_1y0rh_97", ut = "_soft_1y0rh_102", s = {
-  hint: X,
-  md: J,
-  sm: K,
-  icon: Q,
-  content: U,
-  title: Y,
-  title_mdSize: tt,
-  title_smSize: et,
-  subtitle: nt,
-  subtitle_mdSize: _t,
-  subtitle_smSize: rt,
-  disabled: it,
-  warning: ot,
-  solid: st,
-  negative: at,
-  positive: ct,
-  accent: lt,
-  neutral: dt,
-  soft: ut
-}, mt = {
-  negative: /* @__PURE__ */ a(T, {}),
-  positive: /* @__PURE__ */ a(R, {}),
-  accent: /* @__PURE__ */ a(f, {}),
-  warning: /* @__PURE__ */ a(f, {}),
-  neutral: /* @__PURE__ */ a(D, {})
-}, At = ({
-  title: t,
-  subtitle: r,
-  color: n = "warning",
-  variant: l = "soft",
-  size: o = "md",
-  icon: e,
-  disabled: _ = !1,
-  className: i,
-  style: u
-}) => {
-  const p = e || mt[n];
-  return /* @__PURE__ */ b(
-    "div",
-    {
-      className: d(
-        s.hint,
-        s[n],
-        s[l],
-        s[o],
-        _ && s.disabled,
-        i
-      ),
-      style: u,
-      "aria-disabled": _,
-      children: [
-        p && /* @__PURE__ */ a("span", { className: d(s.icon, s[n]), children: p }),
-        /* @__PURE__ */ b("div", { className: s.content, children: [
-          /* @__PURE__ */ a("div", { className: d(s.title, v(s, "title", o)), children: t }),
-          r && /* @__PURE__ */ a("div", { className: d(s.subtitle, v(s, "subtitle", o)), children: r })
-        ] })
-      ]
+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) {
+  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() {
+  function e(r) {
+    var n = this;
+    this._insertTag = function(a) {
+      var i;
+      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, i), n.tags.push(a);
+    }, this.isSpeedy = r.speedy === void 0 ? !0 : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
+  }
+  var t = e.prototype;
+  return t.hydrate = function(n) {
+    n.forEach(this._insertTag);
+  }, t.insert = function(n) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kt(this));
+    var a = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var i = Ct(a);
+      try {
+        i.insertRule(n, i.cssRules.length);
+      } catch {
+      }
+    } else
+      a.appendChild(document.createTextNode(n));
+    this.ctr++;
+  }, t.flush = function() {
+    this.tags.forEach(function(n) {
+      var a;
+      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) {
+  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) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function d(e, t, r) {
+  return e.replace(t, r);
+}
+function ce(e, t) {
+  return e.indexOf(t);
+}
+function y(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function B(e, t, r) {
+  return e.slice(t, r);
+}
+function M(e) {
+  return e.length;
+}
+function he(e) {
+  return e.length;
+}
+function Z(e, t) {
+  return t.push(e), e;
+}
+function Pt(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: "" };
+}
+function W(e, t) {
+  return Ot(te("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+}
+function Nt() {
+  return g;
+}
+function Tt() {
+  return g = C > 0 ? y(G, --C) : 0, j--, g === 10 && (j = 1, ee--), g;
+}
+function k() {
+  return g = C < Ae ? y(G, C++) : 0, j++, g === 10 && (j = 1, ee++), g;
+}
+function P() {
+  return y(G, C);
+}
+function H() {
+  return C;
+}
+function D(e, t) {
+  return B(G, e, t);
+}
+function V(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function ze(e) {
+  return ee = j = 1, Ae = M(G = e), C = 0, [];
+}
+function Oe(e) {
+  return G = "", e;
+}
+function K(e) {
+  return Ee(D(C - 1, oe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function Lt(e) {
+  for (; (g = P()) && g < 33; )
+    k();
+  return V(e) > 2 || V(g) > 3 ? "" : " ";
+}
+function It(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));
+}
+function oe(e) {
+  for (; k(); )
+    switch (g) {
+      // ] ) " '
+      case e:
+        return C;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && oe(g);
+        break;
+      // (
+      case 40:
+        e === 41 && oe(e);
+        break;
+      // \
+      case 92:
+        k();
+        break;
+    }
+  return C;
+}
+function jt(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) {
+  for (; !V(P()); )
+    k();
+  return D(e, C);
+}
+function Wt(e) {
+  return Oe(U("", null, null, null, [""], e = ze(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()) {
+      // (
+      case 40:
+        if (w != 108 && y(m, h - 1) == 58) {
+          ce(m += d(K(v), "&", "&\f"), "&\f") != -1 && (p = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        m += K(v);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        m += Lt(w);
+        break;
+      // \
+      case 92:
+        m += It(H() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (P()) {
+          case 42:
+          case 47:
+            Z(Bt(jt(k(), H()), t, r), o);
+            break;
+          default:
+            m += "/";
+        }
+        break;
+      // {
+      case 123 * _:
+        c[u++] = M(m) * p;
+      // } ; \0
+      case 125 * _:
+      case 59:
+      case 0:
+        switch (v) {
+          // \0 }
+          case 0:
+          case 125:
+            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);
+            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 (f === 0)
+                U(m, t, R, R, F, i, h, c, T);
+              else
+                switch (S === 99 && y(m, 3) === 110 ? 100 : S) {
+                  // d l m s
+                  case 100:
+                  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);
+                    break;
+                  default:
+                    U(m, R, R, R, [""], T, 0, c, T);
+                }
+        }
+        u = f = O = 0, _ = p = 1, $ = m = "", h = s;
+        break;
+      // :
+      case 58:
+        h = 1 + M(m), O = w;
+      default:
+        if (_ < 1) {
+          if (v == 123)
+            --_;
+          else if (v == 125 && _++ == 0 && Tt() == 125)
+            continue;
+        }
+        switch (m += Q(v), v * _) {
+          // &
+          case 38:
+            p = f > 0 ? 1 : (m += "\f", -1);
+            break;
+          // ,
+          case 44:
+            c[u++] = (M(m) - 1) * p, p = 1;
+            break;
+          // @
+          case 64:
+            P() === 45 && (m += K(k())), S = P(), f = h = M($ = m += Gt(H())), v++;
+            break;
+          // -
+          case 45:
+            w === 45 && M(m) == 2 && (_ = 0);
+        }
+    }
+  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)
+      ($ = 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);
+}
+function Bt(e, t, r) {
+  return te(e, t, r, ke, Q(Nt()), 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 I(e, t) {
+  for (var r = "", n = he(e), a = 0; a < n; a++)
+    r += t(e[a], a, e, t) || "";
+  return r;
+}
+function Vt(e, t, r, n) {
+  switch (e.type) {
+    case At:
+      if (e.children.length) break;
+    case Et:
+    case de:
+      return e.return = e.return || e.value;
+    case ke:
+      return "";
+    case $e:
+      return e.return = e.value + "{" + I(e.children, n) + "}";
+    case le:
+      e.value = e.props.join(",");
+  }
+  return M(r = I(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+}
+function Dt(e) {
+  var t = he(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) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function Zt(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) {
+  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) {
+  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);
+        break;
+      case 2:
+        t[n] += K(a);
+        break;
+      case 4:
+        if (a === 44) {
+          t[++n] = P() === 58 ? "&\f" : "", r[n] = t[n].length;
+          break;
+        }
+      // fallthrough
+      default:
+        t[n] += Q(a);
+    }
+  while (a = k());
+  return t;
+}, Kt = function(t, r) {
+  return Oe(Ht(ze(t), r));
+}, be = /* @__PURE__ */ new WeakMap(), Ut = 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++)
+        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) {
+  if (t.type === "decl") {
+    var r = t.value;
+    // charcode for l
+    r.charCodeAt(0) === 108 && // charcode for b
+    r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
+  }
+};
+function Re(e, t) {
+  switch (Rt(e, t)) {
+    // color-adjust
+    case 5103:
+      return l + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return l + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return l + e + X + e + x + e + e;
+    // flex, flex-direction
+    case 6828:
+    case 4268:
+      return l + e + x + e + e;
+    // order
+    case 6165:
+      return l + e + x + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return l + e + d(e, /(\w+).+(:[^]+)/, l + "box-$1$2" + x + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return l + e + x + "flex-item-" + d(e, /flex-|-self/, "") + e;
+    // align-content
+    case 4675:
+      return l + e + x + "flex-line-pack" + d(e, /align-content|flex-|-self/, "") + e;
+    // flex-shrink
+    case 5548:
+      return l + e + x + d(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return l + e + x + d(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return l + "box-" + d(e, "-grow", "") + l + e + x + d(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return l + d(e, /([^-])(transform)/g, "$1" + l + "$2") + e;
+    // cursor
+    case 6187:
+      return d(d(d(e, /(zoom-|grab)/, l + "$1"), /(image-set)/, l + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return d(e, /(image-set\([^]*)/, l + "$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;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return d(e, /(.+)-inline(.+)/, l + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (M(e) - 1 - t > 6) switch (y(e, t + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          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;
+        // (s)tretch
+        case 115:
+          return ~ce(e, "stretch") ? Re(d(e, "stretch", "fill-available"), t) + e : e;
+      }
+      break;
+    // position: sticky
+    case 4949:
+      if (y(e, t + 1) !== 115) break;
+    // display: (flex|inline-flex)
+    case 6444:
+      switch (y(e, M(e) - 3 - (~ce(e, "!important") && 10))) {
+        // stic(k)y
+        case 107:
+          return d(e, ":", ":" + l) + 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;
+      }
+      break;
+    // writing-mode
+    case 5936:
+      switch (y(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return l + e + x + d(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;
+        // horizontal(-)tb
+        case 45:
+          return l + e + x + d(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+      return l + e + x + e + e;
+  }
+  return e;
+}
+var Xt = function(t, r, n, a) {
+  if (t.length > -1 && !t.return) switch (t.type) {
+    case de:
+      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+)/)) {
+          // :read-(only|write)
+          case ":read-only":
+          case ":read-write":
+            return I([W(t, {
+              props: [d(i, /:(read-\w+)/, ":" + X + "$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")]
+            }), W(t, {
+              props: [d(i, /:(plac\w+)/, x + "input-$1")]
+            })], a);
+        }
+        return "";
+      });
+  }
+}, Jt = [Xt], Qt = 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", ""));
+    });
+  }
+  var a = t.stylisPlugins || Jt, 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
+    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(_);
     }
   );
+  var o, u = [Ut, Yt];
+  {
+    var f, h = [Vt, Ft(function(_) {
+      f.insert(_);
+    })], S = Dt(u.concat(a, h)), O = function(b) {
+      return I(Wt(b), S);
+    };
+    o = function(b, p, v, $) {
+      f = v, O(b ? b + "{" + p.styles + "}" : p.styles), $ && (w.inserted[p.name] = !0);
+    };
+  }
+  var w = {
+    key: r,
+    sheet: new $t({
+      key: r,
+      container: s,
+      nonce: t.nonce,
+      speedy: t.speedy,
+      prepend: t.prepend,
+      insertionPoint: t.insertionPoint
+    }),
+    nonce: t.nonce,
+    inserted: i,
+    registered: {},
+    insert: o
+  };
+  return w.sheet.hydrate(c), w;
 };
-function ht(t, r, n) {
-  return m(t, r, n, "Weight");
-}
-const vt = "_text_primary_dy5tw_1", gt = "_text_secondary_dy5tw_4", xt = "_text_tertiary_dy5tw_7", yt = "_text_positive_dy5tw_10", pt = "_text_negative_dy5tw_13", bt = "_text_warning_dy5tw_16", wt = "_text_accent_dy5tw_19", ft = "_text_inverse_dy5tw_22", St = "_text_body1_dy5tw_25", zt = "_text_body2_dy5tw_31", Ct = "_text_caption1_dy5tw_37", Wt = "_text_caption2_dy5tw_43", kt = "_text_extraboldWeight_dy5tw_49", Et = "_text_boldWeight_dy5tw_52", Nt = "_text_semiboldWeight_dy5tw_55", qt = "_text_mediumWeight_dy5tw_58", Mt = "_text_regularWeight_dy5tw_61", Lt = "_text_lightWeight_dy5tw_64", jt = "_text_extralightWeight_dy5tw_67", h = {
-  text_primary: vt,
-  text_secondary: gt,
-  text_tertiary: xt,
-  text_positive: yt,
-  text_negative: pt,
-  text_warning: bt,
-  text_accent: wt,
-  text_inverse: ft,
-  text_body1: St,
-  text_body2: zt,
-  text_caption1: Ct,
-  text_caption2: Wt,
-  text_extraboldWeight: kt,
-  text_boldWeight: Et,
-  text_semiboldWeight: Nt,
-  text_mediumWeight: qt,
-  text_regularWeight: Mt,
-  text_lightWeight: Lt,
-  text_extralightWeight: jt
+function er(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: */
+    r >>> 24, t = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  switch (a) {
+    case 3:
+      t ^= (e.charCodeAt(n + 2) & 255) << 16;
+    case 2:
+      t ^= (e.charCodeAt(n + 1) & 255) << 8;
+    case 1:
+      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
+      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  }
+  return t ^= t >>> 13, t = /* Math.imul(h, m): */
+  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+var tr = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+}, rr = /[A-Z]|^ms/g, nr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Me = function(t) {
+  return t.charCodeAt(1) === 45;
+}, ye = 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) {
+  switch (t) {
+    case "animation":
+    case "animationName":
+      if (typeof r == "string")
+        return r.replace(nr, function(n, a, i) {
+          return N = {
+            name: a,
+            styles: i,
+            next: N
+          }, a;
+        });
+  }
+  return tr[t] !== 1 && !Me(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function Gt({
-  attr: t,
-  children: r,
-  className: n,
-  color: l = "primary",
-  variant: o = "body1",
-  weight: e = "regular",
-  tag: _ = "p",
-  ...i
-}) {
-  const u = "text";
-  return /* @__PURE__ */ a(
-    _,
+function J(e, t, r) {
+  if (r == null)
+    return "";
+  var n = r;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof r) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = r;
+      if (a.anim === 1)
+        return N = {
+          name: a.name,
+          styles: a.styles,
+          next: N
+        }, 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;
+      }
+      return ar(e, t, r);
+    }
+  }
+  var o = r;
+  if (t == null)
+    return o;
+  var u = t[o];
+  return u !== void 0 ? u : o;
+}
+function ar(e, t, r) {
+  var n = "";
+  if (Array.isArray(r))
+    for (var a = 0; a < r.length; a++)
+      n += J(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) + ";");
+      } 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]) + ";");
+      else {
+        var u = J(e, t, s);
+        switch (i) {
+          case "animation":
+          case "animationName": {
+            n += ie(i) + ":" + u + ";";
+            break;
+          }
+          default:
+            n += i + "{" + u + "}";
+        }
+      }
+    }
+  return n;
+}
+var xe = /label:\s*([^\s;{]+)\s*(;|$)/g, N;
+function se(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);
+  else {
+    var s = i;
+    a += s[0];
+  }
+  for (var c = 1; c < e.length; c++)
+    if (a += J(r, t, e[c]), n) {
+      var o = i;
+      a += o[c];
+    }
+  xe.lastIndex = 0;
+  for (var u = "", f; (f = xe.exec(a)) !== null; )
+    u += "-" + f[1];
+  var h = er(a) + u;
+  return {
+    name: h,
+    styles: a,
+    next: N
+  };
+}
+function Pe(e, t, r) {
+  var n = "";
+  return r.split(" ").forEach(function(a) {
+    e[a] !== void 0 ? t.push(e[a] + ";") : a && (n += a + " ");
+  }), n;
+}
+var ir = 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
+  // the tree but if it's a string tag, we know it won't
+  // 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);
+  var a = t.key + "-" + r.name;
+  if (t.inserted[r.name] === void 0) {
+    var i = r;
+    do
+      t.insert(r === i ? "." + a : "", i, t.sheet, !0), i = i.next;
+    while (i !== void 0);
+  }
+};
+function Se(e, t) {
+  if (e.inserted[t.name] === void 0)
+    return e.insert("", t, e.sheet, !0);
+}
+function Ce(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);
+  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;
+  }, 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, {
+      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);
+  }, 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 {
+    css: n,
+    cx: s,
+    injectGlobal: i,
+    keyframes: a,
+    hydrate: function(o) {
+      o.forEach(function(u) {
+        r.inserted[u] = !0;
+      });
+    },
+    flush: function() {
+      r.registered = {}, r.inserted = {}, r.sheet.flush();
+    },
+    sheet: r.sheet,
+    cache: r,
+    getRegisteredStyles: Pe.bind(null, r.registered),
+    merge: Ce.bind(null, r.registered, n)
+  };
+}, or = function e(t) {
+  for (var r = "", n = 0; n < t.length; n++) {
+    var a = t[n];
+    if (a != null) {
+      var i = void 0;
+      switch (typeof a) {
+        case "boolean":
+          break;
+        case "object": {
+          if (Array.isArray(a))
+            i = e(a);
+          else {
+            i = "";
+            for (var s in a)
+              a[s] && s && (i && (i += " "), i += s);
+          }
+          break;
+        }
+        default:
+          i = a;
+      }
+      i && (r && (r += " "), r += i);
+    }
+  }
+  return r;
+}, Ne = cr({
+  key: "css"
+}), fr = Ne.cx, Te = Ne.css;
+const ur = (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({
+    marginTop: e.mt,
+    marginBottom: e.mb,
+    flex: e.flex,
+    cursor: e.cursor,
+    wordBreak: e.wordBreak,
+    whiteSpace: e.whiteSpace,
+    textOverflow: e.textOverflow,
+    textDecoration: e.decoration,
+    textAlign: t,
+    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,
+  "title-1": "_title-1_13825_41",
+  "title-2": "_title-2_13825_51",
+  "title-3": "_title-3_13825_61",
+  "headline-1": "_headline-1_13825_76",
+  "headline-2": "_headline-2_13825_81",
+  "headline-3": "_headline-3_13825_86",
+  "body-1": "_body-1_13825_91",
+  "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
+}, fe = Le((e, t) => {
+  const {
+    children: r,
+    className: n,
+    variant: a = "body-1",
+    fontWeight: i = "medium",
+    tag: s = "p",
+    colorName: c = "primary",
+    style: o,
+    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,
+    transition: `opacity ${f}ms ease`
+  }) : "";
+  return /* @__PURE__ */ A(
+    v,
     {
-      ...t,
-      ...i,
-      className: d(
-        h[u],
-        n,
-        m(h, u, l),
-        m(h, u, o),
-        ht(h, u, e)
+      ref: t,
+      ...S,
+      className: fr(
+        q.text,
+        q[a],
+        q[i],
+        q[c],
+        ur(e),
+        $,
+        n
       ),
+      style: o,
+      onClick: h,
+      onMouseDown: b,
+      onMouseUp: p,
+      onMouseLeave: p,
+      onTouchStart: b,
+      onTouchEnd: p,
+      role: _ ? "button" : void 0,
+      tabIndex: _ ? 0 : void 0,
       children: r
     }
   );
-}
-const Ot = "_themeProviderScoped_18ok7_2", Pt = {
-  themeProviderScoped: Ot
+});
+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, {})
+}, Rr = ({
+  title: e,
+  subtitle: t,
+  color: r = "warning",
+  variant: n = "soft",
+  size: a = "md",
+  icon: i,
+  disabled: s = !1,
+  className: c,
+  style: o
+}) => {
+  const u = i || Cr[r];
+  return /* @__PURE__ */ _e(
+    "div",
+    {
+      className: L(
+        E.hint,
+        E[r],
+        E[n],
+        E[a],
+        s && E.disabled,
+        c
+      ),
+      style: o,
+      "aria-disabled": s,
+      children: [
+        u && /* @__PURE__ */ A("span", { className: L(E.icon, E[r]), children: u }),
+        /* @__PURE__ */ _e("div", { className: E.content, children: [
+          e && /* @__PURE__ */ A(
+            fe,
+            {
+              className: L(
+                E.title,
+                Y(E, "title", a)
+              ),
+              variant: a === "md" ? "body-1" : "caption-2",
+              children: e
+            }
+          ),
+          t && /* @__PURE__ */ A(
+            fe,
+            {
+              className: L(
+                E.subtitle,
+                Y(E, "subtitle", a)
+              ),
+              variant: a === "md" ? "body-2" : "caption-1",
+              children: t
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, kr = "_themeProviderScoped_2ri8j_8", $r = {
+  themeProviderScoped: kr
 };
-function It({ className: t, children: r }) {
-  return /* @__PURE__ */ a("div", { className: d(Pt.themeProviderScoped, t), children: r });
+function Mr({ className: e, children: t }) {
+  return /* @__PURE__ */ A("div", { className: L($r.themeProviderScoped, e), children: t });
 }
 export {
-  Bt as Avatar,
-  At as Hint,
-  $t as IconButton,
-  Gt as Text,
-  It as ThemeProviderScoped,
-  v as getSizeClass,
-  m as getStyleClass
+  Or as Avatar,
+  Rr as Hint,
+  zr as IconButton,
+  fe as Text,
+  Mr as ThemeProviderScoped,
+  Y as getSizeClass,
+  ue as getStyleClass
 };
 //# sourceMappingURL=ui-kit.es.js.map