@kaio-xyz/design-system 1.0.37 → 1.0.39

package/dist/index.cjs.js

@@ -70,60 +70,60 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var _path$9;
-function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
+var _path$b;
+function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
 var SvgCheck = function SvgCheck(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M20.6474 3.30281C20.8943 2.97025 21.3647 2.90067 21.6972 3.14754C22.0298 3.39444 22.0994 3.86477 21.8525 4.19734L9.60251 20.6973C9.48001 20.8623 9.29478 20.9693 9.09079 20.9942C8.88673 21.0191 8.68101 20.959 8.52244 20.8282L2.27244 15.672C1.95326 15.4083 1.90836 14.9357 2.17185 14.6163C2.43551 14.2971 2.90813 14.2522 3.22751 14.5157L8.86716 19.169L20.6474 3.30281Z",
     fill: "#98989D"
   })));
 };
 
-var _path$8;
-function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
+var _path$a;
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgCircleDashed = function SvgCircleDashed(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M13.4258 20.3809C13.8341 20.3122 14.2211 20.5878 14.29 20.9961C14.3588 21.4044 14.0832 21.7914 13.6748 21.8604C13.1298 21.9523 12.5702 22 12 22C11.4298 22 10.8702 21.9523 10.3252 21.8604C9.91684 21.7914 9.6412 21.4044 9.70996 20.9961C9.77886 20.5878 10.1659 20.3122 10.5742 20.3809C11.0372 20.459 11.5137 20.5 12 20.5C12.4863 20.5 12.9628 20.459 13.4258 20.3809ZM4.02051 16.7422C4.35812 16.5022 4.82643 16.5813 5.06641 16.9189C5.62015 17.6979 6.30206 18.3799 7.08105 18.9336C7.41867 19.1736 7.49779 19.6419 7.25781 19.9795C7.01785 20.3166 6.55031 20.3957 6.21289 20.1562C5.297 19.5052 4.49477 18.703 3.84375 17.7871C3.6043 17.4497 3.68345 16.9821 4.02051 16.7422ZM18.9336 16.9189C19.1736 16.5813 19.6419 16.5022 19.9795 16.7422C20.3165 16.9822 20.3957 17.4497 20.1562 17.7871C19.5052 18.703 18.703 19.5052 17.7871 20.1562C17.4497 20.3957 16.9822 20.3165 16.7422 19.9795C16.5022 19.6419 16.5813 19.1736 16.9189 18.9336C17.6979 18.3799 18.3799 17.6979 18.9336 16.9189ZM2 12C2 11.4298 2.04769 10.8702 2.13965 10.3252C2.20855 9.91684 2.59556 9.6412 3.00391 9.70996C3.41221 9.77886 3.68781 10.1659 3.61914 10.5742C3.54102 11.0372 3.5 11.5137 3.5 12C3.5 12.4863 3.54102 12.9628 3.61914 13.4258C3.68781 13.8341 3.41221 14.2211 3.00391 14.29C2.59556 14.3588 2.20855 14.0832 2.13965 13.6748C2.04769 13.1298 2 12.5702 2 12ZM20.5 12C20.5 11.5137 20.459 11.0372 20.3809 10.5742C20.3122 10.1659 20.5878 9.77886 20.9961 9.70996C21.4044 9.6412 21.7914 9.91684 21.8604 10.3252C21.9523 10.8702 22 11.4298 22 12C22 12.5702 21.9523 13.1298 21.8604 13.6748C21.7914 14.0832 21.4044 14.3588 20.9961 14.29C20.5878 14.2211 20.3122 13.8341 20.3809 13.4258C20.459 12.9628 20.5 12.4863 20.5 12ZM6.21289 3.84375C6.55032 3.6043 7.01785 3.68344 7.25781 4.02051C7.49779 4.35812 7.41867 4.82643 7.08105 5.06641C6.30206 5.62015 5.62015 6.30206 5.06641 7.08105C4.82643 7.41867 4.35812 7.49779 4.02051 7.25781C3.68344 7.01785 3.6043 6.55032 3.84375 6.21289C4.49478 5.297 5.297 4.49478 6.21289 3.84375ZM16.7422 4.02051C16.9821 3.68345 17.4497 3.60431 17.7871 3.84375C18.703 4.49477 19.5052 5.297 20.1562 6.21289C20.3957 6.55031 20.3166 7.01785 19.9795 7.25781C19.6419 7.49779 19.1736 7.41867 18.9336 7.08105C18.3799 6.30206 17.6979 5.62015 16.9189 5.06641C16.5813 4.82643 16.5022 4.35812 16.7422 4.02051ZM12 2C12.5702 2 13.1298 2.04769 13.6748 2.13965C14.0832 2.20855 14.3588 2.59556 14.29 3.00391C14.2211 3.41221 13.8341 3.68781 13.4258 3.61914C12.9628 3.54102 12.4863 3.5 12 3.5C11.5137 3.5 11.0372 3.54102 10.5742 3.61914C10.1659 3.68781 9.77886 3.41221 9.70996 3.00391C9.6412 2.59556 9.91684 2.20855 10.3252 2.13965C10.8702 2.04769 11.4298 2 12 2Z",
     fill: "#98989D"
   })));
 };
 
-var _path$7;
-function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
+var _path$9;
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 var SvgDeny = function SvgDeny(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M20.5 12C20.5 9.9223 19.7539 8.02087 18.5156 6.54395L6.54395 18.5156C8.02087 19.7539 9.9223 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM3.5 12C3.5 14.0772 4.24566 15.9783 5.4834 17.4551L17.4551 5.4834C15.9783 4.24566 14.0772 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12ZM22 12C22 17.5228 17.5228 22 12 22C9.2388 22 6.73754 20.8802 4.92871 19.0713C3.11989 17.2625 2 14.7612 2 12C2 6.47716 6.47716 2 12 2C14.7612 2 17.2625 3.11989 19.0713 4.92871C20.8802 6.73754 22 9.2388 22 12Z",
     fill: "#98989D"
   })));
 };
 
