@dss-kit/ui-kit 0.0.21 → 0.0.23

package/dist/ui-kit.es.js

@@ -1,820 +1,254 @@
-import Fe from "react";
-function mt(c) {
-  return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
+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;
 }
-var L = { exports: {} }, z = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var je;
-function ht() {
-  if (je) return z;
-  je = 1;
-  var c = Fe, _ = Symbol.for("react.element"), f = Symbol.for("react.fragment"), g = Object.prototype.hasOwnProperty, x = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(v, p, P) {
-    var E, w = {}, T = null, I = null;
-    P !== void 0 && (T = "" + P), p.key !== void 0 && (T = "" + p.key), p.ref !== void 0 && (I = p.ref);
-    for (E in p) g.call(p, E) && !i.hasOwnProperty(E) && (w[E] = p[E]);
-    if (v && v.defaultProps) for (E in p = v.defaultProps, p) w[E] === void 0 && (w[E] = p[E]);
-    return { $$typeof: _, type: v, key: T, ref: I, props: w, _owner: x.current };
-  }
-  return z.Fragment = f, z.jsx = l, z.jsxs = l, z;
-}
-var $ = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ke;
-function xt() {
-  return ke || (ke = 1, process.env.NODE_ENV !== "production" && function() {
-    var c = Fe, _ = Symbol.for("react.element"), f = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), v = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), ae = Symbol.iterator, ze = "@@iterator";
-    function $e(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var t = ae && e[ae] || e[ze];
-      return typeof t == "function" ? t : null;
-    }
-    var j = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(e) {
-      {
-        for (var t = arguments.length, r = new Array(t > 1 ? t - 1 : 0), n = 1; n < t; n++)
-          r[n - 1] = arguments[n];
-        Ie("error", e, r);
-      }
-    }
-    function Ie(e, t, r) {
-      {
-        var n = j.ReactDebugCurrentFrame, s = n.getStackAddendum();
-        s !== "" && (t += "%s", r = r.concat([s]));
-        var u = r.map(function(o) {
-          return String(o);
-        });
-        u.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, u);
-      }
-    }
-    var Ye = !1, qe = !1, Ne = !1, Ve = !1, Le = !1, oe;
-    oe = Symbol.for("react.module.reference");
-    function Me(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === g || e === i || Le || e === x || e === P || e === E || Ve || e === I || Ye || qe || Ne || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === w || e.$$typeof === l || e.$$typeof === v || e.$$typeof === p || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === oe || e.getModuleId !== void 0));
-    }
-    function Ue(e, t, r) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var s = t.displayName || t.name || "";
-      return s !== "" ? r + "(" + s + ")" : r;
-    }
-    function ie(e) {
-      return e.displayName || "Context";
-    }
-    function S(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case g:
-          return "Fragment";
-        case f:
-          return "Portal";
-        case i:
-          return "Profiler";
-        case x:
-          return "StrictMode";
-        case P:
-          return "Suspense";
-        case E:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case v:
-            var t = e;
-            return ie(t) + ".Consumer";
-          case l:
-            var r = e;
-            return ie(r._context) + ".Provider";
-          case p:
-            return Ue(e, e.render, "ForwardRef");
-          case w:
-            var n = e.displayName || null;
-            return n !== null ? n : S(e.type) || "Memo";
-          case T: {
-            var s = e, u = s._payload, o = s._init;
-            try {
-              return S(o(u));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var O = Object.assign, F = 0, se, ue, ce, le, fe, _e, de;
-    function ve() {
-    }
-    ve.__reactDisabledLog = !0;
-    function Je() {
-      {
-        if (F === 0) {
-          se = console.log, ue = console.info, ce = console.warn, le = console.error, fe = console.group, _e = console.groupCollapsed, de = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: ve,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        F++;
-      }
-    }
-    function Be() {
-      {
-        if (F--, F === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: O({}, e, {
-              value: se
-            }),
-            info: O({}, e, {
-              value: ue
-            }),
-            warn: O({}, e, {
-              value: ce
-            }),
-            error: O({}, e, {
-              value: le
-            }),
-            group: O({}, e, {
-              value: fe
-            }),
-            groupCollapsed: O({}, e, {
-              value: _e
-            }),
-            groupEnd: O({}, e, {
-              value: de
-            })
-          });
-        }
-        F < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var B = j.ReactCurrentDispatcher, K;
-    function Y(e, t, r) {
-      {
-        if (K === void 0)
-          try {
-            throw Error();
-          } catch (s) {
-            var n = s.stack.trim().match(/\n( *(at )?)/);
-            K = n && n[1] || "";
-          }
-        return `
-` + K + e;
-      }
-    }
-    var G = !1, q;
-    {
-      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new Ke();
-    }
-    function pe(e, t) {
-      if (!e || G)
-        return "";
-      {
-        var r = q.get(e);
-        if (r !== void 0)
-          return r;
-      }
-      var n;
-      G = !0;
-      var s = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var u;
-      u = B.current, B.current = null, Je();
-      try {
-        if (t) {
-          var o = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(o.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(o, []);
-            } catch (h) {
-              n = h;
-            }
-            Reflect.construct(e, [], o);
-          } else {
-            try {
-              o.call();
-            } catch (h) {
-              n = h;
-            }
-            e.call(o.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (h) {
-            n = h;
-          }
-          e();
-        }
-      } catch (h) {
-        if (h && n && typeof h.stack == "string") {
-          for (var a = h.stack.split(`
-`), m = n.stack.split(`
-`), d = a.length - 1, b = m.length - 1; d >= 1 && b >= 0 && a[d] !== m[b]; )
-            b--;
-          for (; d >= 1 && b >= 0; d--, b--)
-            if (a[d] !== m[b]) {
-              if (d !== 1 || b !== 1)
-                do
-                  if (d--, b--, b < 0 || a[d] !== m[b]) {
-                    var R = `
-` + a[d].replace(" at new ", " at ");
-                    return e.displayName && R.includes("<anonymous>") && (R = R.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, R), R;
-                  }
-                while (d >= 1 && b >= 0);
-              break;
-            }
-        }
-      } finally {
-        G = !1, B.current = u, Be(), Error.prepareStackTrace = s;
-      }
-      var W = e ? e.displayName || e.name : "", C = W ? Y(W) : "";
-      return typeof e == "function" && q.set(e, C), C;
-    }
-    function Ge(e, t, r) {
-      return pe(e, !1);
-    }
-    function Xe(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
-    }
-    function N(e, t, r) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return pe(e, Xe(e));
-      if (typeof e == "string")
-        return Y(e);
-      switch (e) {
-        case P:
-          return Y("Suspense");
-        case E:
-          return Y("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case p:
-            return Ge(e.render);
-          case w:
-            return N(e.type, t, r);
-          case T: {
-            var n = e, s = n._payload, u = n._init;
-            try {
-              return N(u(s), t, r);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var A = Object.prototype.hasOwnProperty, be = {}, ge = j.ReactDebugCurrentFrame;
-    function V(e) {
-      if (e) {
-        var t = e._owner, r = N(e.type, e._source, t ? t.type : null);
-        ge.setExtraStackFrame(r);
-      } else
-        ge.setExtraStackFrame(null);
-    }
-    function He(e, t, r, n, s) {
-      {
-        var u = Function.call.bind(A);
-        for (var o in e)
-          if (u(e, o)) {
-            var a = void 0;
-            try {
-              if (typeof e[o] != "function") {
-                var m = Error((n || "React class") + ": " + r + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw m.name = "Invariant Violation", m;
-              }
-              a = e[o](t, o, n, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (d) {
-              a = d;
-            }
-            a && !(a instanceof Error) && (V(s), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", r, o, typeof a), V(null)), a instanceof Error && !(a.message in be) && (be[a.message] = !0, V(s), y("Failed %s type: %s", r, a.message), V(null));
-          }
-      }
-    }
-    var Ze = Array.isArray;
-    function X(e) {
-      return Ze(e);
-    }
-    function Qe(e) {
-      {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, r = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return r;
-      }
-    }
-    function et(e) {
-      try {
-        return ye(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function ye(e) {
-      return "" + e;
-    }
-    function me(e) {
-      if (et(e))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qe(e)), ye(e);
-    }
-    var he = j.ReactCurrentOwner, tt = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, xe, Ee;
-    function rt(e) {
-      if (A.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function nt(e) {
-      if (A.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function at(e, t) {
-      typeof e.ref == "string" && he.current;
-    }
-    function ot(e, t) {
-      {
-        var r = function() {
-          xe || (xe = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
-        };
-        r.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: r,
-          configurable: !0
-        });
-      }
-    }
-    function it(e, t) {
-      {
-        var r = function() {
-          Ee || (Ee = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
-        };
-        r.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: r,
-          configurable: !0
-        });
-      }
-    }
-    var st = function(e, t, r, n, s, u, o) {
-      var a = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: _,
-        // Built-in properties that belong on the element
-        type: e,
-        key: t,
-        ref: r,
-        props: o,
-        // Record the component responsible for creating this element.
-        _owner: u
-      };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(a, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: s
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
-    };
-    function ut(e, t, r, n, s) {
-      {
-        var u, o = {}, a = null, m = null;
-        r !== void 0 && (me(r), a = "" + r), nt(t) && (me(t.key), a = "" + t.key), rt(t) && (m = t.ref, at(t, s));
-        for (u in t)
-          A.call(t, u) && !tt.hasOwnProperty(u) && (o[u] = t[u]);
-        if (e && e.defaultProps) {
-          var d = e.defaultProps;
-          for (u in d)
-            o[u] === void 0 && (o[u] = d[u]);
-        }
-        if (a || m) {
-          var b = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && ot(o, b), m && it(o, b);
-        }
-        return st(e, a, m, s, n, he.current, o);
-      }
-    }
-    var H = j.ReactCurrentOwner, Re = j.ReactDebugCurrentFrame;
-    function k(e) {
-      if (e) {
-        var t = e._owner, r = N(e.type, e._source, t ? t.type : null);
-        Re.setExtraStackFrame(r);
-      } else
-        Re.setExtraStackFrame(null);
-    }
-    var Z;
-    Z = !1;
-    function Q(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
-    }
-    function we() {
-      {
-        if (H.current) {
-          var e = S(H.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function ct(e) {
-      return "";
-    }
-    var Se = {};
-    function lt(e) {
-      {
-        var t = we();
-        if (!t) {
-          var r = typeof e == "string" ? e : e.displayName || e.name;
-          r && (t = `
-
-Check the top-level render call using <` + r + ">.");
-        }
-        return t;
-      }
-    }
-    function Te(e, t) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var r = lt(t);
-        if (Se[r])
-          return;
-        Se[r] = !0;
-        var n = "";
-        e && e._owner && e._owner !== H.current && (n = " It was passed a child from " + S(e._owner.type) + "."), k(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, n), k(null);
-      }
-    }
-    function Oe(e, t) {
-      {
-        if (typeof e != "object")
-          return;
-        if (X(e))
-          for (var r = 0; r < e.length; r++) {
-            var n = e[r];
-            Q(n) && Te(n, t);
-          }
-        else if (Q(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var s = $e(e);
-          if (typeof s == "function" && s !== e.entries)
-            for (var u = s.call(e), o; !(o = u.next()).done; )
-              Q(o.value) && Te(o.value, t);
-        }
-      }
-    }
-    function ft(e) {
-      {
-        var t = e.type;
-        if (t == null || typeof t == "string")
-          return;
-        var r;
-        if (typeof t == "function")
-          r = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === p || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        t.$$typeof === w))
-          r = t.propTypes;
-        else
-          return;
-        if (r) {
-          var n = S(t);
-          He(r, e.props, "prop", n, e);
-        } else if (t.PropTypes !== void 0 && !Z) {
-          Z = !0;
-          var s = S(t);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
-        }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function _t(e) {
-      {
-        for (var t = Object.keys(e.props), r = 0; r < t.length; r++) {
-          var n = t[r];
-          if (n !== "children" && n !== "key") {
-            k(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), k(null);
-            break;
-          }
-        }
-        e.ref !== null && (k(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
-      }
-    }
-    var Ce = {};
-    function Pe(e, t, r, n, s, u) {
-      {
-        var o = Me(e);
-        if (!o) {
-          var a = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var m = ct();
-          m ? a += m : a += we();
-          var d;
-          e === null ? d = "null" : X(e) ? d = "array" : e !== void 0 && e.$$typeof === _ ? (d = "<" + (S(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, a);
-        }
-        var b = ut(e, t, r, s, u);
-        if (b == null)
-          return b;
-        if (o) {
-          var R = t.children;
-          if (R !== void 0)
-            if (n)
-              if (X(R)) {
-                for (var W = 0; W < R.length; W++)
-                  Oe(R[W], e);
-                Object.freeze && Object.freeze(R);
-              } else
-                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              Oe(R, e);
-        }
-        if (A.call(t, "key")) {
-          var C = S(e), h = Object.keys(t).filter(function(yt) {
-            return yt !== "key";
-          }), ee = h.length > 0 ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ce[C + ee]) {
-            var gt = h.length > 0 ? "{" + h.join(": ..., ") + ": ...}" : "{}";
-            y(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, ee, C, gt, C), Ce[C + ee] = !0;
-          }
-        }
-        return e === g ? _t(b) : ft(b), b;
-      }
-    }
-    function dt(e, t, r) {
-      return Pe(e, t, r, !0);
-    }
-    function vt(e, t, r) {
-      return Pe(e, t, r, !1);
-    }
-    var pt = vt, bt = dt;
-    $.Fragment = g, $.jsx = pt, $.jsxs = bt;
-  }()), $;
-}
-var We;
-function Et() {
-  return We || (We = 1, process.env.NODE_ENV === "production" ? L.exports = ht() : L.exports = xt()), L.exports;
-}
-var U = Et(), te = { exports: {} };
+var g = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var De;
-function Rt() {
-  return De || (De = 1, function(c) {
+var w;
+function z() {
+  return w || (w = 1, function(t) {
     (function() {
-      var _ = {}.hasOwnProperty;
-      function f() {
-        for (var i = "", l = 0; l < arguments.length; l++) {
-          var v = arguments[l];
-          v && (i = x(i, g(v)));
+      var r = {}.hasOwnProperty;
+      function n() {
+        for (var e = "", _ = 0; _ < arguments.length; _++) {
+          var i = arguments[_];
+          i && (e = o(e, l(i)));
         }
-        return i;
+        return e;
       }
-      function g(i) {
-        if (typeof i == "string" || typeof i == "number")
-          return i;
-        if (typeof i != "object")
+      function l(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (typeof e != "object")
           return "";
-        if (Array.isArray(i))
-          return f.apply(null, i);
-        if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
-          return i.toString();
-        var l = "";
-        for (var v in i)
-          _.call(i, v) && i[v] && (l = x(l, v));
-        return l;
-      }
-      function x(i, l) {
-        return l ? i ? i + " " + l : i + l : i;
-      }
-      c.exports ? (f.default = f, c.exports = f) : window.classNames = f;
+        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 _;
+      }
+      function o(e, _) {
+        return _ ? e ? e + " " + _ : e + _ : e;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(te)), te.exports;
+  }(g)), g.exports;
 }
-var wt = Rt();
-const J = /* @__PURE__ */ mt(wt);
-function D(c, _, f, g = "") {
-  if (f)
-    return c[`${_}_${f}${g}`];
+var C = z();
+const d = /* @__PURE__ */ S(C);
+function m(t, r, n, l = "") {
+  if (n)
+    return t[`${r}_${n}${l}`];
 }
-function St(c, _, f) {
-  return D(c, _, f, "Weight");
+function v(t, r, n) {
+  return m(t, r, n, "Size");
 }
-function Ae(c, _, f) {
-  return D(c, _, f, "Size");
-}
-const Tt = "_button_qsd3z_1", Ot = "_button_primary_qsd3z_10", Ct = "_button_secondary_qsd3z_13", Pt = "_button_negative_qsd3z_16", jt = "_button_positive_qsd3z_19", kt = "_button_warning_qsd3z_22", Wt = "_button_neutral_qsd3z_25", Dt = "_button_mdSize_qsd3z_85", Ft = "_button_smSize_qsd3z_95", At = "_button_xsSize_qsd3z_105", re = {
-  button: Tt,
-  button_primary: Ot,
-  button_secondary: Ct,
-  button_negative: Pt,
-  button_positive: jt,
-  button_warning: kt,
-  button_neutral: Wt,
-  button_mdSize: Dt,
-  button_smSize: Ft,
-  button_xsSize: At
+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
 };
-function dr({
-  attr: c,
-  children: _,
-  className: f,
-  type: g = "button",
-  color: x = "primary",
-  size: i = "md",
-  ...l
+function $t({
+  attr: t,
+  children: r,
+  className: n,
+  type: l = "button",
+  color: o = "primary",
+  size: e = "md",
+  ..._
 }) {
-  const v = "button";
-  return /* @__PURE__ */ U.jsx(
+  const i = "button";
+  return /* @__PURE__ */ a(
     "button",
     {
-      ...c,
-      ...l,
-      type: g,
-      className: J(
-        re[v],
-        f,
-        Ae(re, v, i),
-        D(re, v, x)
+      ...t,
+      ..._,
+      type: l,
+      className: d(
+        x[i],
+        n,
+        v(x, i, e),
+        m(x, i, o)
       ),
-      children: _
+      children: r
     }
   );
 }
-const zt = "_avatar_1wk2b_1", $t = "_avatar_primary_1wk2b_15", It = "_avatar_secondary_1wk2b_18", Yt = "_avatar_negative_1wk2b_21", qt = "_avatar_positive_1wk2b_24", Nt = "_avatar_warning_1wk2b_27", Vt = "_avatar_lgSize_1wk2b_64", Lt = "_avatar_mdSize_1wk2b_78", Mt = "_avatar_smSize_1wk2b_92", ne = {
-  avatar: zt,
-  avatar_primary: $t,
-  avatar_secondary: It,
-  avatar_negative: Yt,
-  avatar_positive: qt,
-  avatar_warning: Nt,
-  avatar_lgSize: Vt,
-  avatar_mdSize: Lt,
-  avatar_smSize: Mt
+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
 };
-function vr({
-  attr: c,
-  children: _,
-  className: f,
-  color: g = "primary",
-  size: x = "md",
-  ...i
+function Bt({
+  attr: t,
+  children: r,
+  className: n,
+  color: l = "primary",
+  size: o = "md",
+  ...e
 }) {
-  const l = "avatar";
-  return /* @__PURE__ */ U.jsx(
+  const _ = "avatar";
+  return /* @__PURE__ */ a(
     "div",
     {
-      ...c,
-      ...i,
-      className: J(
-        ne[l],
-        f,
-        Ae(ne, l, x),
-        D(ne, l, g)
+      ...t,
+      ...e,
+      className: d(
+        y[_],
+        n,
+        v(y, _, o),
+        m(y, _, l)
+      ),
+      children: r
+    }
+  );
+}
+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
       ),
-      children: _
+      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 })
+        ] })
+      ]
     }
   );
+};
+function ht(t, r, n) {
+  return m(t, r, n, "Weight");
 }
-const Ut = "_text_primary_dy5tw_1", Jt = "_text_secondary_dy5tw_4", Bt = "_text_tertiary_dy5tw_7", Kt = "_text_positive_dy5tw_10", Gt = "_text_negative_dy5tw_13", Xt = "_text_warning_dy5tw_16", Ht = "_text_accent_dy5tw_19", Zt = "_text_inverse_dy5tw_22", Qt = "_text_body1_dy5tw_25", er = "_text_body2_dy5tw_31", tr = "_text_caption1_dy5tw_37", rr = "_text_caption2_dy5tw_43", nr = "_text_extraboldWeight_dy5tw_49", ar = "_text_boldWeight_dy5tw_52", or = "_text_semiboldWeight_dy5tw_55", ir = "_text_mediumWeight_dy5tw_58", sr = "_text_regularWeight_dy5tw_61", ur = "_text_lightWeight_dy5tw_64", cr = "_text_extralightWeight_dy5tw_67", M = {
-  text_primary: Ut,
-  text_secondary: Jt,
-  text_tertiary: Bt,
-  text_positive: Kt,
-  text_negative: Gt,
-  text_warning: Xt,
-  text_accent: Ht,
-  text_inverse: Zt,
-  text_body1: Qt,
-  text_body2: er,
-  text_caption1: tr,
-  text_caption2: rr,
-  text_extraboldWeight: nr,
-  text_boldWeight: ar,
-  text_semiboldWeight: or,
-  text_mediumWeight: ir,
-  text_regularWeight: sr,
-  text_lightWeight: ur,
-  text_extralightWeight: cr
+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 pr({
-  attr: c,
-  children: _,
-  className: f,
-  color: g = "primary",
-  variant: x = "body1",
-  weight: i = "regular",
-  tag: l = "p",
-  ...v
+function Gt({
+  attr: t,
+  children: r,
+  className: n,
+  color: l = "primary",
+  variant: o = "body1",
+  weight: e = "regular",
+  tag: _ = "p",
+  ...i
 }) {
-  const p = "text";
-  return /* @__PURE__ */ U.jsx(
-    l,
+  const u = "text";
+  return /* @__PURE__ */ a(
+    _,
     {
-      ...c,
-      ...v,
-      className: J(
-        M[p],
-        f,
-        D(M, p, g),
-        D(M, p, x),
-        St(M, p, i)
+      ...t,
+      ...i,
+      className: d(
+        h[u],
+        n,
+        m(h, u, l),
+        m(h, u, o),
+        ht(h, u, e)
       ),
-      children: _
+      children: r
     }
   );
 }
-const lr = "_themeProviderScoped_14d71_2", fr = {
-  themeProviderScoped: lr
+const Ot = "_themeProviderScoped_1hzo9_2", Pt = {
+  themeProviderScoped: Ot
 };
-function br({ className: c, children: _ }) {
-  return /* @__PURE__ */ U.jsx("div", { className: J(fr.themeProviderScoped, c), children: _ });
+function It({ className: t, children: r }) {
+  return /* @__PURE__ */ a("div", { className: d(Pt.themeProviderScoped, t), children: r });
 }
 export {
-  vr as Avatar,
-  dr as IconButton,
-  pr as Text,
-  br as ThemeProviderScoped,
-  St as getFontWeightClass,
-  Ae as getSizeClass,
-  D as getStyleClass
+  Bt as Avatar,
+  At as Hint,
+  $t as IconButton,
+  Gt as Text,
+  It as ThemeProviderScoped,
+  v as getSizeClass,
+  m as getStyleClass
 };
 //# sourceMappingURL=ui-kit.es.js.map