master-components-react 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.MainButton-module__mainButton{border-radius:.5rem;min-width:7.75rem;border:.125rem solid rgba(255,255,255,.12);background:#7f56d9;display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;cursor:pointer}.MainButton-module__mainButton:hover{background:#6941c6}.MainButton-module__mainButton:active{box-shadow:0 0 0 .0625rem #0a0d122e inset,0 -.125rem #0a0d120d inset,0 .0625rem .125rem #0a0d120d,0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.MainButton-module__mainButton.MainButton-module__sm{height:2.25rem}.MainButton-module__mainButton.MainButton-module__sm.MainButton-module__onlyIcon{height:2.25rem;width:2.25rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__sm .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:.875rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__md{height:2.5rem}.MainButton-module__mainButton.MainButton-module__md.MainButton-module__onlyIcon{height:2.5rem;width:2.5rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__md .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:.875rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__lg{height:2.75rem}.MainButton-module__mainButton.MainButton-module__lg.MainButton-module__onlyIcon{height:2.75rem;width:2.75rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__lg .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__xl{height:3rem}.MainButton-module__mainButton.MainButton-module__xl.MainButton-module__onlyIcon{height:3rem;width:3rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__xl .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1rem;line-height:1.5rem}.MainButton-module__mainButton.MainButton-module__xl2{height:3.75rem}.MainButton-module__mainButton.MainButton-module__xl2.MainButton-module__onlyIcon{height:3.5rem;width:3.5rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__xl2 .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1.125rem;line-height:1.75rem}.MainButton-module__mainButton.MainButton-module__disabled{border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#f5f5f5;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.MainButton-module__mainButton.MainButton-module__disabled .MainButton-module__buttonSlot .MainButton-module__buttonLabel{color:#a4a7ae}.MainButton-module__mainButton .MainButton-module__buttonSlot{display:flex;align-items:center;gap:.5rem}.MainButton-module__mainButton .MainButton-module__buttonSlot .MainButton-module__buttonLabel{color:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400}.FormInput-module__inputWrapper{width:100%}.FormInput-module__inputWrapper .FormInput-module__inputLabel{color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputLabel .FormInput-module__required{color:#7f56d9;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer{position:relative;margin:.375rem 0;width:100%;border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;display:flex;padding-left:.75rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer input{background-color:transparent;width:100%;border:none;padding:.5rem 0;color:#181d27;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;outline:none}.FormInput-module__inputWrapper .FormInput-module__inputContainer input::placeholder{color:#717680}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__error{border-radius:.5rem;outline-color:#fda29b;outline-width:.0625rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__error.FormInput-module__focused{outline-width:.125rem;outline-color:#f04438}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__rightIcon,.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__leftIcon{display:flex;justify-content:center;align-items:center}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__rightIcon{margin:0 .5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__leftIcon{margin-right:.375rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown{padding:.5rem .75rem;display:grid;place-items:center;position:relative;color:#414651;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul{width:100%;position:absolute;left:50%;top:100%;transform:translate(-50%);max-height:9.375rem;overflow:hidden;background-color:#fff;border:.0625rem solid #d5d7da;border-radius:.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul li{padding:.375rem .75rem;width:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:initial;cursor:pointer}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul li:hover{background-color:#d5d7da}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown.FormInput-module__http{cursor:initial;border-right:.0625rem solid #d5d7da;margin-right:.75rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__disabled input{background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__sm{height:2.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__md{height:2.75rem}.FormInput-module__inputWrapper .FormInput-module__withCopy{display:grid;place-items:center;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem;gap:.5rem;display:flex;align-items:center;gap:.25rem;border-radius:0rem .5rem .5rem 0rem;border:.0625rem solid #d5d7da;background:#fff;padding:.625rem .875rem;color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.FormInput-module__inputWrapper .FormInput-module__withCopy:hover{background:#f0f0f0}.FormInput-module__inputWrapper .FormInput-module__withCopy:active{background:#ececec}.FormInput-module__inputWrapper .FormInput-module__inputHelperText p{color:#535862;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputHelperText.FormInput-module__error p{color:#d92d20}.Textarea-module__textareaContainer{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;flex-shrink:0}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel{display:flex;align-items:center;gap:.125rem}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel p{font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required{color:#7f56d9;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:500;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__wrap{position:relative;display:inline-block}.Textarea-module__textareaContainer .Textarea-module__wrap:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");width:.9375rem;background:transparent;position:absolute;right:.125rem;bottom:.3125rem;pointer-events:none;border-radius:25%}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;padding:.75rem .875rem;border:none;outline-color:#d5d7da;outline-width:.0625rem;outline-style:solid;position:relative;color:#181d27;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer{display:none}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar{width:0}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track{-webkit-box-shadow:none}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb{background-color:none;outline:0}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__error{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#fda29b;outline-width:.125rem;outline-style:solid}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__error.Textarea-module__focused{outline-color:#f04438}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder{color:#717680;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.Textarea-module__textareaContainer .Textarea-module__helperTextStyle{color:#535862;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__helperTextStyle.Textarea-module__error{color:#d92d20}.Toggle-module__toggleWrapper{width:36px;height:20px;position:relative;overflow:hidden;background:#f5f5f5;border-radius:624.9375rem;cursor:pointer}.Toggle-module__toggleWrapper:active{box-shadow:0 0 0 2px #fff,0 0 0 4px #9e77ed}.Toggle-module__toggleWrapper .Toggle-module__toggleState{width:1.125rem;height:16px;width:16px;border-radius:624.9375rem;background:#fff;transition:.2s;position:absolute;top:50%;left:.125rem;transform:translateY(-50%)}.Toggle-module__toggleWrapper.Toggle-module__checked{background:#7f56d9}.Toggle-module__toggleWrapper.Toggle-module__checked .Toggle-module__toggleState{left:calc(100% - 1.25rem)}.Toggle-module__toggleWrapper.Toggle-module__checked.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}.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}`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
-
import
|
|
3
|
-
var
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.MainButton-module__mainButton{border-radius:.5rem;min-width:7.75rem;border:.125rem solid rgba(255,255,255,.12);background:#7f56d9;display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;cursor:pointer}.MainButton-module__mainButton:hover{background:#6941c6}.MainButton-module__mainButton:active{box-shadow:0 0 0 .0625rem #0a0d122e inset,0 -.125rem #0a0d120d inset,0 .0625rem .125rem #0a0d120d,0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.MainButton-module__mainButton.MainButton-module__sm{height:2.25rem}.MainButton-module__mainButton.MainButton-module__sm.MainButton-module__onlyIcon{height:2.25rem;width:2.25rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__sm .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:.875rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__md{height:2.5rem}.MainButton-module__mainButton.MainButton-module__md.MainButton-module__onlyIcon{height:2.5rem;width:2.5rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__md .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:.875rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__lg{height:2.75rem}.MainButton-module__mainButton.MainButton-module__lg.MainButton-module__onlyIcon{height:2.75rem;width:2.75rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__lg .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1rem;line-height:1.25rem}.MainButton-module__mainButton.MainButton-module__xl{height:3rem}.MainButton-module__mainButton.MainButton-module__xl.MainButton-module__onlyIcon{height:3rem;width:3rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__xl .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1rem;line-height:1.5rem}.MainButton-module__mainButton.MainButton-module__xl2{height:3.75rem}.MainButton-module__mainButton.MainButton-module__xl2.MainButton-module__onlyIcon{height:3.5rem;width:3.5rem;min-width:unset}.MainButton-module__mainButton.MainButton-module__xl2 .MainButton-module__buttonSlot .MainButton-module__buttonLabel{font-size:1.125rem;line-height:1.75rem}.MainButton-module__mainButton.MainButton-module__disabled{border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#f5f5f5;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.MainButton-module__mainButton.MainButton-module__disabled .MainButton-module__buttonSlot .MainButton-module__buttonLabel{color:#a4a7ae}.MainButton-module__mainButton .MainButton-module__buttonSlot{display:flex;align-items:center;gap:.5rem}.MainButton-module__mainButton .MainButton-module__buttonSlot .MainButton-module__buttonLabel{color:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400}.FormInput-module__inputWrapper{width:100%}.FormInput-module__inputWrapper .FormInput-module__inputLabel{color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputLabel .FormInput-module__required{color:#7f56d9;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer{position:relative;margin:.375rem 0;width:100%;border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;display:flex;padding-left:.75rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer input{background-color:transparent;width:100%;border:none;padding:.5rem 0;color:#181d27;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;outline:none}.FormInput-module__inputWrapper .FormInput-module__inputContainer input::placeholder{color:#717680}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__error{border-radius:.5rem;outline-color:#fda29b;outline-width:.0625rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__error.FormInput-module__focused{outline-width:.125rem;outline-color:#f04438}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__rightIcon,.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__leftIcon{display:flex;justify-content:center;align-items:center}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__rightIcon{margin:0 .5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__leftIcon{margin-right:.375rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown{padding:.5rem .75rem;display:grid;place-items:center;position:relative;color:#414651;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul{width:100%;position:absolute;left:50%;top:100%;transform:translate(-50%);max-height:9.375rem;overflow:hidden;background-color:#fff;border:.0625rem solid #d5d7da;border-radius:.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul li{padding:.375rem .75rem;width:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:initial;cursor:pointer}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown ul li:hover{background-color:#d5d7da}.FormInput-module__inputWrapper .FormInput-module__inputContainer .FormInput-module__inputDropDown.FormInput-module__http{cursor:initial;border-right:.0625rem solid #d5d7da;margin-right:.75rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__disabled input{background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__sm{height:2.5rem}.FormInput-module__inputWrapper .FormInput-module__inputContainer.FormInput-module__md{height:2.75rem}.FormInput-module__inputWrapper .FormInput-module__withCopy{display:grid;place-items:center;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem;gap:.5rem;display:flex;align-items:center;gap:.25rem;border-radius:0rem .5rem .5rem 0rem;border:.0625rem solid #d5d7da;background:#fff;padding:.625rem .875rem;color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.FormInput-module__inputWrapper .FormInput-module__withCopy:hover{background:#f0f0f0}.FormInput-module__inputWrapper .FormInput-module__withCopy:active{background:#ececec}.FormInput-module__inputWrapper .FormInput-module__inputHelperText p{color:#535862;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.FormInput-module__inputWrapper .FormInput-module__inputHelperText.FormInput-module__error p{color:#d92d20}.Textarea-module__textareaContainer{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;flex-shrink:0}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel{display:flex;align-items:center;gap:.125rem}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel p{font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required{color:#7f56d9;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:500;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__wrap{position:relative;display:inline-block}.Textarea-module__textareaContainer .Textarea-module__wrap:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");width:.9375rem;background:transparent;position:absolute;right:.125rem;bottom:.3125rem;pointer-events:none;border-radius:25%}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;padding:.75rem .875rem;border:none;outline-color:#d5d7da;outline-width:.0625rem;outline-style:solid;position:relative;color:#181d27;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer{display:none}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar{width:0}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track{-webkit-box-shadow:none}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb{background-color:none;outline:0}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__error{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#fda29b;outline-width:.125rem;outline-style:solid}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__error.Textarea-module__focused{outline-color:#f04438}.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder{color:#717680;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.Textarea-module__textareaContainer .Textarea-module__helperTextStyle{color:#535862;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.25rem}.Textarea-module__textareaContainer .Textarea-module__helperTextStyle.Textarea-module__error{color:#d92d20}.Toggle-module__toggleWrapper{width:36px;height:20px;position:relative;overflow:hidden;background:#f5f5f5;border-radius:624.9375rem;cursor:pointer}.Toggle-module__toggleWrapper:active{box-shadow:0 0 0 2px #fff,0 0 0 4px #9e77ed}.Toggle-module__toggleWrapper .Toggle-module__toggleState{width:1.125rem;height:16px;width:16px;border-radius:624.9375rem;background:#fff;transition:.2s;position:absolute;top:50%;left:.125rem;transform:translateY(-50%)}.Toggle-module__toggleWrapper.Toggle-module__checked{background:#7f56d9}.Toggle-module__toggleWrapper.Toggle-module__checked .Toggle-module__toggleState{left:calc(100% - 1.25rem)}.Toggle-module__toggleWrapper.Toggle-module__checked.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}.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}.Radio-module__radioWrapper{border-radius:50%;overflow:hidden;position:relative;border-radius:624.9375rem;border:1px 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:8px;height:8px;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:6px;height:6px;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}`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
import rr, { useState as L, useRef as Se, useEffect as Ze } from "react";
|
|
3
|
+
var Be = { exports: {} }, de = {};
|
|
4
4
|
/**
|
|
5
5
|
* @license React
|
|
6
6
|
* react-jsx-runtime.production.min.js
|
|
@@ -10,21 +10,21 @@ var Ne = { exports: {} }, fe = {};
|
|
|
10
10
|
* This source code is licensed under the MIT license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
12
12
|
*/
|
|
13
|
-
var
|
|
14
|
-
function
|
|
15
|
-
if (
|
|
16
|
-
|
|
17
|
-
var
|
|
18
|
-
function j(h,
|
|
19
|
-
var i,
|
|
20
|
-
_ !== void 0 && (E = "" + _),
|
|
21
|
-
for (i in
|
|
22
|
-
if (h && h.defaultProps) for (i in
|
|
23
|
-
return { $$typeof:
|
|
13
|
+
var Qe;
|
|
14
|
+
function br() {
|
|
15
|
+
if (Qe) return de;
|
|
16
|
+
Qe = 1;
|
|
17
|
+
var l = rr, f = Symbol.for("react.element"), o = Symbol.for("react.fragment"), x = Object.prototype.hasOwnProperty, R = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
18
|
+
function j(h, d, _) {
|
|
19
|
+
var i, b = {}, E = null, F = null;
|
|
20
|
+
_ !== void 0 && (E = "" + _), d.key !== void 0 && (E = "" + d.key), d.ref !== void 0 && (F = d.ref);
|
|
21
|
+
for (i in d) x.call(d, i) && !g.hasOwnProperty(i) && (b[i] = d[i]);
|
|
22
|
+
if (h && h.defaultProps) for (i in d = h.defaultProps, d) b[i] === void 0 && (b[i] = d[i]);
|
|
23
|
+
return { $$typeof: f, type: h, key: E, ref: F, props: b, _owner: R.current };
|
|
24
24
|
}
|
|
25
|
-
return
|
|
25
|
+
return de.Fragment = o, de.jsx = j, de.jsxs = j, de;
|
|
26
26
|
}
|
|
27
|
-
var
|
|
27
|
+
var pe = {};
|
|
28
28
|
/**
|
|
29
29
|
* @license React
|
|
30
30
|
* react-jsx-runtime.development.js
|
|
@@ -34,68 +34,68 @@ var de = {};
|
|
|
34
34
|
* This source code is licensed under the MIT license found in the
|
|
35
35
|
* LICENSE file in the root directory of this source tree.
|
|
36
36
|
*/
|
|
37
|
-
var
|
|
38
|
-
function
|
|
39
|
-
return
|
|
40
|
-
var
|
|
37
|
+
var er;
|
|
38
|
+
function Cr() {
|
|
39
|
+
return er || (er = 1, process.env.NODE_ENV !== "production" && function() {
|
|
40
|
+
var l = rr, f = Symbol.for("react.element"), o = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), h = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), i = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), A = Symbol.iterator, W = "@@iterator";
|
|
41
41
|
function N(e) {
|
|
42
42
|
if (e === null || typeof e != "object")
|
|
43
43
|
return null;
|
|
44
|
-
var r = A && e[A] || e[
|
|
44
|
+
var r = A && e[A] || e[W];
|
|
45
45
|
return typeof r == "function" ? r : null;
|
|
46
46
|
}
|
|
47
|
-
var S =
|
|
48
|
-
function
|
|
47
|
+
var S = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
48
|
+
function m(e) {
|
|
49
49
|
{
|
|
50
|
-
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0),
|
|
51
|
-
t[
|
|
50
|
+
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
|
|
51
|
+
t[a - 1] = arguments[a];
|
|
52
52
|
B("error", e, t);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
function B(e, r, t) {
|
|
56
56
|
{
|
|
57
|
-
var
|
|
58
|
-
|
|
57
|
+
var a = S.ReactDebugCurrentFrame, p = a.getStackAddendum();
|
|
58
|
+
p !== "" && (r += "%s", t = t.concat([p]));
|
|
59
59
|
var v = t.map(function(c) {
|
|
60
60
|
return String(c);
|
|
61
61
|
});
|
|
62
62
|
v.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, v);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
-
var
|
|
66
|
-
|
|
67
|
-
function
|
|
68
|
-
return !!(typeof e == "string" || typeof e == "function" || e ===
|
|
65
|
+
var Z = !1, Q = !1, Y = !1, I = !1, le = !1, ee;
|
|
66
|
+
ee = Symbol.for("react.module.reference");
|
|
67
|
+
function ve(e) {
|
|
68
|
+
return !!(typeof e == "string" || typeof e == "function" || e === x || e === g || le || e === R || e === _ || e === i || I || e === F || Z || Q || Y || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === b || e.$$typeof === j || e.$$typeof === h || e.$$typeof === d || // This needs to include all possible module reference object
|
|
69
69
|
// types supported by any Flight configuration anywhere since
|
|
70
70
|
// we don't know which Flight build this will end up being used
|
|
71
71
|
// with.
|
|
72
|
-
e.$$typeof ===
|
|
72
|
+
e.$$typeof === ee || e.getModuleId !== void 0));
|
|
73
73
|
}
|
|
74
|
-
function
|
|
75
|
-
var
|
|
76
|
-
if (
|
|
77
|
-
return
|
|
78
|
-
var
|
|
79
|
-
return
|
|
74
|
+
function ue(e, r, t) {
|
|
75
|
+
var a = e.displayName;
|
|
76
|
+
if (a)
|
|
77
|
+
return a;
|
|
78
|
+
var p = r.displayName || r.name || "";
|
|
79
|
+
return p !== "" ? t + "(" + p + ")" : t;
|
|
80
80
|
}
|
|
81
|
-
function
|
|
81
|
+
function he(e) {
|
|
82
82
|
return e.displayName || "Context";
|
|
83
83
|
}
|
|
84
84
|
function $(e) {
|
|
85
85
|
if (e == null)
|
|
86
86
|
return null;
|
|
87
|
-
if (typeof e.tag == "number" &&
|
|
87
|
+
if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
88
88
|
return e.displayName || e.name || null;
|
|
89
89
|
if (typeof e == "string")
|
|
90
90
|
return e;
|
|
91
91
|
switch (e) {
|
|
92
|
-
case
|
|
92
|
+
case x:
|
|
93
93
|
return "Fragment";
|
|
94
|
-
case
|
|
94
|
+
case o:
|
|
95
95
|
return "Portal";
|
|
96
96
|
case g:
|
|
97
97
|
return "Profiler";
|
|
98
|
-
case
|
|
98
|
+
case R:
|
|
99
99
|
return "StrictMode";
|
|
100
100
|
case _:
|
|
101
101
|
return "Suspense";
|
|
@@ -106,17 +106,17 @@ function br() {
|
|
|
106
106
|
switch (e.$$typeof) {
|
|
107
107
|
case h:
|
|
108
108
|
var r = e;
|
|
109
|
-
return
|
|
109
|
+
return he(r) + ".Consumer";
|
|
110
110
|
case j:
|
|
111
111
|
var t = e;
|
|
112
|
-
return
|
|
113
|
-
case
|
|
114
|
-
return
|
|
115
|
-
case
|
|
116
|
-
var
|
|
117
|
-
return
|
|
112
|
+
return he(t._context) + ".Provider";
|
|
113
|
+
case d:
|
|
114
|
+
return ue(e, e.render, "ForwardRef");
|
|
115
|
+
case b:
|
|
116
|
+
var a = e.displayName || null;
|
|
117
|
+
return a !== null ? a : $(e.type) || "Memo";
|
|
118
118
|
case E: {
|
|
119
|
-
var
|
|
119
|
+
var p = e, v = p._payload, c = p._init;
|
|
120
120
|
try {
|
|
121
121
|
return $(c(v));
|
|
122
122
|
} catch {
|
|
@@ -126,18 +126,18 @@ function br() {
|
|
|
126
126
|
}
|
|
127
127
|
return null;
|
|
128
128
|
}
|
|
129
|
-
var
|
|
130
|
-
function
|
|
129
|
+
var M = Object.assign, V = 0, _e, me, ye, xe, be, Ce, ge;
|
|
130
|
+
function je() {
|
|
131
131
|
}
|
|
132
|
-
|
|
133
|
-
function
|
|
132
|
+
je.__reactDisabledLog = !0;
|
|
133
|
+
function $e() {
|
|
134
134
|
{
|
|
135
135
|
if (V === 0) {
|
|
136
|
-
|
|
136
|
+
_e = console.log, me = console.info, ye = console.warn, xe = console.error, be = console.group, Ce = console.groupCollapsed, ge = console.groupEnd;
|
|
137
137
|
var e = {
|
|
138
138
|
configurable: !0,
|
|
139
139
|
enumerable: !0,
|
|
140
|
-
value:
|
|
140
|
+
value: je,
|
|
141
141
|
writable: !0
|
|
142
142
|
};
|
|
143
143
|
Object.defineProperties(console, {
|
|
@@ -153,7 +153,7 @@ function br() {
|
|
|
153
153
|
V++;
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
|
-
function
|
|
156
|
+
function Ye() {
|
|
157
157
|
{
|
|
158
158
|
if (V--, V === 0) {
|
|
159
159
|
var e = {
|
|
@@ -162,65 +162,65 @@ function br() {
|
|
|
162
162
|
writable: !0
|
|
163
163
|
};
|
|
164
164
|
Object.defineProperties(console, {
|
|
165
|
-
log:
|
|
166
|
-
value: he
|
|
167
|
-
}),
|
|
168
|
-
info: W({}, e, {
|
|
165
|
+
log: M({}, e, {
|
|
169
166
|
value: _e
|
|
170
167
|
}),
|
|
171
|
-
|
|
172
|
-
value: ye
|
|
173
|
-
}),
|
|
174
|
-
error: W({}, e, {
|
|
168
|
+
info: M({}, e, {
|
|
175
169
|
value: me
|
|
176
170
|
}),
|
|
177
|
-
|
|
171
|
+
warn: M({}, e, {
|
|
172
|
+
value: ye
|
|
173
|
+
}),
|
|
174
|
+
error: M({}, e, {
|
|
178
175
|
value: xe
|
|
179
176
|
}),
|
|
180
|
-
|
|
177
|
+
group: M({}, e, {
|
|
181
178
|
value: be
|
|
182
179
|
}),
|
|
183
|
-
|
|
180
|
+
groupCollapsed: M({}, e, {
|
|
184
181
|
value: Ce
|
|
182
|
+
}),
|
|
183
|
+
groupEnd: M({}, e, {
|
|
184
|
+
value: ge
|
|
185
185
|
})
|
|
186
186
|
});
|
|
187
187
|
}
|
|
188
|
-
V < 0 &&
|
|
188
|
+
V < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
|
-
var
|
|
192
|
-
function
|
|
191
|
+
var ce = S.ReactCurrentDispatcher, fe;
|
|
192
|
+
function q(e, r, t) {
|
|
193
193
|
{
|
|
194
|
-
if (
|
|
194
|
+
if (fe === void 0)
|
|
195
195
|
try {
|
|
196
196
|
throw Error();
|
|
197
|
-
} catch (
|
|
198
|
-
var
|
|
199
|
-
|
|
197
|
+
} catch (p) {
|
|
198
|
+
var a = p.stack.trim().match(/\n( *(at )?)/);
|
|
199
|
+
fe = a && a[1] || "";
|
|
200
200
|
}
|
|
201
201
|
return `
|
|
202
|
-
` +
|
|
202
|
+
` + fe + e;
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
|
-
var
|
|
205
|
+
var U = !1, H;
|
|
206
206
|
{
|
|
207
|
-
var
|
|
208
|
-
H = new
|
|
207
|
+
var Oe = typeof WeakMap == "function" ? WeakMap : Map;
|
|
208
|
+
H = new Oe();
|
|
209
209
|
}
|
|
210
210
|
function K(e, r) {
|
|
211
|
-
if (!e ||
|
|
211
|
+
if (!e || U)
|
|
212
212
|
return "";
|
|
213
213
|
{
|
|
214
214
|
var t = H.get(e);
|
|
215
215
|
if (t !== void 0)
|
|
216
216
|
return t;
|
|
217
217
|
}
|
|
218
|
-
var
|
|
219
|
-
|
|
220
|
-
var
|
|
218
|
+
var a;
|
|
219
|
+
U = !0;
|
|
220
|
+
var p = Error.prepareStackTrace;
|
|
221
221
|
Error.prepareStackTrace = void 0;
|
|
222
222
|
var v;
|
|
223
|
-
v =
|
|
223
|
+
v = ce.current, ce.current = null, $e();
|
|
224
224
|
try {
|
|
225
225
|
if (r) {
|
|
226
226
|
var c = function() {
|
|
@@ -234,14 +234,14 @@ function br() {
|
|
|
234
234
|
try {
|
|
235
235
|
Reflect.construct(c, []);
|
|
236
236
|
} catch (T) {
|
|
237
|
-
|
|
237
|
+
a = T;
|
|
238
238
|
}
|
|
239
239
|
Reflect.construct(e, [], c);
|
|
240
240
|
} else {
|
|
241
241
|
try {
|
|
242
242
|
c.call();
|
|
243
243
|
} catch (T) {
|
|
244
|
-
|
|
244
|
+
a = T;
|
|
245
245
|
}
|
|
246
246
|
e.call(c.prototype);
|
|
247
247
|
}
|
|
@@ -249,103 +249,103 @@ function br() {
|
|
|
249
249
|
try {
|
|
250
250
|
throw Error();
|
|
251
251
|
} catch (T) {
|
|
252
|
-
|
|
252
|
+
a = T;
|
|
253
253
|
}
|
|
254
254
|
e();
|
|
255
255
|
}
|
|
256
256
|
} catch (T) {
|
|
257
|
-
if (T &&
|
|
258
|
-
for (var
|
|
259
|
-
`),
|
|
260
|
-
`),
|
|
261
|
-
|
|
262
|
-
for (;
|
|
263
|
-
if (
|
|
264
|
-
if (
|
|
257
|
+
if (T && a && typeof T.stack == "string") {
|
|
258
|
+
for (var u = T.stack.split(`
|
|
259
|
+
`), w = a.stack.split(`
|
|
260
|
+
`), y = u.length - 1, C = w.length - 1; y >= 1 && C >= 0 && u[y] !== w[C]; )
|
|
261
|
+
C--;
|
|
262
|
+
for (; y >= 1 && C >= 0; y--, C--)
|
|
263
|
+
if (u[y] !== w[C]) {
|
|
264
|
+
if (y !== 1 || C !== 1)
|
|
265
265
|
do
|
|
266
|
-
if (
|
|
267
|
-
var
|
|
268
|
-
` +
|
|
269
|
-
return e.displayName &&
|
|
266
|
+
if (y--, C--, C < 0 || u[y] !== w[C]) {
|
|
267
|
+
var O = `
|
|
268
|
+
` + u[y].replace(" at new ", " at ");
|
|
269
|
+
return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, O), O;
|
|
270
270
|
}
|
|
271
|
-
while (
|
|
271
|
+
while (y >= 1 && C >= 0);
|
|
272
272
|
break;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
} finally {
|
|
276
|
-
|
|
276
|
+
U = !1, ce.current = v, Ye(), Error.prepareStackTrace = p;
|
|
277
277
|
}
|
|
278
|
-
var
|
|
278
|
+
var ae = e ? e.displayName || e.name : "", X = ae ? q(ae) : "";
|
|
279
279
|
return typeof e == "function" && H.set(e, X), X;
|
|
280
280
|
}
|
|
281
281
|
function Pe(e, r, t) {
|
|
282
282
|
return K(e, !1);
|
|
283
283
|
}
|
|
284
|
-
function
|
|
284
|
+
function Fe(e) {
|
|
285
285
|
var r = e.prototype;
|
|
286
286
|
return !!(r && r.isReactComponent);
|
|
287
287
|
}
|
|
288
|
-
function
|
|
288
|
+
function re(e, r, t) {
|
|
289
289
|
if (e == null)
|
|
290
290
|
return "";
|
|
291
291
|
if (typeof e == "function")
|
|
292
|
-
return K(e,
|
|
292
|
+
return K(e, Fe(e));
|
|
293
293
|
if (typeof e == "string")
|
|
294
|
-
return
|
|
294
|
+
return q(e);
|
|
295
295
|
switch (e) {
|
|
296
296
|
case _:
|
|
297
|
-
return
|
|
297
|
+
return q("Suspense");
|
|
298
298
|
case i:
|
|
299
|
-
return
|
|
299
|
+
return q("SuspenseList");
|
|
300
300
|
}
|
|
301
301
|
if (typeof e == "object")
|
|
302
302
|
switch (e.$$typeof) {
|
|
303
|
-
case
|
|
303
|
+
case d:
|
|
304
304
|
return Pe(e.render);
|
|
305
|
-
case
|
|
306
|
-
return
|
|
305
|
+
case b:
|
|
306
|
+
return re(e.type, r, t);
|
|
307
307
|
case E: {
|
|
308
|
-
var
|
|
308
|
+
var a = e, p = a._payload, v = a._init;
|
|
309
309
|
try {
|
|
310
|
-
return
|
|
310
|
+
return re(v(p), r, t);
|
|
311
311
|
} catch {
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
315
|
return "";
|
|
316
316
|
}
|
|
317
|
-
var J = Object.prototype.hasOwnProperty,
|
|
318
|
-
function
|
|
317
|
+
var J = Object.prototype.hasOwnProperty, Re = {}, Ee = S.ReactDebugCurrentFrame;
|
|
318
|
+
function te(e) {
|
|
319
319
|
if (e) {
|
|
320
|
-
var r = e._owner, t =
|
|
320
|
+
var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
|
|
321
321
|
Ee.setExtraStackFrame(t);
|
|
322
322
|
} else
|
|
323
323
|
Ee.setExtraStackFrame(null);
|
|
324
324
|
}
|
|
325
|
-
function
|
|
325
|
+
function ke(e, r, t, a, p) {
|
|
326
326
|
{
|
|
327
327
|
var v = Function.call.bind(J);
|
|
328
328
|
for (var c in e)
|
|
329
329
|
if (v(e, c)) {
|
|
330
|
-
var
|
|
330
|
+
var u = void 0;
|
|
331
331
|
try {
|
|
332
332
|
if (typeof e[c] != "function") {
|
|
333
|
-
var
|
|
334
|
-
throw
|
|
333
|
+
var w = Error((a || "React class") + ": " + t + " type `" + c + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[c] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
334
|
+
throw w.name = "Invariant Violation", w;
|
|
335
335
|
}
|
|
336
|
-
|
|
337
|
-
} catch (
|
|
338
|
-
|
|
336
|
+
u = e[c](r, c, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
337
|
+
} catch (y) {
|
|
338
|
+
u = y;
|
|
339
339
|
}
|
|
340
|
-
|
|
340
|
+
u && !(u instanceof Error) && (te(p), m("%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).", a || "React class", t, c, typeof u), te(null)), u instanceof Error && !(u.message in Re) && (Re[u.message] = !0, te(p), m("Failed %s type: %s", t, u.message), te(null));
|
|
341
341
|
}
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
|
-
var
|
|
345
|
-
function
|
|
346
|
-
return
|
|
344
|
+
var Ae = Array.isArray;
|
|
345
|
+
function ne(e) {
|
|
346
|
+
return Ae(e);
|
|
347
347
|
}
|
|
348
|
-
function
|
|
348
|
+
function De(e) {
|
|
349
349
|
{
|
|
350
350
|
var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
351
351
|
return t;
|
|
@@ -363,16 +363,16 @@ function br() {
|
|
|
363
363
|
}
|
|
364
364
|
function D(e) {
|
|
365
365
|
if (we(e))
|
|
366
|
-
return
|
|
366
|
+
return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", De(e)), s(e);
|
|
367
367
|
}
|
|
368
|
-
var G = S.ReactCurrentOwner,
|
|
368
|
+
var G = S.ReactCurrentOwner, tr = {
|
|
369
369
|
key: !0,
|
|
370
370
|
ref: !0,
|
|
371
371
|
__self: !0,
|
|
372
372
|
__source: !0
|
|
373
|
-
},
|
|
374
|
-
|
|
375
|
-
function
|
|
373
|
+
}, Ve, qe, We;
|
|
374
|
+
We = {};
|
|
375
|
+
function nr(e) {
|
|
376
376
|
if (J.call(e, "ref")) {
|
|
377
377
|
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
378
378
|
if (r && r.isReactWarning)
|
|
@@ -380,7 +380,7 @@ function br() {
|
|
|
380
380
|
}
|
|
381
381
|
return e.ref !== void 0;
|
|
382
382
|
}
|
|
383
|
-
function
|
|
383
|
+
function or(e) {
|
|
384
384
|
if (J.call(e, "key")) {
|
|
385
385
|
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
386
386
|
if (r && r.isReactWarning)
|
|
@@ -388,16 +388,16 @@ function br() {
|
|
|
388
388
|
}
|
|
389
389
|
return e.key !== void 0;
|
|
390
390
|
}
|
|
391
|
-
function
|
|
391
|
+
function ar(e, r) {
|
|
392
392
|
if (typeof e.ref == "string" && G.current && r && G.current.stateNode !== r) {
|
|
393
393
|
var t = $(G.current.type);
|
|
394
|
-
|
|
394
|
+
We[t] || (m('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', $(G.current.type), e.ref), We[t] = !0);
|
|
395
395
|
}
|
|
396
396
|
}
|
|
397
|
-
function
|
|
397
|
+
function ir(e, r) {
|
|
398
398
|
{
|
|
399
399
|
var t = function() {
|
|
400
|
-
|
|
400
|
+
Ve || (Ve = !0, m("%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));
|
|
401
401
|
};
|
|
402
402
|
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
403
403
|
get: t,
|
|
@@ -405,10 +405,10 @@ function br() {
|
|
|
405
405
|
});
|
|
406
406
|
}
|
|
407
407
|
}
|
|
408
|
-
function
|
|
408
|
+
function sr(e, r) {
|
|
409
409
|
{
|
|
410
410
|
var t = function() {
|
|
411
|
-
|
|
411
|
+
qe || (qe = !0, m("%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));
|
|
412
412
|
};
|
|
413
413
|
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
414
414
|
get: t,
|
|
@@ -416,10 +416,10 @@ function br() {
|
|
|
416
416
|
});
|
|
417
417
|
}
|
|
418
418
|
}
|
|
419
|
-
var
|
|
420
|
-
var
|
|
419
|
+
var lr = function(e, r, t, a, p, v, c) {
|
|
420
|
+
var u = {
|
|
421
421
|
// This tag allows us to uniquely identify this as a React Element
|
|
422
|
-
$$typeof:
|
|
422
|
+
$$typeof: f,
|
|
423
423
|
// Built-in properties that belong on the element
|
|
424
424
|
type: e,
|
|
425
425
|
key: r,
|
|
@@ -428,55 +428,55 @@ function br() {
|
|
|
428
428
|
// Record the component responsible for creating this element.
|
|
429
429
|
_owner: v
|
|
430
430
|
};
|
|
431
|
-
return
|
|
431
|
+
return u._store = {}, Object.defineProperty(u._store, "validated", {
|
|
432
432
|
configurable: !1,
|
|
433
433
|
enumerable: !1,
|
|
434
434
|
writable: !0,
|
|
435
435
|
value: !1
|
|
436
|
-
}), Object.defineProperty(
|
|
436
|
+
}), Object.defineProperty(u, "_self", {
|
|
437
437
|
configurable: !1,
|
|
438
438
|
enumerable: !1,
|
|
439
439
|
writable: !1,
|
|
440
|
-
value:
|
|
441
|
-
}), Object.defineProperty(
|
|
440
|
+
value: a
|
|
441
|
+
}), Object.defineProperty(u, "_source", {
|
|
442
442
|
configurable: !1,
|
|
443
443
|
enumerable: !1,
|
|
444
444
|
writable: !1,
|
|
445
|
-
value:
|
|
446
|
-
}), Object.freeze && (Object.freeze(
|
|
445
|
+
value: p
|
|
446
|
+
}), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
|
|
447
447
|
};
|
|
448
|
-
function
|
|
448
|
+
function ur(e, r, t, a, p) {
|
|
449
449
|
{
|
|
450
|
-
var v, c = {},
|
|
451
|
-
t !== void 0 && (D(t),
|
|
450
|
+
var v, c = {}, u = null, w = null;
|
|
451
|
+
t !== void 0 && (D(t), u = "" + t), or(r) && (D(r.key), u = "" + r.key), nr(r) && (w = r.ref, ar(r, p));
|
|
452
452
|
for (v in r)
|
|
453
|
-
J.call(r, v) && !
|
|
453
|
+
J.call(r, v) && !tr.hasOwnProperty(v) && (c[v] = r[v]);
|
|
454
454
|
if (e && e.defaultProps) {
|
|
455
|
-
var
|
|
456
|
-
for (v in
|
|
457
|
-
c[v] === void 0 && (c[v] =
|
|
455
|
+
var y = e.defaultProps;
|
|
456
|
+
for (v in y)
|
|
457
|
+
c[v] === void 0 && (c[v] = y[v]);
|
|
458
458
|
}
|
|
459
|
-
if (
|
|
460
|
-
var
|
|
461
|
-
|
|
459
|
+
if (u || w) {
|
|
460
|
+
var C = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
461
|
+
u && ir(c, C), w && sr(c, C);
|
|
462
462
|
}
|
|
463
|
-
return
|
|
463
|
+
return lr(e, u, w, p, a, G.current, c);
|
|
464
464
|
}
|
|
465
465
|
}
|
|
466
466
|
var Me = S.ReactCurrentOwner, Ue = S.ReactDebugCurrentFrame;
|
|
467
|
-
function
|
|
467
|
+
function oe(e) {
|
|
468
468
|
if (e) {
|
|
469
|
-
var r = e._owner, t =
|
|
469
|
+
var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
|
|
470
470
|
Ue.setExtraStackFrame(t);
|
|
471
471
|
} else
|
|
472
472
|
Ue.setExtraStackFrame(null);
|
|
473
473
|
}
|
|
474
|
-
var
|
|
475
|
-
|
|
476
|
-
function
|
|
477
|
-
return typeof e == "object" && e !== null && e.$$typeof ===
|
|
474
|
+
var Le;
|
|
475
|
+
Le = !1;
|
|
476
|
+
function Ie(e) {
|
|
477
|
+
return typeof e == "object" && e !== null && e.$$typeof === f;
|
|
478
478
|
}
|
|
479
|
-
function
|
|
479
|
+
function He() {
|
|
480
480
|
{
|
|
481
481
|
if (Me.current) {
|
|
482
482
|
var e = $(Me.current.type);
|
|
@@ -488,13 +488,13 @@ Check the render method of \`` + e + "`.";
|
|
|
488
488
|
return "";
|
|
489
489
|
}
|
|
490
490
|
}
|
|
491
|
-
function
|
|
491
|
+
function cr(e) {
|
|
492
492
|
return "";
|
|
493
493
|
}
|
|
494
|
-
var
|
|
495
|
-
function
|
|
494
|
+
var Ke = {};
|
|
495
|
+
function fr(e) {
|
|
496
496
|
{
|
|
497
|
-
var r =
|
|
497
|
+
var r = He();
|
|
498
498
|
if (!r) {
|
|
499
499
|
var t = typeof e == "string" ? e : e.displayName || e.name;
|
|
500
500
|
t && (r = `
|
|
@@ -504,39 +504,39 @@ Check the top-level render call using <` + t + ">.");
|
|
|
504
504
|
return r;
|
|
505
505
|
}
|
|
506
506
|
}
|
|
507
|
-
function
|
|
507
|
+
function Je(e, r) {
|
|
508
508
|
{
|
|
509
509
|
if (!e._store || e._store.validated || e.key != null)
|
|
510
510
|
return;
|
|
511
511
|
e._store.validated = !0;
|
|
512
|
-
var t =
|
|
513
|
-
if (
|
|
512
|
+
var t = fr(r);
|
|
513
|
+
if (Ke[t])
|
|
514
514
|
return;
|
|
515
|
-
|
|
516
|
-
var
|
|
517
|
-
e && e._owner && e._owner !== Me.current && (
|
|
515
|
+
Ke[t] = !0;
|
|
516
|
+
var a = "";
|
|
517
|
+
e && e._owner && e._owner !== Me.current && (a = " It was passed a child from " + $(e._owner.type) + "."), oe(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, a), oe(null);
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
|
-
function
|
|
520
|
+
function Ge(e, r) {
|
|
521
521
|
{
|
|
522
522
|
if (typeof e != "object")
|
|
523
523
|
return;
|
|
524
|
-
if (
|
|
524
|
+
if (ne(e))
|
|
525
525
|
for (var t = 0; t < e.length; t++) {
|
|
526
|
-
var
|
|
527
|
-
|
|
526
|
+
var a = e[t];
|
|
527
|
+
Ie(a) && Je(a, r);
|
|
528
528
|
}
|
|
529
|
-
else if (
|
|
529
|
+
else if (Ie(e))
|
|
530
530
|
e._store && (e._store.validated = !0);
|
|
531
531
|
else if (e) {
|
|
532
|
-
var
|
|
533
|
-
if (typeof
|
|
534
|
-
for (var v =
|
|
535
|
-
|
|
532
|
+
var p = N(e);
|
|
533
|
+
if (typeof p == "function" && p !== e.entries)
|
|
534
|
+
for (var v = p.call(e), c; !(c = v.next()).done; )
|
|
535
|
+
Ie(c.value) && Je(c.value, r);
|
|
536
536
|
}
|
|
537
537
|
}
|
|
538
538
|
}
|
|
539
|
-
function
|
|
539
|
+
function dr(e) {
|
|
540
540
|
{
|
|
541
541
|
var r = e.type;
|
|
542
542
|
if (r == null || typeof r == "string")
|
|
@@ -544,432 +544,432 @@ Check the top-level render call using <` + t + ">.");
|
|
|
544
544
|
var t;
|
|
545
545
|
if (typeof r == "function")
|
|
546
546
|
t = r.propTypes;
|
|
547
|
-
else if (typeof r == "object" && (r.$$typeof ===
|
|
547
|
+
else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
|
|
548
548
|
// Inner props are checked in the reconciler.
|
|
549
|
-
r.$$typeof ===
|
|
549
|
+
r.$$typeof === b))
|
|
550
550
|
t = r.propTypes;
|
|
551
551
|
else
|
|
552
552
|
return;
|
|
553
553
|
if (t) {
|
|
554
|
-
var
|
|
555
|
-
|
|
556
|
-
} else if (r.PropTypes !== void 0 && !
|
|
557
|
-
|
|
558
|
-
var
|
|
559
|
-
|
|
554
|
+
var a = $(r);
|
|
555
|
+
ke(t, e.props, "prop", a, e);
|
|
556
|
+
} else if (r.PropTypes !== void 0 && !Le) {
|
|
557
|
+
Le = !0;
|
|
558
|
+
var p = $(r);
|
|
559
|
+
m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
|
|
560
560
|
}
|
|
561
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved &&
|
|
561
|
+
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
562
562
|
}
|
|
563
563
|
}
|
|
564
|
-
function
|
|
564
|
+
function pr(e) {
|
|
565
565
|
{
|
|
566
566
|
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
|
567
|
-
var
|
|
568
|
-
if (
|
|
569
|
-
|
|
567
|
+
var a = r[t];
|
|
568
|
+
if (a !== "children" && a !== "key") {
|
|
569
|
+
oe(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), oe(null);
|
|
570
570
|
break;
|
|
571
571
|
}
|
|
572
572
|
}
|
|
573
|
-
e.ref !== null && (
|
|
573
|
+
e.ref !== null && (oe(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), oe(null));
|
|
574
574
|
}
|
|
575
575
|
}
|
|
576
|
-
var
|
|
577
|
-
function
|
|
576
|
+
var Xe = {};
|
|
577
|
+
function ze(e, r, t, a, p, v) {
|
|
578
578
|
{
|
|
579
|
-
var c =
|
|
579
|
+
var c = ve(e);
|
|
580
580
|
if (!c) {
|
|
581
|
-
var
|
|
582
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (
|
|
583
|
-
var
|
|
584
|
-
|
|
585
|
-
var
|
|
586
|
-
e === null ?
|
|
581
|
+
var u = "";
|
|
582
|
+
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
583
|
+
var w = cr();
|
|
584
|
+
w ? u += w : u += He();
|
|
585
|
+
var y;
|
|
586
|
+
e === null ? y = "null" : ne(e) ? y = "array" : e !== void 0 && e.$$typeof === f ? (y = "<" + ($(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : y = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", y, u);
|
|
587
587
|
}
|
|
588
|
-
var
|
|
589
|
-
if (
|
|
590
|
-
return
|
|
588
|
+
var C = ur(e, r, t, p, v);
|
|
589
|
+
if (C == null)
|
|
590
|
+
return C;
|
|
591
591
|
if (c) {
|
|
592
|
-
var
|
|
593
|
-
if (
|
|
594
|
-
if (
|
|
595
|
-
if (
|
|
596
|
-
for (var
|
|
597
|
-
|
|
598
|
-
Object.freeze && Object.freeze(
|
|
592
|
+
var O = r.children;
|
|
593
|
+
if (O !== void 0)
|
|
594
|
+
if (a)
|
|
595
|
+
if (ne(O)) {
|
|
596
|
+
for (var ae = 0; ae < O.length; ae++)
|
|
597
|
+
Ge(O[ae], e);
|
|
598
|
+
Object.freeze && Object.freeze(O);
|
|
599
599
|
} else
|
|
600
|
-
|
|
600
|
+
m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
601
601
|
else
|
|
602
|
-
|
|
602
|
+
Ge(O, e);
|
|
603
603
|
}
|
|
604
604
|
if (J.call(r, "key")) {
|
|
605
|
-
var X = $(e), T = Object.keys(r).filter(function(
|
|
606
|
-
return
|
|
607
|
-
}),
|
|
608
|
-
if (!
|
|
605
|
+
var X = $(e), T = Object.keys(r).filter(function(xr) {
|
|
606
|
+
return xr !== "key";
|
|
607
|
+
}), Ne = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
608
|
+
if (!Xe[X + Ne]) {
|
|
609
609
|
var yr = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
|
|
610
|
-
|
|
610
|
+
m(`A props object containing a "key" prop is being spread into JSX:
|
|
611
611
|
let props = %s;
|
|
612
612
|
<%s {...props} />
|
|
613
613
|
React keys must be passed directly to JSX without using spread:
|
|
614
614
|
let props = %s;
|
|
615
|
-
<%s key={someKey} {...props} />`,
|
|
615
|
+
<%s key={someKey} {...props} />`, Ne, X, yr, X), Xe[X + Ne] = !0;
|
|
616
616
|
}
|
|
617
617
|
}
|
|
618
|
-
return e ===
|
|
618
|
+
return e === x ? pr(C) : dr(C), C;
|
|
619
619
|
}
|
|
620
620
|
}
|
|
621
|
-
function pr(e, r, t) {
|
|
622
|
-
return Xe(e, r, t, !0);
|
|
623
|
-
}
|
|
624
621
|
function vr(e, r, t) {
|
|
625
|
-
return
|
|
622
|
+
return ze(e, r, t, !0);
|
|
623
|
+
}
|
|
624
|
+
function hr(e, r, t) {
|
|
625
|
+
return ze(e, r, t, !1);
|
|
626
626
|
}
|
|
627
|
-
var
|
|
628
|
-
|
|
629
|
-
}()),
|
|
627
|
+
var _r = hr, mr = vr;
|
|
628
|
+
pe.Fragment = x, pe.jsx = _r, pe.jsxs = mr;
|
|
629
|
+
}()), pe;
|
|
630
630
|
}
|
|
631
|
-
process.env.NODE_ENV === "production" ?
|
|
632
|
-
var n =
|
|
633
|
-
const
|
|
634
|
-
mainButton:
|
|
635
|
-
sm:
|
|
636
|
-
onlyIcon:
|
|
631
|
+
process.env.NODE_ENV === "production" ? Be.exports = br() : Be.exports = Cr();
|
|
632
|
+
var n = Be.exports;
|
|
633
|
+
const gr = "MainButton-module__mainButton", jr = "MainButton-module__sm", Rr = "MainButton-module__onlyIcon", Er = "MainButton-module__buttonSlot", kr = "MainButton-module__buttonLabel", wr = "MainButton-module__md", Tr = "MainButton-module__lg", Sr = "MainButton-module__xl", $r = "MainButton-module__xl2", Or = "MainButton-module__disabled", ie = {
|
|
634
|
+
mainButton: gr,
|
|
635
|
+
sm: jr,
|
|
636
|
+
onlyIcon: Rr,
|
|
637
637
|
buttonSlot: Er,
|
|
638
|
-
buttonLabel:
|
|
638
|
+
buttonLabel: kr,
|
|
639
639
|
md: wr,
|
|
640
|
-
lg:
|
|
641
|
-
xl:
|
|
642
|
-
xl2:
|
|
643
|
-
disabled:
|
|
644
|
-
},
|
|
645
|
-
label:
|
|
646
|
-
buttonType:
|
|
647
|
-
onClick:
|
|
648
|
-
size:
|
|
649
|
-
disabled:
|
|
640
|
+
lg: Tr,
|
|
641
|
+
xl: Sr,
|
|
642
|
+
xl2: $r,
|
|
643
|
+
disabled: Or
|
|
644
|
+
}, Et = ({
|
|
645
|
+
label: l,
|
|
646
|
+
buttonType: f = "button",
|
|
647
|
+
onClick: o,
|
|
648
|
+
size: x = "md",
|
|
649
|
+
disabled: R,
|
|
650
650
|
withIcons: g,
|
|
651
651
|
iconOne: j,
|
|
652
652
|
iconTwo: h,
|
|
653
|
-
onlyIcon:
|
|
653
|
+
onlyIcon: d,
|
|
654
654
|
buttonStyle: _,
|
|
655
655
|
labelStyle: i,
|
|
656
|
-
buttonSlotStyle:
|
|
656
|
+
buttonSlotStyle: b
|
|
657
657
|
}) => /* @__PURE__ */ n.jsx(
|
|
658
658
|
"button",
|
|
659
659
|
{
|
|
660
|
-
type:
|
|
660
|
+
type: f,
|
|
661
661
|
style: _ && typeof _ == "object" ? _ : {},
|
|
662
|
-
className: `${
|
|
662
|
+
className: `${ie.mainButton} ${d ? ie.onlyIcon : ""} ${x ? ie[x] : ""} ${R ? ie.disabled : ""}`,
|
|
663
663
|
onClick: () => {
|
|
664
|
-
|
|
664
|
+
o && typeof o == "function" && o();
|
|
665
665
|
},
|
|
666
|
-
children: /* @__PURE__ */ n.jsxs("div", { className:
|
|
667
|
-
|
|
668
|
-
!
|
|
666
|
+
children: /* @__PURE__ */ n.jsxs("div", { className: ie.buttonSlot, style: b ?? {}, children: [
|
|
667
|
+
d || g && j ? j : "",
|
|
668
|
+
!d && /* @__PURE__ */ n.jsx("span", { style: i ?? {}, className: ie.buttonLabel, children: l ?? "Button" }),
|
|
669
669
|
g && h ? h : ""
|
|
670
670
|
] })
|
|
671
671
|
}
|
|
672
|
-
), Pr = "FormInput-module__inputWrapper",
|
|
672
|
+
), Pr = "FormInput-module__inputWrapper", Fr = "FormInput-module__inputLabel", Ar = "FormInput-module__required", Dr = "FormInput-module__inputContainer", Wr = "FormInput-module__focused", Mr = "FormInput-module__error", Lr = "FormInput-module__rightIcon", Ir = "FormInput-module__leftIcon", Nr = "FormInput-module__inputDropDown", Br = "FormInput-module__http", Yr = "FormInput-module__disabled", Vr = "FormInput-module__sm", qr = "FormInput-module__md", Ur = "FormInput-module__withCopy", Hr = "FormInput-module__inputHelperText", k = {
|
|
673
673
|
inputWrapper: Pr,
|
|
674
|
-
inputLabel:
|
|
675
|
-
required:
|
|
676
|
-
inputContainer:
|
|
677
|
-
focused:
|
|
674
|
+
inputLabel: Fr,
|
|
675
|
+
required: Ar,
|
|
676
|
+
inputContainer: Dr,
|
|
677
|
+
focused: Wr,
|
|
678
678
|
error: Mr,
|
|
679
|
-
rightIcon:
|
|
680
|
-
leftIcon:
|
|
681
|
-
inputDropDown:
|
|
682
|
-
http:
|
|
683
|
-
disabled:
|
|
684
|
-
sm:
|
|
685
|
-
md:
|
|
679
|
+
rightIcon: Lr,
|
|
680
|
+
leftIcon: Ir,
|
|
681
|
+
inputDropDown: Nr,
|
|
682
|
+
http: Br,
|
|
683
|
+
disabled: Yr,
|
|
684
|
+
sm: Vr,
|
|
685
|
+
md: qr,
|
|
686
686
|
withCopy: Ur,
|
|
687
|
-
inputHelperText:
|
|
688
|
-
},
|
|
687
|
+
inputHelperText: Hr
|
|
688
|
+
}, Kr = ({ width: l, height: f, color: o }) => /* @__PURE__ */ n.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: l ?? "12", height: f ?? "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ n.jsx("path", { d: "M1 1.5L6 6.5L11 1.5", stroke: o ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), Jr = ({ width: l, height: f, color: o }) => /* @__PURE__ */ n.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: l ?? "20", height: f ?? "20", viewBox: "0 0 20 20", fill: "none", children: [
|
|
689
689
|
/* @__PURE__ */ n.jsx("g", { clipPath: "url(#clip0_444_26)", children: /* @__PURE__ */ n.jsx(
|
|
690
690
|
"path",
|
|
691
691
|
{
|
|
692
692
|
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",
|
|
693
|
-
stroke:
|
|
693
|
+
stroke: o ?? "#414651",
|
|
694
694
|
strokeWidth: "1.66667",
|
|
695
695
|
strokeLinecap: "round",
|
|
696
696
|
strokeLinejoin: "round"
|
|
697
697
|
}
|
|
698
698
|
) }),
|
|
699
699
|
/* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_444_26", children: /* @__PURE__ */ n.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
700
|
-
] }),
|
|
701
|
-
value:
|
|
702
|
-
label:
|
|
703
|
-
placeholder:
|
|
704
|
-
required:
|
|
705
|
-
disabled:
|
|
700
|
+
] }), kt = ({
|
|
701
|
+
value: l,
|
|
702
|
+
label: f,
|
|
703
|
+
placeholder: o,
|
|
704
|
+
required: x,
|
|
705
|
+
disabled: R,
|
|
706
706
|
type: g,
|
|
707
707
|
size: j,
|
|
708
708
|
onChange: h,
|
|
709
|
-
onFouce:
|
|
709
|
+
onFouce: d,
|
|
710
710
|
onBlur: _,
|
|
711
711
|
msg: i,
|
|
712
|
-
readOnly:
|
|
712
|
+
readOnly: b,
|
|
713
713
|
maxLength: E,
|
|
714
714
|
onlyText: F,
|
|
715
715
|
onRightIconIconClick: A,
|
|
716
|
-
onRightIconIconMouseEnter:
|
|
716
|
+
onRightIconIconMouseEnter: W,
|
|
717
717
|
onRightIconIconMouseLeave: N,
|
|
718
718
|
onLeftIconIconClick: S,
|
|
719
|
-
onLeftIconIconMouseEnter:
|
|
719
|
+
onLeftIconIconMouseEnter: m,
|
|
720
720
|
onLeftIconIconMouseLeave: B,
|
|
721
|
-
rightIcon:
|
|
722
|
-
leftIcon:
|
|
721
|
+
rightIcon: Z,
|
|
722
|
+
leftIcon: Q,
|
|
723
723
|
withDropDown: Y,
|
|
724
|
-
dropdownData:
|
|
725
|
-
onSelectData:
|
|
726
|
-
withLink:
|
|
727
|
-
withCopy:
|
|
728
|
-
onCopy:
|
|
729
|
-
inputWrapperStyle:
|
|
724
|
+
dropdownData: I,
|
|
725
|
+
onSelectData: le,
|
|
726
|
+
withLink: ee,
|
|
727
|
+
withCopy: ve,
|
|
728
|
+
onCopy: ue,
|
|
729
|
+
inputWrapperStyle: he,
|
|
730
730
|
inputLabelStyle: $,
|
|
731
|
-
requiredStyle:
|
|
731
|
+
requiredStyle: M,
|
|
732
732
|
inputContainerStyle: V,
|
|
733
|
-
leftIconStyle:
|
|
734
|
-
inputDropDownStyle:
|
|
733
|
+
leftIconStyle: _e,
|
|
734
|
+
inputDropDownStyle: me,
|
|
735
735
|
ulStyle: ye,
|
|
736
|
-
liStyle:
|
|
737
|
-
httpStyle:
|
|
738
|
-
inputStyle:
|
|
739
|
-
rightIconStyle:
|
|
740
|
-
withCopyStyle:
|
|
741
|
-
inputHelperTextStyle:
|
|
736
|
+
liStyle: xe,
|
|
737
|
+
httpStyle: be,
|
|
738
|
+
inputStyle: Ce,
|
|
739
|
+
rightIconStyle: ge,
|
|
740
|
+
withCopyStyle: je,
|
|
741
|
+
inputHelperTextStyle: $e
|
|
742
742
|
}) => {
|
|
743
|
-
const [
|
|
744
|
-
|
|
745
|
-
const
|
|
743
|
+
const [Ye, ce] = L(!1), [fe, q] = L(!1);
|
|
744
|
+
L(!1);
|
|
745
|
+
const U = Se(null), H = Se(null), [Oe, K] = L(!1), [Pe, Fe] = L(1), re = (s) => {
|
|
746
746
|
let D = s.target.value;
|
|
747
747
|
D.length === 1 && (D = D.trim()), h && typeof h == "function" && h(F ? D.replace(/\d/g, "") : D);
|
|
748
748
|
}, J = () => {
|
|
749
|
-
|
|
750
|
-
},
|
|
751
|
-
|
|
749
|
+
q(!0), d && typeof d == "function" && d();
|
|
750
|
+
}, Re = () => {
|
|
751
|
+
q(!1), _ && typeof _ == "function" && _();
|
|
752
752
|
}, Ee = (s) => {
|
|
753
753
|
const G = s.target.value.length === 0;
|
|
754
754
|
g === "number" && (s.keyCode === 69 || !G && (s.keyCode === 187 || s.keyCode === 107 || s.keyCode === 189 || s.keyCode === 109)) && s.preventDefault();
|
|
755
|
-
},
|
|
756
|
-
|
|
757
|
-
},
|
|
755
|
+
}, te = () => {
|
|
756
|
+
ue && typeof ue == "function" && ue(l);
|
|
757
|
+
}, ke = (s) => s, Ae = () => {
|
|
758
758
|
let s = {};
|
|
759
|
-
return
|
|
760
|
-
},
|
|
761
|
-
!s.composedPath().includes(H.current) && s.composedPath().includes(
|
|
762
|
-
},
|
|
763
|
-
|
|
759
|
+
return ve && (s.borderTopRightRadius = 0, s.borderBottomRightRadius = 0, s.borderRight = 0), Y && (s.paddingLeft = 0), { ...s, ...V ?? {} };
|
|
760
|
+
}, ne = (s) => {
|
|
761
|
+
!s.composedPath().includes(H.current) && s.composedPath().includes(U.current) || K(!1);
|
|
762
|
+
}, De = (s) => {
|
|
763
|
+
Fe(s.id), K(!1), le && typeof le == "function" && le(s);
|
|
764
764
|
};
|
|
765
|
-
|
|
766
|
-
document.removeEventListener("click",
|
|
765
|
+
Ze(() => (document.addEventListener("click", ne), () => {
|
|
766
|
+
document.removeEventListener("click", ne);
|
|
767
767
|
}), []);
|
|
768
|
-
const we =
|
|
769
|
-
return
|
|
768
|
+
const we = Se(!1);
|
|
769
|
+
return Ze(() => {
|
|
770
770
|
we.current ? setTimeout(() => {
|
|
771
|
-
|
|
771
|
+
ce((s) => !s);
|
|
772
772
|
}, 0) : we.current = !0;
|
|
773
|
-
}, []), /* @__PURE__ */ n.jsxs("div", { className:
|
|
774
|
-
|
|
775
|
-
|
|
773
|
+
}, []), /* @__PURE__ */ n.jsxs("div", { className: k.inputWrapper, style: he ?? {}, children: [
|
|
774
|
+
f && /* @__PURE__ */ n.jsxs("label", { className: k.inputLabel, style: $ ?? {}, children: [
|
|
775
|
+
f,
|
|
776
776
|
" ",
|
|
777
|
-
/* @__PURE__ */ n.jsx("span", { className:
|
|
777
|
+
/* @__PURE__ */ n.jsx("span", { className: k.required, style: M ?? {}, children: x && "*" })
|
|
778
778
|
] }),
|
|
779
779
|
/* @__PURE__ */ n.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
|
|
780
780
|
/* @__PURE__ */ n.jsxs(
|
|
781
781
|
"div",
|
|
782
782
|
{
|
|
783
|
-
style:
|
|
784
|
-
className: `${
|
|
783
|
+
style: Ae(),
|
|
784
|
+
className: `${k.inputContainer} ${fe && !b ? k.focused : ""} ${R ? k.disabled : ""} ${i != null && i.error ? k.error : ""} ${k[j ?? "sm"]}`,
|
|
785
785
|
children: [
|
|
786
|
-
!Y && !
|
|
786
|
+
!Y && !ee && Q && /* @__PURE__ */ n.jsx(
|
|
787
787
|
"div",
|
|
788
788
|
{
|
|
789
|
-
className:
|
|
790
|
-
style:
|
|
789
|
+
className: k.leftIcon,
|
|
790
|
+
style: _e ?? {},
|
|
791
791
|
onClick: () => {
|
|
792
792
|
S && typeof S == "function" && S();
|
|
793
793
|
},
|
|
794
794
|
onMouseEnter: () => {
|
|
795
|
-
|
|
795
|
+
m && typeof m == "function" && m();
|
|
796
796
|
},
|
|
797
797
|
onMouseLeave: () => {
|
|
798
798
|
B && typeof B == "function" && B();
|
|
799
799
|
},
|
|
800
|
-
children:
|
|
800
|
+
children: ke(Q)
|
|
801
801
|
}
|
|
802
802
|
),
|
|
803
|
-
!
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
/* @__PURE__ */ n.jsx(
|
|
803
|
+
!ee && Y && /* @__PURE__ */ n.jsxs("div", { className: k.inputDropDown, style: me ?? {}, onClick: () => K(!0), ref: U, children: [
|
|
804
|
+
I.find((s) => s.id === Pe).label,
|
|
805
|
+
Oe && /* @__PURE__ */ n.jsx("ul", { ref: H, style: ye ?? {}, children: I && I.length && I.map((s, D) => /* @__PURE__ */ n.jsx("li", { style: xe ?? {}, onClick: () => De(s), children: (s == null ? void 0 : s.label) ?? "-" }, s.id)) }),
|
|
806
|
+
/* @__PURE__ */ n.jsx(Kr, {})
|
|
807
807
|
] }),
|
|
808
|
-
|
|
808
|
+
ee && /* @__PURE__ */ n.jsx("div", { className: `${k.inputDropDown} ${k.http}`, style: be ?? {}, onClick: () => K(!0), ref: U, children: "http://" }),
|
|
809
809
|
/* @__PURE__ */ n.jsx(
|
|
810
810
|
"input",
|
|
811
811
|
{
|
|
812
|
-
style:
|
|
812
|
+
style: Ce ?? {},
|
|
813
813
|
type: g ?? "text",
|
|
814
|
-
value:
|
|
815
|
-
onChange: (s) =>
|
|
814
|
+
value: l,
|
|
815
|
+
onChange: (s) => re(s),
|
|
816
816
|
onFocus: J,
|
|
817
|
-
onBlur:
|
|
818
|
-
disabled:
|
|
819
|
-
required:
|
|
817
|
+
onBlur: Re,
|
|
818
|
+
disabled: R,
|
|
819
|
+
required: x,
|
|
820
820
|
onKeyDown: Ee,
|
|
821
|
-
readOnly:
|
|
821
|
+
readOnly: b,
|
|
822
822
|
spellCheck: !1,
|
|
823
|
-
placeholder:
|
|
823
|
+
placeholder: o ?? "",
|
|
824
824
|
autoComplete: "off",
|
|
825
825
|
maxLength: E
|
|
826
826
|
}
|
|
827
827
|
),
|
|
828
|
-
|
|
828
|
+
Z && /* @__PURE__ */ n.jsx(
|
|
829
829
|
"div",
|
|
830
830
|
{
|
|
831
|
-
className:
|
|
832
|
-
style:
|
|
831
|
+
className: k.rightIcon,
|
|
832
|
+
style: ge ?? {},
|
|
833
833
|
onClick: () => {
|
|
834
834
|
A && typeof A == "function" && A();
|
|
835
835
|
},
|
|
836
836
|
onMouseEnter: () => {
|
|
837
|
-
|
|
837
|
+
W && typeof W == "function" && W();
|
|
838
838
|
},
|
|
839
839
|
onMouseLeave: () => {
|
|
840
840
|
N && typeof N == "function" && N();
|
|
841
841
|
},
|
|
842
|
-
children:
|
|
842
|
+
children: ke(Z)
|
|
843
843
|
}
|
|
844
844
|
)
|
|
845
845
|
]
|
|
846
846
|
}
|
|
847
847
|
),
|
|
848
|
-
|
|
849
|
-
/* @__PURE__ */ n.jsx(
|
|
848
|
+
ve && /* @__PURE__ */ n.jsxs("div", { style: je ?? {}, onClick: te, className: k.withCopy, children: [
|
|
849
|
+
/* @__PURE__ */ n.jsx(Jr, {}),
|
|
850
850
|
"Copy"
|
|
851
851
|
] })
|
|
852
852
|
] }),
|
|
853
|
-
i && (i == null ? void 0 : i.visigle) && /* @__PURE__ */ n.jsx("div", { style:
|
|
853
|
+
i && (i == null ? void 0 : i.visigle) && /* @__PURE__ */ n.jsx("div", { style: $e ?? {}, className: `${k.inputHelperText} ${i != null && i.error ? k.error : ""}`, children: /* @__PURE__ */ n.jsx("p", { style: (i == null ? void 0 : i.style) ?? {}, children: i.text }) })
|
|
854
854
|
] });
|
|
855
|
-
},
|
|
856
|
-
textareaContainer:
|
|
857
|
-
textAreaLabel:
|
|
858
|
-
required:
|
|
859
|
-
wrap:
|
|
860
|
-
textarea:
|
|
861
|
-
focused:
|
|
862
|
-
disabled:
|
|
863
|
-
error:
|
|
864
|
-
helperTextStyle:
|
|
865
|
-
},
|
|
855
|
+
}, Gr = "Textarea-module__textareaContainer", Xr = "Textarea-module__textAreaLabel", zr = "Textarea-module__required", Zr = "Textarea-module__wrap", Qr = "Textarea-module__textarea", et = "Textarea-module__focused", rt = "Textarea-module__disabled", tt = "Textarea-module__error", nt = "Textarea-module__helperTextStyle", P = {
|
|
856
|
+
textareaContainer: Gr,
|
|
857
|
+
textAreaLabel: Xr,
|
|
858
|
+
required: zr,
|
|
859
|
+
wrap: Zr,
|
|
860
|
+
textarea: Qr,
|
|
861
|
+
focused: et,
|
|
862
|
+
disabled: rt,
|
|
863
|
+
error: tt,
|
|
864
|
+
helperTextStyle: nt
|
|
865
|
+
}, ot = ({ width: l, height: f, color: o }) => /* @__PURE__ */ n.jsxs("svg", { width: l ?? "16", height: f ?? "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
866
866
|
/* @__PURE__ */ n.jsx("g", { id: "help-circle", clipPath: "url(#clip0_433_6293)", children: /* @__PURE__ */ n.jsx(
|
|
867
867
|
"path",
|
|
868
868
|
{
|
|
869
869
|
id: "Icon",
|
|
870
870
|
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",
|
|
871
|
-
stroke:
|
|
871
|
+
stroke: o ?? "#A4A7AE",
|
|
872
872
|
strokeWidth: "1.33333",
|
|
873
873
|
strokeLinecap: "round",
|
|
874
874
|
strokeLinejoin: "round"
|
|
875
875
|
}
|
|
876
876
|
) }),
|
|
877
|
-
/* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_433_6293", children: /* @__PURE__ */ n.jsx("rect", { width:
|
|
878
|
-
] }),
|
|
879
|
-
placeholder:
|
|
880
|
-
label:
|
|
881
|
-
msg:
|
|
882
|
-
cols:
|
|
883
|
-
rows:
|
|
877
|
+
/* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: "clip0_433_6293", children: /* @__PURE__ */ n.jsx("rect", { width: l ?? "16", height: f ?? "16", fill: "white" }) }) })
|
|
878
|
+
] }), wt = ({
|
|
879
|
+
placeholder: l,
|
|
880
|
+
label: f,
|
|
881
|
+
msg: o,
|
|
882
|
+
cols: x,
|
|
883
|
+
rows: R,
|
|
884
884
|
value: g,
|
|
885
885
|
maxLength: j,
|
|
886
886
|
onChange: h,
|
|
887
|
-
onFocus:
|
|
887
|
+
onFocus: d,
|
|
888
888
|
onBlur: _,
|
|
889
889
|
disabled: i,
|
|
890
|
-
required:
|
|
890
|
+
required: b,
|
|
891
891
|
textareaContainerStyle: E,
|
|
892
892
|
textareaLabelStyle: F,
|
|
893
893
|
requiredStyle: A,
|
|
894
|
-
textareaStyle:
|
|
894
|
+
textareaStyle: W,
|
|
895
895
|
textareaHelperTextStyle: N
|
|
896
896
|
}) => {
|
|
897
|
-
const [S,
|
|
898
|
-
let
|
|
899
|
-
h && typeof h == "function" && h(
|
|
900
|
-
}, z = () => {
|
|
901
|
-
y(!0), f && typeof f == "function" && f();
|
|
897
|
+
const [S, m] = L(!1), B = (Y) => {
|
|
898
|
+
let I = Y.target.value;
|
|
899
|
+
h && typeof h == "function" && h(I);
|
|
902
900
|
}, Z = () => {
|
|
903
|
-
|
|
901
|
+
m(!0), d && typeof d == "function" && d();
|
|
902
|
+
}, Q = () => {
|
|
903
|
+
m(!1), _ && typeof _ == "function" && _();
|
|
904
904
|
};
|
|
905
905
|
return /* @__PURE__ */ n.jsxs(
|
|
906
906
|
"div",
|
|
907
907
|
{
|
|
908
908
|
style: E ?? {},
|
|
909
|
-
className: `${
|
|
909
|
+
className: `${P.textareaContainer} ${o != null && o.type && (o != null && o.visible) ? P[o == null ? void 0 : o.type] : ""} ${i ? P.disabled : null}`,
|
|
910
910
|
children: [
|
|
911
|
-
|
|
912
|
-
/* @__PURE__ */ n.jsx("p", { children:
|
|
913
|
-
/* @__PURE__ */ n.jsx("span", { style: A ?? {}, className:
|
|
914
|
-
/* @__PURE__ */ n.jsx(
|
|
911
|
+
f && /* @__PURE__ */ n.jsxs("div", { style: F, className: P.textAreaLabel, children: [
|
|
912
|
+
/* @__PURE__ */ n.jsx("p", { children: f }),
|
|
913
|
+
/* @__PURE__ */ n.jsx("span", { style: A ?? {}, className: P.required, children: b && "*" }),
|
|
914
|
+
/* @__PURE__ */ n.jsx(ot, {})
|
|
915
915
|
] }),
|
|
916
|
-
/* @__PURE__ */ n.jsx("div", { className:
|
|
916
|
+
/* @__PURE__ */ n.jsx("div", { className: P.wrap, children: /* @__PURE__ */ n.jsx(
|
|
917
917
|
"textarea",
|
|
918
918
|
{
|
|
919
|
-
style:
|
|
920
|
-
className: `${
|
|
919
|
+
style: W ?? {},
|
|
920
|
+
className: `${P.textarea} ${S ? P.focused : ""} ${i ? P.disabled : ""} ${o != null && o.error ? P.error : ""}`,
|
|
921
921
|
value: g,
|
|
922
|
-
placeholder:
|
|
923
|
-
cols:
|
|
924
|
-
rows:
|
|
922
|
+
placeholder: l ?? "",
|
|
923
|
+
cols: x ?? "30",
|
|
924
|
+
rows: R ?? "5",
|
|
925
925
|
maxLength: j ?? null,
|
|
926
|
-
onFocus:
|
|
926
|
+
onFocus: Z,
|
|
927
927
|
disabled: i,
|
|
928
|
-
onBlur:
|
|
928
|
+
onBlur: Q,
|
|
929
929
|
onChange: B
|
|
930
930
|
}
|
|
931
931
|
) }),
|
|
932
|
-
/* @__PURE__ */ n.jsx("div", { style: N ?? {}, className: `${
|
|
932
|
+
/* @__PURE__ */ n.jsx("div", { style: N ?? {}, className: `${P.helperTextStyle} ${o != null && o.error ? P.error : ""}`, children: /* @__PURE__ */ n.jsx("p", { style: (o == null ? void 0 : o.style) ?? {}, children: o.text }) })
|
|
933
933
|
]
|
|
934
934
|
}
|
|
935
935
|
);
|
|
936
|
-
},
|
|
937
|
-
toggleWrapper:
|
|
938
|
-
toggleState:
|
|
939
|
-
checked:
|
|
940
|
-
disabled:
|
|
941
|
-
},
|
|
942
|
-
checked:
|
|
943
|
-
change:
|
|
944
|
-
disabled:
|
|
945
|
-
required:
|
|
946
|
-
activeStyle:
|
|
936
|
+
}, at = "Toggle-module__toggleWrapper", it = "Toggle-module__toggleState", st = "Toggle-module__checked", lt = "Toggle-module__disabled", Te = {
|
|
937
|
+
toggleWrapper: at,
|
|
938
|
+
toggleState: it,
|
|
939
|
+
checked: st,
|
|
940
|
+
disabled: lt
|
|
941
|
+
}, Tt = ({
|
|
942
|
+
checked: l,
|
|
943
|
+
change: f,
|
|
944
|
+
disabled: o,
|
|
945
|
+
required: x,
|
|
946
|
+
activeStyle: R,
|
|
947
947
|
bgStyle: g,
|
|
948
948
|
checkedBgStyle: j,
|
|
949
949
|
disabledBgStyle: h,
|
|
950
|
-
circleStyle:
|
|
950
|
+
circleStyle: d,
|
|
951
951
|
checkedCircleStyle: _,
|
|
952
952
|
disabledCircleStyle: i
|
|
953
953
|
}) => {
|
|
954
|
-
const [
|
|
955
|
-
|
|
954
|
+
const [b, E] = L(!1), F = () => {
|
|
955
|
+
f && typeof f == "function" && f(!l);
|
|
956
956
|
}, A = () => {
|
|
957
|
-
if (
|
|
958
|
-
return
|
|
959
|
-
if (
|
|
957
|
+
if (b)
|
|
958
|
+
return R ?? {};
|
|
959
|
+
if (l) {
|
|
960
960
|
if (j) return j;
|
|
961
|
-
} else if (
|
|
962
|
-
if (
|
|
961
|
+
} else if (l) {
|
|
962
|
+
if (o && h)
|
|
963
963
|
return h;
|
|
964
964
|
} else if (g) return g;
|
|
965
965
|
return {};
|
|
966
|
-
},
|
|
967
|
-
if (
|
|
966
|
+
}, W = () => {
|
|
967
|
+
if (l) {
|
|
968
968
|
if (_) return _;
|
|
969
|
-
} else if (
|
|
970
|
-
if (
|
|
969
|
+
} else if (l) {
|
|
970
|
+
if (o && i)
|
|
971
971
|
return i;
|
|
972
|
-
} else if (
|
|
972
|
+
} else if (d) return d;
|
|
973
973
|
return {};
|
|
974
974
|
};
|
|
975
975
|
return /* @__PURE__ */ n.jsx(
|
|
@@ -980,41 +980,59 @@ const Cr = "MainButton-module__mainButton", gr = "MainButton-module__sm", jr = "
|
|
|
980
980
|
onMouseUp: () => E(!1),
|
|
981
981
|
onMouseLeave: () => E(!1),
|
|
982
982
|
onClick: F,
|
|
983
|
-
className: `${
|
|
984
|
-
children: /* @__PURE__ */ n.jsx("div", { style:
|
|
983
|
+
className: `${Te.toggleWrapper} ${l ? Te.checked : ""} ${o ? Te.disabled : ""}`,
|
|
984
|
+
children: /* @__PURE__ */ n.jsx("div", { style: W(), className: Te.toggleState, children: /* @__PURE__ */ n.jsx("input", { type: "checkbox", checked: l, readOnly: !0, disabled: o ?? !1, hidden: !0, required: x ?? !1 }) })
|
|
985
985
|
}
|
|
986
986
|
);
|
|
987
|
-
},
|
|
988
|
-
checkboxWrapper:
|
|
989
|
-
sm:
|
|
990
|
-
md:
|
|
991
|
-
checkMark:
|
|
992
|
-
checked:
|
|
993
|
-
disabled:
|
|
994
|
-
},
|
|
995
|
-
const
|
|
996
|
-
|
|
987
|
+
}, ut = "Checkbox-module__checkboxWrapper", ct = "Checkbox-module__sm", ft = "Checkbox-module__md", dt = "Checkbox-module__checkMark", pt = "Checkbox-module__checked", vt = "Checkbox-module__disabled", se = {
|
|
988
|
+
checkboxWrapper: ut,
|
|
989
|
+
sm: ct,
|
|
990
|
+
md: ft,
|
|
991
|
+
checkMark: dt,
|
|
992
|
+
checked: pt,
|
|
993
|
+
disabled: vt
|
|
994
|
+
}, ht = (l) => /* @__PURE__ */ n.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...l, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ n.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "1.6666", strokeLinecap: "round", strokeLinejoin: "round" }) }), _t = (l) => /* @__PURE__ */ n.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...l, width: "10", height: "2", viewBox: "0 0 10 2", fill: "none", children: /* @__PURE__ */ n.jsx("path", { d: "M1.5 1H8.5", stroke: "white", strokeWidth: "1.66666", strokeLinecap: "round", strokeLinejoin: "round" }) }), St = ({ checked: l, change: f, disabled: o, required: x, multipleChecked: R, size: g, activeStyle: j, checkBoxStyle: h }) => {
|
|
995
|
+
const d = Se(null), [_, i] = L(!1), b = () => {
|
|
996
|
+
f && typeof f == "function" && f(!l);
|
|
997
997
|
}, E = () => _ ? j ?? {} : h ?? {};
|
|
998
998
|
return /* @__PURE__ */ n.jsxs(
|
|
999
999
|
"div",
|
|
1000
1000
|
{
|
|
1001
1001
|
style: E(),
|
|
1002
|
-
className: `${
|
|
1002
|
+
className: `${se.checkboxWrapper} ${se[g] ?? se.md} ${l ? se.checked : se.unChecked} ${o ? se.disabled : ""}`,
|
|
1003
1003
|
onMouseDown: () => i(!0),
|
|
1004
1004
|
onMouseUp: () => i(!1),
|
|
1005
1005
|
onMouseLeave: () => i(!1),
|
|
1006
|
-
onClick:
|
|
1006
|
+
onClick: b,
|
|
1007
1007
|
children: [
|
|
1008
|
-
/* @__PURE__ */ n.jsx("input", { ref:
|
|
1009
|
-
|
|
1008
|
+
/* @__PURE__ */ n.jsx("input", { ref: d, type: "checkbox", disabled: o, checked: l, hidden: !0, readOnly: !0, required: x ?? !1 }),
|
|
1009
|
+
l ? R ? /* @__PURE__ */ n.jsx(_t, {}) : /* @__PURE__ */ n.jsx(ht, {}) : ""
|
|
1010
1010
|
]
|
|
1011
1011
|
}
|
|
1012
1012
|
);
|
|
1013
|
+
}, mt = "Radio-module__radioWrapper", yt = "Radio-module__sm", xt = "Radio-module__md", bt = "Radio-module__checked", Ct = "Radio-module__innerCircle", gt = "Radio-module__radioState", jt = "Radio-module__disabled", z = {
|
|
1014
|
+
radioWrapper: mt,
|
|
1015
|
+
sm: yt,
|
|
1016
|
+
md: xt,
|
|
1017
|
+
checked: bt,
|
|
1018
|
+
innerCircle: Ct,
|
|
1019
|
+
radioState: gt,
|
|
1020
|
+
disabled: jt
|
|
1021
|
+
}, $t = ({ checked: l, change: f, disabled: o, isRequired: x, withUncheckState: R, size: g }) => {
|
|
1022
|
+
L(!1);
|
|
1023
|
+
const j = () => {
|
|
1024
|
+
f && typeof f == "function" && (R || !R && !l) && f(!0);
|
|
1025
|
+
};
|
|
1026
|
+
return /* @__PURE__ */ n.jsxs("div", { className: `${z.radioWrapper} ${z[g] ?? z.md} ${l ? z.checked : ""} ${o ? z.disabled : ""}`, onClick: j, children: [
|
|
1027
|
+
/* @__PURE__ */ n.jsx("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: o ?? !1, required: x ?? !1 }),
|
|
1028
|
+
/* @__PURE__ */ n.jsx("div", { className: z.radioState, children: /* @__PURE__ */ n.jsx("div", { className: z.innerCircle }) })
|
|
1029
|
+
] });
|
|
1013
1030
|
};
|
|
1014
1031
|
export {
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1032
|
+
St as Checkbox,
|
|
1033
|
+
kt as FormInput,
|
|
1034
|
+
Et as MainButton,
|
|
1035
|
+
$t as Radio,
|
|
1036
|
+
wt as Textarea,
|
|
1037
|
+
Tt as Toggle
|
|
1020
1038
|
};
|