-var _path$6, _path2$2, _path3$1;
-function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
+var _path$8, _path2$3, _path3$1;
+function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
 var SvgInfo = function SvgInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM11.25 16.25V11.75H10.75C10.3358 11.75 10 11.4142 10 11C10 10.5858 10.3358 10.25 10.75 10.25H12C12.4142 10.25 12.75 10.5858 12.75 11V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47716 6.47716 2 12 2C17.5228 2 22 6.47715 22 12Z",
     fill: "#98989D"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 7.375C11.6548 7.375 11.375 7.65482 11.375 8C11.375 8.34518 11.6548 8.625 12 8.625C12.3452 8.625 12.625 8.34518 12.625 8C12.625 7.65482 12.3452 7.375 12 7.375Z",
     fill: "#98989D"
   })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -132,46 +132,46 @@ var SvgInfo = function SvgInfo(props) {
   })));
 };
 
-var _path$5;
-function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
+var _path$7;
+function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
 var SvgLoader = function SvgLoader(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.25 21.25V17.75C11.25 17.3359 11.5859 17.0002 12 17C12.4142 17 12.75 17.3358 12.75 17.75V21.25C12.75 21.6642 12.4142 22 12 22C11.5859 21.9998 11.25 21.6641 11.25 21.25ZM7.4043 15.5361C7.69718 15.2433 8.17195 15.2433 8.46484 15.5361C8.75773 15.829 8.75774 16.3038 8.46484 16.5967L5.99023 19.0713C5.69734 19.3642 5.22258 19.3642 4.92969 19.0713C4.6368 18.7784 4.63679 18.3036 4.92969 18.0107L7.4043 15.5361ZM15.5361 15.5352C15.829 15.2425 16.3039 15.2423 16.5967 15.5352L19.0713 18.0098C19.3642 18.3027 19.3642 18.7784 19.0713 19.0713C18.7785 19.3638 18.3036 19.3638 18.0107 19.0713L15.5361 16.5957C15.2432 16.3028 15.2432 15.828 15.5361 15.5352ZM6.25 11.251C6.66421 11.251 7 11.5868 7 12.001C6.99985 12.4151 6.66412 12.751 6.25 12.751H2.75C2.33588 12.751 2.00015 12.4151 2 12.001C2 11.5868 2.33579 11.251 2.75 11.251H6.25ZM21.25 11.251C21.6642 11.251 22 11.5868 22 12.001C21.9999 12.4151 21.6641 12.751 21.25 12.751H17.75C17.3359 12.751 17.0001 12.4151 17 12.001C17 11.5868 17.3358 11.251 17.75 11.251H21.25ZM4.92871 4.92871C5.22163 4.63584 5.69737 4.63579 5.99023 4.92871L8.46484 7.4043C8.75731 7.69723 8.75759 8.1721 8.46484 8.46484C8.17193 8.75771 7.69619 8.75776 7.40332 8.46484L4.92871 5.98926C4.63616 5.69641 4.63613 5.22152 4.92871 4.92871ZM18.0107 4.92969C18.3036 4.63679 18.7784 4.6368 19.0713 4.92969C19.3642 5.22258 19.3642 5.69734 19.0713 5.99023L16.5967 8.46484C16.3038 8.75774 15.829 8.75773 15.5361 8.46484C15.2433 8.17195 15.2433 7.69718 15.5361 7.4043L18.0107 4.92969ZM11.25 6.25V2.75C11.25 2.33591 11.586 2.00016 12 2C12.4142 2.00004 12.75 2.33582 12.75 2.75V6.25C12.75 6.66419 12.4142 7 12 7C11.5858 6.99996 11.25 6.66418 11.25 6.25Z",
     fill: "#98989D"
   })));
 };
 
-var _path$4;
-function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
+var _path$6;
+function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
 var SvgWarning = function SvgWarning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10.4901 2.8437C11.1661 1.6901 12.8335 1.69014 13.5096 2.8437L22.0155 17.3652L22.075 17.4755C22.6455 18.6221 21.8153 19.9997 20.5057 19.9999H3.49494C2.14292 19.9999 1.30087 18.5318 1.9842 17.3652L10.4901 2.8437ZM12.2156 3.60249C12.119 3.43758 11.8806 3.43758 11.784 3.60249L3.27912 18.124C3.18173 18.2906 3.30188 18.4999 3.49494 18.4999H20.5057C20.6985 18.4997 20.8181 18.2896 20.7205 18.123V18.122L12.2156 3.60249ZM11.2498 13.2499V9.74995C11.2498 9.33576 11.5856 8.99998 11.9998 8.99995C12.414 8.99995 12.7498 9.33574 12.7498 9.74995V13.2499C12.7498 13.6641 12.414 13.9999 11.9998 13.9999C11.5857 13.9999 11.2499 13.6641 11.2498 13.2499ZM12.9998 15.7499C12.9998 16.3022 12.5521 16.7499 11.9998 16.7499C11.4822 16.7499 11.0561 16.3566 11.0047 15.8525L10.9998 15.7499L11.0047 15.6474C11.056 15.1432 11.4821 14.75 11.9998 14.7499L12.1024 14.7548C12.6065 14.8061 12.9998 15.2322 12.9998 15.7499Z",
     fill: "#98989D"
   })));
 };
 
