master-components-react 1.3.1 → 1.4.1

package/dist/master-components-react.es.js

@@ -1,6 +1,6 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.mc__mainButton{border-radius:.5rem;min-width:7.75rem;border:.125rem solid rgba(255,255,255,.12);background:#7f56d9;display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;cursor:pointer}.mc__mainButton:hover{background:#6941c6}.mc__mainButton:active{box-shadow:0 0 0 .0625rem #0a0d122e inset,0 -.125rem #0a0d120d inset,0 .0625rem .125rem #0a0d120d,0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.mc__mainButton.mc__sm{height:2.25rem}.mc__mainButton.mc__sm.mc__onlyIcon{height:2.25rem;width:2.25rem;min-width:unset}.mc__mainButton.mc__sm .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__md{height:2.5rem}.mc__mainButton.mc__md.mc__onlyIcon{height:2.5rem;width:2.5rem;min-width:unset}.mc__mainButton.mc__md .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__lg{height:2.75rem}.mc__mainButton.mc__lg.mc__onlyIcon{height:2.75rem;width:2.75rem;min-width:unset}.mc__mainButton.mc__lg .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.25rem}.mc__mainButton.mc__xl{height:3rem}.mc__mainButton.mc__xl.mc__onlyIcon{height:3rem;width:3rem;min-width:unset}.mc__mainButton.mc__xl .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.5rem}.mc__mainButton.mc__xl2{height:3.75rem}.mc__mainButton.mc__xl2.mc__onlyIcon{height:3.5rem;width:3.5rem;min-width:unset}.mc__mainButton.mc__xl2 .mc__buttonSlot .mc__buttonLabel{font-size:1.125rem;line-height:1.75rem}.mc__mainButton.mc__disabled{border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#f5f5f5;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__mainButton.mc__disabled .mc__buttonSlot .mc__buttonLabel{color:#a4a7ae}.mc__mainButton .mc__buttonSlot{display:flex;align-items:center;gap:.5rem}.mc__mainButton .mc__buttonSlot .mc__buttonLabel{color:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400}.mc__inputWrapper{width:100%}.mc__inputWrapper .mc__inputLabel{color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputLabel .mc__required{color:#7f56d9;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputContainer{position:relative;margin:.375rem 0;width:100%;border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;display:flex;padding-left:.75rem}.mc__inputWrapper .mc__inputContainer input{background-color:transparent;width:100%;border:none;padding:.5rem 0;color:#181d27;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;outline:none}.mc__inputWrapper .mc__inputContainer input::placeholder{color:#717680}.mc__inputWrapper .mc__inputContainer.mc__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error{border-radius:.5rem;outline-color:#fda29b;outline-width:.0625rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error.mc__focused{outline-width:.125rem;outline-color:#f04438}.mc__inputWrapper .mc__inputContainer .mc__rightIcon,.mc__inputWrapper .mc__inputContainer .mc__leftIcon{display:flex;justify-content:center;align-items:center}.mc__inputWrapper .mc__inputContainer .mc__rightIcon{margin:0 .5rem}.mc__inputWrapper .mc__inputContainer .mc__leftIcon{margin-right:.375rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown{padding:.5rem .75rem;display:grid;place-items:center;position:relative;color:#414651;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul{width:100%;position:absolute;left:50%;top:100%;transform:translate(-50%);max-height:9.375rem;overflow:hidden;background-color:#fff;border:.0625rem solid #d5d7da;border-radius:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li{padding:.375rem .75rem;width:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:initial;cursor:pointer}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li:hover{background-color:#d5d7da}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown.mc__http{cursor:initial;border-right:.0625rem solid #d5d7da;margin-right:.75rem}.mc__inputWrapper .mc__inputContainer.mc__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__disabled input{background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__sm{height:2.5rem}.mc__inputWrapper .mc__inputContainer.mc__md{height:2.75rem}.mc__inputWrapper .mc__withCopy{display:grid;place-items:center;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem;gap:.5rem;display:flex;align-items:center;gap:.25rem;border-radius:0rem .5rem .5rem 0rem;border:.0625rem solid #d5d7da;background:#fff;padding:.625rem .875rem;color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mc__inputWrapper .mc__withCopy:hover{background:#f0f0f0}.mc__inputWrapper .mc__withCopy:active{background:#ececec}.mc__inputWrapper .mc__inputHelperText p{color:#535862;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.mc__inputWrapper .mc__inputHelperText.mc__error p{color:#d92d20}.mc__textareaContainer{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;flex-shrink:0}.mc__textareaContainer .mc__textAreaLabel{display:flex;align-items:center;gap:.125rem}.mc__textareaContainer .mc__textAreaLabel p{font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__textareaContainer .mc__textAreaLabel .mc__required{color:#7f56d9;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__textareaContainer .mc__wrap{position:relative;display:inline-block}.mc__textareaContainer .mc__wrap:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");width:.9375rem;background:transparent;position:absolute;right:.125rem;bottom:.3125rem;pointer-events:none;border-radius:25%}.mc__textareaContainer .mc__wrap .mc__textarea{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;padding:.75rem .875rem;border:none;outline-color:#d5d7da;outline-width:.0625rem;outline-style:solid;position:relative;color:#181d27;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-resizer{display:none}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-scrollbar{width:0}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-scrollbar-track{-webkit-box-shadow:none}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-scrollbar-thumb{background-color:none;outline:0}.mc__textareaContainer .mc__wrap .mc__textarea.mc__focused{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid}.mc__textareaContainer .mc__wrap .mc__textarea.mc__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__textareaContainer .mc__wrap .mc__textarea.mc__error{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#fda29b;outline-width:.125rem;outline-style:solid}.mc__textareaContainer .mc__wrap .mc__textarea.mc__error.mc__focused{outline-color:#f04438}.mc__textareaContainer .mc__wrap .mc__textarea::placeholder{color:#717680;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.mc__textareaContainer .mc__helperTextStyle{color:#535862;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.mc__textareaContainer .mc__helperTextStyle.mc__error{color:#d92d20}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import Ze, { useState as ie, useRef as Ne, useEffect as Ge } from "react";
-var We = { exports: {} }, ce = {};
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.MainButton-module__mainButton{border-radius:.5rem;min-width:7.75rem;border:.125rem solid rgba(255,255,255,.12);background:#7f56d9;display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;cursor:pointer}.MainButton-module__mainButton:hover{background:#6941c6}.MainButton-module__mainButton:active{box-shadow:0 0 0 .0625rem #0a0d122e inset,0 -.125rem #0a0d120d inset,0 .0625rem .125rem #0a0d120d,0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.MainButton-module__mainButton.MainButton-module__sm{height:2.25rem}.MainButton-module__mainButton.MainButton-module__sm.MainButton-module__onlyIcon{height:2.25rem;width:2.25rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__sm .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:.875rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__md{height:2.5rem}.MainButton-module__mainButton.MainButton-module__md.MainButton-module__onlyIcon{height:2.5rem;width:2.5rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__md .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:.875rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__lg{height:2.75rem}.MainButton-module__mainButton.MainButton-module__lg.MainButton-module__onlyIcon{height:2.75rem;width:2.75rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__lg .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__xl{height:3rem}.MainButton-module__mainButton.MainButton-module__xl.MainButton-module__onlyIcon{height:3rem;width:3rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__xl .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1rem;line-height:1.5rem}.MainButton-module__mainButton.MainButton-module__xl2{height:3.75rem}.MainButton-module__mainButton.MainButton-module__xl2.MainButton-module__onlyIcon{height:3.5rem;width:3.5rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__xl2 .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1.125rem;line-height:1.75rem}.MainButton-module__mainButton.MainButton-module__disabled{border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#f5f5f5;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.MainButton-module__mainButton.MainButton-module__disabled .MainButton-module__buttonSlot .MainButton-module__buttonLabel{color:#a4a7ae}.MainButton-module__mainButton .MainButton-module__buttonSlot{display:flex;align-items:center;gap:.5rem}.MainButton-module__mainButton .MainButton-module__buttonSlot .MainButton-module__buttonLabel{color:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400}.FormInput-module__inputWrapper{width:100%}.FormInput-module__inputWrapper .FormInput-module__inputLabel{color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputLabel .FormInput-module__required{color:#7f56d9;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer{position:relative;margin:.375rem 0;width:100%;border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;display:flex;padding-left:.75rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer input{background-color:transparent;width:100%;border:none;padding:.5rem 0;color:#181d27;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;outline:none}.FormInput-module__inputWrapper .FormInput-module__inputContainer input::placeholder{color:#717680}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__error{border-radius:.5rem;outline-color:#fda29b;outline-width:.0625rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__error.FormInput-module__focused{outline-width:.125rem;outline-color:#f04438}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__rightIcon,.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__leftIcon{display:flex;justify-content:center;align-items:center}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__rightIcon{margin:0 .5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__leftIcon{margin-right:.375rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown{padding:.5rem .75rem;display:grid;place-items:center;position:relative;color:#414651;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul{width:100%;position:absolute;left:50%;top:100%;transform:translate(-50%);max-height:9.375rem;overflow:hidden;background-color:#fff;border:.0625rem solid #d5d7da;border-radius:.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul li{padding:.375rem .75rem;width:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:initial;cursor:pointer}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul li:hover{background-color:#d5d7da}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown.FormInput-module__http{cursor:initial;border-right:.0625rem solid #d5d7da;margin-right:.75rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__disabled input{background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__sm{height:2.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__md{height:2.75rem}.FormInput-module__inputWrapper .FormInput-module__withCopy{display:grid;place-items:center;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem;gap:.5rem;display:flex;align-items:center;gap:.25rem;border-radius:0rem .5rem .5rem 0rem;border:.0625rem solid #d5d7da;background:#fff;padding:.625rem .875rem;color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.FormInput-module__inputWrapper .FormInput-module__withCopy:hover{background:#f0f0f0}.FormInput-module__inputWrapper .FormInput-module__withCopy:active{background:#ececec}.FormInput-module__inputWrapper .FormInput-module__inputHelperText p{color:#535862;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputHelperText.FormInput-module__error p{color:#d92d20}.Textarea-module__textareaContainer{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;flex-shrink:0}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel{display:flex;align-items:center;gap:.125rem}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel p{font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required{color:#7f56d9;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:500;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__wrap{position:relative;display:inline-block}.Textarea-module__textareaContainer .Textarea-module__wrap:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");width:.9375rem;background:transparent;position:absolute;right:.125rem;bottom:.3125rem;pointer-events:none;border-radius:25%}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;padding:.75rem .875rem;border:none;outline-color:#d5d7da;outline-width:.0625rem;outline-style:solid;position:relative;color:#181d27;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer{display:none}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar{width:0}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track{-webkit-box-shadow:none}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb{background-color:none;outline:0}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__error{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#fda29b;outline-width:.125rem;outline-style:solid}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__error.Textarea-module__focused{outline-color:#f04438}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder{color:#717680;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.Textarea-module__textareaContainer .Textarea-module__helperTextStyle{color:#535862;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__helperTextStyle.Textarea-module__error{color:#d92d20}.Toggle-module__toggleWrapper{width:36px;height:20px;position:relative;overflow:hidden;background:#f5f5f5;border-radius:624.9375rem;cursor:pointer}.Toggle-module__toggleWrapper:active{box-shadow:0 0 0 2px #fff,0 0 0 4px #9e77ed}.Toggle-module__toggleWrapper .Toggle-module__toggleState{width:1.125rem;height:16px;width:16px;border-radius:624.9375rem;background:#fff;transition:.2s;position:absolute;top:50%;left:.125rem;transform:translateY(-50%)}.Toggle-module__toggleWrapper.Toggle-module__checked{background:#7f56d9}.Toggle-module__toggleWrapper.Toggle-module__checked .Toggle-module__toggleState{left:calc(100% - 1.25rem)}.Toggle-module__toggleWrapper.Toggle-module__checked:hover{background:#6941c6}.Toggle-module__toggleWrapper.Toggle-module__checked.Toggle-module__disabled{background:#f5f5f5;cursor:no-drop}.Toggle-module__toggleWrapper.Toggle-module__disabled{pointer-events:none;-webkit-user-select:none;user-select:none;background:#f5f5f5}.Toggle-module__toggleWrapper.Toggle-module__disabled .Toggle-module__toggleState{background:#fafafa}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import Qe, { useState as X, useRef as Le, useEffect as Xe } from "react";
+var Ne = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,19 +10,19 @@ var We = { exports: {} }, ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xe;
-function yr() {
-  if (Xe) return ce;
-  Xe = 1;
-  var m = Ze, h = Symbol.for("react.element"), s = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, O = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function w(y, f, b) {
-    var l, x = {}, $ = null, F = null;
-    b !== void 0 && ($ = "" + b), f.key !== void 0 && ($ = "" + f.key), f.ref !== void 0 && (F = f.ref);
-    for (l in f) R.call(f, l) && !g.hasOwnProperty(l) && (x[l] = f[l]);
-    if (y && y.defaultProps) for (l in f = y.defaultProps, f) x[l] === void 0 && (x[l] = f[l]);
-    return { $$typeof: h, type: y, key: $, ref: F, props: x, _owner: O.current };
+var ze;
+function mr() {
+  if (ze) return ce;
+  ze = 1;
+  var p = Qe, v = Symbol.for("react.element"), a = Symbol.for("react.fragment"), g = Object.prototype.hasOwnProperty, S = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, E = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function R(h, c, y) {
+    var s, b = {}, j = null, F = null;
+    y !== void 0 && (j = "" + y), c.key !== void 0 && (j = "" + c.key), c.ref !== void 0 && (F = c.ref);
+    for (s in c) g.call(c, s) && !E.hasOwnProperty(s) && (b[s] = c[s]);
+    if (h && h.defaultProps) for (s in c = h.defaultProps, c) b[s] === void 0 && (b[s] = c[s]);
+    return { $$typeof: v, type: h, key: j, ref: F, props: b, _owner: S.current };
   }
-  return ce.Fragment = s, ce.jsx = w, ce.jsxs = w, ce;
+  return ce.Fragment = a, ce.jsx = R, ce.jsxs = R, ce;
 }
 var fe = {};
 /**
@@ -34,91 +34,91 @@ var fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
-function br() {
-  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var m = Ze, h = Symbol.for("react.element"), s = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), y = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), L = Symbol.iterator, W = "@@iterator";
-    function Y(e) {
+var Ze;
+function xr() {
+  return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
+    var p = Qe, v = Symbol.for("react.element"), a = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), h = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), A = Symbol.iterator, I = "@@iterator";
+    function N(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = L && e[L] || e[W];
+      var r = A && e[A] || e[I];
       return typeof r == "function" ? r : null;
     }
-    var T = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function p(e) {
+    var k = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
-        V("error", e, t);
+        M("error", e, t);
       }
     }
-    function V(e, r, t) {
+    function M(e, r, t) {
       {
-        var n = T.ReactDebugCurrentFrame, c = n.getStackAddendum();
-        c !== "" && (r += "%s", t = t.concat([c]));
+        var n = k.ReactDebugCurrentFrame, f = n.getStackAddendum();
+        f !== "" && (r += "%s", t = t.concat([f]));
         var d = t.map(function(u) {
           return String(u);
         });
         d.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, d);
       }
     }
-    var X = !1, z = !1, I = !1, N = !1, oe = !1, Z;
-    Z = Symbol.for("react.module.reference");
+    var z = !1, Z = !1, B = !1, L = !1, ie = !1, Q;
+    Q = Symbol.for("react.module.reference");
     function de(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === R || e === g || oe || e === O || e === b || e === l || N || e === F || X || z || I || typeof e == "object" && e !== null && (e.$$typeof === $ || e.$$typeof === x || e.$$typeof === w || e.$$typeof === y || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === g || e === E || ie || e === S || e === y || e === s || L || e === F || z || Z || B || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === b || e.$$typeof === R || e.$$typeof === h || e.$$typeof === c || // 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 === Z || e.getModuleId !== void 0));
+      e.$$typeof === Q || e.getModuleId !== void 0));
     }
     function se(e, r, t) {
       var n = e.displayName;
       if (n)
         return n;
-      var c = r.displayName || r.name || "";
-      return c !== "" ? t + "(" + c + ")" : t;
+      var f = r.displayName || r.name || "";
+      return f !== "" ? t + "(" + f + ")" : t;
     }
     function pe(e) {
       return e.displayName || "Context";
     }
-    function S(e) {
+    function P(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && _("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 R:
+        case g:
           return "Fragment";
-        case s:
+        case a:
           return "Portal";
-        case g:
+        case E:
           return "Profiler";
-        case O:
+        case S:
           return "StrictMode";
-        case b:
+        case y:
           return "Suspense";
-        case l:
+        case s:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
+          case h:
             var r = e;
             return pe(r) + ".Consumer";
-          case w:
+          case R:
             var t = e;
             return pe(t._context) + ".Provider";
-          case f:
+          case c:
             return se(e, e.render, "ForwardRef");
-          case x:
+          case b:
             var n = e.displayName || null;
-            return n !== null ? n : S(e.type) || "Memo";
-          case $: {
-            var c = e, d = c._payload, u = c._init;
+            return n !== null ? n : P(e.type) || "Memo";
+          case j: {
+            var f = e, d = f._payload, u = f._init;
             try {
-              return S(u(d));
+              return P(u(d));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function br() {
         }
       return null;
     }
-    var D = Object.assign, M = 0, ve, he, _e, ye, be, me, xe;
-    function Ce() {
+    var W = Object.assign, Y = 0, ve, _e, he, ye, me, xe, be;
+    function ge() {
     }
-    Ce.__reactDisabledLog = !0;
+    ge.__reactDisabledLog = !0;
     function we() {
       {
-        if (M === 0) {
-          ve = console.log, he = console.info, _e = console.warn, ye = console.error, be = console.group, me = console.groupCollapsed, xe = console.groupEnd;
+        if (Y === 0) {
+          ve = console.log, _e = console.info, he = console.warn, ye = console.error, me = console.group, xe = console.groupCollapsed, be = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Ce,
+            value: ge,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,52 +150,52 @@ function br() {
             groupEnd: e
           });
         }
-        M++;
+        Y++;
       }
     }
-    function Ye() {
+    function Me() {
       {
-        if (M--, M === 0) {
+        if (Y--, Y === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: D({}, e, {
+            log: W({}, e, {
               value: ve
             }),
-            info: D({}, e, {
-              value: he
-            }),
-            warn: D({}, e, {
+            info: W({}, e, {
               value: _e
             }),
-            error: D({}, e, {
-              value: ye
+            warn: W({}, e, {
+              value: he
             }),
-            group: D({}, e, {
-              value: be
+            error: W({}, e, {
+              value: ye
             }),
-            groupCollapsed: D({}, e, {
+            group: W({}, e, {
               value: me
             }),
-            groupEnd: D({}, e, {
+            groupCollapsed: W({}, e, {
               value: xe
+            }),
+            groupEnd: W({}, e, {
+              value: be
             })
           });
         }
-        M < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var le = T.ReactCurrentDispatcher, ue;
-    function B(e, r, t) {
+    var le = k.ReactCurrentDispatcher, ue;
+    function V(e, r, t) {
       {
         if (ue === void 0)
           try {
             throw Error();
-          } catch (c) {
-            var n = c.stack.trim().match(/\n( *(at )?)/);
+          } catch (f) {
+            var n = f.stack.trim().match(/\n( *(at )?)/);
             ue = n && n[1] || "";
           }
         return `
@@ -204,8 +204,8 @@ function br() {
     }
     var U = !1, q;
     {
-      var Te = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new Te();
+      var Se = typeof WeakMap == "function" ? WeakMap : Map;
+      q = new Se();
     }
     function H(e, r) {
       if (!e || U)
@@ -217,7 +217,7 @@ function br() {
       }
       var n;
       U = !0;
-      var c = Error.prepareStackTrace;
+      var f = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var d;
       d = le.current, le.current = null, we();
@@ -233,125 +233,125 @@ function br() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(u, []);
-            } catch (j) {
-              n = j;
+            } catch (w) {
+              n = w;
             }
             Reflect.construct(e, [], u);
           } else {
             try {
               u.call();
-            } catch (j) {
-              n = j;
+            } catch (w) {
+              n = w;
             }
             e.call(u.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (j) {
-            n = j;
+          } catch (w) {
+            n = w;
           }
           e();
         }
-      } catch (j) {
-        if (j && n && typeof j.stack == "string") {
-          for (var o = j.stack.split(`
-`), E = n.stack.split(`
-`), v = o.length - 1, _ = E.length - 1; v >= 1 && _ >= 0 && o[v] !== E[_]; )
-            _--;
-          for (; v >= 1 && _ >= 0; v--, _--)
-            if (o[v] !== E[_]) {
-              if (v !== 1 || _ !== 1)
+      } catch (w) {
+        if (w && n && typeof w.stack == "string") {
+          for (var l = w.stack.split(`
+`), T = n.stack.split(`
+`), m = l.length - 1, x = T.length - 1; m >= 1 && x >= 0 && l[m] !== T[x]; )
+            x--;
+          for (; m >= 1 && x >= 0; m--, x--)
+            if (l[m] !== T[x]) {
+              if (m !== 1 || x !== 1)
                 do
-                  if (v--, _--, _ < 0 || o[v] !== E[_]) {
-                    var k = `
-` + o[v].replace(" at new ", " at ");
-                    return e.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, k), k;
+                  if (m--, x--, x < 0 || l[m] !== T[x]) {
+                    var O = `
+` + l[m].replace(" at new ", " at ");
+                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, O), O;
                   }
-                while (v >= 1 && _ >= 0);
+                while (m >= 1 && x >= 0);
               break;
             }
         }
       } finally {
-        U = !1, le.current = d, Ye(), Error.prepareStackTrace = c;
+        U = !1, le.current = d, Me(), Error.prepareStackTrace = f;
       }
-      var ne = e ? e.displayName || e.name : "", G = ne ? B(ne) : "";
+      var oe = e ? e.displayName || e.name : "", G = oe ? V(oe) : "";
       return typeof e == "function" && q.set(e, G), G;
     }
-    function Se(e, r, t) {
+    function ke(e, r, t) {
       return H(e, !1);
     }
-    function ke(e) {
+    function Pe(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function Q(e, r, t) {
+    function ee(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return H(e, ke(e));
+        return H(e, Pe(e));
       if (typeof e == "string")
-        return B(e);
+        return V(e);
       switch (e) {
-        case b:
-          return B("Suspense");
-        case l:
-          return B("SuspenseList");
+        case y:
+          return V("Suspense");
+        case s:
+          return V("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
-            return Se(e.render);
-          case x:
-            return Q(e.type, r, t);
-          case $: {
-            var n = e, c = n._payload, d = n._init;
+          case c:
+            return ke(e.render);
+          case b:
+            return ee(e.type, r, t);
+          case j: {
+            var n = e, f = n._payload, d = n._init;
             try {
-              return Q(d(c), r, t);
+              return ee(d(f), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var K = Object.prototype.hasOwnProperty, Ee = {}, Re = T.ReactDebugCurrentFrame;
-    function ee(e) {
+    var K = Object.prototype.hasOwnProperty, Ce = {}, Ee = k.ReactDebugCurrentFrame;
+    function re(e) {
       if (e) {
-        var r = e._owner, t = Q(e.type, e._source, r ? r.type : null);
-        Re.setExtraStackFrame(t);
+        var r = e._owner, t = ee(e.type, e._source, r ? r.type : null);
+        Ee.setExtraStackFrame(t);
       } else
-        Re.setExtraStackFrame(null);
+        Ee.setExtraStackFrame(null);
     }
-    function je(e, r, t, n, c) {
+    function Re(e, r, t, n, f) {
       {
         var d = Function.call.bind(K);
         for (var u in e)
           if (d(e, u)) {
-            var o = void 0;
+            var l = void 0;
             try {
               if (typeof e[u] != "function") {
-                var E = Error((n || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw E.name = "Invariant Violation", E;
+                var T = Error((n || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw T.name = "Invariant Violation", T;
               }
-              o = e[u](r, u, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (v) {
-              o = v;
+              l = e[u](r, u, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (m) {
+              l = m;
             }
-            o && !(o instanceof Error) && (ee(c), p("%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", t, u, typeof o), ee(null)), o instanceof Error && !(o.message in Ee) && (Ee[o.message] = !0, ee(c), p("Failed %s type: %s", t, o.message), ee(null));
+            l && !(l instanceof Error) && (re(f), _("%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", t, u, typeof l), re(null)), l instanceof Error && !(l.message in Ce) && (Ce[l.message] = !0, re(f), _("Failed %s type: %s", t, l.message), re(null));
           }
       }
     }
-    var Pe = Array.isArray;
-    function re(e) {
-      return Pe(e);
+    var Oe = Array.isArray;
+    function te(e) {
+      return Oe(e);
     }
-    function Oe(e) {
+    function $e(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return t;
       }
     }
-    function ge(e) {
+    function je(e) {
       try {
         return i(e), !1;
       } catch {
@@ -361,18 +361,18 @@ function br() {
     function i(e) {
       return "" + e;
     }
-    function A(e) {
-      if (ge(e))
-        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Oe(e)), i(e);
+    function D(e) {
+      if (je(e))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $e(e)), i(e);
     }
-    var J = T.ReactCurrentOwner, Qe = {
+    var J = k.ReactCurrentOwner, er = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ve, Ie, $e;
-    $e = {};
-    function er(e) {
+    }, Be, Ye, Fe;
+    Fe = {};
+    function rr(e) {
       if (K.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
@@ -380,7 +380,7 @@ function br() {
       }
       return e.ref !== void 0;
     }
-    function rr(e) {
+    function tr(e) {
       if (K.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
@@ -388,16 +388,16 @@ function br() {
       }
       return e.key !== void 0;
     }
-    function tr(e, r) {
+    function nr(e, r) {
       if (typeof e.ref == "string" && J.current && r && J.current.stateNode !== r) {
-        var t = S(J.current.type);
-        $e[t] || (p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', S(J.current.type), e.ref), $e[t] = !0);
+        var t = P(J.current.type);
+        Fe[t] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(J.current.type), e.ref), Fe[t] = !0);
       }
     }
-    function nr(e, r) {
+    function or(e, r) {
       {
         var t = function() {
-          Ve || (Ve = !0, p("%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)", r));
+          Be || (Be = !0, _("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -408,7 +408,7 @@ function br() {
     function ar(e, r) {
       {
         var t = function() {
-          Ie || (Ie = !0, p("%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)", r));
+          Ye || (Ye = !0, _("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -416,10 +416,10 @@ function br() {
         });
       }
     }
-    var ir = function(e, r, t, n, c, d, u) {
-      var o = {
+    var ir = function(e, r, t, n, f, d, u) {
+      var l = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: h,
+        $$typeof: v,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -428,58 +428,58 @@ function br() {
         // Record the component responsible for creating this element.
         _owner: d
       };
-      return o._store = {}, Object.defineProperty(o._store, "validated", {
+      return l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(o, "_self", {
+      }), Object.defineProperty(l, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: n
-      }), Object.defineProperty(o, "_source", {
+      }), Object.defineProperty(l, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: c
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+        value: f
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     };
-    function or(e, r, t, n, c) {
+    function sr(e, r, t, n, f) {
       {
-        var d, u = {}, o = null, E = null;
-        t !== void 0 && (A(t), o = "" + t), rr(r) && (A(r.key), o = "" + r.key), er(r) && (E = r.ref, tr(r, c));
+        var d, u = {}, l = null, T = null;
+        t !== void 0 && (D(t), l = "" + t), tr(r) && (D(r.key), l = "" + r.key), rr(r) && (T = r.ref, nr(r, f));
         for (d in r)
-          K.call(r, d) && !Qe.hasOwnProperty(d) && (u[d] = r[d]);
+          K.call(r, d) && !er.hasOwnProperty(d) && (u[d] = r[d]);
         if (e && e.defaultProps) {
-          var v = e.defaultProps;
-          for (d in v)
-            u[d] === void 0 && (u[d] = v[d]);
+          var m = e.defaultProps;
+          for (d in m)
+            u[d] === void 0 && (u[d] = m[d]);
         }
-        if (o || E) {
-          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          o && nr(u, _), E && ar(u, _);
+        if (l || T) {
+          var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          l && or(u, x), T && ar(u, x);
         }
-        return ir(e, o, E, c, n, J.current, u);
+        return ir(e, l, T, f, n, J.current, u);
       }
     }
-    var Ae = T.ReactCurrentOwner, Me = T.ReactDebugCurrentFrame;
-    function te(e) {
+    var Ae = k.ReactCurrentOwner, Ve = k.ReactDebugCurrentFrame;
+    function ne(e) {
       if (e) {
-        var r = e._owner, t = Q(e.type, e._source, r ? r.type : null);
-        Me.setExtraStackFrame(t);
+        var r = e._owner, t = ee(e.type, e._source, r ? r.type : null);
+        Ve.setExtraStackFrame(t);
       } else
-        Me.setExtraStackFrame(null);
+        Ve.setExtraStackFrame(null);
     }
     var De;
     De = !1;
-    function Fe(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === h;
+    function Ie(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === v;
     }
-    function Be() {
+    function Ue() {
       {
         if (Ae.current) {
-          var e = S(Ae.current.type);
+          var e = P(Ae.current.type);
           if (e)
             return `
 
@@ -488,13 +488,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function sr(e) {
+    function lr(e) {
       return "";
     }
-    var Ue = {};
-    function lr(e) {
+    var qe = {};
+    function ur(e) {
       {
-        var r = Be();
+        var r = Ue();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -504,39 +504,39 @@ Check the top-level render call using <` + t + ">.");
         return r;
       }
     }
-    function qe(e, r) {
+    function He(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var t = lr(r);
-        if (Ue[t])
+        var t = ur(r);
+        if (qe[t])
           return;
-        Ue[t] = !0;
+        qe[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== Ae.current && (n = " It was passed a child from " + S(e._owner.type) + "."), te(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), te(null);
+        e && e._owner && e._owner !== Ae.current && (n = " It was passed a child from " + P(e._owner.type) + "."), ne(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), ne(null);
       }
     }
-    function He(e, r) {
+    function Ke(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (re(e))
+        if (te(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            Fe(n) && qe(n, r);
+            Ie(n) && He(n, r);
           }
-        else if (Fe(e))
+        else if (Ie(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var c = Y(e);
-          if (typeof c == "function" && c !== e.entries)
-            for (var d = c.call(e), u; !(u = d.next()).done; )
-              Fe(u.value) && qe(u.value, r);
+          var f = N(e);
+          if (typeof f == "function" && f !== e.entries)
+            for (var d = f.call(e), u; !(u = d.next()).done; )
+              Ie(u.value) && He(u.value, r);
         }
       }
     }
-    function ur(e) {
+    function cr(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
@@ -544,398 +544,450 @@ Check the top-level render call using <` + t + ">.");
         var t;
         if (typeof r == "function")
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === x))
+        r.$$typeof === b))
           t = r.propTypes;
         else
           return;
         if (t) {
-          var n = S(r);
-          je(t, e.props, "prop", n, e);
+          var n = P(r);
+          Re(t, e.props, "prop", n, e);
         } else if (r.PropTypes !== void 0 && !De) {
           De = !0;
-          var c = S(r);
-          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", c || "Unknown");
+          var f = P(r);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", f || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function cr(e) {
+    function fr(e) {
       {
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            te(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), te(null);
+            ne(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), ne(null);
             break;
           }
         }
-        e.ref !== null && (te(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
+        e.ref !== null && (ne(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
       }
     }
-    var Ke = {};
-    function Je(e, r, t, n, c, d) {
+    var Je = {};
+    function Ge(e, r, t, n, f, d) {
       {
         var u = de(e);
         if (!u) {
-          var o = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " 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 E = sr();
-          E ? o += E : o += Be();
-          var v;
-          e === null ? v = "null" : re(e) ? v = "array" : e !== void 0 && e.$$typeof === h ? (v = "<" + (S(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : v = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", v, o);
+          var l = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " 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 T = lr();
+          T ? l += T : l += Ue();
+          var m;
+          e === null ? m = "null" : te(e) ? m = "array" : e !== void 0 && e.$$typeof === v ? (m = "<" + (P(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : m = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", m, l);
         }
-        var _ = or(e, r, t, c, d);
-        if (_ == null)
-          return _;
+        var x = sr(e, r, t, f, d);
+        if (x == null)
+          return x;
         if (u) {
-          var k = r.children;
-          if (k !== void 0)
+          var O = r.children;
+          if (O !== void 0)
             if (n)
-              if (re(k)) {
-                for (var ne = 0; ne < k.length; ne++)
-                  He(k[ne], e);
-                Object.freeze && Object.freeze(k);
+              if (te(O)) {
+                for (var oe = 0; oe < O.length; oe++)
+                  Ke(O[oe], e);
+                Object.freeze && Object.freeze(O);
               } else
-                p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                _("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
-              He(k, e);
+              Ke(O, e);
         }
         if (K.call(r, "key")) {
-          var G = S(e), j = Object.keys(r).filter(function(_r) {
-            return _r !== "key";
-          }), Le = j.length > 0 ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ke[G + Le]) {
-            var hr = j.length > 0 ? "{" + j.join(": ..., ") + ": ...}" : "{}";
-            p(`A props object containing a "key" prop is being spread into JSX:
+          var G = P(e), w = Object.keys(r).filter(function(yr) {
+            return yr !== "key";
+          }), We = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Je[G + We]) {
+            var hr = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
+            _(`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} />`, Le, G, hr, G), Ke[G + Le] = !0;
+  <%s key={someKey} {...props} />`, We, G, hr, G), Je[G + We] = !0;
           }
         }
-        return e === R ? cr(_) : ur(_), _;
+        return e === g ? fr(x) : cr(x), x;
       }
     }
-    function fr(e, r, t) {
-      return Je(e, r, t, !0);
-    }
     function dr(e, r, t) {
-      return Je(e, r, t, !1);
+      return Ge(e, r, t, !0);
     }
-    var pr = dr, vr = fr;
-    fe.Fragment = R, fe.jsx = pr, fe.jsxs = vr;
+    function pr(e, r, t) {
+      return Ge(e, r, t, !1);
+    }
+    var vr = pr, _r = dr;
+    fe.Fragment = g, fe.jsx = vr, fe.jsxs = _r;
   }()), fe;
 }
-process.env.NODE_ENV === "production" ? We.exports = yr() : We.exports = br();
-var a = We.exports;
-const mr = "mc__mainButton", xr = "mc__sm", Cr = "mc__onlyIcon", Er = "mc__buttonSlot", Rr = "mc__buttonLabel", jr = "mc__md", gr = "mc__lg", wr = "mc__xl", Tr = "mc__xl2", Sr = "mc__disabled", ae = {
-  mainButton: mr,
-  sm: xr,
+process.env.NODE_ENV === "production" ? Ne.exports = mr() : Ne.exports = xr();
+var o = Ne.exports;
+const br = "MainButton-module__mainButton", gr = "MainButton-module__sm", Cr = "MainButton-module__onlyIcon", Er = "MainButton-module__buttonSlot", Rr = "MainButton-module__buttonLabel", jr = "MainButton-module__md", Tr = "MainButton-module__lg", wr = "MainButton-module__xl", Sr = "MainButton-module__xl2", kr = "MainButton-module__disabled", ae = {
+  mainButton: br,
+  sm: gr,
   onlyIcon: Cr,
   buttonSlot: Er,
   buttonLabel: Rr,
   md: jr,
-  lg: gr,
+  lg: Tr,
   xl: wr,
-  xl2: Tr,
-  disabled: Sr
-}, nt = ({
-  label: m,
-  buttonType: h = "button",
-  onClick: s,
-  size: R = "md",
-  disabled: O,
-  withIcons: g,
-  iconOne: w,
-  iconTwo: y,
-  onlyIcon: f,
-  buttonStyle: b,
-  labelStyle: l,
-  buttonSlotStyle: x
-}) => /* @__PURE__ */ a.jsx(
+  xl2: Sr,
+  disabled: kr
+}, lt = ({
+  label: p,
+  buttonType: v = "button",
+  onClick: a,
+  size: g = "md",
+  disabled: S,
+  withIcons: E,
+  iconOne: R,
+  iconTwo: h,
+  onlyIcon: c,
+  buttonStyle: y,
+  labelStyle: s,
+  buttonSlotStyle: b
+}) => /* @__PURE__ */ o.jsx(
   "button",
   {
-    type: h,
-    style: b && typeof b == "object" ? b : {},
-    className: `${ae.mainButton}  ${f ? ae.onlyIcon : ""} ${R ? ae[R] : ""}  ${O ? ae.disabled : ""}`,
+    type: v,
+    style: y && typeof y == "object" ? y : {},
+    className: `${ae.mainButton}  ${c ? ae.onlyIcon : ""} ${g ? ae[g] : ""}  ${S ? ae.disabled : ""}`,
     onClick: () => {
-      s && typeof s == "function" && s();
+      a && typeof a == "function" && a();
     },
-    children: /* @__PURE__ */ a.jsxs("div", { className: ae.buttonSlot, style: x ?? {}, children: [
-      f || g && w ? w : "",
-      !f && /* @__PURE__ */ a.jsx("span", { style: l ?? {}, className: ae.buttonLabel, children: m ?? "Button" }),
-      g && y ? y : ""
+    children: /* @__PURE__ */ o.jsxs("div", { className: ae.buttonSlot, style: b ?? {}, children: [
+      c || E && R ? R : "",
+      !c && /* @__PURE__ */ o.jsx("span", { style: s ?? {}, className: ae.buttonLabel, children: p ?? "Button" }),
+      E && h ? h : ""
     ] })
   }
-), kr = "mc__inputWrapper", Pr = "mc__inputLabel", Or = "mc__required", $r = "mc__inputContainer", Ar = "mc__focused", Dr = "mc__error", Fr = "mc__rightIcon", Lr = "mc__leftIcon", Nr = "mc__inputDropDown", Wr = "mc__http", Yr = "mc__disabled", Vr = "mc__sm", Ir = "mc__md", Mr = "mc__withCopy", Br = "mc__inputHelperText", C = {
-  inputWrapper: kr,
-  inputLabel: Pr,
-  required: Or,
-  inputContainer: $r,
+), Pr = "FormInput-module__inputWrapper", Or = "FormInput-module__inputLabel", $r = "FormInput-module__required", Fr = "FormInput-module__inputContainer", Ar = "FormInput-module__focused", Dr = "FormInput-module__error", Ir = "FormInput-module__rightIcon", Wr = "FormInput-module__leftIcon", Lr = "FormInput-module__inputDropDown", Nr = "FormInput-module__http", Mr = "FormInput-module__disabled", Br = "FormInput-module__sm", Yr = "FormInput-module__md", Vr = "FormInput-module__withCopy", Ur = "FormInput-module__inputHelperText", C = {
+  inputWrapper: Pr,
+  inputLabel: Or,
+  required: $r,
+  inputContainer: Fr,
   focused: Ar,
   error: Dr,
-  rightIcon: Fr,
-  leftIcon: Lr,
-  inputDropDown: Nr,
-  http: Wr,
-  disabled: Yr,
-  sm: Vr,
-  md: Ir,
-  withCopy: Mr,
-  inputHelperText: Br
-}, Ur = ({ width: m, height: h, color: s }) => /* @__PURE__ */ a.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: m ?? "12", height: h ?? "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ a.jsx("path", { d: "M1 1.5L6 6.5L11 1.5", stroke: s ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), qr = ({ width: m, height: h, color: s }) => /* @__PURE__ */ a.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: m ?? "20", height: h ?? "20", viewBox: "0 0 20 20", fill: "none", children: [
-  /* @__PURE__ */ a.jsx("g", { clipPath: "url(#clip0_444_26)", children: /* @__PURE__ */ a.jsx(
+  rightIcon: Ir,
+  leftIcon: Wr,
+  inputDropDown: Lr,
+  http: Nr,
+  disabled: Mr,
+  sm: Br,
+  md: Yr,
+  withCopy: Vr,
+  inputHelperText: Ur
+}, qr = ({ width: p, height: v, color: a }) => /* @__PURE__ */ o.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: p ?? "12", height: v ?? "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ o.jsx("path", { d: "M1 1.5L6 6.5L11 1.5", stroke: a ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), Hr = ({ width: p, height: v, color: a }) => /* @__PURE__ */ o.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: p ?? "20", height: v ?? "20", viewBox: "0 0 20 20", fill: "none", children: [
+  /* @__PURE__ */ o.jsx("g", { clipPath: "url(#clip0_444_26)", children: /* @__PURE__ */ o.jsx(
     "path",
     {
       d: "M4.1665 12.5C3.38993 12.5 3.00165 12.5 2.69536 12.3732C2.28698 12.204 1.96253 11.8795 1.79337 11.4712C1.6665 11.1649 1.6665 10.7766 1.6665 10V4.33335C1.6665 3.39993 1.6665 2.93322 1.84816 2.5767C2.00795 2.2631 2.26292 2.00813 2.57652 1.84834C2.93304 1.66669 3.39975 1.66669 4.33317 1.66669H9.99984C10.7764 1.66669 11.1647 1.66669 11.471 1.79355C11.8794 1.96271 12.2038 2.28717 12.373 2.69555C12.4998 3.00183 12.4998 3.39012 12.4998 4.16669M10.1665 18.3334H15.6665C16.5999 18.3334 17.0666 18.3334 17.4232 18.1517C17.7368 17.9919 17.9917 17.7369 18.1515 17.4233C18.3332 17.0668 18.3332 16.6001 18.3332 15.6667V10.1667C18.3332 9.23327 18.3332 8.76656 18.1515 8.41004C17.9917 8.09643 17.7368 7.84147 17.4232 7.68168C17.0666 7.50002 16.5999 7.50002 15.6665 7.50002H10.1665C9.23308 7.50002 8.76637 7.50002 8.40985 7.68168C8.09625 7.84147 7.84128 8.09643 7.68149 8.41004C7.49984 8.76656 7.49984 9.23327 7.49984 10.1667V15.6667C7.49984 16.6001 7.49984 17.0668 7.68149 17.4233C7.84128 17.7369 8.09625 17.9919 8.40985 18.1517C8.76637 18.3334 9.23308 18.3334 10.1665 18.3334Z",
-      stroke: s ?? "#414651",
+      stroke: a ?? "#414651",
       strokeWidth: "1.66667",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
   ) }),
-  /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("clipPath", { id: "clip0_444_26", children: /* @__PURE__ */ a.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })
-] }), at = ({
-  value: m,
-  label: h,
-  placeholder: s,
-  required: R,
-  disabled: O,
-  type: g,
-  size: w,
-  onChange: y,
-  onFouce: f,
-  onBlur: b,
-  msg: l,
-  readOnly: x,
-  maxLength: $,
+  /* @__PURE__ */ o.jsx("defs", { children: /* @__PURE__ */ o.jsx("clipPath", { id: "clip0_444_26", children: /* @__PURE__ */ o.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })
+] }), ut = ({
+  value: p,
+  label: v,
+  placeholder: a,
+  required: g,
+  disabled: S,
+  type: E,
+  size: R,
+  onChange: h,
+  onFouce: c,
+  onBlur: y,
+  msg: s,
+  readOnly: b,
+  maxLength: j,
   onlyText: F,
-  onRightIconIconClick: L,
-  onRightIconIconMouseEnter: W,
-  onRightIconIconMouseLeave: Y,
-  onLeftIconIconClick: T,
-  onLeftIconIconMouseEnter: p,
-  onLeftIconIconMouseLeave: V,
-  rightIcon: X,
-  leftIcon: z,
-  withDropDown: I,
-  dropdownData: N,
-  onSelectData: oe,
-  withLink: Z,
+  onRightIconIconClick: A,
+  onRightIconIconMouseEnter: I,
+  onRightIconIconMouseLeave: N,
+  onLeftIconIconClick: k,
+  onLeftIconIconMouseEnter: _,
+  onLeftIconIconMouseLeave: M,
+  rightIcon: z,
+  leftIcon: Z,
+  withDropDown: B,
+  dropdownData: L,
+  onSelectData: ie,
+  withLink: Q,
   withCopy: de,
   onCopy: se,
   inputWrapperStyle: pe,
-  inputLabelStyle: S,
-  requiredStyle: D,
-  inputContainerStyle: M,
+  inputLabelStyle: P,
+  requiredStyle: W,
+  inputContainerStyle: Y,
   leftIconStyle: ve,
-  inputDropDownStyle: he,
-  ulStyle: _e,
+  inputDropDownStyle: _e,
+  ulStyle: he,
   liStyle: ye,
-  httpStyle: be,
-  inputStyle: me,
-  rightIconStyle: xe,
-  withCopyStyle: Ce,
+  httpStyle: me,
+  inputStyle: xe,
+  rightIconStyle: be,
+  withCopyStyle: ge,
   inputHelperTextStyle: we
 }) => {
-  const [Ye, le] = ie(!1), [ue, B] = ie(!1);
-  ie(!1);
-  const U = Ne(null), q = Ne(null), [Te, H] = ie(!1), [Se, ke] = ie(1), Q = (i) => {
-    let A = i.target.value;
-    A.length === 1 && (A = A.trim()), y && typeof y == "function" && y(F ? A.replace(/\d/g, "") : A);
+  const [Me, le] = X(!1), [ue, V] = X(!1);
+  X(!1);
+  const U = Le(null), q = Le(null), [Se, H] = X(!1), [ke, Pe] = X(1), ee = (i) => {
+    let D = i.target.value;
+    D.length === 1 && (D = D.trim()), h && typeof h == "function" && h(F ? D.replace(/\d/g, "") : D);
   }, K = () => {
-    B(!0), f && typeof f == "function" && f();
-  }, Ee = () => {
-    B(!1), b && typeof b == "function" && b();
-  }, Re = (i) => {
+    V(!0), c && typeof c == "function" && c();
+  }, Ce = () => {
+    V(!1), y && typeof y == "function" && y();
+  }, Ee = (i) => {
     const J = i.target.value.length === 0;
-    g === "number" && (i.keyCode === 69 || !J && (i.keyCode === 187 || i.keyCode === 107 || i.keyCode === 189 || i.keyCode === 109)) && i.preventDefault();
-  }, ee = () => {
-    se && typeof se == "function" && se(m);
-  }, je = (i) => i, Pe = () => {
+    E === "number" && (i.keyCode === 69 || !J && (i.keyCode === 187 || i.keyCode === 107 || i.keyCode === 189 || i.keyCode === 109)) && i.preventDefault();
+  }, re = () => {
+    se && typeof se == "function" && se(p);
+  }, Re = (i) => i, Oe = () => {
     let i = {};
-    return de && (i.borderTopRightRadius = 0, i.borderBottomRightRadius = 0, i.borderRight = 0), I && (i.paddingLeft = 0), { ...i, ...M ?? {} };
-  }, re = (i) => {
+    return de && (i.borderTopRightRadius = 0, i.borderBottomRightRadius = 0, i.borderRight = 0), B && (i.paddingLeft = 0), { ...i, ...Y ?? {} };
+  }, te = (i) => {
     !i.composedPath().includes(q.current) && i.composedPath().includes(U.current) || H(!1);
-  }, Oe = (i) => {
-    ke(i.id), H(!1), oe && typeof oe == "function" && oe(i);
+  }, $e = (i) => {
+    Pe(i.id), H(!1), ie && typeof ie == "function" && ie(i);
   };
-  Ge(() => (document.addEventListener("click", re), () => {
-    document.removeEventListener("click", re);
+  Xe(() => (document.addEventListener("click", te), () => {
+    document.removeEventListener("click", te);
   }), []);
-  const ge = Ne(!1);
-  return Ge(() => {
-    ge.current ? setTimeout(() => {
+  const je = Le(!1);
+  return Xe(() => {
+    je.current ? setTimeout(() => {
       le((i) => !i);
-    }, 0) : ge.current = !0;
-  }, []), /* @__PURE__ */ a.jsxs("div", { className: C.inputWrapper, style: pe ?? {}, children: [
-    h && /* @__PURE__ */ a.jsxs("label", { className: C.inputLabel, style: S ?? {}, children: [
-      h,
+    }, 0) : je.current = !0;
+  }, []), /* @__PURE__ */ o.jsxs("div", { className: C.inputWrapper, style: pe ?? {}, children: [
+    v && /* @__PURE__ */ o.jsxs("label", { className: C.inputLabel, style: P ?? {}, children: [
+      v,
       " ",
-      /* @__PURE__ */ a.jsx("span", { className: C.required, style: D ?? {}, children: R && "*" })
+      /* @__PURE__ */ o.jsx("span", { className: C.required, style: W ?? {}, children: g && "*" })
     ] }),
-    /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ o.jsxs(
         "div",
         {
-          style: Pe(),
-          className: `${C.inputContainer} ${ue && !x ? C.focused : ""} ${O ? C.disabled : ""} ${l != null && l.error ? C.error : ""} ${C[w ?? "sm"]}`,
+          style: Oe(),
+          className: `${C.inputContainer} ${ue && !b ? C.focused : ""} ${S ? C.disabled : ""} ${s != null && s.error ? C.error : ""} ${C[R ?? "sm"]}`,
           children: [
-            !I && !Z && z && /* @__PURE__ */ a.jsx(
+            !B && !Q && Z && /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: C.leftIcon,
                 style: ve ?? {},
                 onClick: () => {
-                  T && typeof T == "function" && T();
+                  k && typeof k == "function" && k();
                 },
                 onMouseEnter: () => {
-                  p && typeof p == "function" && p();
+                  _ && typeof _ == "function" && _();
                 },
                 onMouseLeave: () => {
-                  V && typeof V == "function" && V();
+                  M && typeof M == "function" && M();
                 },
-                children: je(z)
+                children: Re(Z)
               }
             ),
-            !Z && I && /* @__PURE__ */ a.jsxs("div", { className: C.inputDropDown, style: he ?? {}, onClick: () => H(!0), ref: U, children: [
-              N.find((i) => i.id === Se).label,
-              Te && /* @__PURE__ */ a.jsx("ul", { ref: q, style: _e ?? {}, children: N && N.length && N.map((i, A) => /* @__PURE__ */ a.jsx("li", { style: ye ?? {}, onClick: () => Oe(i), children: (i == null ? void 0 : i.label) ?? "-" }, i.id)) }),
-              /* @__PURE__ */ a.jsx(Ur, {})
+            !Q && B && /* @__PURE__ */ o.jsxs("div", { className: C.inputDropDown, style: _e ?? {}, onClick: () => H(!0), ref: U, children: [
+              L.find((i) => i.id === ke).label,
+              Se && /* @__PURE__ */ o.jsx("ul", { ref: q, style: he ?? {}, children: L && L.length && L.map((i, D) => /* @__PURE__ */ o.jsx("li", { style: ye ?? {}, onClick: () => $e(i), children: (i == null ? void 0 : i.label) ?? "-" }, i.id)) }),
+              /* @__PURE__ */ o.jsx(qr, {})
             ] }),
-            Z && /* @__PURE__ */ a.jsx("div", { className: `${C.inputDropDown} ${C.http}`, style: be ?? {}, onClick: () => H(!0), ref: U, children: "http://" }),
-            /* @__PURE__ */ a.jsx(
+            Q && /* @__PURE__ */ o.jsx("div", { className: `${C.inputDropDown} ${C.http}`, style: me ?? {}, onClick: () => H(!0), ref: U, children: "http://" }),
+            /* @__PURE__ */ o.jsx(
               "input",
               {
-                style: me ?? {},
-                type: g ?? "text",
-                value: m,
-                onChange: (i) => Q(i),
+                style: xe ?? {},
+                type: E ?? "text",
+                value: p,
+                onChange: (i) => ee(i),
                 onFocus: K,
-                onBlur: Ee,
-                disabled: O,
-                required: R,
-                onKeyDown: Re,
-                readOnly: x,
+                onBlur: Ce,
+                disabled: S,
+                required: g,
+                onKeyDown: Ee,
+                readOnly: b,
                 spellCheck: !1,
-                placeholder: s ?? "",
+                placeholder: a ?? "",
                 autoComplete: "off",
-                maxLength: $
+                maxLength: j
               }
             ),
-            X && /* @__PURE__ */ a.jsx(
+            z && /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: C.rightIcon,
-                style: xe ?? {},
+                style: be ?? {},
                 onClick: () => {
-                  L && typeof L == "function" && L();
+                  A && typeof A == "function" && A();
                 },
                 onMouseEnter: () => {
-                  W && typeof W == "function" && W();
+                  I && typeof I == "function" && I();
                 },
                 onMouseLeave: () => {
-                  Y && typeof Y == "function" && Y();
+                  N && typeof N == "function" && N();
                 },
-                children: je(X)
+                children: Re(z)
               }
             )
           ]
         }
       ),
-      de && /* @__PURE__ */ a.jsxs("div", { style: Ce ?? {}, onClick: ee, className: C.withCopy, children: [
-        /* @__PURE__ */ a.jsx(qr, {}),
+      de && /* @__PURE__ */ o.jsxs("div", { style: ge ?? {}, onClick: re, className: C.withCopy, children: [
+        /* @__PURE__ */ o.jsx(Hr, {}),
         "Copy"
       ] })
     ] }),
-    l && (l == null ? void 0 : l.visigle) && /* @__PURE__ */ a.jsx("div", { style: we ?? {}, className: `${C.inputHelperText} ${l != null && l.error ? C.error : ""}`, children: /* @__PURE__ */ a.jsx("p", { style: (l == null ? void 0 : l.style) ?? {}, children: l.text }) })
+    s && (s == null ? void 0 : s.visigle) && /* @__PURE__ */ o.jsx("div", { style: we ?? {}, className: `${C.inputHelperText} ${s != null && s.error ? C.error : ""}`, children: /* @__PURE__ */ o.jsx("p", { style: (s == null ? void 0 : s.style) ?? {}, children: s.text }) })
   ] });
-}, Hr = "mc__textareaContainer", Kr = "mc__textAreaLabel", Jr = "mc__required", Gr = "mc__wrap", Xr = "mc__textarea", zr = "mc__focused", Zr = "mc__disabled", Qr = "mc__error", et = "mc__helperTextStyle", P = {
-  textareaContainer: Hr,
-  textAreaLabel: Kr,
-  required: Jr,
-  wrap: Gr,
-  textarea: Xr,
-  focused: zr,
-  disabled: Zr,
-  error: Qr,
-  helperTextStyle: et
-}, rt = ({ width: m, height: h, color: s }) => /* @__PURE__ */ a.jsxs("svg", { width: m ?? "16", height: h ?? "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ a.jsx("g", { id: "help-circle", clipPath: "url(#clip0_433_6293)", children: /* @__PURE__ */ a.jsx(
+}, Kr = "Textarea-module__textareaContainer", Jr = "Textarea-module__textAreaLabel", Gr = "Textarea-module__required", Xr = "Textarea-module__wrap", zr = "Textarea-module__textarea", Zr = "Textarea-module__focused", Qr = "Textarea-module__disabled", et = "Textarea-module__error", rt = "Textarea-module__helperTextStyle", $ = {
+  textareaContainer: Kr,
+  textAreaLabel: Jr,
+  required: Gr,
+  wrap: Xr,
+  textarea: zr,
+  focused: Zr,
+  disabled: Qr,
+  error: et,
+  helperTextStyle: rt
+}, tt = ({ width: p, height: v, color: a }) => /* @__PURE__ */ o.jsxs("svg", { width: p ?? "16", height: v ?? "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ o.jsx("g", { id: "help-circle", clipPath: "url(#clip0_433_6293)", children: /* @__PURE__ */ o.jsx(
     "path",
     {
       id: "Icon",
       d: "M6.05992 5.99998C6.21665 5.55442 6.52602 5.17872 6.93322 4.9394C7.34042 4.70009 7.81918 4.61261 8.2847 4.69245C8.75022 4.7723 9.17246 5.01433 9.47664 5.37567C9.78081 5.737 9.94729 6.19433 9.94659 6.66665C9.94659 7.99998 7.94659 8.66665 7.94659 8.66665M7.99992 11.3333H8.00659M14.6666 7.99998C14.6666 11.6819 11.6818 14.6666 7.99992 14.6666C4.31802 14.6666 1.33325 11.6819 1.33325 7.99998C1.33325 4.31808 4.31802 1.33331 7.99992 1.33331C11.6818 1.33331 14.6666 4.31808 14.6666 7.99998Z",
-      stroke: s ?? "#A4A7AE",
+      stroke: a ?? "#A4A7AE",
       strokeWidth: "1.33333",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
   ) }),
-  /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("clipPath", { id: "clip0_433_6293", children: /* @__PURE__ */ a.jsx("rect", { width: m ?? "16", height: h ?? "16", fill: "white" }) }) })
-] }), it = ({
-  placeholder: m,
-  label: h,
-  msg: s,
-  cols: R,
-  rows: O,
-  value: g,
-  maxLength: w,
-  onChange: y,
-  onFocus: f,
-  onBlur: b,
-  disabled: l,
-  required: x,
-  textareaContainerStyle: $,
+  /* @__PURE__ */ o.jsx("defs", { children: /* @__PURE__ */ o.jsx("clipPath", { id: "clip0_433_6293", children: /* @__PURE__ */ o.jsx("rect", { width: p ?? "16", height: v ?? "16", fill: "white" }) }) })
+] }), ct = ({
+  placeholder: p,
+  label: v,
+  msg: a,
+  cols: g,
+  rows: S,
+  value: E,
+  maxLength: R,
+  onChange: h,
+  onFocus: c,
+  onBlur: y,
+  disabled: s,
+  required: b,
+  textareaContainerStyle: j,
   textareaLabelStyle: F,
-  requiredStyle: L,
-  textareaStyle: W,
-  textareaHelperTextStyle: Y
+  requiredStyle: A,
+  textareaStyle: I,
+  textareaHelperTextStyle: N
 }) => {
-  const [T, p] = ie(!1), V = (I) => {
-    let N = I.target.value;
-    y && typeof y == "function" && y(N);
-  }, X = () => {
-    p(!0), f && typeof f == "function" && f();
+  const [k, _] = X(!1), M = (B) => {
+    let L = B.target.value;
+    h && typeof h == "function" && h(L);
   }, z = () => {
-    p(!1), b && typeof b == "function" && b();
+    _(!0), c && typeof c == "function" && c();
+  }, Z = () => {
+    _(!1), y && typeof y == "function" && y();
   };
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      style: $ ?? {},
-      className: `${P.textareaContainer} ${s != null && s.type && (s != null && s.visible) ? P[s == null ? void 0 : s.type] : ""} ${l ? P.disabled : null}`,
+      style: j ?? {},
+      className: `${$.textareaContainer} ${a != null && a.type && (a != null && a.visible) ? $[a == null ? void 0 : a.type] : ""} ${s ? $.disabled : null}`,
       children: [
-        h && /* @__PURE__ */ a.jsxs("div", { style: F, className: P.textAreaLabel, children: [
-          /* @__PURE__ */ a.jsx("p", { children: h }),
-          /* @__PURE__ */ a.jsx("span", { style: L ?? {}, className: P.required, children: x && "*" }),
-          /* @__PURE__ */ a.jsx(rt, {})
+        v && /* @__PURE__ */ o.jsxs("div", { style: F, className: $.textAreaLabel, children: [
+          /* @__PURE__ */ o.jsx("p", { children: v }),
+          /* @__PURE__ */ o.jsx("span", { style: A ?? {}, className: $.required, children: b && "*" }),
+          /* @__PURE__ */ o.jsx(tt, {})
         ] }),
-        /* @__PURE__ */ a.jsx("div", { className: P.wrap, children: /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ o.jsx("div", { className: $.wrap, children: /* @__PURE__ */ o.jsx(
           "textarea",
           {
-            style: W ?? {},
-            className: `${P.textarea} ${T ? P.focused : ""} ${l ? P.disabled : ""} ${s != null && s.error ? P.error : ""}`,
-            value: g,
-            placeholder: m ?? "",
-            cols: R ?? "30",
-            rows: O ?? "5",
-            maxLength: w ?? null,
-            onFocus: X,
-            disabled: l,
-            onBlur: z,
-            onChange: V
+            style: I ?? {},
+            className: `${$.textarea} ${k ? $.focused : ""} ${s ? $.disabled : ""} ${a != null && a.error ? $.error : ""}`,
+            value: E,
+            placeholder: p ?? "",
+            cols: g ?? "30",
+            rows: S ?? "5",
+            maxLength: R ?? null,
+            onFocus: z,
+            disabled: s,
+            onBlur: Z,
+            onChange: M
           }
         ) }),
-        /* @__PURE__ */ a.jsx("div", { style: Y ?? {}, className: `${P.helperTextStyle} ${s != null && s.error ? P.error : ""}`, children: /* @__PURE__ */ a.jsx("p", { style: (s == null ? void 0 : s.style) ?? {}, children: s.text }) })
+        /* @__PURE__ */ o.jsx("div", { style: N ?? {}, className: `${$.helperTextStyle} ${a != null && a.error ? $.error : ""}`, children: /* @__PURE__ */ o.jsx("p", { style: (a == null ? void 0 : a.style) ?? {}, children: a.text }) })
       ]
     }
   );
+}, nt = "Toggle-module__toggleWrapper", ot = "Toggle-module__toggleState", at = "Toggle-module__checked", it = "Toggle-module__disabled", Te = {
+  toggleWrapper: nt,
+  toggleState: ot,
+  checked: at,
+  disabled: it
+}, ft = ({
+  checked: p,
+  change: v,
+  disabled: a,
+  required: g,
+  activeStyle: S,
+  bgStyle: E,
+  checkedBgStyle: R,
+  disabledBgStyle: h,
+  circleStyle: c,
+  checkedCircleStyle: y,
+  disabledCircleStyle: s
+}) => {
+  const [b, j] = X(!1), F = () => {
+    v && typeof v == "function" && v(!p);
+  }, A = () => {
+    if (b)
+      return S ?? {};
+    if (p) {
+      if (R) return R;
+    } else if (p) {
+      if (a && h)
+        return h;
+    } else if (E) return E;
+    return {};
+  }, I = () => {
+    if (p) {
+      if (y) return y;
+    } else if (p) {
+      if (a && s)
+        return s;
+    } else if (c) return c;
+    return {};
+  };
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      style: A(),
+      onMouseDown: () => j(!0),
+      onMouseUp: () => j(!1),
+      onMouseLeave: () => j(!1),
+      onClick: F,
+      className: `${Te.toggleWrapper} ${p ? Te.checked : ""} ${a ? Te.disabled : ""}`,
+      children: /* @__PURE__ */ o.jsx("div", { style: I(), className: Te.toggleState, children: /* @__PURE__ */ o.jsx("input", { type: "checkbox", checked: p, readOnly: !0, disabled: a ?? !1, hidden: !0, required: g ?? !1 }) })
+    }
+  );
 };
 export {
-  at as FormInput,
-  nt as MainButton,
-  it as Textarea
+  ut as FormInput,
+  lt as MainButton,
+  ct as Textarea,
+  ft as Toggle
 };