master-components-react 1.3.2 → 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(`.mc__mainButton{border-radius:.5rem;min-width:7.75rem;border:.125rem solid rgba(255,255,255,.12);background:#7f56d9;display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;cursor:pointer}.mc__mainButton:hover{background:#6941c6}.mc__mainButton:active{box-shadow:0 0 0 .0625rem #0a0d122e inset,0 -.125rem #0a0d120d inset,0 .0625rem .125rem #0a0d120d,0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.mc__mainButton.mc__sm{height:2.25rem}.mc__mainButton.mc__sm.mc__onlyIcon{height:2.25rem;width:2.25rem;min-width:unset}.mc__mainButton.mc__sm .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__md{height:2.5rem}.mc__mainButton.mc__md.mc__onlyIcon{height:2.5rem;width:2.5rem;min-width:unset}.mc__mainButton.mc__md .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__lg{height:2.75rem}.mc__mainButton.mc__lg.mc__onlyIcon{height:2.75rem;width:2.75rem;min-width:unset}.mc__mainButton.mc__lg .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.25rem}.mc__mainButton.mc__xl{height:3rem}.mc__mainButton.mc__xl.mc__onlyIcon{height:3rem;width:3rem;min-width:unset}.mc__mainButton.mc__xl .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.5rem}.mc__mainButton.mc__xl2{height:3.75rem}.mc__mainButton.mc__xl2.mc__onlyIcon{height:3.5rem;width:3.5rem;min-width:unset}.mc__mainButton.mc__xl2 .mc__buttonSlot .mc__buttonLabel{font-size:1.125rem;line-height:1.75rem}.mc__mainButton.mc__disabled{border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#f5f5f5;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__mainButton.mc__disabled .mc__buttonSlot .mc__buttonLabel{color:#a4a7ae}.mc__mainButton .mc__buttonSlot{display:flex;align-items:center;gap:.5rem}.mc__mainButton .mc__buttonSlot .mc__buttonLabel{color:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400}.mc__inputWrapper{width:100%}.mc__inputWrapper .mc__inputLabel{color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputLabel .mc__required{color:#7f56d9;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputContainer{position:relative;margin:.375rem 0;width:100%;border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;display:flex;padding-left:.75rem}.mc__inputWrapper .mc__inputContainer input{background-color:transparent;width:100%;border:none;padding:.5rem 0;color:#181d27;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;outline:none}.mc__inputWrapper .mc__inputContainer input::placeholder{color:#717680}.mc__inputWrapper .mc__inputContainer.mc__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error{border-radius:.5rem;outline-color:#fda29b;outline-width:.0625rem;outline-style:solid;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error.mc__focused{outline-width:.125rem;outline-color:#f04438}.mc__inputWrapper .mc__inputContainer .mc__rightIcon,.mc__inputWrapper .mc__inputContainer .mc__leftIcon{display:flex;justify-content:center;align-items:center}.mc__inputWrapper .mc__inputContainer .mc__rightIcon{margin:0 .5rem}.mc__inputWrapper .mc__inputContainer .mc__leftIcon{margin-right:.375rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown{padding:.5rem .75rem;display:grid;place-items:center;position:relative;color:#414651;font-family:Inter,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul{width:100%;position:absolute;left:50%;top:100%;transform:translate(-50%);max-height:9.375rem;overflow:hidden;background-color:#fff;border:.0625rem solid #d5d7da;border-radius:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li{padding:.375rem .75rem;width:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:initial;cursor:pointer}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li:hover{background-color:#d5d7da}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown.mc__http{cursor:initial;border-right:.0625rem solid #d5d7da;margin-right:.75rem}.mc__inputWrapper .mc__inputContainer.mc__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__disabled input{background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__sm{height:2.5rem}.mc__inputWrapper .mc__inputContainer.mc__md{height:2.75rem}.mc__inputWrapper .mc__withCopy{display:grid;place-items:center;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem;gap:.5rem;display:flex;align-items:center;gap:.25rem;border-radius:0rem .5rem .5rem 0rem;border:.0625rem solid #d5d7da;background:#fff;padding:.625rem .875rem;color:#414651;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mc__inputWrapper .mc__withCopy:hover{background:#f0f0f0}.mc__inputWrapper .mc__withCopy:active{background:#ececec}.mc__inputWrapper .mc__inputHelperText p{color:#535862;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.mc__inputWrapper .mc__inputHelperText.mc__error p{color:#d92d20}.mc__textareaContainer{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;flex-shrink:0}.mc__textareaContainer .mc__textAreaLabel{display:flex;align-items:center;gap:.125rem}.mc__textareaContainer .mc__textAreaLabel p{font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__textareaContainer .mc__textAreaLabel .mc__required{color:#7f56d9;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:500;line-height:1.25rem}.mc__textareaContainer .mc__wrap{position:relative;display:inline-block}.mc__textareaContainer .mc__wrap:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");width:.9375rem;background:transparent;position:absolute;right:.125rem;bottom:.3125rem;pointer-events:none;border-radius:25%}.mc__textareaContainer .mc__wrap .mc__textarea{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fff;box-shadow:0 .0625rem .125rem #0a0d120d;padding:.75rem .875rem;border:none;outline-color:#d5d7da;outline-width:.0625rem;outline-style:solid;position:relative;color:#181d27;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-resizer{display:none}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-scrollbar{width:0}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-scrollbar-track{-webkit-box-shadow:none}.mc__textareaContainer .mc__wrap .mc__textarea::-webkit-scrollbar-thumb{background-color:none;outline:0}.mc__textareaContainer .mc__wrap .mc__textarea.mc__focused{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#9e77ed;outline-width:.125rem;outline-style:solid}.mc__textareaContainer .mc__wrap .mc__textarea.mc__disabled{border-radius:.5rem;border:.0625rem solid #d5d7da;background:#fafafa;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__textareaContainer .mc__wrap .mc__textarea.mc__error{border-radius:.5rem;box-shadow:0 .0625rem .125rem #0a0d120d;outline-color:#fda29b;outline-width:.125rem;outline-style:solid}.mc__textareaContainer .mc__wrap .mc__textarea.mc__error.mc__focused{outline-color:#f04438}.mc__textareaContainer .mc__wrap .mc__textarea::placeholder{color:#717680;font-size:1rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.5rem}.mc__textareaContainer .mc__helperTextStyle{color:#535862;font-size:.875rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.25rem}.mc__textareaContainer .mc__helperTextStyle.mc__error{color:#d92d20}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
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}`)),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 We = { 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 (
|
|
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
|
|
37
|
+
var Qe;
|
|
38
38
|
function br() {
|
|
39
|
-
return
|
|
40
|
-
var
|
|
41
|
-
function
|
|
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
|
+
function N(e) {
|
|
42
42
|
if (e === null || typeof e != "object")
|
|
43
43
|
return null;
|
|
44
|
-
var r =
|
|
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
|
|
66
|
-
|
|
67
|
-
function
|
|
68
|
-
return !!(typeof e == "string" || typeof e == "function" || e ===
|
|
65
|
+
var z = !1, Z = !1, Y = !1, L = !1, se = !1, Q;
|
|
66
|
+
Q = Symbol.for("react.module.reference");
|
|
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
|
-
e.$$typeof ===
|
|
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
|
-
case
|
|
94
|
+
case a:
|
|
95
95
|
return "Portal";
|
|
96
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
|
-
case
|
|
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
|
|
112
|
+
return ve(t._context) + ".Provider";
|
|
113
113
|
case f:
|
|
114
|
-
return
|
|
114
|
+
return le(e, e.render, "ForwardRef");
|
|
115
115
|
case x:
|
|
116
|
-
var
|
|
117
|
-
return
|
|
118
|
-
case
|
|
119
|
-
var
|
|
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,18 +126,18 @@ function br() {
|
|
|
126
126
|
}
|
|
127
127
|
return null;
|
|
128
128
|
}
|
|
129
|
-
var
|
|
130
|
-
function
|
|
129
|
+
var W = Object.assign, V = 0, he, _e, ye, me, xe, be, Ce;
|
|
130
|
+
function ge() {
|
|
131
131
|
}
|
|
132
|
-
|
|
133
|
-
function
|
|
132
|
+
ge.__reactDisabledLog = !0;
|
|
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,
|
|
140
|
-
value:
|
|
140
|
+
value: ge,
|
|
141
141
|
writable: !0
|
|
142
142
|
};
|
|
143
143
|
Object.defineProperties(console, {
|
|
@@ -150,254 +150,254 @@ function br() {
|
|
|
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,
|
|
162
162
|
writable: !0
|
|
163
163
|
};
|
|
164
164
|
Object.defineProperties(console, {
|
|
165
|
-
log:
|
|
166
|
-
value: ve
|
|
167
|
-
}),
|
|
168
|
-
info: D({}, e, {
|
|
165
|
+
log: W({}, e, {
|
|
169
166
|
value: he
|
|
170
167
|
}),
|
|
171
|
-
|
|
168
|
+
info: W({}, e, {
|
|
172
169
|
value: _e
|
|
173
170
|
}),
|
|
174
|
-
|
|
171
|
+
warn: W({}, e, {
|
|
175
172
|
value: ye
|
|
176
173
|
}),
|
|
177
|
-
|
|
178
|
-
value: be
|
|
179
|
-
}),
|
|
180
|
-
groupCollapsed: D({}, e, {
|
|
174
|
+
error: W({}, e, {
|
|
181
175
|
value: me
|
|
182
176
|
}),
|
|
183
|
-
|
|
177
|
+
group: W({}, e, {
|
|
184
178
|
value: xe
|
|
179
|
+
}),
|
|
180
|
+
groupCollapsed: W({}, e, {
|
|
181
|
+
value: be
|
|
182
|
+
}),
|
|
183
|
+
groupEnd: W({}, e, {
|
|
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
|
|
259
|
-
`),
|
|
260
|
-
`),
|
|
261
|
-
|
|
262
|
-
for (;
|
|
263
|
-
if (
|
|
264
|
-
if (
|
|
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 (
|
|
267
|
-
var
|
|
268
|
-
` +
|
|
269
|
-
return e.displayName &&
|
|
266
|
+
if (m--, b--, b < 0 || l[m] !== k[b]) {
|
|
267
|
+
var P = `
|
|
268
|
+
` + l[m].replace(" at new ", " at ");
|
|
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 (
|
|
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
|
|
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
|
}
|
|
288
|
-
function
|
|
288
|
+
function ee(e, r, t) {
|
|
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
303
|
case f:
|
|
304
|
-
return
|
|
304
|
+
return Pe(e.render);
|
|
305
305
|
case x:
|
|
306
|
-
return
|
|
307
|
-
case
|
|
308
|
-
var
|
|
306
|
+
return ee(e.type, r, t);
|
|
307
|
+
case E: {
|
|
308
|
+
var o = e, d = o._payload, v = o._init;
|
|
309
309
|
try {
|
|
310
|
-
return
|
|
310
|
+
return ee(v(d), r, t);
|
|
311
311
|
} catch {
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
315
|
return "";
|
|
316
316
|
}
|
|
317
|
-
var
|
|
318
|
-
function
|
|
317
|
+
var J = Object.prototype.hasOwnProperty, je = {}, Ee = S.ReactDebugCurrentFrame;
|
|
318
|
+
function re(e) {
|
|
319
319
|
if (e) {
|
|
320
|
-
var r = e._owner, t =
|
|
321
|
-
|
|
320
|
+
var r = e._owner, t = ee(e.type, e._source, r ? r.type : null);
|
|
321
|
+
Ee.setExtraStackFrame(t);
|
|
322
322
|
} else
|
|
323
|
-
|
|
323
|
+
Ee.setExtraStackFrame(null);
|
|
324
324
|
}
|
|
325
|
-
function
|
|
325
|
+
function Re(e, r, t, o, d) {
|
|
326
326
|
{
|
|
327
|
-
var
|
|
328
|
-
for (var
|
|
329
|
-
if (
|
|
330
|
-
var
|
|
327
|
+
var v = Function.call.bind(J);
|
|
328
|
+
for (var c in e)
|
|
329
|
+
if (v(e, c)) {
|
|
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
|
-
|
|
337
|
-
} catch (
|
|
338
|
-
|
|
336
|
+
l = e[c](r, c, o, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
337
|
+
} catch (m) {
|
|
338
|
+
l = m;
|
|
339
339
|
}
|
|
340
|
-
|
|
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
|
|
345
|
-
function
|
|
346
|
-
return
|
|
344
|
+
var Fe = Array.isArray;
|
|
345
|
+
function te(e) {
|
|
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
|
-
function
|
|
365
|
-
if (
|
|
366
|
-
return
|
|
364
|
+
function D(e) {
|
|
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 br() {
|
|
|
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,70 +416,70 @@ function br() {
|
|
|
416
416
|
});
|
|
417
417
|
}
|
|
418
418
|
}
|
|
419
|
-
var
|
|
420
|
-
var
|
|
419
|
+
var sr = function(e, r, t, o, d, v, c) {
|
|
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
|
-
return
|
|
431
|
+
return l._store = {}, Object.defineProperty(l._store, "validated", {
|
|
432
432
|
configurable: !1,
|
|
433
433
|
enumerable: !1,
|
|
434
434
|
writable: !0,
|
|
435
435
|
value: !1
|
|
436
|
-
}), Object.defineProperty(
|
|
436
|
+
}), Object.defineProperty(l, "_self", {
|
|
437
437
|
configurable: !1,
|
|
438
438
|
enumerable: !1,
|
|
439
439
|
writable: !1,
|
|
440
|
-
value:
|
|
441
|
-
}), Object.defineProperty(
|
|
440
|
+
value: o
|
|
441
|
+
}), Object.defineProperty(l, "_source", {
|
|
442
442
|
configurable: !1,
|
|
443
443
|
enumerable: !1,
|
|
444
444
|
writable: !1,
|
|
445
|
-
value:
|
|
446
|
-
}), Object.freeze && (Object.freeze(
|
|
445
|
+
value: d
|
|
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 && (
|
|
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
|
-
var
|
|
456
|
-
for (
|
|
457
|
-
|
|
455
|
+
var m = e.defaultProps;
|
|
456
|
+
for (v in m)
|
|
457
|
+
c[v] === void 0 && (c[v] = m[v]);
|
|
458
458
|
}
|
|
459
|
-
if (
|
|
460
|
-
var
|
|
461
|
-
|
|
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
|
|
467
|
-
function
|
|
466
|
+
var Me = S.ReactCurrentOwner, Ue = S.ReactDebugCurrentFrame;
|
|
467
|
+
function ne(e) {
|
|
468
468
|
if (e) {
|
|
469
|
-
var r = e._owner, t =
|
|
470
|
-
|
|
469
|
+
var r = e._owner, t = ee(e.type, e._source, r ? r.type : null);
|
|
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
|
-
if (
|
|
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")
|
|
@@ -551,391 +551,470 @@ Check the top-level render call using <` + t + ">.");
|
|
|
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 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
|
-
|
|
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 && (
|
|
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 (!
|
|
581
|
-
var
|
|
582
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (
|
|
583
|
-
var
|
|
584
|
-
|
|
585
|
-
var
|
|
586
|
-
e === null ?
|
|
579
|
+
var c = pe(e);
|
|
580
|
+
if (!c) {
|
|
581
|
+
var l = "";
|
|
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 k = ur();
|
|
584
|
+
k ? l += k : l += qe();
|
|
585
|
+
var m;
|
|
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 (
|
|
596
|
-
for (var
|
|
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
|
|
622
|
-
return
|
|
621
|
+
function pr(e, r, t) {
|
|
622
|
+
return Xe(e, r, t, !0);
|
|
623
623
|
}
|
|
624
|
-
function
|
|
625
|
-
return
|
|
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" ?
|
|
632
|
-
var
|
|
633
|
-
const
|
|
634
|
-
mainButton:
|
|
635
|
-
sm:
|
|
636
|
-
onlyIcon:
|
|
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
|
+
sm: gr,
|
|
636
|
+
onlyIcon: jr,
|
|
637
637
|
buttonSlot: Er,
|
|
638
638
|
buttonLabel: Rr,
|
|
639
|
-
md:
|
|
640
|
-
lg:
|
|
641
|
-
xl:
|
|
642
|
-
xl2:
|
|
643
|
-
disabled:
|
|
644
|
-
},
|
|
645
|
-
label:
|
|
646
|
-
buttonType:
|
|
647
|
-
onClick:
|
|
648
|
-
size:
|
|
649
|
-
disabled:
|
|
639
|
+
md: wr,
|
|
640
|
+
lg: kr,
|
|
641
|
+
xl: Tr,
|
|
642
|
+
xl2: Sr,
|
|
643
|
+
disabled: $r
|
|
644
|
+
}, yt = ({
|
|
645
|
+
label: u,
|
|
646
|
+
buttonType: p = "button",
|
|
647
|
+
onClick: a,
|
|
648
|
+
size: C = "md",
|
|
649
|
+
disabled: w,
|
|
650
650
|
withIcons: g,
|
|
651
|
-
iconOne:
|
|
652
|
-
iconTwo:
|
|
651
|
+
iconOne: j,
|
|
652
|
+
iconTwo: h,
|
|
653
653
|
onlyIcon: f,
|
|
654
|
-
buttonStyle:
|
|
655
|
-
labelStyle:
|
|
654
|
+
buttonStyle: _,
|
|
655
|
+
labelStyle: i,
|
|
656
656
|
buttonSlotStyle: x
|
|
657
|
-
}) => /* @__PURE__ */
|
|
657
|
+
}) => /* @__PURE__ */ n.jsx(
|
|
658
658
|
"button",
|
|
659
659
|
{
|
|
660
|
-
type:
|
|
661
|
-
style:
|
|
662
|
-
className: `${ae.mainButton} ${f ? ae.onlyIcon : ""} ${
|
|
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
|
-
f || g &&
|
|
668
|
-
!f && /* @__PURE__ */
|
|
669
|
-
g &&
|
|
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
|
-
),
|
|
673
|
-
inputWrapper:
|
|
674
|
-
inputLabel:
|
|
675
|
-
required:
|
|
676
|
-
inputContainer:
|
|
677
|
-
focused:
|
|
678
|
-
error:
|
|
679
|
-
rightIcon:
|
|
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
|
+
inputWrapper: Pr,
|
|
674
|
+
inputLabel: Or,
|
|
675
|
+
required: Fr,
|
|
676
|
+
inputContainer: Ar,
|
|
677
|
+
focused: Dr,
|
|
678
|
+
error: Mr,
|
|
679
|
+
rightIcon: Wr,
|
|
680
680
|
leftIcon: Lr,
|
|
681
|
-
inputDropDown:
|
|
682
|
-
http:
|
|
683
|
-
disabled:
|
|
684
|
-
sm:
|
|
685
|
-
md:
|
|
686
|
-
withCopy:
|
|
687
|
-
inputHelperText:
|
|
688
|
-
},
|
|
689
|
-
/* @__PURE__ */
|
|
681
|
+
inputDropDown: Ir,
|
|
682
|
+
http: Nr,
|
|
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",
|
|
693
|
-
stroke:
|
|
693
|
+
stroke: a ?? "#414651",
|
|
694
694
|
strokeWidth: "1.66667",
|
|
695
695
|
strokeLinecap: "round",
|
|
696
696
|
strokeLinejoin: "round"
|
|
697
697
|
}
|
|
698
698
|
) }),
|
|
699
|
-
/* @__PURE__ */
|
|
700
|
-
] }),
|
|
701
|
-
value:
|
|
702
|
-
label:
|
|
703
|
-
placeholder:
|
|
704
|
-
required:
|
|
705
|
-
disabled:
|
|
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
|
+
placeholder: a,
|
|
704
|
+
required: C,
|
|
705
|
+
disabled: w,
|
|
706
706
|
type: g,
|
|
707
|
-
size:
|
|
708
|
-
onChange:
|
|
707
|
+
size: j,
|
|
708
|
+
onChange: h,
|
|
709
709
|
onFouce: f,
|
|
710
|
-
onBlur:
|
|
711
|
-
msg:
|
|
710
|
+
onBlur: _,
|
|
711
|
+
msg: i,
|
|
712
712
|
readOnly: x,
|
|
713
|
-
maxLength:
|
|
713
|
+
maxLength: E,
|
|
714
714
|
onlyText: F,
|
|
715
|
-
onRightIconIconClick:
|
|
716
|
-
onRightIconIconMouseEnter:
|
|
717
|
-
onRightIconIconMouseLeave:
|
|
718
|
-
onLeftIconIconClick:
|
|
719
|
-
onLeftIconIconMouseEnter:
|
|
720
|
-
onLeftIconIconMouseLeave:
|
|
721
|
-
rightIcon:
|
|
722
|
-
leftIcon:
|
|
723
|
-
withDropDown:
|
|
724
|
-
dropdownData:
|
|
725
|
-
onSelectData:
|
|
726
|
-
withLink:
|
|
727
|
-
withCopy:
|
|
728
|
-
onCopy:
|
|
729
|
-
inputWrapperStyle:
|
|
730
|
-
inputLabelStyle:
|
|
731
|
-
requiredStyle:
|
|
732
|
-
inputContainerStyle:
|
|
733
|
-
leftIconStyle:
|
|
734
|
-
inputDropDownStyle:
|
|
735
|
-
ulStyle:
|
|
736
|
-
liStyle:
|
|
737
|
-
httpStyle:
|
|
738
|
-
inputStyle:
|
|
739
|
-
rightIconStyle:
|
|
740
|
-
withCopyStyle:
|
|
741
|
-
inputHelperTextStyle:
|
|
715
|
+
onRightIconIconClick: A,
|
|
716
|
+
onRightIconIconMouseEnter: M,
|
|
717
|
+
onRightIconIconMouseLeave: N,
|
|
718
|
+
onLeftIconIconClick: S,
|
|
719
|
+
onLeftIconIconMouseEnter: y,
|
|
720
|
+
onLeftIconIconMouseLeave: B,
|
|
721
|
+
rightIcon: z,
|
|
722
|
+
leftIcon: Z,
|
|
723
|
+
withDropDown: Y,
|
|
724
|
+
dropdownData: L,
|
|
725
|
+
onSelectData: se,
|
|
726
|
+
withLink: Q,
|
|
727
|
+
withCopy: pe,
|
|
728
|
+
onCopy: le,
|
|
729
|
+
inputWrapperStyle: ve,
|
|
730
|
+
inputLabelStyle: $,
|
|
731
|
+
requiredStyle: W,
|
|
732
|
+
inputContainerStyle: V,
|
|
733
|
+
leftIconStyle: he,
|
|
734
|
+
inputDropDownStyle: _e,
|
|
735
|
+
ulStyle: ye,
|
|
736
|
+
liStyle: me,
|
|
737
|
+
httpStyle: xe,
|
|
738
|
+
inputStyle: be,
|
|
739
|
+
rightIconStyle: Ce,
|
|
740
|
+
withCopyStyle: ge,
|
|
741
|
+
inputHelperTextStyle: Se
|
|
742
742
|
}) => {
|
|
743
|
-
const [
|
|
744
|
-
|
|
745
|
-
const
|
|
746
|
-
let
|
|
747
|
-
|
|
748
|
-
},
|
|
749
|
-
|
|
750
|
-
},
|
|
751
|
-
|
|
752
|
-
},
|
|
753
|
-
const
|
|
754
|
-
g === "number" && (
|
|
755
|
-
},
|
|
756
|
-
|
|
757
|
-
},
|
|
758
|
-
let
|
|
759
|
-
return
|
|
760
|
-
},
|
|
761
|
-
!
|
|
762
|
-
},
|
|
763
|
-
|
|
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
|
+
D.length === 1 && (D = D.trim()), h && typeof h == "function" && h(F ? D.replace(/\d/g, "") : D);
|
|
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
|
+
}, re = () => {
|
|
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
|
-
|
|
766
|
-
document.removeEventListener("click",
|
|
765
|
+
ze(() => (document.addEventListener("click", te), () => {
|
|
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
|
-
children:
|
|
800
|
+
children: Re(Z)
|
|
801
801
|
}
|
|
802
802
|
),
|
|
803
|
-
!
|
|
804
|
-
|
|
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
|
-
|
|
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:
|
|
812
|
+
style: be ?? {},
|
|
813
813
|
type: g ?? "text",
|
|
814
|
-
value:
|
|
815
|
-
onChange: (
|
|
816
|
-
onFocus:
|
|
817
|
-
onBlur:
|
|
818
|
-
disabled:
|
|
819
|
-
required:
|
|
820
|
-
onKeyDown:
|
|
814
|
+
value: u,
|
|
815
|
+
onChange: (s) => ee(s),
|
|
816
|
+
onFocus: J,
|
|
817
|
+
onBlur: je,
|
|
818
|
+
disabled: w,
|
|
819
|
+
required: C,
|
|
820
|
+
onKeyDown: Ee,
|
|
821
821
|
readOnly: x,
|
|
822
822
|
spellCheck: !1,
|
|
823
|
-
placeholder:
|
|
823
|
+
placeholder: a ?? "",
|
|
824
824
|
autoComplete: "off",
|
|
825
|
-
maxLength:
|
|
825
|
+
maxLength: E
|
|
826
826
|
}
|
|
827
827
|
),
|
|
828
|
-
|
|
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();
|
|
841
841
|
},
|
|
842
|
-
children:
|
|
842
|
+
children: Re(z)
|
|
843
843
|
}
|
|
844
844
|
)
|
|
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",
|
|
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: a ?? "#A4A7AE",
|
|
872
872
|
strokeWidth: "1.33333",
|
|
873
873
|
strokeLinecap: "round",
|
|
874
874
|
strokeLinejoin: "round"
|
|
875
875
|
}
|
|
876
876
|
) }),
|
|
877
|
-
/* @__PURE__ */
|
|
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: u ?? "16", height: p ?? "16", fill: "white" }) }) })
|
|
878
|
+
] }), xt = ({
|
|
879
|
+
placeholder: u,
|
|
880
|
+
label: p,
|
|
881
|
+
msg: a,
|
|
882
|
+
cols: C,
|
|
883
|
+
rows: w,
|
|
884
884
|
value: g,
|
|
885
|
-
maxLength:
|
|
886
|
-
onChange:
|
|
885
|
+
maxLength: j,
|
|
886
|
+
onChange: h,
|
|
887
887
|
onFocus: f,
|
|
888
|
-
onBlur:
|
|
889
|
-
disabled:
|
|
888
|
+
onBlur: _,
|
|
889
|
+
disabled: i,
|
|
890
890
|
required: x,
|
|
891
|
-
textareaContainerStyle:
|
|
891
|
+
textareaContainerStyle: E,
|
|
892
892
|
textareaLabelStyle: F,
|
|
893
|
-
requiredStyle:
|
|
894
|
-
textareaStyle:
|
|
895
|
-
textareaHelperTextStyle:
|
|
893
|
+
requiredStyle: A,
|
|
894
|
+
textareaStyle: M,
|
|
895
|
+
textareaHelperTextStyle: N
|
|
896
896
|
}) => {
|
|
897
|
-
const [
|
|
898
|
-
let
|
|
899
|
-
|
|
900
|
-
}, X = () => {
|
|
901
|
-
p(!0), f && typeof f == "function" && f();
|
|
897
|
+
const [S, y] = I(!1), B = (Y) => {
|
|
898
|
+
let L = Y.target.value;
|
|
899
|
+
h && typeof h == "function" && h(L);
|
|
902
900
|
}, z = () => {
|
|
903
|
-
|
|
901
|
+
y(!0), f && typeof f == "function" && f();
|
|
902
|
+
}, Z = () => {
|
|
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: `${
|
|
919
|
+
style: M ?? {},
|
|
920
|
+
className: `${O.textarea} ${S ? O.focused : ""} ${i ? O.disabled : ""} ${a != null && a.error ? O.error : ""}`,
|
|
921
921
|
value: g,
|
|
922
|
-
placeholder:
|
|
923
|
-
cols:
|
|
924
|
-
rows:
|
|
925
|
-
maxLength:
|
|
926
|
-
onFocus:
|
|
927
|
-
disabled:
|
|
928
|
-
onBlur:
|
|
929
|
-
onChange:
|
|
922
|
+
placeholder: u ?? "",
|
|
923
|
+
cols: C ?? "30",
|
|
924
|
+
rows: w ?? "5",
|
|
925
|
+
maxLength: j ?? null,
|
|
926
|
+
onFocus: z,
|
|
927
|
+
disabled: i,
|
|
928
|
+
onBlur: Z,
|
|
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
|
+
]
|
|
934
|
+
}
|
|
935
|
+
);
|
|
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
|
+
disabled: a,
|
|
945
|
+
required: C,
|
|
946
|
+
activeStyle: w,
|
|
947
|
+
bgStyle: g,
|
|
948
|
+
checkedBgStyle: j,
|
|
949
|
+
disabledBgStyle: h,
|
|
950
|
+
circleStyle: f,
|
|
951
|
+
checkedCircleStyle: _,
|
|
952
|
+
disabledCircleStyle: i
|
|
953
|
+
}) => {
|
|
954
|
+
const [x, E] = I(!1), F = () => {
|
|
955
|
+
p && typeof p == "function" && p(!u);
|
|
956
|
+
}, A = () => {
|
|
957
|
+
if (x)
|
|
958
|
+
return w ?? {};
|
|
959
|
+
if (u) {
|
|
960
|
+
if (j) return j;
|
|
961
|
+
} else if (u) {
|
|
962
|
+
if (a && h)
|
|
963
|
+
return h;
|
|
964
|
+
} else if (g) return g;
|
|
965
|
+
return {};
|
|
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
|
+
return {};
|
|
974
|
+
};
|
|
975
|
+
return /* @__PURE__ */ n.jsx(
|
|
976
|
+
"div",
|
|
977
|
+
{
|
|
978
|
+
style: A(),
|
|
979
|
+
onMouseDown: () => E(!0),
|
|
980
|
+
onMouseUp: () => E(!1),
|
|
981
|
+
onMouseLeave: () => E(!1),
|
|
982
|
+
onClick: F,
|
|
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, {}) : ""
|
|
933
1010
|
]
|
|
934
1011
|
}
|
|
935
1012
|
);
|
|
936
1013
|
};
|
|
937
1014
|
export {
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
1015
|
+
Ct as Checkbox,
|
|
1016
|
+
mt as FormInput,
|
|
1017
|
+
yt as MainButton,
|
|
1018
|
+
xt as Textarea,
|
|
1019
|
+
bt as Toggle
|
|
941
1020
|
};
|