-var _path$3, _path2$1, _path3, _path4;
-function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+var _path$5, _path2$2, _path3, _path4;
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
 var SvgEyeClosed = function SvgEyeClosed(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M9.16582 4.42078C13.8206 3.01988 18.8177 5.12744 21.9822 10.4071L22.283 10.9276L22.4578 11.2587C22.5129 11.3768 22.5612 11.5047 22.5906 11.6473C22.6359 11.8681 22.6358 12.1307 22.5906 12.3514V12.3524C22.5318 12.6378 22.399 12.864 22.284 13.0712C21.6809 14.1579 21.0031 15.1203 20.2674 15.9569C19.9939 16.2677 19.5208 16.2984 19.2098 16.0253C18.8988 15.7518 18.868 15.2777 19.1414 14.9667C19.8015 14.2161 20.417 13.3419 20.9715 12.3427H20.9725C21.0425 12.2165 21.0776 12.1518 21.1014 12.1014C21.118 12.066 21.1201 12.0546 21.1209 12.0507L21.1228 12.036C21.1238 12.0259 21.1248 12.0133 21.1248 11.9999C21.1248 11.9865 21.1238 11.9738 21.1228 11.9637C21.122 11.9542 21.1209 11.9491 21.1209 11.9491C21.1202 11.9453 21.1184 11.9335 21.1014 11.8973C21.0775 11.8466 21.0418 11.7818 20.9715 11.6552V11.6561C18.0916 6.46801 13.5809 4.65835 9.59746 5.8573C9.20111 5.97635 8.7834 5.75154 8.66386 5.35535C8.54448 4.95871 8.76918 4.54016 9.16582 4.42078Z",
     fill: "#98989D"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M8 12.0004C8 11.0291 8.34764 10.1366 8.92383 9.44372C9.18871 9.12543 9.66108 9.08225 9.97949 9.34704C10.2978 9.61192 10.341 10.0843 10.0762 10.4027C9.71578 10.8362 9.5 11.3924 9.5 12.0004C9.5002 13.3809 10.6194 14.5004 12 14.5004C12.6187 14.5004 13.1835 14.2765 13.6201 13.9047C13.9353 13.6362 14.4081 13.6736 14.6768 13.9886C14.9453 14.3039 14.9079 14.7776 14.5928 15.0463C13.895 15.6406 12.9883 16.0004 12 16.0004C9.79101 16.0004 8.0002 14.2093 8 12.0004Z",
     fill: "#98989D"
   })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -183,61 +183,93 @@ var SvgEyeClosed = function SvgEyeClosed(props) {
   })));
 };
 
-var _path$2, _path2;
-function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
+var _path$4, _path2$1;
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgEyeOpen = function SvgEyeOpen(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12.0001 4C16.0105 4.00003 19.9104 6.47732 22.4308 11.1992C22.6966 11.6972 22.6966 12.3028 22.4308 12.8008C19.9104 17.5227 16.0105 20 12.0001 20C7.98972 20 4.08981 17.5227 1.56944 12.8008C1.30365 12.3028 1.3037 11.6973 1.56944 11.1992C4.08981 6.47731 7.98972 3.99997 12.0001 4ZM12.0001 5.5C8.66218 5.49998 5.21336 7.5575 2.89268 11.9053C2.86244 11.962 2.86243 12.038 2.89268 12.0947C5.21336 16.4424 8.66221 18.5 12.0001 18.5C15.338 18.5 18.7869 16.4425 21.1075 12.0947C21.1378 12.0381 21.1378 11.9619 21.1075 11.9053C18.7869 7.55753 15.338 5.50003 12.0001 5.5Z",
     fill: "#98989D"
-  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79089 16 8 14.2091 8 12C8 9.79089 9.79089 8 12 8C14.2091 8 16 9.79089 16 12Z",
     fill: "#98989D"
   })));
 };
 
+var _path$3;
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+var SvgChevronGrabber = function SvgChevronGrabber(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M15.4696 14.4696C15.7625 14.1767 16.2373 14.1767 16.5302 14.4696C16.823 14.7625 16.8231 15.2373 16.5302 15.5302L13.0605 18.9999C12.4747 19.5856 11.5251 19.5856 10.9394 18.9999L7.46965 15.5302C7.17677 15.2373 7.1768 14.7625 7.46965 14.4696C7.76254 14.1767 8.2373 14.1767 8.53019 14.4696L11.9999 17.9393L15.4696 14.4696ZM10.9394 4.99989C11.5252 4.4141 12.4747 4.4141 13.0605 4.99989L16.5302 8.46962C16.823 8.76252 16.8231 9.23729 16.5302 9.53017C16.2373 9.82299 15.7625 9.82299 15.4696 9.53017L11.9999 6.06044L8.53019 9.53017C8.23731 9.82299 7.76252 9.82299 7.46965 9.53017C7.17677 9.23729 7.17681 8.76252 7.46965 8.46962L10.9394 4.99989Z",
+    fill: "#98989D"
+  })));
+};
+
+var _path$2;
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
+var SvgMinus = function SvgMinus(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20.25 11.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25Z",
+    fill: "#98989D"
+  })));
+};
+
 var _path$1;
 function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
