@dev-blinq/ui-systems 1.0.65 → 1.0.67

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import * as Ln from "react";
 import J, { useRef as Ae, useState as I, useEffect as Se } from "react";
-import { Typography as Ee, Tooltip as Re } from "@mui/material";
+import { Tooltip as Ee, Typography as Re } from "@mui/material";
 function Me(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -18,15 +18,15 @@ var Gn;
 function Ne() {
   if (Gn) return w;
   Gn = 1;
-  var e = J, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(S, v, D) {
-    var h, C = {}, N = null, F = null;
-    D !== void 0 && (N = "" + D), v.key !== void 0 && (N = "" + v.key), v.ref !== void 0 && (F = v.ref);
-    for (h in v) c.call(v, h) && !g.hasOwnProperty(h) && (C[h] = v[h]);
-    if (S && S.defaultProps) for (h in v = S.defaultProps, v) C[h] === void 0 && (C[h] = v[h]);
-    return { $$typeof: o, type: S, key: N, ref: F, props: C, _owner: y.current };
+  var e = J, o = Symbol.for("react.element"), d = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, v = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function g(f, s, D) {
+    var m, A = {}, R = null, B = null;
+    D !== void 0 && (R = "" + D), s.key !== void 0 && (R = "" + s.key), s.ref !== void 0 && (B = s.ref);
+    for (m in s) l.call(s, m) && !h.hasOwnProperty(m) && (A[m] = s[m]);
+    if (f && f.defaultProps) for (m in s = f.defaultProps, s) A[m] === void 0 && (A[m] = s[m]);
+    return { $$typeof: o, type: f, key: R, ref: B, props: A, _owner: v.current };
   }
-  return w.Fragment = p, w.jsx = d, w.jsxs = d, w;
+  return w.Fragment = d, w.jsx = g, w.jsxs = g, w;
 }
 var V = {};
 /**
@@ -41,14 +41,14 @@ var V = {};
 var In;
 function De() {
   return In || (In = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = J, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), S = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), O = Symbol.iterator, H = "@@iterator";
+    var e = J, o = Symbol.for("react.element"), d = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), f = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), O = Symbol.iterator, H = "@@iterator";
     function _(n) {
       if (n === null || typeof n != "object")
         return null;
       var a = O && n[O] || n[H];
       return typeof a == "function" ? a : null;
     }
-    var U = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var F = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(n) {
       {
         for (var a = arguments.length, r = new Array(a > 1 ? a - 1 : 0), i = 1; i < a; i++)
@@ -58,18 +58,18 @@ function De() {
     }
     function Kn(n, a, r) {
       {
-        var i = U.ReactDebugCurrentFrame, s = i.getStackAddendum();
-        s !== "" && (a += "%s", r = r.concat([s]));
-        var m = r.map(function(l) {
-          return String(l);
+        var i = F.ReactDebugCurrentFrame, p = i.getStackAddendum();
+        p !== "" && (a += "%s", r = r.concat([p]));
+        var y = r.map(function(c) {
+          return String(c);
         });
-        m.unshift("Warning: " + a), Function.prototype.apply.call(console[n], console, m);
+        y.unshift("Warning: " + a), Function.prototype.apply.call(console[n], console, y);
       }
     }
     var jn = !1, wn = !1, Vn = !1, Hn = !1, _n = !1, sn;
     sn = Symbol.for("react.module.reference");
     function Wn(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === c || n === g || _n || n === y || n === D || n === h || Hn || n === F || jn || wn || Vn || typeof n == "object" && n !== null && (n.$$typeof === N || n.$$typeof === C || n.$$typeof === d || n.$$typeof === S || n.$$typeof === v || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === l || n === h || _n || n === v || n === D || n === m || Hn || n === B || jn || wn || Vn || typeof n == "object" && n !== null && (n.$$typeof === R || n.$$typeof === A || n.$$typeof === g || n.$$typeof === f || n.$$typeof === s || // 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.
@@ -79,8 +79,8 @@ function De() {
       var i = n.displayName;
       if (i)
         return i;
-      var s = a.displayName || a.name || "";
-      return s !== "" ? r + "(" + s + ")" : r;
+      var p = a.displayName || a.name || "";
+      return p !== "" ? r + "(" + p + ")" : r;
     }
     function pn(n) {
       return n.displayName || "Context";
@@ -93,36 +93,36 @@ function De() {
       if (typeof n == "string")
         return n;
       switch (n) {
-        case c:
+        case l:
           return "Fragment";
-        case p:
+        case d:
           return "Portal";
-        case g:
+        case h:
           return "Profiler";
-        case y:
+        case v:
           return "StrictMode";
         case D:
           return "Suspense";
-        case h:
+        case m:
           return "SuspenseList";
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case S:
+          case f:
             var a = n;
             return pn(a) + ".Consumer";
-          case d:
+          case g:
             var r = n;
             return pn(r._context) + ".Provider";
-          case v:
+          case s:
             return Yn(n, n.render, "ForwardRef");
-          case C:
+          case A:
             var i = n.displayName || null;
             return i !== null ? i : b(n.type) || "Memo";
-          case N: {
-            var s = n, m = s._payload, l = s._init;
+          case R: {
+            var p = n, y = p._payload, c = p._init;
             try {
-              return b(l(m));
+              return b(c(y));
             } catch {
               return null;
             }
@@ -192,14 +192,14 @@ function De() {
         k < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var z = U.ReactCurrentDispatcher, X;
+    var z = F.ReactCurrentDispatcher, X;
     function W(n, a, r) {
       {
         if (X === void 0)
           try {
             throw Error();
-          } catch (s) {
-            var i = s.stack.trim().match(/\n( *(at )?)/);
+          } catch (p) {
+            var i = p.stack.trim().match(/\n( *(at )?)/);
             X = i && i[1] || "";
           }
         return `
@@ -221,63 +221,63 @@ function De() {
       }
       var i;
       q = !0;
-      var s = Error.prepareStackTrace;
+      var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var m;
-      m = z.current, z.current = null, Zn();
+      var y;
+      y = z.current, z.current = null, Zn();
       try {
         if (a) {
-          var l = function() {
+          var c = function() {
             throw Error();
           };
-          if (Object.defineProperty(l.prototype, "props", {
+          if (Object.defineProperty(c.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(l, []);
-            } catch (M) {
-              i = M;
+              Reflect.construct(c, []);
+            } catch (N) {
+              i = N;
             }
-            Reflect.construct(n, [], l);
+            Reflect.construct(n, [], c);
           } else {
             try {
-              l.call();
-            } catch (M) {
-              i = M;
+              c.call();
+            } catch (N) {
+              i = N;
             }
-            n.call(l.prototype);
+            n.call(c.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (M) {
-            i = M;
+          } catch (N) {
+            i = N;
           }
           n();
         }
-      } catch (M) {
-        if (M && i && typeof M.stack == "string") {
-          for (var u = M.stack.split(`
-`), R = i.stack.split(`
-`), f = u.length - 1, A = R.length - 1; f >= 1 && A >= 0 && u[f] !== R[A]; )
-            A--;
-          for (; f >= 1 && A >= 0; f--, A--)
-            if (u[f] !== R[A]) {
-              if (f !== 1 || A !== 1)
+      } catch (N) {
+        if (N && i && typeof N.stack == "string") {
+          for (var u = N.stack.split(`
+`), M = i.stack.split(`
+`), C = u.length - 1, S = M.length - 1; C >= 1 && S >= 0 && u[C] !== M[S]; )
+            S--;
+          for (; C >= 1 && S >= 0; C--, S--)
+            if (u[C] !== M[S]) {
+              if (C !== 1 || S !== 1)
                 do
-                  if (f--, A--, A < 0 || u[f] !== R[A]) {
+                  if (C--, S--, S < 0 || u[C] !== M[S]) {
                     var T = `
-` + u[f].replace(" at new ", " at ");
+` + u[C].replace(" at new ", " at ");
                     return n.displayName && T.includes("<anonymous>") && (T = T.replace("<anonymous>", n.displayName)), typeof n == "function" && Y.set(n, T), T;
                   }
-                while (f >= 1 && A >= 0);
+                while (C >= 1 && S >= 0);
               break;
             }
         }
       } finally {
-        q = !1, z.current = m, $n(), Error.prepareStackTrace = s;
+        q = !1, z.current = y, $n(), Error.prepareStackTrace = p;
       }
       var G = n ? n.displayName || n.name : "", x = G ? W(G) : "";
       return typeof n == "function" && Y.set(n, x), x;
@@ -299,26 +299,26 @@ function De() {
       switch (n) {
         case D:
           return W("Suspense");
-        case h:
+        case m:
           return W("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case v:
+          case s:
             return zn(n.render);
-          case C:
+          case A:
             return Z(n.type, a, r);
-          case N: {
-            var i = n, s = i._payload, m = i._init;
+          case R: {
+            var i = n, p = i._payload, y = i._init;
             try {
-              return Z(m(s), a, r);
+              return Z(y(p), a, r);
             } catch {
             }
           }
         }
       return "";
     }
-    var K = Object.prototype.hasOwnProperty, Sn = {}, En = U.ReactDebugCurrentFrame;
+    var K = Object.prototype.hasOwnProperty, Sn = {}, En = F.ReactDebugCurrentFrame;
     function $(n) {
       if (n) {
         var a = n._owner, r = Z(n.type, n._source, a ? a.type : null);
@@ -326,22 +326,22 @@ function De() {
       } else
         En.setExtraStackFrame(null);
     }
-    function qn(n, a, r, i, s) {
+    function qn(n, a, r, i, p) {
       {
-        var m = Function.call.bind(K);
-        for (var l in n)
-          if (m(n, l)) {
+        var y = Function.call.bind(K);
+        for (var c in n)
+          if (y(n, c)) {
             var u = void 0;
             try {
-              if (typeof n[l] != "function") {
-                var R = Error((i || "React class") + ": " + r + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw R.name = "Invariant Violation", R;
+              if (typeof n[c] != "function") {
+                var M = Error((i || "React class") + ": " + r + " type `" + c + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[c] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw M.name = "Invariant Violation", M;
               }
-              u = n[l](a, l, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (f) {
-              u = f;
+              u = n[c](a, c, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (C) {
+              u = C;
             }
-            u && !(u instanceof Error) && ($(s), E("%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).", i || "React class", r, l, typeof u), $(null)), u instanceof Error && !(u.message in Sn) && (Sn[u.message] = !0, $(s), E("Failed %s type: %s", r, u.message), $(null));
+            u && !(u instanceof Error) && ($(p), E("%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).", i || "React class", r, c, typeof u), $(null)), u instanceof Error && !(u.message in Sn) && (Sn[u.message] = !0, $(p), E("Failed %s type: %s", r, u.message), $(null));
           }
       }
     }
@@ -369,7 +369,7 @@ function De() {
       if (ee(n))
         return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ne(n)), Rn(n);
     }
-    var j = U.ReactCurrentOwner, ae = {
+    var j = F.ReactCurrentOwner, ae = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -420,7 +420,7 @@ function De() {
         });
       }
     }
-    var ce = function(n, a, r, i, s, m, l) {
+    var ce = function(n, a, r, i, p, y, c) {
       var u = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
@@ -428,9 +428,9 @@ function De() {
         type: n,
         key: a,
         ref: r,
-        props: l,
+        props: c,
         // Record the component responsible for creating this element.
-        _owner: m
+        _owner: y
       };
       return u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
@@ -446,28 +446,28 @@ function De() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: s
+        value: p
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     };
-    function le(n, a, r, i, s) {
+    function le(n, a, r, i, p) {
       {
-        var m, l = {}, u = null, R = null;
-        r !== void 0 && (Mn(r), u = "" + r), re(a) && (Mn(a.key), u = "" + a.key), te(a) && (R = a.ref, ie(a, s));
-        for (m in a)
-          K.call(a, m) && !ae.hasOwnProperty(m) && (l[m] = a[m]);
+        var y, c = {}, u = null, M = null;
+        r !== void 0 && (Mn(r), u = "" + r), re(a) && (Mn(a.key), u = "" + a.key), te(a) && (M = a.ref, ie(a, p));
+        for (y in a)
+          K.call(a, y) && !ae.hasOwnProperty(y) && (c[y] = a[y]);
         if (n && n.defaultProps) {
-          var f = n.defaultProps;
-          for (m in f)
-            l[m] === void 0 && (l[m] = f[m]);
+          var C = n.defaultProps;
+          for (y in C)
+            c[y] === void 0 && (c[y] = C[y]);
         }
-        if (u || R) {
-          var A = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          u && ue(l, A), R && oe(l, A);
+        if (u || M) {
+          var S = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          u && ue(c, S), M && oe(c, S);
         }
-        return ce(n, u, R, s, i, j.current, l);
+        return ce(n, u, M, p, i, j.current, c);
       }
     }
-    var en = U.ReactCurrentOwner, Tn = U.ReactDebugCurrentFrame;
+    var en = F.ReactCurrentOwner, Tn = F.ReactDebugCurrentFrame;
     function L(n) {
       if (n) {
         var a = n._owner, r = Z(n.type, n._source, a ? a.type : null);
@@ -533,10 +533,10 @@ Check the top-level render call using <` + r + ">.");
         else if (tn(n))
           n._store && (n._store.validated = !0);
         else if (n) {
-          var s = _(n);
-          if (typeof s == "function" && s !== n.entries)
-            for (var m = s.call(n), l; !(l = m.next()).done; )
-              tn(l.value) && Fn(l.value, a);
+          var p = _(n);
+          if (typeof p == "function" && p !== n.entries)
+            for (var y = p.call(n), c; !(c = y.next()).done; )
+              tn(c.value) && Fn(c.value, a);
         }
       }
     }
@@ -548,9 +548,9 @@ Check the top-level render call using <` + r + ">.");
         var r;
         if (typeof a == "function")
           r = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === v || // Note: Memo only checks outer props here.
+        else if (typeof a == "object" && (a.$$typeof === s || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === C))
+        a.$$typeof === A))
           r = a.propTypes;
         else
           return;
@@ -559,8 +559,8 @@ Check the top-level render call using <` + r + ">.");
           qn(r, n.props, "prop", i, n);
         } else if (a.PropTypes !== void 0 && !an) {
           an = !0;
-          var s = b(a);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
+          var p = b(a);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
         }
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -578,21 +578,21 @@ Check the top-level render call using <` + r + ">.");
       }
     }
     var Pn = {};
-    function xn(n, a, r, i, s, m) {
+    function xn(n, a, r, i, p, y) {
       {
-        var l = Wn(n);
-        if (!l) {
+        var c = Wn(n);
+        if (!c) {
           var u = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (u += " 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 R = se();
-          R ? u += R : u += bn();
-          var f;
-          n === null ? f = "null" : Q(n) ? f = "array" : n !== void 0 && n.$$typeof === o ? (f = "<" + (b(n.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : f = typeof n, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", f, u);
+          var M = se();
+          M ? u += M : u += bn();
+          var C;
+          n === null ? C = "null" : Q(n) ? C = "array" : n !== void 0 && n.$$typeof === o ? (C = "<" + (b(n.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : C = typeof n, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C, u);
         }
-        var A = le(n, a, r, s, m);
-        if (A == null)
-          return A;
-        if (l) {
+        var S = le(n, a, r, p, y);
+        if (S == null)
+          return S;
+        if (c) {
           var T = a.children;
           if (T !== void 0)
             if (i)
@@ -606,11 +606,11 @@ Check the top-level render call using <` + r + ">.");
               Un(T, n);
         }
         if (K.call(a, "key")) {
-          var x = b(n), M = Object.keys(a).filter(function(Ce) {
+          var x = b(n), N = Object.keys(a).filter(function(Ce) {
             return Ce !== "key";
-          }), rn = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), rn = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Pn[x + rn]) {
-            var fe = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
+            var fe = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
             E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -619,7 +619,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, rn, x, fe, x), Pn[x + rn] = !0;
           }
         }
-        return n === c ? de(A) : ge(A), A;
+        return n === l ? de(S) : ge(S), S;
       }
     }
     function he(n, a, r) {
@@ -629,72 +629,92 @@ React keys must be passed directly to JSX without using spread:
       return xn(n, a, r, !1);
     }
     var ye = me, ve = he;
-    V.Fragment = c, V.jsx = ye, V.jsxs = ve;
+    V.Fragment = l, V.jsx = ye, V.jsxs = ve;
   }()), V;
 }
 process.env.NODE_ENV === "production" ? un.exports = Ne() : un.exports = De();
 var t = un.exports;
-const B = ({ children: e, Size: o, category: p, bold: c, sx: y, ...g }) => /* @__PURE__ */ t.jsx(
-  Ee,
-  {
-    className: "TypographyCustom",
-    "data-size": o,
-    "data-category": p,
-    "data-bold": c,
-    sx: { fontFamily: 'var(--font-family, "Plus Jakarta Sans", sans-serif)', ...y },
-    ...g,
-    children: e
-  }
-), Ye = ({
+const Ye = ({
   size: e = "lg",
   colorHierarchy: o = "brand/primary",
-  disabled: p = !1,
-  text: c,
-  leftIcon: y,
-  rightIcon: g,
+  disabled: d = !1,
+  text: l,
+  leftIcon: v,
+  rightIcon: h,
   // onClick,
-  ...d
-}) => /* @__PURE__ */ t.jsx(
+  ...g
+}) => {
+  let f = "18px", s = "24px";
+  switch (e) {
+    case "sm":
+      f = "14px", s = "20px";
+      break;
+    case "md":
+      f = "16px", s = "22px";
+      break;
+    case "lg":
+      f = "18px", s = "24px";
+      break;
+    case "xl":
+      f = "20px", s = "28px";
+      break;
+    default:
+      f = "18px", s = "24px";
+  }
+  return /* @__PURE__ */ t.jsx(Ee, { title: g.title, children: /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      "data-size": e,
+      "data-colorHierarchy": o,
+      disabled: d,
+      ...g,
+      className: `button  ${l ? "" : "buttonText"} ${g.className}`,
+      style: {
+        fontSize: f,
+        fontWeight: "bold",
+        lineHeight: s,
+        fontFamily: 'var(--font-family, "Plus Jakarta Sans", sans-serif)',
+        ...g.style
+      },
+      children: [
+        v && /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              height: "100%"
+            },
+            children: v
+          }
+        ),
+        l,
+        h && /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              height: "100%"
+            },
+            children: h
+          }
+        )
+      ]
+    }
+  ) });
+}, U = ({ children: e, Size: o, category: d, bold: l, sx: v, ...h }) => /* @__PURE__ */ t.jsx(
   Re,
   {
-    title: d.title,
-    children: /* @__PURE__ */ t.jsxs(
-      "button",
-      {
-        "data-size": e,
-        "data-colorHierarchy": o,
-        disabled: p,
-        ...d,
-        className: `button  ${c ? "" : "buttonText"} ${d.className}`,
-        children: [
-          y && /* @__PURE__ */ t.jsx(
-            "span",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                height: "100%"
-              },
-              children: y
-            }
-          ),
-          c && /* @__PURE__ */ t.jsx(B, { className: "input-typography", category: "text", Size: e, bold: "bold", children: c }),
-          g && /* @__PURE__ */ t.jsx(
-            "span",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                height: "100%"
-              },
-              children: g
-            }
-          )
-        ]
-      }
-    )
+    className: "TypographyCustom",
+    "data-size": o,
+    "data-category": d,
+    "data-bold": l,
+    sx: { fontFamily: 'var(--font-family, "Plus Jakarta Sans", sans-serif)', ...v },
+    ...h,
+    children: e
   }
 ), On = (e) => /* @__PURE__ */ t.jsxs(
   "div",
@@ -746,14 +766,14 @@ const B = ({ children: e, Size: o, category: p, bold: c, sx: y, ...g }) => /* @_
         ),
         /* @__PURE__ */ t.jsxs("div", { className: "grey-box grey-right-box", children: [
           /* @__PURE__ */ t.jsx(
-            B,
+            U,
             {
               category: "text",
               Size: "sm",
               bold: "medium",
               onClick: () => {
-                var p;
-                e.onAction && e.onAction((p = o.current) == null ? void 0 : p.value);
+                var d;
+                e.onAction && e.onAction((d = o.current) == null ? void 0 : d.value);
               },
               children: e.actionLabel
             }
@@ -960,22 +980,22 @@ const on = Ue;
 ln.exports = function(o) {
   if (typeof o != "string")
     return;
-  const p = o.toUpperCase();
-  if (Object.prototype.hasOwnProperty.call(on, p))
-    return on[p];
+  const d = o.toUpperCase();
+  if (Object.prototype.hasOwnProperty.call(on, d))
+    return on[d];
 };
 ln.exports.currencySymbolMap = on;
 var Pe = ln.exports;
 const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
-  const [o, p] = I(""), [c, y] = I("USD"), [g, d] = I([]), S = J.useRef(null);
+  const [o, d] = I(""), [l, v] = I("USD"), [h, g] = I([]), f = J.useRef(null);
   Se(() => {
-    const h = [...new Set(Object.values(cn).map((C) => C.currency))];
-    d(h);
+    const m = [...new Set(Object.values(cn).map((A) => A.currency))];
+    g(m);
   }, []);
-  const v = (h) => {
-    p(h.target.value);
-  }, D = (h) => {
-    y(h.target.value);
+  const s = (m) => {
+    d(m.target.value);
+  }, D = (m) => {
+    v(m.target.value);
   };
   return /* @__PURE__ */ t.jsx("div", { className: "currency-input-container", children: /* @__PURE__ */ t.jsxs(
     "div",
@@ -985,23 +1005,23 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
       "data-error": e.errExists,
       style: { ...e.style, ...e.sx },
       children: [
-        /* @__PURE__ */ t.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ t.jsx(B, { category: "text", Size: "sm", bold: "semibold", children: xe(c) || "$" }) }),
+        /* @__PURE__ */ t.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ t.jsx(U, { category: "text", Size: "sm", bold: "semibold", children: xe(l) || "$" }) }),
         /* @__PURE__ */ t.jsx(
           "input",
           {
             type: "text",
             placeholder: "amount",
             style: { marginLeft: "12px" },
-            onChange: v,
+            onChange: s,
             disabled: e.disabled,
-            ref: S,
+            ref: f,
             ...e.props
           }
         ),
         /* @__PURE__ */ t.jsx("div", { className: "grey-box grey-right-box", children: /* @__PURE__ */ t.jsx(
           "select",
           {
-            value: c,
+            value: l,
             onChange: D,
             className: "currency-select",
             style: {
@@ -1011,7 +1031,7 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
               border: "none",
               background: "transparent"
             },
-            children: g.map((h) => /* @__PURE__ */ t.jsx("option", { value: h, children: h }, h))
+            children: h.map((m) => /* @__PURE__ */ t.jsx("option", { value: m, children: m }, m))
           }
         ) })
       ]
@@ -1085,7 +1105,7 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
     "data-error": e.errExists,
     style: { ...e.style, ...e.sx },
     children: [
-      /* @__PURE__ */ t.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ t.jsx(B, { category: "text", Size: "sm", bold: "medium", children: "https://" }) }),
+      /* @__PURE__ */ t.jsx("div", { className: "grey-box grey-left-box", children: /* @__PURE__ */ t.jsx(U, { category: "text", Size: "sm", bold: "medium", children: "https://" }) }),
       /* @__PURE__ */ t.jsx(
         "input",
         {
@@ -1224,59 +1244,61 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
 }, He = (e) => /* @__PURE__ */ Ln.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...e }, /* @__PURE__ */ Ln.createElement("path", { d: "M13.5306 8.53065L8.5306 13.5307C8.46083 13.6004 8.37801 13.6558 8.28686 13.6935C8.19571 13.7313 8.09801 13.7507 7.99935 13.7507C7.90069 13.7507 7.80299 13.7313 7.71184 13.6935C7.62069 13.6558 7.53786 13.6004 7.4681 13.5307C7.39833 13.4609 7.34299 13.3781 7.30524 13.2869C7.26748 13.1958 7.24805 13.0981 7.24805 12.9994C7.24805 12.9007 7.26748 12.803 7.30524 12.7119C7.34299 12.6207 7.39833 12.5379 7.4681 12.4682L12.4681 7.46815C12.5379 7.39839 12.6207 7.34304 12.7118 7.30529C12.803 7.26753 12.9007 7.2481 12.9993 7.2481C13.098 7.2481 13.1957 7.26753 13.2869 7.30529C13.378 7.34304 13.4608 7.39839 13.5306 7.46815C13.6004 7.53791 13.6557 7.62074 13.6935 7.71189C13.7312 7.80304 13.7506 7.90074 13.7506 7.9994C13.7506 8.09806 13.7312 8.19576 13.6935 8.28691C13.6557 8.37806 13.6004 8.46089 13.5306 8.53065ZM12.5306 1.96815C12.4609 1.89823 12.3781 1.84275 12.287 1.8049C12.1958 1.76704 12.0981 1.74756 11.9993 1.74756C11.9006 1.74756 11.8029 1.76704 11.7117 1.8049C11.6206 1.84275 11.5378 1.89823 11.4681 1.96815L1.9681 11.4682C1.8272 11.609 1.74805 11.8001 1.74805 11.9994C1.74805 12.1987 1.8272 12.3898 1.9681 12.5307C2.10899 12.6715 2.30009 12.7507 2.49935 12.7507C2.69861 12.7507 2.8897 12.6715 3.0306 12.5307L12.5306 3.03065C12.6003 2.961 12.6556 2.87828 12.6934 2.78723C12.7311 2.69618 12.7506 2.59859 12.7506 2.50003C12.7506 2.40146 12.7311 2.30387 12.6934 2.21282C12.6556 2.12177 12.6003 2.03905 12.5306 1.9694V1.96815Z", fill: "#717076" })), Ze = ({
   size: e = "lg",
   designType: o = "default",
-  disabled: p = !1,
-  label: c = "",
-  errExists: y = !1,
+  disabled: d = !1,
+  label: l = "",
+  errExists: v = !1,
+  errorMsg: h = "",
   placeholder: g,
-  leftIcon: d,
-  rightIcon: S,
-  style: v,
-  onAction: D,
-  ...h
+  leftIcon: f,
+  rightIcon: s,
+  style: D,
+  onAction: m,
+  ...A
 }) => {
-  const C = {
+  const R = {
     designType: o,
     placeholder: g,
-    disabled: p,
-    errExists: y,
-    leftIcon: d,
-    rightIcon: S,
-    style: v,
-    onAction: D,
+    disabled: d,
+    errExists: v,
+    leftIcon: f,
+    rightIcon: s,
+    style: D,
+    onAction: m,
     // application if type is action
-    props: h
+    props: A
   };
   return /* @__PURE__ */ t.jsxs("div", { children: [
-    c && /* @__PURE__ */ t.jsx(B, { category: "text", Size: "sm", bold: "semibold", children: c }),
-    /* @__PURE__ */ t.jsx(Ve, { ...C })
+    l && /* @__PURE__ */ t.jsx(U, { category: "text", Size: "sm", bold: "semibold", children: l }),
+    /* @__PURE__ */ t.jsx(Ve, { ...R }),
+    v && /* @__PURE__ */ t.jsx("p", { className: "error-message-input", children: h })
   ] });
 }, $e = ({
   placeholder: e,
   disabled: o = !1,
-  errExists: p = !1,
-  label: c,
-  counterVisibility: y = !0,
-  ...g
+  errExists: d = !1,
+  label: l,
+  counterVisibility: v = !0,
+  ...h
 }) => {
-  const [d, S] = J.useState(""), [v, D] = I(g.rows || 8), h = (C) => {
-    D((N) => {
-      const F = C === "down" ? N + 1 : N - 1;
-      return F < 2 ? 2 : F;
+  const [g, f] = J.useState(""), [s, D] = I(h.rows || 8), m = (A) => {
+    D((R) => {
+      const B = A === "down" ? R + 1 : R - 1;
+      return B < 2 ? 2 : B;
     });
   };
   return /* @__PURE__ */ t.jsxs("div", { children: [
-    /* @__PURE__ */ t.jsx(B, { category: "text", Size: "sm", bold: "bold", children: c }),
-    /* @__PURE__ */ t.jsxs("div", { className: "text-area-container", "data-error": p, children: [
+    /* @__PURE__ */ t.jsx(U, { category: "text", Size: "sm", bold: "bold", children: l }),
+    /* @__PURE__ */ t.jsxs("div", { className: "text-area-container", "data-error": d, children: [
       /* @__PURE__ */ t.jsx(
         "textarea",
         {
           placeholder: e || "Enter your text here...",
-          maxLength: y ? 300 : void 0,
+          maxLength: v ? 300 : void 0,
           disabled: o,
-          ...g,
-          rows: v,
-          onChange: (C) => {
-            S(C.target.value), g.onChange && g.onChange(C);
+          ...h,
+          rows: s,
+          onChange: (A) => {
+            f(A.target.value), h.onChange && h.onChange(A);
           },
           style: {
             width: "100%",
@@ -1286,7 +1308,7 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
             fontFamily: 'var(--font-family, "Plus Jakarta Sans", sans-serif)',
             // fontWeight: "600"
             // props.style
-            ...g.style
+            ...h.style
           }
         }
       ),
@@ -1299,21 +1321,21 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
             alignItems: "center"
           },
           children: [
-            y && /* @__PURE__ */ t.jsxs(B, { category: "text", Size: "sm", bold: "medium", children: [
-              d.length,
+            v && /* @__PURE__ */ t.jsxs(U, { category: "text", Size: "sm", bold: "medium", children: [
+              g.length,
               "/300"
             ] }),
             /* @__PURE__ */ t.jsx(
               He,
               {
                 style: { cursor: "ns-resize", marginLeft: "auto" },
-                onMouseDown: (C) => {
-                  let N = C.clientY;
-                  const F = 10, O = (_) => {
-                    const U = _.clientY - N;
-                    if (Math.abs(U) > F) {
-                      const E = U > 0 ? "down" : "up";
-                      h(E), N = _.clientY;
+                onMouseDown: (A) => {
+                  let R = A.clientY;
+                  const B = 10, O = (_) => {
+                    const F = _.clientY - R;
+                    if (Math.abs(F) > B) {
+                      const E = F > 0 ? "down" : "up";
+                      m(E), R = _.clientY;
                     }
                   }, H = () => {
                     document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", H);
@@ -1330,69 +1352,69 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
 }, Je = ({
   size: e = "md",
   disabled: o = !1,
-  children: p,
-  ...c
+  children: d,
+  ...l
 }) => {
-  const [y, g] = I(c.defaultChecked || !1), d = () => {
-    g(!y), c.onChange && c.onChange();
+  const [v, h] = I(l.defaultChecked || !1), g = () => {
+    h(!v), l.onChange && l.onChange();
   };
   return /* @__PURE__ */ t.jsxs("label", { className: "blinq-checkbox", children: [
     /* @__PURE__ */ t.jsx(
       "input",
       {
         type: "checkbox",
-        checked: y,
-        onChange: d,
+        checked: v,
+        onChange: g,
         "data-size": e,
         disabled: o,
-        ...c
+        ...l
       }
     ),
     /* @__PURE__ */ t.jsx("span", { className: "checkmark" }),
-    p
+    d
   ] });
 }, ze = ({
   size: e = "md",
   disabled: o = !1,
-  children: p,
-  ...c
+  children: d,
+  ...l
 }) => {
-  const [y, g] = I(c.checked || !1), d = () => {
-    g(!y), c.onChange && c.onChange();
+  const [v, h] = I(l.checked || !1), g = () => {
+    h(!v), l.onChange && l.onChange();
   };
   return /* @__PURE__ */ t.jsxs("label", { className: "blinq-radio-button", children: [
     /* @__PURE__ */ t.jsx(
       "input",
       {
         type: "radio",
-        checked: y,
-        onChange: d,
+        checked: v,
+        onChange: g,
         "data-size": e,
         disabled: o,
-        ...c
+        ...l
       }
     ),
     /* @__PURE__ */ t.jsx("span", { className: "checkmark" }),
-    p
+    d
   ] });
 }, Xe = ({
   left: e,
   right: o,
-  onToggle: p,
-  value: c,
-  customToggleSwitchs: y
+  onToggle: d,
+  value: l,
+  customToggleSwitchs: v
 }) => {
-  const g = (d, S) => {
-    S.stopPropagation(), p(d);
+  const h = (g, f) => {
+    f.stopPropagation(), d(g);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "toggle-switch", children: [
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: `toggle-option ${c === e ? "active" : ""}`,
-        onClick: (d) => g(e, d),
+        className: `toggle-option ${l === e ? "active" : ""}`,
+        onClick: (g) => h(e, g),
         children: /* @__PURE__ */ t.jsx(
-          B,
+          U,
           {
             bold: "bold",
             color: "textSecondary",
@@ -1406,10 +1428,10 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: `toggle-option ${c === o ? "active" : ""}`,
-        onClick: (d) => g(o, d),
+        className: `toggle-option ${l === o ? "active" : ""}`,
+        onClick: (g) => h(o, g),
         children: /* @__PURE__ */ t.jsx(
-          B,
+          U,
           {
             bold: "bold",
             color: "textSecondary",
@@ -1420,30 +1442,30 @@ const xe = /* @__PURE__ */ Me(Pe), Le = (e) => {
         )
       }
     ),
-    y && y.map(({ text: d, place: S }) => /* @__PURE__ */ t.jsx(
+    v && v.map(({ text: g, place: f }) => /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: `toggle-option ${c === S ? "active" : ""}`,
-        onClick: (v) => g(S, v),
+        className: `toggle-option ${l === f ? "active" : ""}`,
+        onClick: (s) => h(f, s),
         children: /* @__PURE__ */ t.jsx(
-          B,
+          U,
           {
             bold: "bold",
             color: "textSecondary",
             category: "text",
             Size: "sm",
-            children: d
+            children: g
           }
         )
       },
-      S
+      f
     ))
   ] });
 };
 function qe({
   showFirst: e,
   firstComponent: o,
-  secondComponent: p
+  secondComponent: d
 }) {
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -1478,7 +1500,7 @@ function qe({
               display: "flex",
               alignItems: "center"
             },
-            children: p
+            children: d
           }
         )
       ]
@@ -1499,7 +1521,7 @@ export {
   $e as CustomTextArea,
   Xe as CustomToggleSwitch,
   qe as Transitioner,
-  B as TypographyCustom,
+  U as TypographyCustom,
   na as isTextLarge,
   Qe as textShortner
 };