master-components-react 1.8.0 → 1.9.0

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(`.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%;display:grid}.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{place-items:center;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 .FormInput-module__inputContent{width:100%;display:flex;align-items:center;flex-wrap:wrap}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputContent .FormInput-module__inputTags{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-right:.5rem;padding:.5rem 0}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputContent input{flex:1 0 100px;width:auto;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 .FormInput-module__inputContent 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{min-height:2.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__md{min-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}.Checkbox-module__checkboxWrapper{overflow:hidden;border:.0625rem solid #d1d5d6;background:#fff;position:relative;border-radius:.25rem;cursor:pointer;transition:.2;display:grid;place-items:center}.Checkbox-module__checkboxWrapper.Checkbox-module__sm{width:1rem;height:1rem}.Checkbox-module__checkboxWrapper.Checkbox-module__md{width:1.25rem;height:1.25rem}.Checkbox-module__checkboxWrapper:active{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark{display:grid;place-items:center}.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg{width:.625rem;-webkit-user-select:none;user-select:none;pointer-events:none}.Checkbox-module__checkboxWrapper.Checkbox-module__checked,.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover{background:#7f56d9;border:.0625rem solid #7f56d9}.Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled svg{opacity:.4}.Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled svg path{stroke:#d5d7da}.Checkbox-module__checkboxWrapper.Checkbox-module__disabled{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;background:#fafafa!important;border:.0625rem solid #d5d7da!important}*{-webkit-user-select:none;user-select:none}.Tag-module__tagContainer{width:fit-content;display:flex;justify-content:center;align-items:center;gap:.375rem;border-radius:.375rem;border:1px solid #d5d7da;background:#fff;padding:.25rem}.Tag-module__tagContainer.Tag-module__onlyLabel.Tag-module__sm{padding:.5rem}.Tag-module__tagContainer.Tag-module__onlyLabel.Tag-module__md{padding:.125rem}.Tag-module__tagContainer.Tag-module__onlyLabel.Tag-module__lg{padding:.25rem}.Tag-module__tagContainer.Tag-module__sm{height:24px}.Tag-module__tagContainer.Tag-module__sm .Tag-module__tagLabel,.Tag-module__tagContainer.Tag-module__sm .Tag-module__tagNumber{font-size:.75rem;line-height:1.125rem}.Tag-module__tagContainer.Tag-module__md{height:24px}.Tag-module__tagContainer.Tag-module__md .Tag-module__tagLabel,.Tag-module__tagContainer.Tag-module__md .Tag-module__tagNumber{font-size:.875rem;line-height:1.25rem}.Tag-module__tagContainer.Tag-module__lg{height:28px}.Tag-module__tagContainer.Tag-module__lg .Tag-module__tagLabel,.Tag-module__tagContainer.Tag-module__lg .Tag-module__tagNumber{font-size:.875rem;line-height:1.25rem}.Tag-module__tagContainer .Tag-module__tagLabel{white-space:nowrap;word-wrap:break-word;color:#414651;font-family:Inter,sans-serif}.Tag-module__tagContainer .Tag-module__tagNumber{display:flex;padding:0 5px;flex-direction:column;justify-content:center;align-items:center;border-radius:3px;background:#f5f5f5;color:#414651;font-family:Inter,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:1.125rem}.Tag-module__tagContainer .Tag-module__tagClose{display:grid;place-items:center;cursor:pointer}.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:2.25rem;height:1.25rem;position:relative;overflow:hidden;background:#f5f5f5;border-radius:624.9375rem;cursor:pointer}.Toggle-module__toggleWrapper:active{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.Toggle-module__toggleWrapper .Toggle-module__toggleState{width:1.125rem;height:1rem;width:1rem;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.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}.Radio-module__radioWrapper{border-radius:50%;overflow:hidden;position:relative;border-radius:624.9375rem;border:.0625rem solid #d5d7da;cursor:pointer;transition:.2s}.Radio-module__radioWrapper.Radio-module__sm{width:1rem;height:1rem}.Radio-module__radioWrapper.Radio-module__md{width:1.25rem;height:1.25rem;transition:.2s}.Radio-module__radioWrapper.Radio-module__md.Radio-module__checked .Radio-module__innerCircle{width:.5rem;height:.5rem;transition:.2s}.Radio-module__radioWrapper .Radio-module__radioState{width:100%;background:#10b77f;border-radius:50%;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.2s}.Radio-module__radioWrapper .Radio-module__radioState .Radio-module__innerCircle{border-radius:624.9375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;background-color:#fff}.Radio-module__radioWrapper.Radio-module__checked{background:#7f56d9;border:none}.Radio-module__radioWrapper.Radio-module__checked .Radio-module__radioState{opacity:1}.Radio-module__radioWrapper.Radio-module__disabled{pointer-events:none;background:#fafafa;border:.0625rem solid #d5d7da}.Radio-module__radioWrapper.Radio-module__disabled .Radio-module__radioState{background:#e9ebec}*{font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}*::-webkit-scrollbar{display:block!important}*::-webkit-scrollbar-thumb{border:.25rem solid #fff;opacity:.15;background:#00000026;border-radius:624.9375rem;height:7.75rem}.Dropdown-module__dropdownWrapper{width:100%;display:grid}.Dropdown-module__dropdownWrapper .Dropdown-module__placeHolder{color:#717680;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownLabel{display:flex;align-items:center;gap:.125rem;color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownLabel .Dropdown-module__required{color:#7f56d9;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer{place-items:center;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;padding-right:.75rem;position:relative}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__sm{height:2.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__md{height:2.75rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__selectedTags{width:100%}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__selectedTags .Dropdown-module__selectedList{font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;color:#181d27}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__selectedTags .Dropdown-module__additional{color:#181d27;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;color:#00adee}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer 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}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer input::placeholder{color:#717680}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList{width:100%;margin-top:.25rem;position:absolute;top:100%;left:0;border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#fff;box-shadow:0 .75rem 1rem -.25rem #0a0d1214,0 .25rem .375rem -.125rem #0a0d1208,0 .125rem .125rem -.0625rem #0a0d120a;display:flex;max-height:16rem;padding:.25rem;flex-direction:column;align-items:flex-start;flex:1 0 0;overflow:auto}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li{width:100%;padding:.5rem;gap:.5rem;flex:1 0 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li p{color:#181d27;font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li:hover{border-radius:.375rem;background:#fafafa}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li.Dropdown-module__disabled{pointer-events:none;opacity:.6}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li.Dropdown-module__selected{border-radius:.375rem;background:#fafafa}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__error{border-radius:.5rem;outline-color:#fda29b;outline-width:.0625rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__error.Dropdown-module__focused{outline-width:.125rem;outline-color:#f04438}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__disabled{pointer-events:none;border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__disabled input{background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__sm{min-height:2.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__md{min-height:2.75rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownHelperText p{color:#535862;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownHelperText.Dropdown-module__error p{color:#d92d20}`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import ar, { useRef as Q, useState as B, useEffect as Se } from "react";
-var Ge = { exports: {} }, De = {};
+(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%;display:grid}.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{place-items:center;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 .FormInput-module__inputContent{width:100%;display:flex;align-items:center;flex-wrap:wrap}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputContent .FormInput-module__inputTags{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-right:.5rem;padding:.5rem 0}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputContent input{flex:1 0 100px;width:auto;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 .FormInput-module__inputContent 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{min-height:2.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__md{min-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}.Checkbox-module__checkboxWrapper{overflow:hidden;border:.0625rem solid #d1d5d6;background:#fff;position:relative;border-radius:.25rem;cursor:pointer;transition:.2;display:grid;place-items:center}.Checkbox-module__checkboxWrapper.Checkbox-module__sm{width:1rem;height:1rem}.Checkbox-module__checkboxWrapper.Checkbox-module__md{width:1.25rem;height:1.25rem}.Checkbox-module__checkboxWrapper:active{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark{display:grid;place-items:center}.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg{width:.625rem;-webkit-user-select:none;user-select:none;pointer-events:none}.Checkbox-module__checkboxWrapper.Checkbox-module__checked,.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover{background:#7f56d9;border:.0625rem solid #7f56d9}.Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled svg{opacity:.4}.Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled svg path{stroke:#d5d7da}.Checkbox-module__checkboxWrapper.Checkbox-module__disabled{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;background:#fafafa!important;border:.0625rem solid #d5d7da!important}*{-webkit-user-select:none;user-select:none}.Tag-module__tagContainer{width:fit-content;display:flex;justify-content:center;align-items:center;gap:.375rem;border-radius:.375rem;border:1px solid #d5d7da;background:#fff;padding:.25rem}.Tag-module__tagContainer.Tag-module__onlyLabel.Tag-module__sm{padding:.5rem}.Tag-module__tagContainer.Tag-module__onlyLabel.Tag-module__md{padding:.125rem}.Tag-module__tagContainer.Tag-module__onlyLabel.Tag-module__lg{padding:.25rem}.Tag-module__tagContainer.Tag-module__sm{height:24px}.Tag-module__tagContainer.Tag-module__sm .Tag-module__tagLabel,.Tag-module__tagContainer.Tag-module__sm .Tag-module__tagNumber{font-size:.75rem;line-height:1.125rem}.Tag-module__tagContainer.Tag-module__md{height:24px}.Tag-module__tagContainer.Tag-module__md .Tag-module__tagLabel,.Tag-module__tagContainer.Tag-module__md .Tag-module__tagNumber{font-size:.875rem;line-height:1.25rem}.Tag-module__tagContainer.Tag-module__lg{height:28px}.Tag-module__tagContainer.Tag-module__lg .Tag-module__tagLabel,.Tag-module__tagContainer.Tag-module__lg .Tag-module__tagNumber{font-size:.875rem;line-height:1.25rem}.Tag-module__tagContainer .Tag-module__tagLabel{white-space:nowrap;word-wrap:break-word;color:#414651;font-family:Inter,sans-serif}.Tag-module__tagContainer .Tag-module__tagNumber{display:flex;padding:0 5px;flex-direction:column;justify-content:center;align-items:center;border-radius:3px;background:#f5f5f5;color:#414651;font-family:Inter,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:1.125rem}.Tag-module__tagContainer .Tag-module__tagClose{display:grid;place-items:center;cursor:pointer}.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:2.25rem;height:1.25rem;position:relative;overflow:hidden;background:#f5f5f5;border-radius:624.9375rem;cursor:pointer}.Toggle-module__toggleWrapper:active{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.Toggle-module__toggleWrapper .Toggle-module__toggleState{width:1.125rem;height:1rem;width:1rem;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.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}.Radio-module__radioWrapper{border-radius:50%;overflow:hidden;position:relative;border-radius:624.9375rem;border:.0625rem solid #d5d7da;cursor:pointer;transition:.2s}.Radio-module__radioWrapper.Radio-module__sm{width:1rem;height:1rem}.Radio-module__radioWrapper.Radio-module__md{width:1.25rem;height:1.25rem;transition:.2s}.Radio-module__radioWrapper.Radio-module__md.Radio-module__checked .Radio-module__innerCircle{width:.5rem;height:.5rem;transition:.2s}.Radio-module__radioWrapper .Radio-module__radioState{width:100%;background:#10b77f;border-radius:50%;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.2s}.Radio-module__radioWrapper .Radio-module__radioState .Radio-module__innerCircle{border-radius:624.9375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;background-color:#fff}.Radio-module__radioWrapper.Radio-module__checked{background:#7f56d9;border:none}.Radio-module__radioWrapper.Radio-module__checked .Radio-module__radioState{opacity:1}.Radio-module__radioWrapper.Radio-module__disabled{pointer-events:none;background:#fafafa;border:.0625rem solid #d5d7da}.Radio-module__radioWrapper.Radio-module__disabled .Radio-module__radioState{background:#e9ebec}*{font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}*::-webkit-scrollbar{display:block!important}*::-webkit-scrollbar-thumb{border:.25rem solid #fff;opacity:.15;background:#00000026;border-radius:624.9375rem;height:7.75rem}.Dropdown-module__dropdownWrapper{width:100%;display:grid}.Dropdown-module__dropdownWrapper .Dropdown-module__placeHolder{color:#717680;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownLabel{display:flex;align-items:center;gap:.125rem;color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownLabel .Dropdown-module__required{color:#7f56d9;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer{place-items:center;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;padding-right:.75rem;position:relative}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__sm{height:2.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__md{height:2.75rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__selectedTags{width:100%}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__selectedTags .Dropdown-module__selectedList{font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;color:#181d27}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__selectedTags .Dropdown-module__additional{color:#181d27;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;color:#00adee}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer 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}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer input::placeholder{color:#717680}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList{width:100%;margin-top:.25rem;position:absolute;top:100%;left:0;border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#fff;box-shadow:0 .75rem 1rem -.25rem #0a0d1214,0 .25rem .375rem -.125rem #0a0d1208,0 .125rem .125rem -.0625rem #0a0d120a;display:flex;max-height:16rem;padding:.25rem;flex-direction:column;align-items:flex-start;flex:1 0 0;overflow:auto}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li{width:100%;padding:.5rem;gap:.5rem;flex:1 0 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li p{color:#181d27;font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li:hover{border-radius:.375rem;background:#fafafa}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li.Dropdown-module__disabled{pointer-events:none;opacity:.6}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer .Dropdown-module__dropdownList li.Dropdown-module__selected{border-radius:.375rem;background:#fafafa}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__error{border-radius:.5rem;outline-color:#fda29b;outline-width:.0625rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__error.Dropdown-module__focused{outline-width:.125rem;outline-color:#f04438}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__disabled{pointer-events:none;border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__disabled input{background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__sm{min-height:2.5rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownContainer.Dropdown-module__md{min-height:2.75rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownHelperText p{color:#535862;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.Dropdown-module__dropdownWrapper .Dropdown-module__dropdownHelperText.Dropdown-module__error p{color:#d92d20}.Tooltip-module__tooltipContainer{position:relative;width:100%}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent{border-radius:.5rem;background:#181d27;padding:.75rem;width:320px;min-width:118px;position:absolute;z-index:99999;word-break:break-all}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent:before{content:" ";left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-width:6px;margin-left:-6px}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top{top:unset;bottom:calc(100% + 12px)}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top:before{top:100%;border-top-color:#181d27;left:var(--pointer-position)}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right{left:calc(100% + 30px);top:50%;transform:translate(0) translateY(-50%)}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right:before{left:-6px;top:50%;transform:translate(0) translateY(-50%);border-right-color:#181d27}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom{top:calc(100% + 12px);bottom:unset}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom:before{bottom:100%;left:var(--pointer-position);border-bottom-color:#181d27}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left{left:unset;right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left:before{left:auto;right:-12px;top:50%;transform:translate(0) translateY(-50%);border-left-color:#181d27}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle{width:100%;word-break:break-all;color:#fff;font-family:Inter,sans-serif;font-size:.75rem;font-style:normal;font-weight:600;line-height:1.125rem}.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText{width:100%;word-break:break-all;color:#ffffffe6;font-family:Inter,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:1.125rem}`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import ar, { useRef as G, useState as V, useEffect as ve } from "react";
+var Xe = { exports: {} }, Se = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var Ge = { exports: {} }, De = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var nr;
+var or;
 function Rr() {
-  if (nr) return De;
-  nr = 1;
-  var i = ar, d = Symbol.for("react.element"), a = Symbol.for("react.fragment"), j = Object.prototype.hasOwnProperty, w = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function C(v, u, _) {
-    var s, m = {}, T = null, O = null;
-    _ !== void 0 && (T = "" + _), u.key !== void 0 && (T = "" + u.key), u.ref !== void 0 && (O = u.ref);
-    for (s in u) j.call(u, s) && !f.hasOwnProperty(s) && (m[s] = u[s]);
-    if (v && v.defaultProps) for (s in u = v.defaultProps, u) m[s] === void 0 && (m[s] = u[s]);
-    return { $$typeof: d, type: v, key: T, ref: O, props: m, _owner: w.current };
+  if (or) return Se;
+  or = 1;
+  var l = ar, u = Symbol.for("react.element"), s = Symbol.for("react.fragment"), C = Object.prototype.hasOwnProperty, g = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function j(v, c, h) {
+    var a, m = {}, R = null, k = null;
+    h !== void 0 && (R = "" + h), c.key !== void 0 && (R = "" + c.key), c.ref !== void 0 && (k = c.ref);
+    for (a in c) C.call(c, a) && !f.hasOwnProperty(a) && (m[a] = c[a]);
+    if (v && v.defaultProps) for (a in c = v.defaultProps, c) m[a] === void 0 && (m[a] = c[a]);
+    return { $$typeof: u, type: v, key: R, ref: k, props: m, _owner: g.current };
   }
-  return De.Fragment = a, De.jsx = C, De.jsxs = C, De;
+  return Se.Fragment = s, Se.jsx = j, Se.jsxs = j, Se;
 }
-var Ne = {};
+var Ae = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,54 +34,54 @@ var Ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
-function Tr() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = ar, d = Symbol.for("react.element"), a = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), v = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), R = Symbol.iterator, M = "@@iterator";
-    function q(e) {
+var sr;
+function kr() {
+  return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = ar, u = Symbol.for("react.element"), s = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), v = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), a = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), w = Symbol.iterator, N = "@@iterator";
+    function B(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = R && e[R] || e[M];
+      var r = w && e[w] || e[N];
       return typeof r == "function" ? r : null;
     }
-    var L = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var L = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function b(e) {
       {
-        for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), l = 1; l < r; l++)
-          o[l - 1] = arguments[l];
-        K("error", e, o);
+        for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
+          o[i - 1] = arguments[i];
+        H("error", e, o);
       }
     }
-    function K(e, r, o) {
+    function H(e, r, o) {
       {
-        var l = L.ReactDebugCurrentFrame, y = l.getStackAddendum();
+        var i = L.ReactDebugCurrentFrame, y = i.getStackAddendum();
         y !== "" && (r += "%s", o = o.concat([y]));
-        var g = o.map(function(h) {
-          return String(h);
+        var T = o.map(function(_) {
+          return String(_);
         });
-        g.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, g);
+        T.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, T);
       }
     }
-    var J = !1, ee = !1, oe = !1, ae = !1, de = !1, re;
+    var $ = !1, ee = !1, oe = !1, se = !1, de = !1, re;
     re = Symbol.for("react.module.reference");
     function fe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === j || e === f || de || e === w || e === _ || e === s || ae || e === O || J || ee || oe || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === m || e.$$typeof === C || e.$$typeof === v || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === C || e === f || de || e === g || e === h || e === a || se || e === k || $ || ee || oe || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === m || e.$$typeof === j || e.$$typeof === v || 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 === re || e.getModuleId !== void 0));
     }