-var SvgChevronGrabber = function SvgChevronGrabber(props) {
+var SvgClipboard = function SvgClipboard(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M15.4696 14.4696C15.7625 14.1767 16.2373 14.1767 16.5302 14.4696C16.823 14.7625 16.8231 15.2373 16.5302 15.5302L13.0605 18.9999C12.4747 19.5856 11.5251 19.5856 10.9394 18.9999L7.46965 15.5302C7.17677 15.2373 7.1768 14.7625 7.46965 14.4696C7.76254 14.1767 8.2373 14.1767 8.53019 14.4696L11.9999 17.9393L15.4696 14.4696ZM10.9394 4.99989C11.5252 4.4141 12.4747 4.4141 13.0605 4.99989L16.5302 8.46962C16.823 8.76252 16.8231 9.23729 16.5302 9.53017C16.2373 9.82299 15.7625 9.82299 15.4696 9.53017L11.9999 6.06044L8.53019 9.53017C8.23731 9.82299 7.76252 9.82299 7.46965 9.53017C7.17677 9.23729 7.17681 8.76252 7.46965 8.46962L10.9394 4.99989Z",
+    d: "M18.5 5.75C18.5 5.61192 18.3881 5.5 18.25 5.5H16V6.25C16 7.21648 15.2165 8 14.25 8H9.75C8.78351 8 8 7.21649 8 6.25V5.5H5.75C5.61193 5.5 5.5 5.61193 5.5 5.75V20.25C5.5 20.3881 5.61192 20.5 5.75 20.5H18.25C18.3881 20.5 18.5 20.3881 18.5 20.25V5.75ZM14.5 3.75C14.5 3.61192 14.3881 3.5 14.25 3.5H9.75C9.61193 3.5 9.5 3.61193 9.5 3.75V6.25C9.5 6.38807 9.61193 6.5 9.75 6.5H14.25C14.3881 6.5 14.5 6.38808 14.5 6.25V3.75ZM16 4H18.25C19.2165 4 20 4.78352 20 5.75V20.25C20 21.2165 19.2165 22 18.25 22H5.75C4.7835 22 4 21.2165 4 20.25V5.75C4 4.78351 4.78351 4 5.75 4H8V3.75C8 2.78351 8.78351 2 9.75 2H14.25C15.2165 2 16 2.78352 16 3.75V4Z",
     fill: "#98989D"
   })));
 };
 
-var _path;
+var _path, _path2;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgMinus = function SvgMinus(props) {
+var SvgLoadingCircle = function SvgLoadingCircle(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: "1em",
     height: "1em",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M20.25 11.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25Z",
+    d: "M20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47716 6.47716 2 12 2C17.5228 2 22 6.47715 22 12Z",
+    fill: "white",
+    fillOpacity: 0.3
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20.5 12C20.5 11.5858 20.8358 11.25 21.25 11.25C21.6642 11.25 22 11.5858 22 12C22 17.5228 17.5228 22 12 22C11.5858 22 11.25 21.6642 11.25 21.25C11.25 20.8358 11.5858 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12Z",
     fill: "#98989D"
   })));
 };
 
-var style$c = {"root":"stack-module__root__AqSLk"};
+var style$f = {"root":"stack-module__root__AqSLk"};
 
 var Stack = function (_a) {
     var children = _a.children, _b = _a.space, space = _b === void 0 ? "s" : _b, className = _a.className, _c = _a.position, position = _c === void 0 ? "vertical" : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, dataTest = _a.dataTest, dataAlignItems = _a.dataAlignItems, dataCapitalize = _a.dataCapitalize, dataMarginTop = _a.dataMarginTop, dataMarginBottom = _a.dataMarginBottom, dataMarginLeft = _a.dataMarginLeft, dataPaddingBottom = _a.dataPaddingBottom, rest = __rest(_a, ["children", "space", "className", "position", "fullHeight", "fullWidth", "dataTest", "dataAlignItems", "dataCapitalize", "dataMarginTop", "dataMarginBottom", "dataMarginLeft", "dataPaddingBottom"]);
-    return (jsxRuntime.jsx("div", __assign({ className: clsx(style$c.root, className), "data-space": space, "data-position": position, "data-full-width": fullWidth, "data-full-height": fullHeight, "data-test": dataTest, "data-align-items": dataAlignItems, "data-capitalize": dataCapitalize, "data-margin-top": dataMarginTop, "data-margin-bottom": dataMarginBottom, "data-margin-left": dataMarginLeft, "data-padding-bottom": dataPaddingBottom }, rest, { children: children })));
+    return (jsxRuntime.jsx("div", __assign({ className: clsx(style$f.root, className), "data-space": space, "data-position": position, "data-full-width": fullWidth, "data-full-height": fullHeight, "data-test": dataTest, "data-align-items": dataAlignItems, "data-capitalize": dataCapitalize, "data-margin-top": dataMarginTop, "data-margin-bottom": dataMarginBottom, "data-margin-left": dataMarginLeft, "data-padding-bottom": dataPaddingBottom }, rest, { children: children })));
 };
 
 var baseStyle = {"root":"badge-base-module__root__oUZlm"};
 
-var style$b = {"root":"badge-module__root__rXpaz"};
+var style$e = {"root":"badge-module__root__rXpaz"};
 
 var BadgeStatuses = {
     success: "success",
@@ -256,20 +288,20 @@ var Badge = function (_a) {
             default: return jsxRuntime.jsx(SvgCircleDashed, {});
         }
     }, [status]);
-    return (jsxRuntime.jsx("label", __assign({ className: clsx(baseStyle.root, style$b.root), title: text, "data-status": status, "data-full-width": fullWidth, "data-test": dataTest, "data-reverted": reverted, "data-size": size }, props, { children: jsxRuntime.jsxs(Stack, { position: "horizontal", children: [hasIcon && icon, text] }) })));
+    return (jsxRuntime.jsx("label", __assign({ className: clsx(baseStyle.root, style$e.root), title: text, "data-status": status, "data-full-width": fullWidth, "data-test": dataTest, "data-reverted": reverted, "data-size": size }, props, { children: jsxRuntime.jsxs(Stack, { position: "horizontal", children: [hasIcon && icon, text] }) })));
 };
 
-var style$a = {"root":"button-module__root__CDCDX"};
+var style$d = {"root":"button-module__root__CDCDX"};
 
-var style$9 = {"spinner":"spinner-module__spinner__VzZj2"};
+var style$c = {"root":"spinned-icon-module__root__xchkj"};
 
