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