-    function ke(e, r, o) {
-      var l = e.displayName;
-      if (l)
-        return l;
+    function $e(e, r, o) {
+      var i = e.displayName;
+      if (i)
+        return i;
       var y = r.displayName || r.name || "";
       return y !== "" ? o + "(" + y + ")" : o;
     }
-    function ve(e) {
+    function me(e) {
       return e.displayName || "Context";
     }
-    function S(e) {
+    function W(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -89,36 +89,36 @@ function Tr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case j:
+        case C:
           return "Fragment";
-        case a:
+        case s:
           return "Portal";
         case f:
           return "Profiler";
-        case w:
+        case g:
           return "StrictMode";
-        case _:
+        case h:
           return "Suspense";
-        case s:
+        case a:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case v:
             var r = e;
-            return ve(r) + ".Consumer";
-          case C:
+            return me(r) + ".Consumer";
+          case j:
             var o = e;
-            return ve(o._context) + ".Provider";
-          case u:
-            return ke(e, e.render, "ForwardRef");
+            return me(o._context) + ".Provider";
+          case c:
+            return $e(e, e.render, "ForwardRef");
           case m:
-            var l = e.displayName || null;
-            return l !== null ? l : S(e.type) || "Memo";
-          case T: {
-            var y = e, g = y._payload, h = y._init;
+            var i = e.displayName || null;
+            return i !== null ? i : W(e.type) || "Memo";
+          case R: {
+            var y = e, T = y._payload, _ = y._init;
             try {
-              return S(h(g));
+              return W(_(T));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function Tr() {
         }
       return null;
     }
-    var V = Object.assign, G = 0, Ee, xe, X, se, A, te, z;
-    function F() {
+    var Y = Object.assign, X = 0, Pe, xe, z, ae, I, te, Z;
+    function D() {
     }
-    F.__reactDisabledLog = !0;
+    D.__reactDisabledLog = !0;
     function ye() {
       {
-        if (G === 0) {
-          Ee = console.log, xe = console.info, X = console.warn, se = console.error, A = console.group, te = console.groupCollapsed, z = console.groupEnd;
+        if (X === 0) {
+          Pe = console.log, xe = console.info, z = console.warn, ae = console.error, I = console.group, te = console.groupCollapsed, Z = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: F,
+            value: D,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,136 +150,136 @@ function Tr() {
             groupEnd: e
           });
         }
-        G++;
+        X++;
       }
     }
-    function $e() {
+    function Oe() {
       {
-        if (G--, G === 0) {
+        if (X--, X === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
-              value: Ee
+            log: Y({}, e, {
+              value: Pe
             }),
-            info: V({}, e, {
+            info: Y({}, e, {
               value: xe
             }),
-            warn: V({}, e, {
-              value: X
+            warn: Y({}, e, {
+              value: z
             }),
-            error: V({}, e, {
-              value: se
+            error: Y({}, e, {
+              value: ae
             }),
-            group: V({}, e, {
-              value: A
+            group: Y({}, e, {
+              value: I
             }),
-            groupCollapsed: V({}, e, {
+            groupCollapsed: Y({}, e, {
               value: te
             }),
-            groupEnd: V({}, e, {
-              value: z
+            groupEnd: Y({}, e, {
+              value: Z
             })
           });
         }
-        G < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        X < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var H = L.ReactCurrentDispatcher, pe;
+    var U = L.ReactCurrentDispatcher, pe;
     function ne(e, r, o) {
       {
         if (pe === void 0)
           try {
             throw Error();
           } catch (y) {
-            var l = y.stack.trim().match(/\n( *(at )?)/);
-            pe = l && l[1] || "";
+            var i = y.stack.trim().match(/\n( *(at )?)/);
+            pe = i && i[1] || "";
           }
         return `
 ` + pe + e;
       }
     }
-    var me = !1, ie;
+    var be = !1, le;
     {
-      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
-      ie = new Oe();
+      var Le = typeof WeakMap == "function" ? WeakMap : Map;
+      le = new Le();
     }
-    function be(e, r) {
-      if (!e || me)
+    function Ce(e, r) {
+      if (!e || be)
         return "";
       {
-        var o = ie.get(e);
+        var o = le.get(e);
         if (o !== void 0)
           return o;
       }
-      var l;
-      me = !0;
+      var i;
+      be = !0;
       var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var g;
-      g = H.current, H.current = null, ye();
+      var T;
+      T = U.current, U.current = null, ye();
       try {
         if (r) {
-          var h = function() {
+          var _ = function() {
             throw Error();
           };
-          if (Object.defineProperty(h.prototype, "props", {
+          if (Object.defineProperty(_.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(h, []);
-            } catch (I) {
-              l = I;
+              Reflect.construct(_, []);
+            } catch (q) {
+              i = q;
             }
-            Reflect.construct(e, [], h);
+            Reflect.construct(e, [], _);
           } else {
             try {
-              h.call();
-            } catch (I) {
-              l = I;
+              _.call();
+            } catch (q) {
+              i = q;
             }
-            e.call(h.prototype);
+            e.call(_.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (I) {
-            l = I;
+          } catch (q) {
+            i = q;
           }
           e();
         }
-      } catch (I) {
-        if (I && l && typeof I.stack == "string") {
-          for (var p = I.stack.split(`
-`), W = l.stack.split(`
-`), k = p.length - 1, $ = W.length - 1; k >= 1 && $ >= 0 && p[k] !== W[$]; )
-            $--;
-          for (; k >= 1 && $ >= 0; k--, $--)
-            if (p[k] !== W[$]) {
-              if (k !== 1 || $ !== 1)
+      } catch (q) {
+        if (q && i && typeof q.stack == "string") {
+          for (var p = q.stack.split(`
+`), M = i.stack.split(`
+`), E = p.length - 1, O = M.length - 1; E >= 1 && O >= 0 && p[E] !== M[O]; )
+            O--;
+          for (; E >= 1 && O >= 0; E--, O--)
+            if (p[E] !== M[O]) {
+              if (E !== 1 || O !== 1)
                 do
-                  if (k--, $--, $ < 0 || p[k] !== W[$]) {
-                    var Y = `
-` + p[k].replace(" at new ", " at ");
-                    return e.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, Y), Y;
+                  if (E--, O--, O < 0 || p[E] !== M[O]) {
+                    var K = `
+` + p[E].replace(" at new ", " at ");
+                    return e.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, K), K;
                   }
-                while (k >= 1 && $ >= 0);
+                while (E >= 1 && O >= 0);
               break;
             }
         }
       } finally {
-        me = !1, H.current = g, $e(), Error.prepareStackTrace = y;
+        be = !1, U.current = T, Oe(), Error.prepareStackTrace = y;
       }
       var we = e ? e.displayName || e.name : "", he = we ? ne(we) : "";
-      return typeof e == "function" && ie.set(e, he), he;
+      return typeof e == "function" && le.set(e, he), he;
     }
-    function le(e, r, o) {
-      return be(e, !1);
+    function ie(e, r, o) {
+      return Ce(e, !1);
     }
     function ue(e) {
       var r = e.prototype;
@@ -289,63 +289,63 @@ function Tr() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return be(e, ue(e));
+        return Ce(e, ue(e));
       if (typeof e == "string")
         return ne(e);
       switch (e) {
-        case _:
+        case h:
           return ne("Suspense");
-        case s:
+        case a:
           return ne("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
-            return le(e.render);
+          case c:
+            return ie(e.render);
           case m:
             return n(e.type, r, o);
-          case T: {
-            var l = e, y = l._payload, g = l._init;
+          case R: {
+            var i = e, y = i._payload, T = i._init;
             try {
-              return n(g(y), r, o);
+              return n(T(y), r, o);
             } catch {
             }
           }
         }
       return "";
     }
-    var x = Object.prototype.hasOwnProperty, E = {}, Z = L.ReactDebugCurrentFrame;
+    var x = Object.prototype.hasOwnProperty, P = {}, Q = L.ReactDebugCurrentFrame;
     function ge(e) {
       if (e) {
         var r = e._owner, o = n(e.type, e._source, r ? r.type : null);
-        Z.setExtraStackFrame(o);
+        Q.setExtraStackFrame(o);
       } else
-        Z.setExtraStackFrame(null);
+        Q.setExtraStackFrame(null);
     }
-    function Ie(e, r, o, l, y) {
+    function Me(e, r, o, i, y) {
       {
-        var g = Function.call.bind(x);
-        for (var h in e)
-          if (g(e, h)) {
+        var T = Function.call.bind(x);
+        for (var _ in e)
+          if (T(e, _)) {
             var p = void 0;
             try {
-              if (typeof e[h] != "function") {
-                var W = Error((l || "React class") + ": " + o + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw W.name = "Invariant Violation", W;
+              if (typeof e[_] != "function") {
+                var M = Error((i || "React class") + ": " + o + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw M.name = "Invariant Violation", M;
               }
-              p = e[h](r, h, l, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (k) {
-              p = k;
+              p = e[_](r, _, i, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (E) {
+              p = E;
             }
-            p && !(p instanceof Error) && (ge(y), b("%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).", l || "React class", o, h, typeof p), ge(null)), p instanceof Error && !(p.message in E) && (E[p.message] = !0, ge(y), b("Failed %s type: %s", o, p.message), ge(null));
+            p && !(p instanceof Error) && (ge(y), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", o, _, typeof p), ge(null)), p instanceof Error && !(p.message in P) && (P[p.message] = !0, ge(y), b("Failed %s type: %s", o, p.message), ge(null));
           }
       }
     }
-    var Me = Array.isArray;
-    function Pe(e) {
-      return Me(e);
+    var Be = Array.isArray;
+    function Fe(e) {
+      return Be(e);
     }
-    function Be(e) {
+    function He(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, o = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return o;
@@ -353,26 +353,26 @@ function Tr() {
     }
     function qe(e) {
       try {
-        return Fe(e), !1;
+        return Ne(e), !1;
       } catch {
         return !0;
       }
     }
-    function Fe(e) {
+    function Ne(e) {
       return "" + e;
     }
-    function Ae(e) {
+    function We(e) {
       if (qe(e))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Be(e)), Fe(e);
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), Ne(e);
     }
     var ce = L.ReactCurrentOwner, Ve = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Le, c, D;
-    D = {};
-    function He(e) {
+    }, De, d, S;
+    S = {};
+    function Ye(e) {
       if (x.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
@@ -380,7 +380,7 @@ function Tr() {
       }
       return e.ref !== void 0;
     }
-    function ur(e) {
+    function cr(e) {
       if (x.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
@@ -388,16 +388,16 @@ function Tr() {
       }
       return e.key !== void 0;
     }
-    function cr(e, r) {
+    function dr(e, r) {
       if (typeof e.ref == "string" && ce.current && r && ce.current.stateNode !== r) {
-        var o = S(ce.current.type);
-        D[o] || (b('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(ce.current.type), e.ref), D[o] = !0);
+        var o = W(ce.current.type);
+        S[o] || (b('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', W(ce.current.type), e.ref), S[o] = !0);
       }
     }
-    function dr(e, r) {
+    function fr(e, r) {
       {
         var o = function() {
-          Le || (Le = !0, b("%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));
+          De || (De = !0, b("%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));
         };
         o.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: o,
@@ -405,10 +405,10 @@ function Tr() {
         });
       }
     }
-    function fr(e, r) {
+    function pr(e, r) {
       {
         var o = function() {
-          c || (c = !0, b("%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));
+          d || (d = !0, b("%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));
         };
         o.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: o,
@@ -416,17 +416,17 @@ function Tr() {
         });
       }
     }
-    var pr = function(e, r, o, l, y, g, h) {
+    var hr = function(e, r, o, i, y, T, _) {
       var p = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: d,
+        $$typeof: u,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: o,
-        props: h,
+        props: _,
         // Record the component responsible for creating this element.
-        _owner: g
+        _owner: T
       };
       return p._store = {}, Object.defineProperty(p._store, "validated", {
         configurable: !1,
@@ -437,7 +437,7 @@ function Tr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: l
+        value: i
       }), Object.defineProperty(p, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -445,41 +445,41 @@ function Tr() {
         value: y
       }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
     };
-    function hr(e, r, o, l, y) {
+    function _r(e, r, o, i, y) {
       {
-        var g, h = {}, p = null, W = null;
-        o !== void 0 && (Ae(o), p = "" + o), ur(r) && (Ae(r.key), p = "" + r.key), He(r) && (W = r.ref, cr(r, y));
-        for (g in r)
-          x.call(r, g) && !Ve.hasOwnProperty(g) && (h[g] = r[g]);
+        var T, _ = {}, p = null, M = null;
+        o !== void 0 && (We(o), p = "" + o), cr(r) && (We(r.key), p = "" + r.key), Ye(r) && (M = r.ref, dr(r, y));
+        for (T in r)
+          x.call(r, T) && !Ve.hasOwnProperty(T) && (_[T] = r[T]);
         if (e && e.defaultProps) {
-          var k = e.defaultProps;
-          for (g in k)
-            h[g] === void 0 && (h[g] = k[g]);
+          var E = e.defaultProps;
+          for (T in E)
+            _[T] === void 0 && (_[T] = E[T]);
         }
-        if (p || W) {
-          var $ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          p && dr(h, $), W && fr(h, $);
+        if (p || M) {
+          var O = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          p && fr(_, O), M && pr(_, O);
         }
-        return pr(e, p, W, y, l, ce.current, h);
+        return hr(e, p, M, y, i, ce.current, _);
       }
     }
-    var Ye = L.ReactCurrentOwner, Xe = L.ReactDebugCurrentFrame;
+    var Ue = L.ReactCurrentOwner, ze = L.ReactDebugCurrentFrame;
     function je(e) {
       if (e) {
         var r = e._owner, o = n(e.type, e._source, r ? r.type : null);
-        Xe.setExtraStackFrame(o);
+        ze.setExtraStackFrame(o);
       } else
-        Xe.setExtraStackFrame(null);
+        ze.setExtraStackFrame(null);
     }
-    var Ue;
-    Ue = !1;
-    function Ke(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === d;
+    var Ke;
+    Ke = !1;
+    function Je(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === u;
     }
-    function ze() {
+    function Ze() {
       {
-        if (Ye.current) {
-          var e = S(Ye.current.type);
+        if (Ue.current) {
+          var e = W(Ue.current.type);
           if (e)
             return `
 
@@ -488,13 +488,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function _r(e) {
+    function vr(e) {
       return "";
     }
-    var Ze = {};
-    function vr(e) {
+    var Qe = {};
+    function mr(e) {
       {
-        var r = ze();
+        var r = Ze();
         if (!r) {
           var o = typeof e == "string" ? e : e.displayName || e.name;
           o && (r = `
@@ -504,35 +504,35 @@ Check the top-level render call using <` + o + ">.");
         return r;
       }
     }
-    function Qe(e, r) {
+    function er(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var o = vr(r);
-        if (Ze[o])
+        var o = mr(r);
+        if (Qe[o])
           return;
-        Ze[o] = !0;
-        var l = "";
-        e && e._owner && e._owner !== Ye.current && (l = " It was passed a child from " + S(e._owner.type) + "."), je(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, l), je(null);
+        Qe[o] = !0;
+        var i = "";
+        e && e._owner && e._owner !== Ue.current && (i = " It was passed a child from " + W(e._owner.type) + "."), je(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, i), je(null);
       }
     }
-    function er(e, r) {
+    function rr(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (Pe(e))
+        if (Fe(e))
           for (var o = 0; o < e.length; o++) {
-            var l = e[o];
-            Ke(l) && Qe(l, r);
+            var i = e[o];
+            Je(i) && er(i, r);
           }
-        else if (Ke(e))
+        else if (Je(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var y = q(e);
+          var y = B(e);
           if (typeof y == "function" && y !== e.entries)
-            for (var g = y.call(e), h; !(h = g.next()).done; )
-              Ke(h.value) && Qe(h.value, r);
+            for (var T = y.call(e), _; !(_ = T.next()).done; )
+              Je(_.value) && er(_.value, r);
         }
       }
     }
@@ -544,18 +544,18 @@ Check the top-level render call using <` + o + ">.");
         var o;
         if (typeof r == "function")
           o = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === u || // 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 === m))
           o = r.propTypes;
         else
           return;
         if (o) {
-          var l = S(r);
-          Ie(o, e.props, "prop", l, e);
-        } else if (r.PropTypes !== void 0 && !Ue) {
-          Ue = !0;
-          var y = S(r);
+          var i = W(r);
+          Me(o, e.props, "prop", i, e);
+        } else if (r.PropTypes !== void 0 && !Ke) {
+          Ke = !0;
+          var y = W(r);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -564,610 +564,610 @@ Check the top-level render call using <` + o + ">.");
     function yr(e) {
       {
         for (var r = Object.keys(e.props), o = 0; o < r.length; o++) {
-          var l = r[o];
-          if (l !== "children" && l !== "key") {
-            je(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", l), je(null);
+          var i = r[o];
+          if (i !== "children" && i !== "key") {
+            je(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), je(null);
             break;
           }
         }
         e.ref !== null && (je(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
       }
     }
-    var rr = {};
-    function tr(e, r, o, l, y, g) {
+    var tr = {};
+    function nr(e, r, o, i, y, T) {
       {
-        var h = fe(e);
-        if (!h) {
+        var _ = fe(e);
+        if (!_) {
           var p = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " 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 W = _r();
-          W ? p += W : p += ze();
-          var k;
-          e === null ? k = "null" : Pe(e) ? k = "array" : e !== void 0 && e.$$typeof === d ? (k = "<" + (S(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, p);
+          var M = vr();
+          M ? p += M : p += Ze();
+          var E;
+          e === null ? E = "null" : Fe(e) ? E = "array" : e !== void 0 && e.$$typeof === u ? (E = "<" + (W(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, p);
         }
-        var $ = hr(e, r, o, y, g);
-        if ($ == null)
-          return $;
-        if (h) {
-          var Y = r.children;
-          if (Y !== void 0)
-            if (l)
-              if (Pe(Y)) {
-                for (var we = 0; we < Y.length; we++)
-                  er(Y[we], e);
-                Object.freeze && Object.freeze(Y);
+        var O = _r(e, r, o, y, T);
+        if (O == null)
+          return O;
+        if (_) {
+          var K = r.children;
+          if (K !== void 0)
+            if (i)
+              if (Fe(K)) {
+                for (var we = 0; we < K.length; we++)
+                  rr(K[we], e);
+                Object.freeze && Object.freeze(K);
               } else
                 b("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
-              er(Y, e);
+              rr(K, e);
         }
         if (x.call(r, "key")) {
-          var he = S(e), I = Object.keys(r).filter(function(Cr) {
-            return Cr !== "key";
-          }), Je = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!rr[he + Je]) {
-            var wr = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
+          var he = W(e), q = Object.keys(r).filter(function(Tr) {
+            return Tr !== "key";
+          }), Ge = q.length > 0 ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!tr[he + Ge]) {
+            var wr = q.length > 0 ? "{" + q.join(": ..., ") + ": ...}" : "{}";
             b(`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} />`, Je, he, wr, he), rr[he + Je] = !0;
+  <%s key={someKey} {...props} />`, Ge, he, wr, he), tr[he + Ge] = !0;
           }
         }
-        return e === j ? yr($) : xr($), $;
+        return e === C ? yr(O) : xr(O), O;
       }
     }
-    function mr(e, r, o) {
-      return tr(e, r, o, !0);
-    }
     function br(e, r, o) {
-      return tr(e, r, o, !1);
+      return nr(e, r, o, !0);
+    }
+    function Cr(e, r, o) {
+      return nr(e, r, o, !1);
     }
-    var gr = br, jr = mr;
-    Ne.Fragment = j, Ne.jsx = gr, Ne.jsxs = jr;
-  }()), Ne;
+    var gr = Cr, jr = br;
+    Ae.Fragment = C, Ae.jsx = gr, Ae.jsxs = jr;
+  }()), Ae;
 }
-process.env.NODE_ENV === "production" ? Ge.exports = Rr() : Ge.exports = Tr();
-var t = Ge.exports;
-const kr = "MainButton-module__mainButton", Er = "MainButton-module__sm", $r = "MainButton-module__onlyIcon", Or = "MainButton-module__buttonSlot", Pr = "MainButton-module__buttonLabel", Fr = "MainButton-module__md", Lr = "MainButton-module__lg", Dr = "MainButton-module__xl", Nr = "MainButton-module__xl2", Sr = "MainButton-module__disabled", Ce = {
-  mainButton: kr,
-  sm: Er,
-  onlyIcon: $r,
+process.env.NODE_ENV === "production" ? Xe.exports = Rr() : Xe.exports = kr();
+var t = Xe.exports;
+const Er = "MainButton-module__mainButton", $r = "MainButton-module__sm", Pr = "MainButton-module__onlyIcon", Or = "MainButton-module__buttonSlot", Lr = "MainButton-module__buttonLabel", Fr = "MainButton-module__md", Nr = "MainButton-module__lg", Dr = "MainButton-module__xl", Sr = "MainButton-module__xl2", Ar = "MainButton-module__disabled", Te = {
+  mainButton: Er,
+  sm: $r,
+  onlyIcon: Pr,
   buttonSlot: Or,
-  buttonLabel: Pr,
+  buttonLabel: Lr,
   md: Fr,
-  lg: Lr,
+  lg: Nr,
   xl: Dr,
-  xl2: Nr,
-  disabled: Sr
-}, tn = ({
-  label: i,
-  buttonType: d = "button",
-  onClick: a,
-  size: j = "md",
-  disabled: w,
+  xl2: Sr,
+  disabled: Ar
+}, fn = ({
+  label: l,
+  buttonType: u = "button",
+  onClick: s,
+  size: C = "md",
+  disabled: g,
   withIcons: f,
-  iconOne: C,
+  iconOne: j,
   iconTwo: v,
-  onlyIcon: u,
-  buttonStyle: _,
-  labelStyle: s,
+  onlyIcon: c,
+  buttonStyle: h,
+  labelStyle: a,
   buttonSlotStyle: m
 }) => /* @__PURE__ */ t.jsx(
   "button",
   {
-    type: d,
-    style: _ && typeof _ == "object" ? _ : {},
-    className: `${Ce.mainButton}  ${u ? Ce.onlyIcon : ""} ${j ? Ce[j] : ""}  ${w ? Ce.disabled : ""}`,
+    type: u,
+    style: h && typeof h == "object" ? h : {},
+    className: `${Te.mainButton}  ${c ? Te.onlyIcon : ""} ${C ? Te[C] : ""}  ${g ? Te.disabled : ""}`,
     onClick: () => {
-      a && typeof a == "function" && a();
+      s && typeof s == "function" && s();
     },
-    children: /* @__PURE__ */ t.jsxs("div", { className: Ce.buttonSlot, style: m ?? {}, children: [
-      u || f && C ? C : "",
-      !u && /* @__PURE__ */ t.jsx("span", { style: s ?? {}, className: Ce.buttonLabel, children: i ?? "Button" }),
+    children: /* @__PURE__ */ t.jsxs("div", { className: Te.buttonSlot, style: m ?? {}, children: [
+      c || f && j ? j : "",
+      !c && /* @__PURE__ */ t.jsx("span", { style: a ?? {}, className: Te.buttonLabel, children: l ?? "Button" }),
       f && v ? v : ""
     ] })
   }
-), Ar = "FormInput-module__inputWrapper", Wr = "FormInput-module__inputLabel", Ir = "FormInput-module__required", Mr = "FormInput-module__inputContainer", Br = "FormInput-module__inputContent", qr = "FormInput-module__inputTags", Vr = "FormInput-module__focused", Hr = "FormInput-module__error", Yr = "FormInput-module__rightIcon", Ur = "FormInput-module__leftIcon", Kr = "FormInput-module__inputDropDown", Jr = "FormInput-module__http", Gr = "FormInput-module__disabled", Xr = "FormInput-module__sm", zr = "FormInput-module__md", Zr = "FormInput-module__withCopy", Qr = "FormInput-module__inputHelperText", P = {
-  inputWrapper: Ar,
-  inputLabel: Wr,
-  required: Ir,
-  inputContainer: Mr,
-  inputContent: Br,
+), Wr = "FormInput-module__inputWrapper", Ir = "FormInput-module__inputLabel", Mr = "FormInput-module__required", Br = "FormInput-module__inputContainer", Hr = "FormInput-module__inputContent", qr = "FormInput-module__inputTags", Vr = "FormInput-module__focused", Yr = "FormInput-module__error", Ur = "FormInput-module__rightIcon", Kr = "FormInput-module__leftIcon", Jr = "FormInput-module__inputDropDown", Gr = "FormInput-module__http", Xr = "FormInput-module__disabled", zr = "FormInput-module__sm", Zr = "FormInput-module__md", Qr = "FormInput-module__withCopy", et = "FormInput-module__inputHelperText", F = {
+  inputWrapper: Wr,
+  inputLabel: Ir,
+  required: Mr,
+  inputContainer: Br,
+  inputContent: Hr,
   inputTags: qr,
   focused: Vr,
-  error: Hr,
-  rightIcon: Yr,
-  leftIcon: Ur,
-  inputDropDown: Kr,
-  http: Jr,
-  disabled: Gr,
-  sm: Xr,
-  md: zr,
-  withCopy: Zr,
-  inputHelperText: Qr
-}, sr = ({ width: i, height: d, color: a }) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: i ?? "12", height: d ?? "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M1 1.5L6 6.5L11 1.5", stroke: a ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), et = ({ width: i, height: d, color: a }) => /* @__PURE__ */ t.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: i ?? "20", height: d ?? "20", viewBox: "0 0 20 20", fill: "none", children: [
+  error: Yr,
+  rightIcon: Ur,
+  leftIcon: Kr,
+  inputDropDown: Jr,
+  http: Gr,
+  disabled: Xr,
+  sm: zr,
+  md: Zr,
+  withCopy: Qr,
+  inputHelperText: et
+}, lr = ({ width: l, height: u, color: s }) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: l ?? "12", height: u ?? "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M1 1.5L6 6.5L11 1.5", stroke: s ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), rt = ({ width: l, height: u, color: s }) => /* @__PURE__ */ t.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: l ?? "20", height: u ?? "20", viewBox: "0 0 20 20", fill: "none", children: [
   /* @__PURE__ */ t.jsx("g", { clipPath: "url(#clip0_444_26)", children: /* @__PURE__ */ t.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: a ?? "#414651",
+      stroke: s ?? "#414651",
       strokeWidth: "1.66667",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
   ) }),
   /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_444_26", children: /* @__PURE__ */ t.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })
-] }), ir = ({ width: i, height: d, color: a }) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: i ?? "14", height: d ?? "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5", stroke: a ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), rt = "Checkbox-module__checkboxWrapper", tt = "Checkbox-module__sm", nt = "Checkbox-module__md", ot = "Checkbox-module__checkMark", at = "Checkbox-module__checked", st = "Checkbox-module__disabled", Re = {
-  checkboxWrapper: rt,
-  sm: tt,
-  md: nt,
-  checkMark: ot,
+] }), ir = ({ width: l, height: u, color: s }) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: l ?? "14", height: u ?? "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5", stroke: s ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), tt = "Checkbox-module__checkboxWrapper", nt = "Checkbox-module__sm", ot = "Checkbox-module__md", st = "Checkbox-module__checkMark", at = "Checkbox-module__checked", lt = "Checkbox-module__disabled", Re = {
+  checkboxWrapper: tt,
+  sm: nt,
+  md: ot,
+  checkMark: st,
   checked: at,
-  disabled: st
-}, lr = ({ color: i, width: d, height: a }) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: d ?? "12", height: a ?? "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: i ?? "white", strokeWidth: "1.6666", strokeLinecap: "round", strokeLinejoin: "round" }) }), it = (i) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...i, width: "10", height: "2", viewBox: "0 0 10 2", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M1.5 1H8.5", stroke: "white", strokeWidth: "1.66666", strokeLinecap: "round", strokeLinejoin: "round" }) }), lt = ({ checked: i, change: d, disabled: a, required: j, multipleChecked: w, size: f, activeStyle: C, checkBoxStyle: v }) => {
-  const u = Q(null), [_, s] = B(!1), m = () => {
-    d && typeof d == "function" && d(!i);
-  }, T = () => _ ? C ?? {} : v ?? {};
+  disabled: lt
+}, ur = ({ color: l, width: u, height: s }) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: u ?? "12", height: s ?? "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: l ?? "white", strokeWidth: "1.6666", strokeLinecap: "round", strokeLinejoin: "round" }) }), it = (l) => /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...l, width: "10", height: "2", viewBox: "0 0 10 2", fill: "none", children: /* @__PURE__ */ t.jsx("path", { d: "M1.5 1H8.5", stroke: "white", strokeWidth: "1.66666", strokeLinecap: "round", strokeLinejoin: "round" }) }), ut = ({ checked: l, change: u, disabled: s, required: C, multipleChecked: g, size: f, activeStyle: j, checkBoxStyle: v }) => {
+  const c = G(null), [h, a] = V(!1), m = () => {
+    u && typeof u == "function" && u(!l);
+  }, R = () => h ? j ?? {} : v ?? {};
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      style: T(),
-      className: `${Re.checkboxWrapper} ${Re[f] ?? Re.md} ${i ? Re.checked : Re.unChecked} ${a ? Re.disabled : ""}`,
-      onMouseDown: () => s(!0),
-      onMouseUp: () => s(!1),
-      onMouseLeave: () => s(!1),
+      style: R(),
+      className: `${Re.checkboxWrapper} ${Re[f] ?? Re.md} ${l ? Re.checked : Re.unChecked} ${s ? Re.disabled : ""}`,
+      onMouseDown: () => a(!0),
+      onMouseUp: () => a(!1),
+      onMouseLeave: () => a(!1),
       onClick: m,
       children: [
-        /* @__PURE__ */ t.jsx("input", { ref: u, type: "checkbox", disabled: a, checked: i, hidden: !0, readOnly: !0, required: j ?? !1 }),
-        i ? w ? /* @__PURE__ */ t.jsx(it, {}) : /* @__PURE__ */ t.jsx(lr, {}) : ""
+        /* @__PURE__ */ t.jsx("input", { ref: c, type: "checkbox", disabled: s, checked: l, hidden: !0, readOnly: !0, required: C ?? !1 }),
+        l ? g ? /* @__PURE__ */ t.jsx(it, {}) : /* @__PURE__ */ t.jsx(ur, {}) : ""
       ]
     }
   );
-}, ut = "Tag-module__tagContainer", ct = "Tag-module__onlyLabel", dt = "Tag-module__sm", ft = "Tag-module__md", pt = "Tag-module__lg", ht = "Tag-module__tagLabel", _t = "Tag-module__tagNumber", vt = "Tag-module__tagClose", Te = {
-  tagContainer: ut,
-  onlyLabel: ct,
-  sm: dt,
-  md: ft,
-  lg: pt,
-  tagLabel: ht,
-  tagNumber: _t,
-  tagClose: vt
+}, ct = "Tag-module__tagContainer", dt = "Tag-module__onlyLabel", ft = "Tag-module__sm", pt = "Tag-module__md", ht = "Tag-module__lg", _t = "Tag-module__tagLabel", vt = "Tag-module__tagNumber", mt = "Tag-module__tagClose", ke = {
+  tagContainer: ct,
+  onlyLabel: dt,
+  sm: ft,
+  md: pt,
+  lg: ht,
+  tagLabel: _t,
+  tagNumber: vt,
+  tagClose: mt
 }, xt = ({
-  id: i,
-  label: d,
-  icon: a,
-  withClose: j,
-  withCheckbox: w,
+  id: l,
+  label: u,
+  icon: s,
+  withClose: C,
+  withCheckbox: g,
   withNumber: f,
-  number: C,
+  number: j,
   checkboxProps: v,
-  disable: u,
-  size: _,
-  onClose: s,
+  disable: c,
+  size: h,
+  onClose: a,
   tagContainerStyle: m,
-  tagLabelStyle: T,
-  tagNumberStyle: O,
-  tagCloseStlye: R
+  tagLabelStyle: R,
+  tagNumberStyle: k,
+  tagCloseStlye: w
 }) => {
-  const M = () => !w && !a && !j && !f, q = () => a, L = () => {
-    s && typeof s == "function" && s(i ?? null);
+  const N = () => !g && !s && !C && !f, B = () => s, L = () => {
+    a && typeof a == "function" && a(l ?? null);
   };
-  return /* @__PURE__ */ t.jsxs("div", { style: m ?? {}, className: `${Te.tagContainer} ${M() ? Te.onlyLabel : ""} ${Te[_ ?? "md"]}`, children: [
-    w && /* @__PURE__ */ t.jsx(lt, { ...v }),
-    a && q(),
-    d && /* @__PURE__ */ t.jsx("p", { style: T ?? {}, className: Te.tagLabel, children: d ?? "" }),
-    f && /* @__PURE__ */ t.jsx("div", { style: O ?? {}, className: Te.tagNumber, children: C ?? "" }),
-    j && /* @__PURE__ */ t.jsx("div", { style: R ?? {}, className: Te.tagClose, onClick: L, children: /* @__PURE__ */ t.jsx(ir, { width: (R == null ? void 0 : R.width) ?? "14", height: (R == null ? void 0 : R.height) ?? "14", color: (R == null ? void 0 : R.color) ?? "#A4A7AE" }) })
+  return /* @__PURE__ */ t.jsxs("div", { style: m ?? {}, className: `${ke.tagContainer} ${N() ? ke.onlyLabel : ""} ${ke[h ?? "md"]}`, children: [
+    g && /* @__PURE__ */ t.jsx(ut, { ...v }),
+    s && B(),
+    u && /* @__PURE__ */ t.jsx("p", { style: R ?? {}, className: ke.tagLabel, children: u ?? "" }),
+    f && /* @__PURE__ */ t.jsx("div", { style: k ?? {}, className: ke.tagNumber, children: j ?? "" }),
+    C && /* @__PURE__ */ t.jsx("div", { style: w ?? {}, className: ke.tagClose, onClick: L, children: /* @__PURE__ */ t.jsx(ir, { width: (w == null ? void 0 : w.width) ?? "14", height: (w == null ? void 0 : w.height) ?? "14", color: (w == null ? void 0 : w.color) ?? "#A4A7AE" }) })
   ] });
-}, nn = ({
-  value: i,
-  label: d,
-  placeholder: a,
-  required: j,
-  disabled: w,
+}, pn = ({
+  value: l,
+  label: u,
+  placeholder: s,
+  required: C,
+  disabled: g,
   type: f,
-  size: C,
+  size: j,
   onChange: v,
-  onFouce: u,
-  onBlur: _,
-  msg: s,
+  onFouce: c,
+  onBlur: h,
+  msg: a,
   readOnly: m,
-  maxLength: T,
-  onlyText: O,
-  tagValues: R,
-  onRightIconIconClick: M,
-  onRightIconIconMouseEnter: q,
+  maxLength: R,
+  onlyText: k,
+  tagValues: w,
+  onRightIconIconClick: N,
+  onRightIconIconMouseEnter: B,
   onRightIconIconMouseLeave: L,
   onLeftIconIconClick: b,
-  onLeftIconIconMouseEnter: K,
-  onLeftIconIconMouseLeave: J,
+  onLeftIconIconMouseEnter: H,
+  onLeftIconIconMouseLeave: $,
   onPressEnter: ee,
   rightIcon: oe,
-  leftIcon: ae,
+  leftIcon: se,
   withDropDown: de,
   dropdownData: re,
   onSelectData: fe,
-  withTags: ke,
-  tagProps: ve,
-  withLink: S,
-  withCopy: V,
-  onCopy: G,
-  inputWrapperStyle: Ee,
+  withTags: $e,
+  tagProps: me,
+  withLink: W,
+  withCopy: Y,
+  onCopy: X,
+  inputWrapperStyle: Pe,
   inputLabelStyle: xe,
-  requiredStyle: X,
-  inputContainerStyle: se,
-  leftIconStyle: A,
+  requiredStyle: z,
+  inputContainerStyle: ae,
+  leftIconStyle: I,
   inputDropDownStyle: te,
-  ulStyle: z,
-  liStyle: F,
+  ulStyle: Z,
+  liStyle: D,
   httpStyle: ye,
-  inputStyle: $e,
-  rightIconStyle: H,
+  inputStyle: Oe,
+  rightIconStyle: U,
   withCopyStyle: pe,
   inputHelperTextStyle: ne
 }) => {
-  const [me, ie] = B(!1), Oe = Q(null), [be, le] = B(!1);
-  B(!1);
-  const ue = Q(null), n = Q(null), [x, E] = B(!1), [Z, ge] = B(1), Ie = (c) => {
-    let D = c.target.value;
-    D.length === 1 && (D = D.trim()), v && typeof v == "function" && v(O ? D.replace(/\d/g, "") : D);
-  }, Me = () => {
-    le(!0), u && typeof u == "function" && u();
-  }, Pe = () => {
-    le(!1), _ && typeof _ == "function" && _();
-  }, Be = (c) => {
-    const D = c.target.value, He = D.length === 0;
-    f === "number" && (c.keyCode === 69 || !He && (c.keyCode === 187 || c.keyCode === 107 || c.keyCode === 189 || c.keyCode === 109)) && c.preventDefault(), c.key === "Enter" && D && D.length > 0 && ee && typeof ee == "function" && ee(D);
+  const [be, le] = V(!1), Le = G(null), [Ce, ie] = V(!1);
+  V(!1);
+  const ue = G(null), n = G(null), [x, P] = V(!1), [Q, ge] = V(1), Me = (d) => {
+    let S = d.target.value;
+    S.length === 1 && (S = S.trim()), v && typeof v == "function" && v(k ? S.replace(/\d/g, "") : S);
+  }, Be = () => {
+    ie(!0), c && typeof c == "function" && c();
+  }, Fe = () => {
+    ie(!1), h && typeof h == "function" && h();
+  }, He = (d) => {
+    const S = d.target.value, Ye = S.length === 0;
+    f === "number" && (d.keyCode === 69 || !Ye && (d.keyCode === 187 || d.keyCode === 107 || d.keyCode === 189 || d.keyCode === 109)) && d.preventDefault(), d.key === "Enter" && S && S.length > 0 && ee && typeof ee == "function" && ee(S);
   }, qe = () => {
-    G && typeof G == "function" && G(i);
-  }, Fe = (c) => c, Ae = () => {
-    let c = {};
-    return V && (c.borderTopRightRadius = 0, c.borderBottomRightRadius = 0, c.borderRight = 0), de && (c.paddingLeft = 0), { ...c, ...se ?? {} };
-  }, ce = (c) => {
-    !c.composedPath().includes(n.current) && c.composedPath().includes(ue.current) || E(!1);
-  }, Ve = (c) => {
-    ge(c.id), E(!1), fe && typeof fe == "function" && fe(c);
+    X && typeof X == "function" && X(l);
+  }, Ne = (d) => d, We = () => {
+    let d = {};
+    return Y && (d.borderTopRightRadius = 0, d.borderBottomRightRadius = 0, d.borderRight = 0), de && (d.paddingLeft = 0), { ...d, ...ae ?? {} };
+  }, ce = (d) => {
+    !d.composedPath().includes(n.current) && d.composedPath().includes(ue.current) || P(!1);
+  }, Ve = (d) => {
+    ge(d.id), P(!1), fe && typeof fe == "function" && fe(d);
   };
-  Se(() => {
-    i && i.length === 0 && calculateWidth();
-  }, [i]), Se(() => (document.addEventListener("click", ce), () => {
+  ve(() => {
+    l && l.length === 0 && calculateWidth();
+  }, [l]), ve(() => (document.addEventListener("click", ce), () => {
     document.removeEventListener("click", ce);
   }), []);
-  const Le = Q(!1);
-  return Se(() => {
-    Le.current ? setTimeout(() => {
-      ie((c) => !c);
-    }, 0) : Le.current = !0;
-  }, []), /* @__PURE__ */ t.jsxs("div", { className: P.inputWrapper, style: Ee ?? {}, children: [
-    d && /* @__PURE__ */ t.jsxs("label", { className: P.inputLabel, style: xe ?? {}, children: [
-      d,
+  const De = G(!1);
+  return ve(() => {
+    De.current ? setTimeout(() => {
+      le((d) => !d);
+    }, 0) : De.current = !0;
+  }, []), /* @__PURE__ */ t.jsxs("div", { className: F.inputWrapper, style: Pe ?? {}, children: [
+    u && /* @__PURE__ */ t.jsxs("label", { className: F.inputLabel, style: xe ?? {}, children: [
+      u,
       " ",
-      /* @__PURE__ */ t.jsx("span", { className: P.required, style: X ?? {}, children: j && "*" })
+      /* @__PURE__ */ t.jsx("span", { className: F.required, style: z ?? {}, children: C && "*" })
     ] }),
     /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
       /* @__PURE__ */ t.jsxs(
         "div",
         {
-          style: Ae(),
-          className: `${P.inputContainer} ${be && !m ? P.focused : ""} ${w ? P.disabled : ""} ${s != null && s.error ? P.error : ""} ${P[C ?? "sm"]}`,
+          style: We(),
+          className: `${F.inputContainer} ${Ce && !m ? F.focused : ""} ${g ? F.disabled : ""} ${a != null && a.error ? F.error : ""} ${F[j ?? "sm"]}`,
           children: [
-            !de && !S && ae && /* @__PURE__ */ t.jsx(
+            !de && !W && se && /* @__PURE__ */ t.jsx(
               "div",
               {
-                className: P.leftIcon,
-                style: A ?? {},
+                className: F.leftIcon,
+                style: I ?? {},
                 onClick: () => {
                   b && typeof b == "function" && b();
                 },
                 onMouseEnter: () => {
-                  K && typeof K == "function" && K();
+                  H && typeof H == "function" && H();
                 },
                 onMouseLeave: () => {
-                  J && typeof J == "function" && J();
+                  $ && typeof $ == "function" && $();
                 },
-                children: Fe(ae)
+                children: Ne(se)
               }
             ),
-            !S && de && /* @__PURE__ */ t.jsxs("div", { className: P.inputDropDown, style: te ?? {}, onClick: () => E(!0), ref: ue, children: [
-              re.find((c) => c.id === Z).label,
-              x && /* @__PURE__ */ t.jsx("ul", { ref: n, style: z ?? {}, children: re && re.length && re.map((c, D) => /* @__PURE__ */ t.jsx("li", { style: F ?? {}, onClick: () => Ve(c), children: (c == null ? void 0 : c.label) ?? "-" }, c.id)) }),
-              /* @__PURE__ */ t.jsx(sr, {})
+            !W && de && /* @__PURE__ */ t.jsxs("div", { className: F.inputDropDown, style: te ?? {}, onClick: () => P(!0), ref: ue, children: [
+              re.find((d) => d.id === Q).label,
+              x && /* @__PURE__ */ t.jsx("ul", { ref: n, style: Z ?? {}, children: re && re.length && re.map((d, S) => /* @__PURE__ */ t.jsx("li", { style: D ?? {}, onClick: () => Ve(d), children: (d == null ? void 0 : d.label) ?? "-" }, d.id)) }),
+              /* @__PURE__ */ t.jsx(lr, {})
             ] }),
-            S && /* @__PURE__ */ t.jsx("div", { className: `${P.inputDropDown} ${P.http}`, style: ye ?? {}, onClick: () => E(!0), ref: ue, children: "http://" }),
-            /* @__PURE__ */ t.jsxs("div", { className: P.inputContent, children: [
-              ke && R && R.length > 0 && /* @__PURE__ */ t.jsx("div", { className: P.inputTags, children: R.map((c, D) => /* @__PURE__ */ t.jsx("div", { className: P.inputSingleTags, children: /* @__PURE__ */ t.jsx(xt, { ...ve, id: c, label: c, withClose: !0 }) }, D)) }),
+            W && /* @__PURE__ */ t.jsx("div", { className: `${F.inputDropDown} ${F.http}`, style: ye ?? {}, onClick: () => P(!0), ref: ue, children: "http://" }),
+            /* @__PURE__ */ t.jsxs("div", { className: F.inputContent, children: [
+              $e && w && w.length > 0 && /* @__PURE__ */ t.jsx("div", { className: F.inputTags, children: w.map((d, S) => /* @__PURE__ */ t.jsx("div", { className: F.inputSingleTags, children: /* @__PURE__ */ t.jsx(xt, { ...me, id: d, label: d, withClose: !0 }) }, S)) }),
               /* @__PURE__ */ t.jsx(
                 "input",
                 {
-                  ref: Oe,
-                  style: $e ?? {},
+                  ref: Le,
+                  style: Oe ?? {},
                   type: f ?? "text",
-                  value: i,
-                  onChange: (c) => Ie(c),
-                  onFocus: Me,
-                  onBlur: Pe,
-                  disabled: w,
-                  required: j,
-                  onKeyDown: Be,
+                  value: l,
+                  onChange: (d) => Me(d),
+                  onFocus: Be,
+                  onBlur: Fe,
+                  disabled: g,
+                  required: C,
+                  onKeyDown: He,
                   readOnly: m,
                   spellCheck: !1,
-                  placeholder: a ?? "",
+                  placeholder: s ?? "",
                   autoComplete: "off",
-                  maxLength: T
+                  maxLength: R
                 }
               )
             ] }),
             oe && /* @__PURE__ */ t.jsx(
               "div",
               {
-                className: P.rightIcon,
-                style: H ?? {},
+                className: F.rightIcon,
+                style: U ?? {},
                 onClick: () => {
-                  M && typeof M == "function" && M();
+                  N && typeof N == "function" && N();
                 },
                 onMouseEnter: () => {
-                  q && typeof q == "function" && q();
+                  B && typeof B == "function" && B();
                 },
                 onMouseLeave: () => {
                   L && typeof L == "function" && L();
                 },
-                children: Fe(oe)
+                children: Ne(oe)
               }
             )
           ]
         }
       ),
-      V && /* @__PURE__ */ t.jsxs("div", { style: pe ?? {}, onClick: qe, className: P.withCopy, children: [
-        /* @__PURE__ */ t.jsx(et, {}),
+      Y && /* @__PURE__ */ t.jsxs("div", { style: pe ?? {}, onClick: qe, className: F.withCopy, children: [
+        /* @__PURE__ */ t.jsx(rt, {}),
         "Copy"
       ] })
     ] }),
-    s && (s == null ? void 0 : s.visible) && /* @__PURE__ */ t.jsx("div", { style: ne ?? {}, className: `${P.inputHelperText} ${s != null && s.error ? P.error : ""}`, children: /* @__PURE__ */ t.jsx("p", { style: (s == null ? void 0 : s.style) ?? {}, children: s.text }) })
+    a && (a == null ? void 0 : a.visible) && /* @__PURE__ */ t.jsx("div", { style: ne ?? {}, className: `${F.inputHelperText} ${a != null && a.error ? F.error : ""}`, children: /* @__PURE__ */ t.jsx("p", { style: (a == null ? void 0 : a.style) ?? {}, children: a.text }) })
   ] });
-}, yt = "Textarea-module__textareaContainer", mt = "Textarea-module__textAreaLabel", bt = "Textarea-module__required", gt = "Textarea-module__wrap", jt = "Textarea-module__textarea", wt = "Textarea-module__focused", Ct = "Textarea-module__disabled", Rt = "Textarea-module__error", Tt = "Textarea-module__helperTextStyle", U = {
+}, yt = "Textarea-module__textareaContainer", bt = "Textarea-module__textAreaLabel", Ct = "Textarea-module__required", gt = "Textarea-module__wrap", jt = "Textarea-module__textarea", wt = "Textarea-module__focused", Tt = "Textarea-module__disabled", Rt = "Textarea-module__error", kt = "Textarea-module__helperTextStyle", J = {
   textareaContainer: yt,
-  textAreaLabel: mt,
-  required: bt,
+  textAreaLabel: bt,
+  required: Ct,
   wrap: gt,
   textarea: jt,
   focused: wt,
-  disabled: Ct,
+  disabled: Tt,
   error: Rt,
-  helperTextStyle: Tt
-}, kt = ({ width: i, height: d, color: a }) => /* @__PURE__ */ t.jsxs("svg", { width: i ?? "16", height: d ?? "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  helperTextStyle: kt
+}, Et = ({ width: l, height: u, color: s }) => /* @__PURE__ */ t.jsxs("svg", { width: l ?? "16", height: u ?? "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t.jsx("g", { id: "help-circle", clipPath: "url(#clip0_433_6293)", children: /* @__PURE__ */ t.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: a ?? "#A4A7AE",
+      stroke: s ?? "#A4A7AE",
       strokeWidth: "1.33333",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
   ) }),
-  /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_433_6293", children: /* @__PURE__ */ t.jsx("rect", { width: i ?? "16", height: d ?? "16", fill: "white" }) }) })
-] }), on = ({
-  placeholder: i,
-  label: d,
-  msg: a,
-  cols: j,
-  rows: w,
+  /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_433_6293", children: /* @__PURE__ */ t.jsx("rect", { width: l ?? "16", height: u ?? "16", fill: "white" }) }) })
+] }), hn = ({
+  placeholder: l,
+  label: u,
+  msg: s,
+  cols: C,
+  rows: g,
   value: f,
-  maxLength: C,
+  maxLength: j,
   onChange: v,
-  onFocus: u,
-  onBlur: _,
-  disabled: s,
+  onFocus: c,
+  onBlur: h,
+  disabled: a,
   required: m,
-  textareaContainerStyle: T,
-  textareaLabelStyle: O,
-  requiredStyle: R,
-  textareaStyle: M,
-  textareaHelperTextStyle: q
+  textareaContainerStyle: R,
+  textareaLabelStyle: k,
+  requiredStyle: w,
+  textareaStyle: N,
+  textareaHelperTextStyle: B
 }) => {
-  const [L, b] = B(!1), K = (oe) => {
-    let ae = oe.target.value;
-    v && typeof v == "function" && v(ae);
-  }, J = () => {
-    b(!0), u && typeof u == "function" && u();
+  const [L, b] = V(!1), H = (oe) => {
+    let se = oe.target.value;
+    v && typeof v == "function" && v(se);
+  }, $ = () => {
+    b(!0), c && typeof c == "function" && c();
   }, ee = () => {
-    b(!1), _ && typeof _ == "function" && _();
+    b(!1), h && typeof h == "function" && h();
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      style: T ?? {},
-      className: `${U.textareaContainer} ${a != null && a.type && (a != null && a.visible) ? U[a == null ? void 0 : a.type] : ""} ${s ? U.disabled : null}`,
+      style: R ?? {},
+      className: `${J.textareaContainer} ${s != null && s.type && (s != null && s.visible) ? J[s == null ? void 0 : s.type] : ""} ${a ? J.disabled : null}`,
       children: [
-        d && /* @__PURE__ */ t.jsxs("div", { style: O, className: U.textAreaLabel, children: [
-          /* @__PURE__ */ t.jsx("p", { children: d }),
-          /* @__PURE__ */ t.jsx("span", { style: R ?? {}, className: U.required, children: m && "*" }),
-          /* @__PURE__ */ t.jsx(kt, {})
+        u && /* @__PURE__ */ t.jsxs("div", { style: k, className: J.textAreaLabel, children: [
+          /* @__PURE__ */ t.jsx("p", { children: u }),
+          /* @__PURE__ */ t.jsx("span", { style: w ?? {}, className: J.required, children: m && "*" }),
+          /* @__PURE__ */ t.jsx(Et, {})
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: U.wrap, children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: J.wrap, children: /* @__PURE__ */ t.jsx(
           "textarea",
           {
-            style: M ?? {},
-            className: `${U.textarea} ${L ? U.focused : ""} ${s ? U.disabled : ""} ${a != null && a.error ? U.error : ""}`,
+            style: N ?? {},
+            className: `${J.textarea} ${L ? J.focused : ""} ${a ? J.disabled : ""} ${s != null && s.error ? J.error : ""}`,
             value: f,
-            placeholder: i ?? "",
-            cols: j ?? "30",
-            rows: w ?? "5",
-            maxLength: C ?? null,
-            onFocus: J,
-            disabled: s,
+            placeholder: l ?? "",
+            cols: C ?? "30",
+            rows: g ?? "5",
+            maxLength: j ?? null,
+            onFocus: $,
+            disabled: a,
             onBlur: ee,
-            onChange: K
+            onChange: H
           }
         ) }),
-        /* @__PURE__ */ t.jsx("div", { style: q ?? {}, className: `${U.helperTextStyle} ${a != null && a.error ? U.error : ""}`, children: /* @__PURE__ */ t.jsx("p", { style: (a == null ? void 0 : a.style) ?? {}, children: a.text }) })
+        /* @__PURE__ */ t.jsx("div", { style: B ?? {}, className: `${J.helperTextStyle} ${s != null && s.error ? J.error : ""}`, children: /* @__PURE__ */ t.jsx("p", { style: (s == null ? void 0 : s.style) ?? {}, children: s.text }) })
       ]
     }
   );
-}, Et = "Toggle-module__toggleWrapper", $t = "Toggle-module__toggleState", Ot = "Toggle-module__checked", Pt = "Toggle-module__disabled", We = {
-  toggleWrapper: Et,
-  toggleState: $t,
+}, $t = "Toggle-module__toggleWrapper", Pt = "Toggle-module__toggleState", Ot = "Toggle-module__checked", Lt = "Toggle-module__disabled", Ie = {
+  toggleWrapper: $t,
+  toggleState: Pt,
   checked: Ot,
-  disabled: Pt
-}, an = ({
-  checked: i,
-  change: d,
-  disabled: a,
-  required: j,
-  activeStyle: w,
+  disabled: Lt
+}, _n = ({
+  checked: l,
+  change: u,
+  disabled: s,
+  required: C,
+  activeStyle: g,
   bgStyle: f,
-  checkedBgStyle: C,
+  checkedBgStyle: j,
   disabledBgStyle: v,
-  circleStyle: u,
-  checkedCircleStyle: _,
-  disabledCircleStyle: s
+  circleStyle: c,
+  checkedCircleStyle: h,
+  disabledCircleStyle: a
 }) => {
-  const [m, T] = B(!1), O = () => {
-    d && typeof d == "function" && d(!i);
-  }, R = () => {
+  const [m, R] = V(!1), k = () => {
+    u && typeof u == "function" && u(!l);
+  }, w = () => {
     if (m)
-      return w ?? {};
-    if (i) {
-      if (C) return C;
-    } else if (i) {
-      if (a && v)
+      return g ?? {};
+    if (l) {
+      if (j) return j;
+    } else if (l) {
+      if (s && v)
         return v;
     } else if (f) return f;
     return {};
-  }, M = () => {
-    if (i) {
-      if (_) return _;
-    } else if (i) {
-      if (a && s)
-        return s;
-    } else if (u) return u;
+  }, N = () => {
+    if (l) {
+      if (h) return h;
+    } else if (l) {
+      if (s && a)
+        return a;
+    } else if (c) return c;
     return {};
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      style: R(),
-      onMouseDown: () => T(!0),
-      onMouseUp: () => T(!1),
-      onMouseLeave: () => T(!1),
-      onClick: O,
-      className: `${We.toggleWrapper} ${i ? We.checked : ""} ${a ? We.disabled : ""}`,
-      children: /* @__PURE__ */ t.jsx("div", { style: M(), className: We.toggleState, children: /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: i, readOnly: !0, disabled: a ?? !1, hidden: !0, required: j ?? !1 }) })
+      style: w(),
+      onMouseDown: () => R(!0),
+      onMouseUp: () => R(!1),
+      onMouseLeave: () => R(!1),
+      onClick: k,
+      className: `${Ie.toggleWrapper} ${l ? Ie.checked : ""} ${s ? Ie.disabled : ""}`,
+      children: /* @__PURE__ */ t.jsx("div", { style: N(), className: Ie.toggleState, children: /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: l, readOnly: !0, disabled: s ?? !1, hidden: !0, required: C ?? !1 }) })
     }
   );
-}, Ft = "Radio-module__radioWrapper", Lt = "Radio-module__sm", Dt = "Radio-module__md", Nt = "Radio-module__checked", St = "Radio-module__innerCircle", At = "Radio-module__radioState", Wt = "Radio-module__disabled", _e = {
+}, Ft = "Radio-module__radioWrapper", Nt = "Radio-module__sm", Dt = "Radio-module__md", St = "Radio-module__checked", At = "Radio-module__innerCircle", Wt = "Radio-module__radioState", It = "Radio-module__disabled", _e = {
   radioWrapper: Ft,
-  sm: Lt,
+  sm: Nt,
   md: Dt,
-  checked: Nt,
-  innerCircle: St,
-  radioState: At,
-  disabled: Wt
-}, sn = ({ checked: i, change: d, disabled: a, isRequired: j, withUncheckState: w, size: f }) => {
-  B(!1);
-  const C = () => {
-    d && typeof d == "function" && (w || !w && !i) && d(!0);
+  checked: St,
+  innerCircle: At,
+  radioState: Wt,
+  disabled: It
+}, vn = ({ checked: l, change: u, disabled: s, isRequired: C, withUncheckState: g, size: f }) => {
+  V(!1);
+  const j = () => {
+    u && typeof u == "function" && (g || !g && !l) && u(!0);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: `${_e.radioWrapper} ${_e[f] ?? _e.md} ${i ? _e.checked : ""} ${a ? _e.disabled : ""}`, onClick: C, children: [
-    /* @__PURE__ */ t.jsx("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: a ?? !1, required: j ?? !1 }),
+  return /* @__PURE__ */ t.jsxs("div", { className: `${_e.radioWrapper} ${_e[f] ?? _e.md} ${l ? _e.checked : ""} ${s ? _e.disabled : ""}`, onClick: j, children: [
+    /* @__PURE__ */ t.jsx("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: s ?? !1, required: C ?? !1 }),
     /* @__PURE__ */ t.jsx("div", { className: _e.radioState, children: /* @__PURE__ */ t.jsx("div", { className: _e.innerCircle }) })
   ] });
-}, It = "Dropdown-module__dropdownWrapper", Mt = "Dropdown-module__placeHolder", Bt = "Dropdown-module__dropdownLabel", qt = "Dropdown-module__required", Vt = "Dropdown-module__dropdownContainer", Ht = "Dropdown-module__sm", Yt = "Dropdown-module__md", Ut = "Dropdown-module__selectedTags", Kt = "Dropdown-module__selectedList", Jt = "Dropdown-module__additional", Gt = "Dropdown-module__dropdownList", Xt = "Dropdown-module__disabled", zt = "Dropdown-module__selected", Zt = "Dropdown-module__focused", Qt = "Dropdown-module__error", en = "Dropdown-module__dropdownHelperText", N = {
-  dropdownWrapper: It,
-  placeHolder: Mt,
-  dropdownLabel: Bt,
+}, Mt = "Dropdown-module__dropdownWrapper", Bt = "Dropdown-module__placeHolder", Ht = "Dropdown-module__dropdownLabel", qt = "Dropdown-module__required", Vt = "Dropdown-module__dropdownContainer", Yt = "Dropdown-module__sm", Ut = "Dropdown-module__md", Kt = "Dropdown-module__selectedTags", Jt = "Dropdown-module__selectedList", Gt = "Dropdown-module__additional", Xt = "Dropdown-module__dropdownList", zt = "Dropdown-module__disabled", Zt = "Dropdown-module__selected", Qt = "Dropdown-module__focused", en = "Dropdown-module__error", rn = "Dropdown-module__dropdownHelperText", A = {
+  dropdownWrapper: Mt,
+  placeHolder: Bt,
+  dropdownLabel: Ht,
   required: qt,
   dropdownContainer: Vt,
-  sm: Ht,
-  md: Yt,
-  selectedTags: Ut,
-  selectedList: Kt,
-  additional: Jt,
-  dropdownList: Gt,
-  disabled: Xt,
-  selected: zt,
-  focused: Zt,
-  error: Qt,
-  dropdownHelperText: en
-}, ln = ({
-  label: i,
-  disabled: d,
-  required: a,
-  size: j = "md",
-  placeholder: w = "placeholder",
+  sm: Yt,
+  md: Ut,
+  selectedTags: Kt,
+  selectedList: Jt,
+  additional: Gt,
+  dropdownList: Xt,
+  disabled: zt,
+  selected: Zt,
+  focused: Qt,
+  error: en,
+  dropdownHelperText: rn
+}, mn = ({
+  label: l,
+  disabled: u,
+  required: s,
+  size: C = "md",
+  placeholder: g = "placeholder",
   msg: f,
-  readOnly: C,
+  readOnly: j,
   data: v,
-  onSelect: u,
-  selectedOptionID: _,
-  withFilter: s,
+  onSelect: c,
+  selectedOptionID: h,
+  withFilter: a,
   onSearch: m,
-  pagination: T,
-  withMultiSelect: O = !0,
-  skipSelected: R,
-  labelIcon: M,
-  closeIcon: q,
+  pagination: R,
+  withMultiSelect: k = !1,
+  skipSelected: w,
+  labelIcon: N,
+  closeIcon: B,
   iconDown: L,
   onLabelIconClick: b,
-  onLabelIconMouseEnter: K,
-  onLabelIconMouseLeave: J,
+  onLabelIconMouseEnter: H,
+  onLabelIconMouseLeave: $,
   dropdownWrapperStyle: ee,
   dropdownLabelStyle: oe,
-  requiredStyle: ae,
+  requiredStyle: se,
   labelIconStyle: de,
   dropdownContainerStyle: re,
   placeHolderStyle: fe,
-  selectedTagsStyle: ke,
-  selectedListStyle: ve,
-  additionalStyle: S,
-  dropdownListStyle: V,
-  listStyle: G
+  selectedTagsStyle: $e,
+  selectedListStyle: me,
+  additionalStyle: W,
+  dropdownListStyle: Y,
+  listStyle: X
 }) => {
-  const [Ee, xe] = B(!1), [X, se] = B(!1), A = Q(v), [te, z] = B("");
-  B(null);
-  const F = Q([]), ye = Q(null), $e = Q(null), H = Q({}), pe = (n, x) => {
-    const E = /* @__PURE__ */ new Set();
-    return n.filter((Z) => E.has(Z[x]) ? !1 : (E.add(Z[x]), !0));
+  const [Pe, xe] = V(!1), [z, ae] = V(!1), I = G(v), [te, Z] = V("");
+  V(null);
+  const D = G([]), ye = G(null), Oe = G(null), U = G({}), pe = (n, x) => {
+    const P = /* @__PURE__ */ new Set();
+    return n.filter((Q) => P.has(Q[x]) ? !1 : (P.add(Q[x]), !0));
   }, ne = (n) => {
     var x;
-    A.current.forEach((E) => {
-      n.id === E.id ? E.selected = !0 : E.selected = !1;
-    }), H.current = n, z((x = H.current) == null ? void 0 : x.label), u && typeof u == "function" && u(H.current), se(!1);
-  }, me = (n) => {
-    F.current = [...F.current, ...A.current.filter((x) => x.id === n.id)], n.selected = !n.selected, F.current = pe(F.current, "id").filter((x) => x.selected), u && typeof u == "function" && u(F.current), z(F.current.map((x) => x.label).join(", ")), xe((x) => !x);
-  }, ie = (n) => {
-    n.stopPropagation(), F.current = [], _ = null, A.current && A.current.length > 0 && v.forEach((x) => x.selected = !1), u(O ? [] : {}), z("");
-  }, Oe = (n) => {
-    if (s && !T)
+    I.current.forEach((P) => {
+      n.id === P.id ? P.selected = !0 : P.selected = !1;
+    }), U.current = n, Z((x = U.current) == null ? void 0 : x.label), c && typeof c == "function" && c(U.current), ae(!1);
+  }, be = (n) => {
+    D.current = [...D.current, ...I.current.filter((x) => x.id === n.id)], n.selected = !n.selected, D.current = pe(D.current, "id").filter((x) => x.selected), c && typeof c == "function" && c(D.current), Z(D.current.map((x) => x.label).join(", ")), xe((x) => !x);
+  }, le = (n) => {
+    n.stopPropagation(), D.current = [], h = null, I.current && I.current.length > 0 && v.forEach((x) => x.selected = !1), c(k ? [] : {}), Z("");
+  }, Le = (n) => {
+    if (a && !R)
       if (n && n.length > 0) {
-        let x = A.current.filter((E) => {
-          var Z;
-          return (Z = E == null ? void 0 : E.label) == null ? void 0 : Z.toLowerCase().includes(n.toLowerCase());
+        let x = I.current.filter((P) => {
+          var Q;
+          return (Q = P == null ? void 0 : P.label) == null ? void 0 : Q.toLowerCase().includes(n.toLowerCase());
         });
-        A.current = x;
+        I.current = x;
       } else
-        A.current = v;
-    m && typeof m == "function" && m(n), z(n);
-  }, be = () => {
-    if (_ || _ === 0) {
-      let n = v.filter((x) => Number(x.id) === Number(_));
-      n && n[0] && (H.current = n[0], R ? (m && typeof m == "function" && m(H.current.label), z(H.current.label), closeOnSelect && setCollapsed((x) => !1), withDropdownSearch && DropdownSearchValue && SetDropdownSearchValue("")) : ne(n[0]));
+        I.current = v;
+    m && typeof m == "function" && m(n), Z(n);
+  }, Ce = () => {
+    if (h || h === 0) {
+      let n = v.filter((x) => Number(x.id) === Number(h));
+      n && n[0] && (U.current = n[0], w ? (m && typeof m == "function" && m(U.current.label), Z(U.current.label), closeOnSelect && setCollapsed((x) => !1), withDropdownSearch && DropdownSearchValue && SetDropdownSearchValue("")) : ne(n[0]));
     }
-  }, le = (n) => n, ue = (n) => {
-    n.composedPath().includes(ye.current) || se(!1);
+  }, ie = (n) => n, ue = (n) => {
+    n.composedPath().includes(ye.current) || ae(!1);
   };
-  return Se(() => {
-    O || be();
-  }, [_]), Se(() => (document.addEventListener("click", ue), () => {
+  return ve(() => {
+    k || Ce();
+  }, [h]), ve(() => (document.addEventListener("click", ue), () => {
     document.removeEventListener("click", ue);
-  }), []), /* @__PURE__ */ t.jsxs("div", { className: N.dropdownWrapper, style: ee ?? {}, children: [
-    i && /* @__PURE__ */ t.jsxs("label", { className: N.dropdownLabel, style: oe ?? {}, children: [
-      i,
+  }), []), /* @__PURE__ */ t.jsxs("div", { className: A.dropdownWrapper, style: ee ?? {}, children: [
+    l && /* @__PURE__ */ t.jsxs("label", { className: A.dropdownLabel, style: oe ?? {}, children: [
+      l,
       " ",
-      /* @__PURE__ */ t.jsx("span", { className: N.required, style: ae ?? {}, children: a && "*" }),
+      /* @__PURE__ */ t.jsx("span", { className: A.required, style: se ?? {}, children: s && "*" }),
       /* @__PURE__ */ t.jsxs(
         "span",
         {
@@ -1176,14 +1176,14 @@ const kr = "MainButton-module__mainButton", Er = "MainButton-module__sm", $r = "
             b && typeof b == "function" && b();
           },
           onMouseEnter: () => {
-            K && typeof K == "function" && K();
+            H && typeof H == "function" && H();
           },
           onMouseLeave: () => {
-            J && typeof J == "function" && J();
+            $ && typeof $ == "function" && $();
           },
           children: [
             " ",
-            le(M)
+            ie(N)
           ]
         }
       )
@@ -1192,23 +1192,23 @@ const kr = "MainButton-module__mainButton", Er = "MainButton-module__sm", $r = "
       "div",
       {
         ref: ye,
-        onClick: () => se((n) => !n),
-        className: `${N.dropdownContainer} ${X && !C ? N.focused : ""} ${d ? N.disabled : ""} ${f != null && f.error ? N.error : ""} ${N[j]}`,
+        onClick: () => ae((n) => !n),
+        className: `${A.dropdownContainer} ${z && !j ? A.focused : ""} ${u ? A.disabled : ""} ${f != null && f.error ? A.error : ""} ${A[C]}`,
         style: re ?? {},
         children: [
-          /* @__PURE__ */ t.jsx("span", { className: N.placeHolder, style: fe ?? {}, children: te && te.length > 0 ? "" : w }),
-          O && /* @__PURE__ */ t.jsxs("div", { className: N.selectedTags, style: ke ?? {}, children: [
-            F.current.slice(0, 3).map((n, x) => {
-              let E = F.current[F.current.length - 1];
-              return /* @__PURE__ */ t.jsxs("span", { className: N.selectedList, style: ve ?? {}, children: [
+          /* @__PURE__ */ t.jsx("span", { className: A.placeHolder, style: fe ?? {}, children: te && te.length > 0 ? "" : g }),
+          k && /* @__PURE__ */ t.jsxs("div", { className: A.selectedTags, style: $e ?? {}, children: [
+            D.current.slice(0, 3).map((n, x) => {
+              let P = D.current[D.current.length - 1];
+              return /* @__PURE__ */ t.jsxs("span", { className: A.selectedList, style: me ?? {}, children: [
                 n.label,
-                n.id !== E.id && x !== 2 ? ", " : ""
+                n.id !== P.id && x !== 2 ? ", " : ""
               ] }, n == null ? void 0 : n.id);
             }),
-            F.current.length > 3 && /* @__PURE__ */ t.jsxs("span", { className: N.additional, style: S ?? {}, children: [
+            D.current.length > 3 && /* @__PURE__ */ t.jsxs("span", { className: A.additional, style: W ?? {}, children: [
               " ",
               "+(",
-              F.current.length - 3,
+              D.current.length - 3,
               ")"
             ] })
           ] }),
@@ -1216,61 +1216,118 @@ const kr = "MainButton-module__mainButton", Er = "MainButton-module__sm", $r = "
             "input",
             {
               autoCorrect: "off",
-              hidden: O,
-              readOnly: !s || !X || O,
+              hidden: k,
+              readOnly: !a || !z || k,
               type: "text",
               value: te,
-              onChange: (n) => Oe(n.target.value)
+              onChange: (n) => Le(n.target.value)
             },
-            _
+            h
           ),
-          X && A.current && A.current.length > 0 && /* @__PURE__ */ t.jsx("ul", { onClick: (n) => n.stopPropagation(), ref: $e, className: N.dropdownList, style: V ?? {}, children: A.current.map((n) => /* @__PURE__ */ t.jsxs(
+          z && I.current && I.current.length > 0 && /* @__PURE__ */ t.jsx("ul", { onClick: (n) => n.stopPropagation(), ref: Oe, className: A.dropdownList, style: Y ?? {}, children: I.current.map((n) => /* @__PURE__ */ t.jsxs(
             "li",
             {
-              style: G ?? {},
-              className: `${!(n != null && n.label) || n.label === void 0 || n != null && n.disabled ? N.disabled : ""} ${n != null && n.selected ? N.selected : ""}`,
+              style: X ?? {},
+              className: `${!(n != null && n.label) || n.label === void 0 || n != null && n.disabled ? A.disabled : ""} ${n != null && n.selected ? A.selected : ""}`,
               onClick: () => {
-                O ? me(n) : ne(n);
+                k ? be(n) : ne(n);
               },
               children: [
                 /* @__PURE__ */ t.jsxs("p", { children: [
                   " ",
                   n != null && n.label ? typeof n.label == "function" ? n.label() : n.label : "-"
                 ] }),
-                (n == null ? void 0 : n.selected) && /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsx(lr, { color: "#7F56D9", width: 20, height: 20 }) })
+                (n == null ? void 0 : n.selected) && /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsx(ur, { color: "#7F56D9", width: 20, height: 20 }) })
               ]
             },
             n == null ? void 0 : n.id
           )) }),
-          (F.current.length > 0 || te.length) > 0 && /* @__PURE__ */ t.jsx("div", { onClick: (n) => ie(n), style: { display: "grid", placeItems: "center", cursor: "pointer" }, children: q ? le(q) : /* @__PURE__ */ t.jsx(ir, { width: 16, height: 16 }) }),
+          (D.current.length > 0 || te.length) > 0 && /* @__PURE__ */ t.jsx("div", { onClick: (n) => le(n), style: { display: "grid", placeItems: "center", cursor: "pointer" }, children: B ? ie(B) : /* @__PURE__ */ t.jsx(ir, { width: 16, height: 16 }) }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
               style: {
                 display: "grid",
                 placeItems: "center",
-                transform: X ? "rotate(180deg)" : "",
+                transform: z ? "rotate(180deg)" : "",
                 transition: "transform 0.2s ease-in-out",
                 // Add transition here
                 cursor: "pointer",
                 marginLeft: "10px"
               },
-              children: L ? le(L) : /* @__PURE__ */ t.jsx(sr, {})
+              children: L ? ie(L) : /* @__PURE__ */ t.jsx(lr, {})
             }
           )
         ]
       }
     ),
-    f && (f == null ? void 0 : f.visible) && /* @__PURE__ */ t.jsx("div", { className: `${N.dropdownHelperText} ${f != null && f.error ? N.error : ""}`, children: !X && /* @__PURE__ */ t.jsx("p", { style: (f == null ? void 0 : f.style) ?? {}, children: f.text }) })
+    f && (f == null ? void 0 : f.visible) && /* @__PURE__ */ t.jsx("div", { className: `${A.dropdownHelperText} ${f != null && f.error ? A.error : ""}`, children: !z && /* @__PURE__ */ t.jsx("p", { style: (f == null ? void 0 : f.style) ?? {}, children: f.text }) })
+  ] });
+}, tn = "Tooltip-module__tooltipContainer", nn = "Tooltip-module__tooltipContent", on = "Tooltip-module__top", sn = "Tooltip-module__right", an = "Tooltip-module__bottom", ln = "Tooltip-module__left", un = "Tooltip-module__tooltipTitle", cn = "Tooltip-module__tooltipText", Ee = {
+  tooltipContainer: tn,
+  tooltipContent: nn,
+  top: on,
+  right: sn,
+  bottom: an,
+  left: ln,
+  tooltipTitle: un,
+  tooltipText: cn
+}, xn = ({
+  children: l,
+  tooltipSlot: u,
+  delay: s,
+  placement: C = "top",
+  trigger: g = "click",
+  title: f,
+  text: j,
+  tooltipContentStyle: v,
+  tooltipTitlestyle: c,
+  tooltipTextStyle: h,
+  pointerPosition: a = "10%"
+}) => {
+  const m = G(null), R = G(null);
+  let k;
+  const [w, N] = V(!1), B = () => {
+    g === "hover" && (k = setTimeout(() => {
+      N(!0);
+    }, s || 400));
+  }, L = () => {
+    g === "hover" && (clearInterval(k), N(!1));
+  }, b = () => {
+    g === "click" && N(($) => !$);
+  }, H = ($) => {
+    $.composedPath().includes(m.current) || N(!1);
+  };
+  return ve(() => (document.addEventListener("click", H), () => {
+    document.removeEventListener("click", H);
+  }), []), ve(() => {
+    const $ = R.current;
+    $ && $.style.setProperty("--pointer-position", `${a}`);
+  }, [w]), /* @__PURE__ */ t.jsxs("div", { ref: m, className: Ee.tooltipContainer, onClick: b, onMouseEnter: B, onMouseLeave: L, children: [
+    l,
+    w && u ? u() : w && /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        onClick: ($) => $.stopPropagation(),
+        ref: R,
+        style: v ?? {},
+        className: `${Ee.tooltipContent} ${C ? Ee[C] : Ee.bottom}`,
+        children: [
+          f && f.length > 0 && /* @__PURE__ */ t.jsx("h2", { className: Ee.tooltipTitle, style: c ?? {}, children: f }),
+          j && j.length > 0 && /* @__PURE__ */ t.jsx("p", { className: Ee.tooltipText, style: h ?? {}, children: j })
+        ]
+      }
+    )
   ] });
 };
 export {
-  lt as Checkbox,
-  ln as Dropdown,
-  nn as FormInput,
-  tn as MainButton,
-  sn as Radio,
+  ut as Checkbox,
+  mn as Dropdown,
+  pn as FormInput,
+  fn as MainButton,
+  vn as Radio,
   xt as Tag,
-  on as Textarea,
-  an as Toggle
+  hn as Textarea,
+  _n as Toggle,
+  xn as Tooltip
 };