-var Spinner = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 22 : _b, _c = _a.duration, duration = _c === void 0 ? 1 : _c, _d = _a.className, className = _d === void 0 ? '' : _d, rest = __rest(_a, ["size", "duration", "className"]);
-    return (jsxRuntime.jsx("div", { className: clsx(style$9.spinner, className), style: {
+var SpinnedIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 22 : _b, _c = _a.duration, duration = _c === void 0 ? 1 : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.icon, Icon = _e === void 0 ? SvgLoader : _e, rest = __rest(_a, ["size", "duration", "className", "icon"]);
+    return (jsxRuntime.jsx("div", { className: clsx(style$c.root, className), style: {
             width: size,
             height: size,
             animationDuration: "".concat(duration, "s"),
-        }, children: jsxRuntime.jsx(SvgLoader, __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest)) }));
+        }, children: jsxRuntime.jsx(Icon, __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest)) }));
 };
 
 var isAnchor = function (props) { return props.href !== undefined; };
@@ -277,21 +309,21 @@ var Button = React.forwardRef(function (_a, ref) {
     var _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.size, size = _d === void 0 ? "normal" : _d, _e = _a.isInverted, isInverted = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 22 : _g, Icon = _a.icon, props = __rest(_a, ["fullWidth", "variant", "size", "isInverted", "isLoading", "iconSize", "icon"]);
     var iconProps = { width: iconSize, height: iconSize, "aria-hidden": "true" };
     var baseIcon = Icon && jsxRuntime.jsx(Icon, __assign({}, iconProps));
-    var loadingIcon = isLoading && jsxRuntime.jsx(Spinner, __assign({ size: iconSize }, iconProps));
+    var loadingIcon = isLoading && jsxRuntime.jsx(SpinnedIcon, __assign({ size: iconSize }, iconProps));
     var iconChild = loadingIcon || baseIcon || null;
-    var classes = clsx(style$a.root, props.className);
+    var classes = clsx(style$d.root, props.className);
     return (isAnchor(props) ? (jsxRuntime.jsx("a", __assign({ "aria-disabled": props.disabled, ref: ref }, props, { className: classes, children: props.children }))) : (jsxRuntime.jsx("button", __assign({ "aria-disabled": props.disabled, ref: ref, type: "button" }, props, { className: classes, "data-type": variant, "data-size": size, "data-full-width": fullWidth, "data-inverted": isInverted, disabled: props.disabled || isLoading, "data-is-loading": isLoading, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [iconChild, isLoading ? "Loading" : props.children] }) }))));
 });
 Button.displayName = "Button";
 
-var style$8 = {"hint":"hint-module__hint__0cpje","children":"hint-module__children__GSZxg"};
+var style$b = {"hint":"hint-module__hint__0cpje","children":"hint-module__children__GSZxg"};
 
 var Hint = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.kind, kind = _b === void 0 ? "info" : _b, attributes = __rest(_a, ["children", "className", "kind"]);
-    return (jsxRuntime.jsxs(Stack, __assign({ space: "xs", position: "horizontal", className: clsx(style$8.hint, className), "data-type": kind }, attributes, { children: [jsxRuntime.jsx(SvgInfo, {}), jsxRuntime.jsx("span", { className: style$8.children, children: children })] })));
+    return (jsxRuntime.jsxs(Stack, __assign({ space: "xs", position: "horizontal", className: clsx(style$b.hint, className), "data-type": kind }, attributes, { children: [jsxRuntime.jsx(SvgInfo, {}), jsxRuntime.jsx("span", { className: style$b.children, children: children })] })));
 };
 
-var style$7 = {"field":"text-field-module__field__iZ0TF","label":"text-field-module__label__ClJkz","container":"text-field-module__container__IKtNZ","fieldWrapper":"text-field-module__fieldWrapper__nQ7l8","textField":"text-field-module__textField__756eR","hint":"text-field-module__hint__Ad6VA"};
+var style$a = {"field":"text-field-module__field__iZ0TF","label":"text-field-module__label__ClJkz","container":"text-field-module__container__IKtNZ","fieldWrapper":"text-field-module__fieldWrapper__nQ7l8","textField":"text-field-module__textField__756eR","hint":"text-field-module__hint__Ad6VA"};
 
 var TextField = React.forwardRef(function (_a, ref) {
     var className = _a.className, disabled = _a.disabled, hint = _a.hint, id = _a.id, label = _a.label, onChange = _a.onChange, readOnly = _a.readOnly, invalid = _a.invalid, button = _a.button, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, _d = _a.noPadding, noPadding = _d === void 0 ? false : _d, _e = _a.floatingLabel, floatingLabel = _e === void 0 ? true : _e, value = _a.value, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, attributes = __rest(_a, ["className", "disabled", "hint", "id", "label", "onChange", "readOnly", "invalid", "button", "fullWidth", "size", "noPadding", "floatingLabel", "value", "defaultValue", "onFocus", "onBlur"]);
@@ -328,28 +360,28 @@ var TextField = React.forwardRef(function (_a, ref) {
         setHasValue(e.target.value.length > 0);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     };
-    return (jsxRuntime.jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$7.textField, className), "data-no-padding": noPadding, "data-full-width": fullWidth, children: jsxRuntime.jsxs("div", { className: style$7.container, "data-has-label": !!label, "data-has-hint": !!hint, "data-has-button": !!button, "data-floating-label": floatingLabel, children: [label && (jsxRuntime.jsx("label", { className: style$7.label, htmlFor: id, "data-floating": floatingLabel, "data-active": isLabelFloating, children: label })), jsxRuntime.jsxs("div", { className: style$7.fieldWrapper, children: [jsxRuntime.jsx("input", __assign({ "aria-readonly": readOnly, className: style$7.field, readOnly: readOnly, "data-type": "single", "data-size": size, "data-floating-label": floatingLabel, id: id, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, "data-invalid": invalid, ref: inputRef, type: "text", value: value, defaultValue: defaultValue }, attributes)), button ? button : null] }), hint && jsxRuntime.jsx(Hint, { kind: "error", className: style$7.hint, children: hint })] }) }));
+    return (jsxRuntime.jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$a.textField, className), "data-no-padding": noPadding, "data-full-width": fullWidth, children: jsxRuntime.jsxs("div", { className: style$a.container, "data-has-label": !!label, "data-has-hint": !!hint, "data-has-button": !!button, "data-floating-label": floatingLabel, children: [label && (jsxRuntime.jsx("label", { className: style$a.label, htmlFor: id, "data-floating": floatingLabel, "data-active": isLabelFloating, children: label })), jsxRuntime.jsxs("div", { className: style$a.fieldWrapper, children: [jsxRuntime.jsx("input", __assign({ "aria-readonly": readOnly, className: style$a.field, readOnly: readOnly, "data-type": "single", "data-size": size, "data-floating-label": floatingLabel, id: id, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, "data-invalid": invalid, ref: inputRef, type: "text", value: value, defaultValue: defaultValue }, attributes)), button ? button : null] }), hint && jsxRuntime.jsx(Hint, { kind: "error", className: style$a.hint, children: hint })] }) }));
 });
 TextField.displayName = "TextField";
 
-var style$6 = {"container":"container-module__container__CAxQw"};
+var style$9 = {"container":"container-module__container__CAxQw"};
 
 var Container = function (_a) {
     var children = _a.children, className = _a.className, size = _a.size, noPadding = _a.noPadding, attributes = __rest(_a, ["children", "className", "size", "noPadding"]);
-    return (jsxRuntime.jsx("div", __assign({ className: clsx(style$6.container, className) }, size ? { "data-size": size } : {}, { "data-nopadding": noPadding }, attributes, { children: children })));
+    return (jsxRuntime.jsx("div", __assign({ className: clsx(style$9.container, className) }, size ? { "data-size": size } : {}, { "data-nopadding": noPadding }, attributes, { children: children })));
 };
 
-var style$5 = {"field":"password-field-module__field__-sFqA","button":"password-field-module__button__FtG9V"};
+var style$8 = {"field":"password-field-module__field__-sFqA","button":"password-field-module__button__FtG9V"};
 
 var PasswordField = React.forwardRef(function (_a, ref) {
     var disabled = _a.disabled, rest = __rest(_a, ["disabled"]);
     var _b = React.useState(false), isPasswordVisible = _b[0], setIsPasswordVisible = _b[1];
-    var button = (jsxRuntime.jsx("button", { onClick: function () { return setIsPasswordVisible(function (prev) { return !prev; }); }, type: "button", disabled: disabled, className: style$5.button, children: isPasswordVisible ? jsxRuntime.jsx(SvgEyeOpen, {}) : jsxRuntime.jsx(SvgEyeClosed, {}) }));
-    return (jsxRuntime.jsx(TextField, __assign({ disabled: disabled }, rest, { ref: ref, type: isPasswordVisible ? "text" : "password", button: button, className: style$5.field })));
+    var button = (jsxRuntime.jsx("button", { onClick: function () { return setIsPasswordVisible(function (prev) { return !prev; }); }, type: "button", disabled: disabled, className: style$8.button, children: isPasswordVisible ? jsxRuntime.jsx(SvgEyeOpen, {}) : jsxRuntime.jsx(SvgEyeClosed, {}) }));
+    return (jsxRuntime.jsx(TextField, __assign({ disabled: disabled }, rest, { ref: ref, type: isPasswordVisible ? "text" : "password", button: button, className: style$8.field })));
 });
 PasswordField.displayName = "PasswordField";
 
-var style$4 = {"validator":"validate-password-field-module__validator__Do-6w"};
+var style$7 = {"validator":"validate-password-field-module__validator__Do-6w"};
 
 var rules = {
     length: /^.{8,}$/,
@@ -374,19 +406,19 @@ var ValidatePasswordField = React.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setIsPasswordValid === null || setIsPasswordValid === void 0 ? void 0 : setIsPasswordValid(isLenghtCheckOk && isCaseCheckOk && isNumberCheckOk && isSpecialCheckOk);
     }, [isLenghtCheckOk, isCaseCheckOk, isNumberCheckOk, isSpecialCheckOk, setIsPasswordValid]);
-    var getValidator = function (isCheckOk, label) { return (jsxRuntime.jsxs(Stack, { position: "horizontal", className: style$4.validator, "data-is-valid": isCheckOk, children: [isCheckOk ? jsxRuntime.jsx(SvgCheck, {}) : jsxRuntime.jsx(SvgCircleDashed, {}), jsxRuntime.jsx("p", { children: label })] })); };
+    var getValidator = function (isCheckOk, label) { return (jsxRuntime.jsxs(Stack, { position: "horizontal", className: style$7.validator, "data-is-valid": isCheckOk, children: [isCheckOk ? jsxRuntime.jsx(SvgCheck, {}) : jsxRuntime.jsx(SvgCircleDashed, {}), jsxRuntime.jsx("p", { children: label })] })); };
     return (jsxRuntime.jsxs(Stack, { space: "m", children: [jsxRuntime.jsx(PasswordField, __assign({ onChange: onHandleChange, ref: ref }, rest)), jsxRuntime.jsxs(Stack, { children: [getValidator(isLenghtCheckOk, "At least 8 characters"), getValidator(isCaseCheckOk, "Include uppercase & lowercase letters"), getValidator(isNumberCheckOk, "Include at least one number"), getValidator(isSpecialCheckOk, "Include at least one special character (allowed: @ $ ! % * ? & _ #)")] })] }));
 });
 ValidatePasswordField.displayName = "ValidatePasswordField";
 
-var style$3 = {"root":"label-module__root__34bJr"};
+var style$6 = {"root":"label-module__root__34bJr"};
 
 var Label = function (_a) {
     var id = _a.id, label = _a.label, className = _a.className, _b = _a.hasMargin, hasMargin = _b === void 0 ? true : _b, _c = _a.hasHalfMargin, hasHalfMargin = _c === void 0 ? false : _c, _d = _a.hasCursorPointer, hasCursorPointer = _d === void 0 ? false : _d;
-    return (jsxRuntime.jsx("label", { className: clsx(style$3.root, className), htmlFor: id, "data-margin-bottom": hasMargin, "data-half-margin-bottom": hasHalfMargin, "data-has-cursor-pointer": hasCursorPointer, children: label }));
+    return (jsxRuntime.jsx("label", { className: clsx(style$6.root, className), htmlFor: id, "data-margin-bottom": hasMargin, "data-half-margin-bottom": hasHalfMargin, "data-has-cursor-pointer": hasCursorPointer, children: label }));
 };
 
-var style$2 = {"label":"select-module__label__EWUYF","selector":"select-module__selector__55oxp","hint":"select-module__hint__SPtu-"};
+var style$5 = {"label":"select-module__label__EWUYF","selector":"select-module__selector__55oxp","hint":"select-module__hint__SPtu-"};
 
 var IconAndLabel = function (_a) {
     var children = _a.children, Icon = _a.icon;
@@ -407,7 +439,7 @@ var CustomSingleValue = function (_a) {
 };
 var Select = function (_a) {
     var id = _a.id, label = _a.label, dataTest = _a.dataTest, isDisabled = _a.isDisabled, className = _a.className, error = _a.error, customComponents = _a.components, rest = __rest(_a, ["id", "label", "dataTest", "isDisabled", "className", "error", "components"]);
-    return (jsxRuntime.jsxs("div", { className: clsx(style$2.root, className), children: [label && jsxRuntime.jsx(Label, { id: id, label: label, className: style$2.label }), jsxRuntime.jsxs("div", { "data-test": dataTest, className: style$2.selector, "data-error": !!error, children: [jsxRuntime.jsx(ReactSelect, __assign({ id: id, classNamePrefix: "select", components: __assign(__assign({}, customComponents), { IndicatorSeparator: function () { return null; }, Option: CustomOption, SingleValue: CustomSingleValue, DropdownIndicator: CustomDropdownIndicator, MultiValueLabel: CustomMultiValueLabel }) }, rest, { isDisabled: isDisabled })), error && jsxRuntime.jsx(Hint, { kind: "error", className: style$2.hint, children: error })] })] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(style$5.root, className), children: [label && jsxRuntime.jsx(Label, { id: id, label: label, className: style$5.label }), jsxRuntime.jsxs("div", { "data-test": dataTest, className: style$5.selector, "data-error": !!error, children: [jsxRuntime.jsx(ReactSelect, __assign({ id: id, classNamePrefix: "select", components: __assign(__assign({}, customComponents), { IndicatorSeparator: function () { return null; }, Option: CustomOption, SingleValue: CustomSingleValue, DropdownIndicator: CustomDropdownIndicator, MultiValueLabel: CustomMultiValueLabel }) }, rest, { isDisabled: isDisabled })), error && jsxRuntime.jsx(Hint, { kind: "error", className: style$5.hint, children: error })] })] }));
 };
 Select.displayName = "Select";
 
@@ -420,14 +452,14 @@ var FormSelect = function (_a) {
 };
 FormSelect.displayName = "FormSelect";
 
-var style$1 = {"root":"loader-module__root__qnInQ"};
+var style$4 = {"root":"loader-module__root__qnInQ"};
 
 var Loader = function (_a) {
     var text = _a.text, _b = _a.fullPage, fullPage = _b === void 0 ? true : _b, _c = _a.isLightOverlay, isLightOverlay = _c === void 0 ? false : _c, children = _a.children;
-    return (jsxRuntime.jsx("div", { className: style$1.root, "data-full-page": fullPage, "data-is-light-overlay": isLightOverlay, children: jsxRuntime.jsxs(Stack, { dataAlignItems: "center", children: [jsxRuntime.jsx(Spinner, { size: 50 }), text && jsxRuntime.jsx("p", { children: text }), children] }) }));
+    return (jsxRuntime.jsx("div", { className: style$4.root, "data-full-page": fullPage, "data-is-light-overlay": isLightOverlay, children: jsxRuntime.jsxs(Stack, { dataAlignItems: "center", children: [jsxRuntime.jsx(SpinnedIcon, { size: 50 }), text && jsxRuntime.jsx("p", { children: text }), children] }) }));
 };
 
-var style = {"root":"checkbox-module__root__W52jD","customCheckbox":"checkbox-module__customCheckbox__LACTE","label":"checkbox-module__label__ujd0G","frame":"checkbox-module__frame__njRTK","icon":"checkbox-module__icon__7kQzK"};
+var style$3 = {"root":"checkbox-module__root__W52jD","customCheckbox":"checkbox-module__customCheckbox__LACTE","label":"checkbox-module__label__ujd0G","frame":"checkbox-module__frame__njRTK","icon":"checkbox-module__icon__7kQzK"};
 
 var Checkbox = function (_a) {
     var className = _a.className, disabled = _a.disabled, id = _a.id, label = _a.label, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? "center" : _b, onChange = _a.onChange, dataTest = _a.dataTest, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, _e = _a.indeterminate, indeterminate = _e === void 0 ? false : _e, checked = _a.checked, attributes = __rest(_a, ["className", "disabled", "id", "label", "verticalAlign", "onChange", "dataTest", "size", "variant", "indeterminate", "checked"]);
@@ -440,20 +472,72 @@ var Checkbox = function (_a) {
     var dynamicStyle = {
         "--vAlign": verticalAlign,
     };
-    return (jsxRuntime.jsxs("label", { style: dynamicStyle, className: clsx(style.root, className), "data-disabled": disabled, "data-size": size, "data-variant": variant, children: [jsxRuntime.jsxs("span", { className: style.frame, children: [jsxRuntime.jsx("input", __assign({ "aria-disabled": disabled, disabled: disabled, onChange: onChange, type: "checkbox", ref: inputRef, checked: checked }, attributes, { id: id, "data-test": dataTest })), jsxRuntime.jsxs("span", { className: style.customCheckbox, "aria-hidden": "true", children: [checked && !indeterminate && (jsxRuntime.jsx(SvgCheck, { className: style.icon })), indeterminate && (jsxRuntime.jsx(SvgMinus, { className: style.icon }))] })] }), label && jsxRuntime.jsx("span", { className: style.label, children: label })] }));
+    return (jsxRuntime.jsxs("label", { style: dynamicStyle, className: clsx(style$3.root, className), "data-disabled": disabled, "data-size": size, "data-variant": variant, children: [jsxRuntime.jsxs("span", { className: style$3.frame, children: [jsxRuntime.jsx("input", __assign({ "aria-disabled": disabled, disabled: disabled, onChange: onChange, type: "checkbox", ref: inputRef, checked: checked }, attributes, { id: id, "data-test": dataTest })), jsxRuntime.jsxs("span", { className: style$3.customCheckbox, "aria-hidden": "true", children: [checked && !indeterminate && (jsxRuntime.jsx(SvgCheck, { className: style$3.icon })), indeterminate && (jsxRuntime.jsx(SvgMinus, { className: style$3.icon }))] })] }), label && jsxRuntime.jsx("span", { className: style$3.label, children: label })] }));
 };
 Checkbox.displayName = "Checkbox";
 
+var style$2 = {"root":"clipboard-module__root__wVZhy"};
+
+var trimString = function (str, noOfChars) {
+    if (noOfChars === void 0) { noOfChars = 4; }
+    var minLength = noOfChars * 2 + 3;
+    if (str.length <= minLength)
+        return str;
+    return "".concat(str.slice(0, noOfChars), "...").concat(str.slice(-noOfChars));
+};
+var Clipboard = function (_a) {
+    var value = _a.value, _b = _a.trim, trim = _b === void 0 ? false : _b, _c = _a.trimLength, trimLength = _c === void 0 ? 4 : _c;
+    var _d = React.useState(false), isCopied = _d[0], setIsCopied = _d[1];
+    var _e = React.useState(false), isShowingCopy = _e[0], setIsShowingCopy = _e[1];
+    var _f = React.useState(false); _f[0]; _f[1];
+    var displayValue = trim ? trimString(value, trimLength) : value;
+    var handleClick = React.useCallback(function () {
+        navigator.clipboard.writeText(value);
+        setIsCopied(true);
+        setIsShowingCopy(true);
+        setTimeout(function () {
+            setIsShowingCopy(false);
+        }, 2000);
+    }, [value]);
+    var text = isShowingCopy ? 'Copied!' : displayValue;
+    var icon = isShowingCopy ? jsxRuntime.jsx(SvgCheck, {}) : jsxRuntime.jsx(SvgClipboard, {});
+    return (jsxRuntime.jsx("button", { type: "button", onClick: handleClick, className: style$2.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, children: jsxRuntime.jsxs(Stack, { position: "horizontal", children: [jsxRuntime.jsx("span", { children: text }), icon] }) }));
+};
+
+var style$1 = {"root":"stepper-module__root__hgDss"};
+
+var Stepper = function (_a) {
+    var children = _a.children;
+    return (jsxRuntime.jsx("ul", { className: style$1.root, children: children }));
+};
+
+var style = {"root":"step-module__root__Tk1Yq","container":"step-module__container__XbQSB","label":"step-module__label__UNF3I","emptyIcon":"step-module__emptyIcon__-xNcB","checkIcon":"step-module__checkIcon__MWBUM","loadingIcon":"step-module__loadingIcon__-VoCZ"};
+
+var Step = function (_a) {
+    var label = _a.label, _b = _a.iconSize, iconSize = _b === void 0 ? 16 : _b, _c = _a.isCompleted, isCompleted = _c === void 0 ? false : _c, _d = _a.isCurrent, isCurrent = _d === void 0 ? false : _d;
+    var icon = React.useMemo(function () {
+        switch (true) {
+            case isCompleted: return jsxRuntime.jsx(SvgCheck, { className: style.checkIcon });
+            case isCurrent: return jsxRuntime.jsx(SpinnedIcon, { icon: SvgLoadingCircle, size: iconSize, className: style.loadingIcon });
+            default: return jsxRuntime.jsx("span", { className: style.emptyIcon });
+        }
+    }, [isCompleted, isCurrent]);
+    return (jsxRuntime.jsx("li", { className: style.root, "data-is-current": isCurrent, style: { '--icon-size': "".concat(iconSize, "px") }, children: jsxRuntime.jsxs(Stack, { className: style.container, position: "horizontal", children: [icon, jsxRuntime.jsx("span", { className: style.label, children: label })] }) }));
+};
+
 exports.Badge = Badge;
 exports.Button = Button;
 exports.Checkbox = Checkbox;
+exports.Clipboard = Clipboard;
 exports.Container = Container;
 exports.FormSelect = FormSelect;
 exports.Loader = Loader;
 exports.PasswordField = PasswordField;
 exports.Select = Select;
-exports.Spinner = Spinner;
+exports.SpinnedIcon = SpinnedIcon;
 exports.Stack = Stack;
+exports.Step = Step;
+exports.Stepper = Stepper;
 exports.TextField = TextField;
 exports.ValidatePasswordField = ValidatePasswordField;
 //# sourceMappingURL=index.cjs.js.map