pge-front-common 14.2.5-beta.4 → 14.2.5-beta.6

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.
package/lib/index.esm.js CHANGED
@@ -86,38 +86,38 @@ function styleInject(css, ref) {
86
86
  }
87
87
  }
88
88
 
89
- var css_248z$J = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt {\r\n border: 1px solid #dc3545;\r\n background: transparent;\r\n color: #dc3545;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt:hover {\r\n background-color: #dc3545;\r\n color: #ffffff;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
90
- var styles$F = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z","outline-danger":"button-module__outline-danger___lK8Xt"};
91
- styleInject(css_248z$J);
89
+ var css_248z$K = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt {\r\n border: 1px solid #dc3545;\r\n background: transparent;\r\n color: #dc3545;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt:hover {\r\n background-color: #dc3545;\r\n color: #ffffff;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
90
+ var styles$G = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z","outline-danger":"button-module__outline-danger___lK8Xt"};
91
+ styleInject(css_248z$K);
92
92
 
93
93
  function Button$1(_a) {
94
94
  var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
95
- return (React__default.createElement("button", __assign({ className: "".concat(styles$F.button, " ").concat(styles$F[variant]) }, props),
95
+ return (React__default.createElement("button", __assign({ className: "".concat(styles$G.button, " ").concat(styles$G[variant]) }, props),
96
96
  leftIcon,
97
97
  text));
98
98
  }
99
99
 
100
100
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
101
101
 
102
- var css_248z$I = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3 {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___S-Q5b::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__labelInput___LHLDU {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: var(--input-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n font-size: var(--font-size-12, 12px);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___AIWNV {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___WV43d {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n\r\n.styles-module__messageContainer___bVBqh {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__messageWrapper___gvioZ {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__counter___-yIJv {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.styles-module__messageError___QtCRI {\r\n color: var(--color-danger);\r\n}\r\n";
103
- var styles$E = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","labelRequired":"styles-module__labelRequired___S-Q5b","inputContent":"styles-module__inputContent___jakTk","titleLabel":"styles-module__titleLabel___9RzJM","labelInput":"styles-module__labelInput___LHLDU","textInputDanger":"styles-module__textInputDanger___s-nLl","password-input-container":"styles-module__password-input-container___9tvR7","inputTextPswUser":"styles-module__inputTextPswUser___KYL7T","buttonTextPswUser":"styles-module__buttonTextPswUser___j2bLn","error":"styles-module__error___PCtVt","iconEye":"styles-module__iconEye___pj-wO","restrictionMessage":"styles-module__restrictionMessage___eCquS","iconWrapperLeft":"styles-module__iconWrapperLeft___AIWNV","iconWrapperRight":"styles-module__iconWrapperRight___WV43d","messageContainer":"styles-module__messageContainer___bVBqh","messageWrapper":"styles-module__messageWrapper___gvioZ","counter":"styles-module__counter___-yIJv","messageError":"styles-module__messageError___QtCRI"};
104
- styleInject(css_248z$I);
102
+ var css_248z$J = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3 {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___S-Q5b::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__labelInput___LHLDU {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: var(--input-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n font-size: var(--font-size-12, 12px);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___AIWNV {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___WV43d {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n\r\n.styles-module__messageContainer___bVBqh {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__messageWrapper___gvioZ {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__counter___-yIJv {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.styles-module__messageError___QtCRI {\r\n color: var(--color-danger);\r\n}\r\n";
103
+ var styles$F = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","labelRequired":"styles-module__labelRequired___S-Q5b","inputContent":"styles-module__inputContent___jakTk","titleLabel":"styles-module__titleLabel___9RzJM","labelInput":"styles-module__labelInput___LHLDU","textInputDanger":"styles-module__textInputDanger___s-nLl","password-input-container":"styles-module__password-input-container___9tvR7","inputTextPswUser":"styles-module__inputTextPswUser___KYL7T","buttonTextPswUser":"styles-module__buttonTextPswUser___j2bLn","error":"styles-module__error___PCtVt","iconEye":"styles-module__iconEye___pj-wO","restrictionMessage":"styles-module__restrictionMessage___eCquS","iconWrapperLeft":"styles-module__iconWrapperLeft___AIWNV","iconWrapperRight":"styles-module__iconWrapperRight___WV43d","messageContainer":"styles-module__messageContainer___bVBqh","messageWrapper":"styles-module__messageWrapper___gvioZ","counter":"styles-module__counter___-yIJv","messageError":"styles-module__messageError___QtCRI"};
104
+ styleInject(css_248z$J);
105
105
 
106
106
  var InputBase = function (_a) {
107
107
  var _b;
108
108
  var customClass = _a.customClass, restrictionMessage = _a.restrictionMessage, label = _a.label, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onRightIconClick = _a.onRightIconClick, style = _a.style, required = _a.required, error = _a.error; _a.helperText; var disabled = _a.disabled; _a.readOnly; _a.className; var showCounter = _a.showCounter, value = _a.value, props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style", "required", "error", "helperText", "disabled", "readOnly", "className", "showCounter", "value"]);
109
109
  var characterCount = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
110
- return (React__default.createElement("div", { className: styles$E.inputContainer },
111
- label && (React__default.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.id || props.name, className: "".concat(styles$E.labelInput, " ").concat(required ? styles$E.labelRequired : "") }, label)),
112
- React__default.createElement("div", { className: styles$E.inputContent },
113
- leftIcon && React__default.createElement("div", { className: styles$E.iconWrapperLeft }, leftIcon),
114
- React__default.createElement("input", __assign({ className: clsx(styles$E.textInput, customClass, (_b = {},
115
- _b[styles$E.textInputDanger] = restrictionMessage || error,
110
+ return (React__default.createElement("div", { className: styles$F.inputContainer },
111
+ label && (React__default.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.id || props.name, className: "".concat(styles$F.labelInput, " ").concat(required ? styles$F.labelRequired : "") }, label)),
112
+ React__default.createElement("div", { className: styles$F.inputContent },
113
+ leftIcon && React__default.createElement("div", { className: styles$F.iconWrapperLeft }, leftIcon),
114
+ React__default.createElement("input", __assign({ className: clsx(styles$F.textInput, customClass, (_b = {},
115
+ _b[styles$F.textInputDanger] = restrictionMessage || error,
116
116
  _b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style), id: props.id || props.name, value: value }, props, { disabled: disabled })),
117
- rightIcon && (React__default.createElement("button", { tabIndex: -1, type: "button", className: styles$E.iconWrapperRight, onClick: function () { return onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(); }, "aria-label": "A\u00E7\u00E3o ao clicar no \u00EDcone ao lado direito" }, rightIcon))),
118
- (restrictionMessage || showCounter) && (React__default.createElement("div", { className: styles$E.messageContainer },
119
- React__default.createElement("div", { className: styles$E.messageWrapper }, restrictionMessage && (React__default.createElement("div", { className: styles$E.restrictionMessage }, restrictionMessage))),
120
- showCounter && (React__default.createElement("div", { className: "".concat(styles$E.counter, " ").concat(restrictionMessage ? styles$E.messageError : "") }, characterCount))))));
117
+ rightIcon && (React__default.createElement("button", { tabIndex: -1, type: "button", className: styles$F.iconWrapperRight, onClick: function () { return onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(); }, "aria-label": "A\u00E7\u00E3o ao clicar no \u00EDcone ao lado direito" }, rightIcon))),
118
+ (restrictionMessage || showCounter) && (React__default.createElement("div", { className: styles$F.messageContainer },
119
+ React__default.createElement("div", { className: styles$F.messageWrapper }, restrictionMessage && (React__default.createElement("div", { className: styles$F.restrictionMessage }, restrictionMessage))),
120
+ showCounter && (React__default.createElement("div", { className: "".concat(styles$F.counter, " ").concat(restrictionMessage ? styles$F.messageError : "") }, characterCount))))));
121
121
  };
122
122
 
123
123
  var IconDownload = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
@@ -532,54 +532,54 @@ var IconCalculate = function (props) { return (React__default.createElement("svg
532
532
  var IconUpArrow = function (props) { return (React__default.createElement("svg", __assign({ width: "8", height: "9", viewBox: "0 0 8 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
533
533
  React__default.createElement("path", { d: "M3.5 8.5V2.4125L0.7 5.2125L0 4.5L4 0.5L8 4.5L7.3 5.2125L4.5 2.4125V8.5H3.5Z", fill: "currentColor" }))); };
534
534
 
535
- var css_248z$H = ".styles-module__toast___JCV9s {\r\n height: auto;\r\n border-radius: 8px;\r\n padding: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n background-color: var(--bg-informative-success);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n background-color: var(--bg-informative-alert);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n background-color: var(--bg-informative-warning);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n background-color: var(--bg-informative);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__content___AING8 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__info___g8ce2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n}\r\n\r\n.styles-module__text___UCxPH {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__text___UCxPH span {\r\n font-weight: 400;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n.styles-module__textContent___S1KEv {\r\n color: var(--foreground);\r\n font-size: var(--font-size-16);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__success___-BEJb {\r\n font-weight: 700;\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__alert___Gum-6 {\r\n font-weight: 700;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__warning___CVMAV {\r\n font-weight: 700;\r\n color: var(--warning-color);\r\n}\r\n.styles-module__textContent___S1KEv.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n font-weight: 700;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textContent___S1KEv {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-size: var(--font-size-20, 20px);\r\n color: var(--foreground);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__closeButton___ELkqN {\r\n display: none;\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN:hover {\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__iconClose___OPoN8 {\r\n color: var(--foreground);\r\n}\r\n";
536
- var styles$D = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN","iconClose":"styles-module__iconClose___OPoN8"};
537
- styleInject(css_248z$H);
535
+ var css_248z$I = ".styles-module__toast___JCV9s {\r\n height: auto;\r\n border-radius: 8px;\r\n padding: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n background-color: var(--bg-informative-success);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n background-color: var(--bg-informative-alert);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n background-color: var(--bg-informative-warning);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n background-color: var(--bg-informative);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__content___AING8 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__info___g8ce2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n}\r\n\r\n.styles-module__text___UCxPH {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__text___UCxPH span {\r\n font-weight: 400;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n.styles-module__textContent___S1KEv {\r\n color: var(--foreground);\r\n font-size: var(--font-size-16);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__success___-BEJb {\r\n font-weight: 700;\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__alert___Gum-6 {\r\n font-weight: 700;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__warning___CVMAV {\r\n font-weight: 700;\r\n color: var(--warning-color);\r\n}\r\n.styles-module__textContent___S1KEv.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n font-weight: 700;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textContent___S1KEv {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-size: var(--font-size-20, 20px);\r\n color: var(--foreground);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__closeButton___ELkqN {\r\n display: none;\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN:hover {\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__iconClose___OPoN8 {\r\n color: var(--foreground);\r\n}\r\n";
536
+ var styles$E = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN","iconClose":"styles-module__iconClose___OPoN8"};
537
+ styleInject(css_248z$I);
538
538
 
539
539
  var InformativeBox = function (_a) {
540
540
  var _b;
541
541
  var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _c = _a.widthType, widthType = _c === void 0 ? "fitContent" : _c, _d = _a.hasDismissButton, hasDismissButton = _d === void 0 ? false : _d, props = __rest(_a, ["infoType", "title", "message", "onClose", "widthType", "hasDismissButton"]);
542
542
  var getIcon = function () {
543
- var iconClass = "".concat(styles$D.icon, " ").concat(styles$D[infoType] || "");
543
+ var iconClass = "".concat(styles$E.icon, " ").concat(styles$E[infoType] || "");
544
544
  switch (infoType) {
545
545
  case "success":
546
- return (React__default.createElement(IconCheckSuccess, { className: "".concat(iconClass, " ").concat(styles$D.iconSize) }));
546
+ return (React__default.createElement(IconCheckSuccess, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) }));
547
547
  case "alert":
548
- return React__default.createElement(IconAlert, { className: "".concat(iconClass, " ").concat(styles$D.iconSize) });
548
+ return React__default.createElement(IconAlert, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) });
549
549
  case "warning":
550
- return React__default.createElement(IconAttention, { className: "".concat(iconClass, " ").concat(styles$D.iconSize) });
550
+ return React__default.createElement(IconAttention, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) });
551
551
  case "informative":
552
- return (React__default.createElement(IconInformative, { className: "".concat(iconClass, " ").concat(styles$D.iconSize) }));
552
+ return (React__default.createElement(IconInformative, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) }));
553
553
  default:
554
554
  return null;
555
555
  }
556
556
  };
557
557
  return (React__default.createElement("div", __assign({}, props),
558
- React__default.createElement("div", { className: "".concat(styles$D.toast, " ").concat(styles$D[infoType], " ").concat(styles$D[widthType]) },
559
- React__default.createElement("div", { className: styles$D.content },
560
- React__default.createElement("div", { className: styles$D.info },
558
+ React__default.createElement("div", { className: "".concat(styles$E.toast, " ").concat(styles$E[infoType], " ").concat(styles$E[widthType]) },
559
+ React__default.createElement("div", { className: styles$E.content },
560
+ React__default.createElement("div", { className: styles$E.info },
561
561
  getIcon(),
562
- React__default.createElement("div", { className: styles$D.text },
563
- title && !message && (React__default.createElement("strong", { className: "".concat(styles$D.title, " ").concat(styles$D[infoType]) }, title)),
564
- !title && message && (React__default.createElement("span", { className: clsx(styles$D.textContent, (_b = {},
565
- _b[styles$D.success] = infoType === "success",
566
- _b[styles$D.alert] = infoType === "alert",
567
- _b[styles$D.warning] = infoType === "warning",
568
- _b[styles$D.informative] = infoType === "informative",
562
+ React__default.createElement("div", { className: styles$E.text },
563
+ title && !message && (React__default.createElement("strong", { className: "".concat(styles$E.title, " ").concat(styles$E[infoType]) }, title)),
564
+ !title && message && (React__default.createElement("span", { className: clsx(styles$E.textContent, (_b = {},
565
+ _b[styles$E.success] = infoType === "success",
566
+ _b[styles$E.alert] = infoType === "alert",
567
+ _b[styles$E.warning] = infoType === "warning",
568
+ _b[styles$E.informative] = infoType === "informative",
569
569
  _b)) }, message)),
570
570
  title && message && (React__default.createElement(React__default.Fragment, null,
571
- React__default.createElement("strong", { className: "".concat(styles$D.title, " ").concat(styles$D[infoType]) }, title),
572
- React__default.createElement("span", { className: styles$D.textContent }, message))))),
573
- hasDismissButton && (React__default.createElement("button", { "aria-label": "Fechar campo informativo para ".concat(title || message), className: styles$D.closeButton, onClick: function (e) {
571
+ React__default.createElement("strong", { className: "".concat(styles$E.title, " ").concat(styles$E[infoType]) }, title),
572
+ React__default.createElement("span", { className: styles$E.textContent }, message))))),
573
+ hasDismissButton && (React__default.createElement("button", { "aria-label": "Fechar campo informativo para ".concat(title || message), className: styles$E.closeButton, onClick: function (e) {
574
574
  e.stopPropagation();
575
575
  onClose === null || onClose === void 0 ? void 0 : onClose();
576
576
  } },
577
- React__default.createElement(IconCLose, { className: styles$D.iconClose })))))));
577
+ React__default.createElement(IconCLose, { className: styles$E.iconClose })))))));
578
578
  };
579
579
 
580
- var css_248z$G = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background: var(--checkbox-bg-main-color);\r\n border: 1px solid var(--light-grey-color, --checkbox-border-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__hover___a-QfL {\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB.styles-module__hover___a-QfL {\r\n background: var(--checkbox-checked-hover-bg-color);\r\n border: 1px solid var(--checkbox-checked-hover-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__focus___yGjAN {\r\n box-shadow: 0px 0px 0px 2px var(--checkbox-focus-box-shadow-color);\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__disabled___bTmRr {\r\n border: 1px solid var(--checkbox-border-color);\r\n background: var(--checkbox-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__icon___F-Rd5 {\r\n width: 10px;\r\n height: 9px;\r\n filter: var(--checkbox-icon-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB {\r\n background: var(--checkbox-checked-bg-color);\r\n border: 1px solid var(--checkbox-checked-border-color);\r\n}";
581
- var styles$C = {"checkbox":"styles-module__checkbox___AOdO1","hover":"styles-module__hover___a-QfL","checked":"styles-module__checked___kDWfB","focus":"styles-module__focus___yGjAN","disabled":"styles-module__disabled___bTmRr","icon":"styles-module__icon___F-Rd5"};
582
- styleInject(css_248z$G);
580
+ var css_248z$H = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background: var(--checkbox-bg-main-color);\r\n border: 1px solid var(--light-grey-color, --checkbox-border-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__hover___a-QfL {\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB.styles-module__hover___a-QfL {\r\n background: var(--checkbox-checked-hover-bg-color);\r\n border: 1px solid var(--checkbox-checked-hover-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__focus___yGjAN {\r\n box-shadow: 0px 0px 0px 2px var(--checkbox-focus-box-shadow-color);\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__disabled___bTmRr {\r\n border: 1px solid var(--checkbox-border-color);\r\n background: var(--checkbox-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__icon___F-Rd5 {\r\n width: 10px;\r\n height: 9px;\r\n filter: var(--checkbox-icon-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB {\r\n background: var(--checkbox-checked-bg-color);\r\n border: 1px solid var(--checkbox-checked-border-color);\r\n}";
581
+ var styles$D = {"checkbox":"styles-module__checkbox___AOdO1","hover":"styles-module__hover___a-QfL","checked":"styles-module__checked___kDWfB","focus":"styles-module__focus___yGjAN","disabled":"styles-module__disabled___bTmRr","icon":"styles-module__icon___F-Rd5"};
582
+ styleInject(css_248z$H);
583
583
 
584
584
  var Checkbox$1 = function (_a) {
585
585
  var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
@@ -596,12 +596,12 @@ var Checkbox$1 = function (_a) {
596
596
  handleClick();
597
597
  }
598
598
  };
599
- return (React__default.createElement("div", { className: "".concat(styles$C.checkbox, " ").concat(checked ? styles$C.checked : "", " ").concat(disabled ? styles$C.disabled : "", " \n ").concat(isHovered ? styles$C.hover : "", " ").concat(isFocused ? styles$C.focus : ""), tabIndex: disabled ? -1 : 0, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }, checked && React__default.createElement(IconCheck, { className: styles$C.icon })));
599
+ return (React__default.createElement("div", { className: "".concat(styles$D.checkbox, " ").concat(checked ? styles$D.checked : "", " ").concat(disabled ? styles$D.disabled : "", " \n ").concat(isHovered ? styles$D.hover : "", " ").concat(isFocused ? styles$D.focus : ""), tabIndex: disabled ? -1 : 0, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }, checked && React__default.createElement(IconCheck, { className: styles$D.icon })));
600
600
  };
601
601
 
602
- var css_248z$F = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___R7QFU::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\r\n color: #cb0a0a;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n";
603
- var styles$B = {"textInput":"styles-module__textInput___wHRWE","inputContainer":"styles-module__inputContainer___g57h7","iconWrapper":"styles-module__iconWrapper___E7smd","labelRequired":"styles-module__labelRequired___R7QFU","inputContent":"styles-module__inputContent___5TSoO","titleLabel":"styles-module__titleLabel___Jsy6t","labelInput":"styles-module__labelInput___eqPUg","textInputDanger":"styles-module__textInputDanger___GDXT3","passwordInputContainer":"styles-module__passwordInputContainer___-De-m","inputTextPswUser":"styles-module__inputTextPswUser___Ceign","buttonTextPswUser":"styles-module__buttonTextPswUser___aK999","iconEye":"styles-module__iconEye___-ywWa","restrictionMessage":"styles-module__restrictionMessage___BhxxE"};
604
- styleInject(css_248z$F);
602
+ var css_248z$G = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___R7QFU::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\r\n color: #cb0a0a;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n";
603
+ var styles$C = {"textInput":"styles-module__textInput___wHRWE","inputContainer":"styles-module__inputContainer___g57h7","iconWrapper":"styles-module__iconWrapper___E7smd","labelRequired":"styles-module__labelRequired___R7QFU","inputContent":"styles-module__inputContent___5TSoO","titleLabel":"styles-module__titleLabel___Jsy6t","labelInput":"styles-module__labelInput___eqPUg","textInputDanger":"styles-module__textInputDanger___GDXT3","passwordInputContainer":"styles-module__passwordInputContainer___-De-m","inputTextPswUser":"styles-module__inputTextPswUser___Ceign","buttonTextPswUser":"styles-module__buttonTextPswUser___aK999","iconEye":"styles-module__iconEye___-ywWa","restrictionMessage":"styles-module__restrictionMessage___BhxxE"};
604
+ styleInject(css_248z$G);
605
605
 
606
606
  var IconEyeOpen = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor" }, props),
607
607
  React__default.createElement("path", { d: "M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" }))); };
@@ -617,28 +617,28 @@ var PasswordInput = function (_a) {
617
617
  props.onChange(e);
618
618
  }
619
619
  };
620
- return (React__default.createElement("div", { className: styles$B.inputContainer },
621
- label && (React__default.createElement("label", { htmlFor: props.name, className: "".concat(styles$B.labelInput, " ").concat(required ? styles$B.labelRequired : "") }, label)),
622
- React__default.createElement("div", { className: styles$B.passwordInputContainer },
623
- React__default.createElement("input", __assign({ id: "psw", name: props.name || "psw", type: showPassword ? "text" : "password", autoComplete: "off", placeholder: "Digite sua senha", maxLength: 100, minLength: 5, onChange: handleInputChange, className: clsx(styles$B.textInput, customClass, (_b = {},
624
- _b[styles$B.textInputDanger] = restrictionMessage,
620
+ return (React__default.createElement("div", { className: styles$C.inputContainer },
621
+ label && (React__default.createElement("label", { htmlFor: props.name, className: "".concat(styles$C.labelInput, " ").concat(required ? styles$C.labelRequired : "") }, label)),
622
+ React__default.createElement("div", { className: styles$C.passwordInputContainer },
623
+ React__default.createElement("input", __assign({ id: "psw", name: props.name || "psw", type: showPassword ? "text" : "password", autoComplete: "off", placeholder: "Digite sua senha", maxLength: 100, minLength: 5, onChange: handleInputChange, className: clsx(styles$C.textInput, customClass, (_b = {},
624
+ _b[styles$C.textInputDanger] = restrictionMessage,
625
625
  _b)), ref: inputRef }, props, { disabled: disabled })),
626
- React__default.createElement("button", { type: "button", className: styles$B.buttonTextPswUser, onClick: togglePasswordVisibility, name: "icone", "aria-label": "icone" }, showPassword ? (React__default.createElement(IconEyeOpen, { className: styles$B.iconEye })) : (React__default.createElement(IconEyeClose, { className: styles$B.iconEye })))),
627
- restrictionMessage && (React__default.createElement("div", { className: clsx(styles$B.restrictionMessage) }, restrictionMessage))));
626
+ React__default.createElement("button", { type: "button", className: styles$C.buttonTextPswUser, onClick: togglePasswordVisibility, name: "icone", "aria-label": "icone" }, showPassword ? (React__default.createElement(IconEyeOpen, { className: styles$C.iconEye })) : (React__default.createElement(IconEyeClose, { className: styles$C.iconEye })))),
627
+ restrictionMessage && (React__default.createElement("div", { className: clsx(styles$C.restrictionMessage) }, restrictionMessage))));
628
628
  };
629
629
 
630
- var css_248z$E = ".styles-module__button___ak3jK {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 12px 16px;\r\n gap: var(--small-space, 8px);\r\n border-radius: 10px;\r\n font-size: var(--font-size-14);\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n height: 40px;\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__button___ak3jK {\r\n font-size: var(--font-size-12);\r\n height: 35px;\r\n }\r\n}\r\n\r\n.styles-module__fullWidth___hkrRe {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__fitContent___h16Hv {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__primary___0Lugn {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___0Lugn:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___0Lugn:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___0Lugn:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___0Lugn:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE {\r\n border: 1px solid var(--btn-border-secondary-color);\r\n background: var(--btn-bg-secondary-color);\r\n color: var(--btn-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:hover {\r\n background: var(--btn-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-border-secondary-color);\r\n color: var(--btn-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___C7rZE:focus {\r\n background: var(--btn-bg-focus-secondary-color);\r\n color: var(--btn-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE.styles-module__danger___kcS09 {\r\n border: 1px solid var(--btn-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD {\r\n border: none;\r\n background: var(--btn-bg-tertiary-color);\r\n color: var(--btn-text-tertiary-color);\r\n font-weight: 400;\r\n font-size: var(--font-size-14);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:active {\r\n background: var(--terciary-button-background, #0b81ca47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:hover {\r\n background: var(--btn-bg-hover-tertiary-color, #0b81ca47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:focus {\r\n background: var(--btn-bg-focus-tertiary-color);\r\n outline: 2px solid #52819e;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09 {\r\n border: none;\r\n color: var(--btn-text-danger-tertiary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:hover {\r\n border: none;\r\n background: none;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:focus {\r\n border: none;\r\n background: none;\r\n}\r\n";
631
- var styles$A = {"button":"styles-module__button___ak3jK","fullWidth":"styles-module__fullWidth___hkrRe","fitContent":"styles-module__fitContent___h16Hv","primary":"styles-module__primary___0Lugn","secondary":"styles-module__secondary___C7rZE","danger":"styles-module__danger___kcS09","tertiary":"styles-module__tertiary___xMgwD"};
632
- styleInject(css_248z$E);
630
+ var css_248z$F = ".styles-module__button___ak3jK {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 12px 16px;\r\n gap: var(--small-space, 8px);\r\n border-radius: 10px;\r\n font-size: var(--font-size-14);\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n height: 40px;\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__button___ak3jK {\r\n font-size: var(--font-size-12);\r\n height: 35px;\r\n }\r\n}\r\n\r\n.styles-module__fullWidth___hkrRe {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__fitContent___h16Hv {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__primary___0Lugn {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___0Lugn:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___0Lugn:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___0Lugn:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___0Lugn:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE {\r\n border: 1px solid var(--btn-border-secondary-color);\r\n background: var(--btn-bg-secondary-color);\r\n color: var(--btn-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:hover {\r\n background: var(--btn-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-border-secondary-color);\r\n color: var(--btn-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___C7rZE:focus {\r\n background: var(--btn-bg-focus-secondary-color);\r\n color: var(--btn-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE.styles-module__danger___kcS09 {\r\n border: 1px solid var(--btn-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD {\r\n border: none;\r\n background: var(--btn-bg-tertiary-color);\r\n color: var(--btn-text-tertiary-color);\r\n font-weight: 400;\r\n font-size: var(--font-size-14);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:active {\r\n background: var(--terciary-button-background, #0b81ca47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:hover {\r\n background: var(--btn-bg-hover-tertiary-color, #0b81ca47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:focus {\r\n background: var(--btn-bg-focus-tertiary-color);\r\n outline: 2px solid #52819e;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09 {\r\n border: none;\r\n color: var(--btn-text-danger-tertiary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:hover {\r\n border: none;\r\n background: none;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:focus {\r\n border: none;\r\n background: none;\r\n}\r\n";
631
+ var styles$B = {"button":"styles-module__button___ak3jK","fullWidth":"styles-module__fullWidth___hkrRe","fitContent":"styles-module__fitContent___h16Hv","primary":"styles-module__primary___0Lugn","secondary":"styles-module__secondary___C7rZE","danger":"styles-module__danger___kcS09","tertiary":"styles-module__tertiary___xMgwD"};
632
+ styleInject(css_248z$F);
633
633
 
634
634
  var PgeButton = React__default.forwardRef(function (_a, ref) {
635
635
  var _b;
636
636
  var variant = _a.variant, _c = _a.danger, danger = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.widthType, widthType = _e === void 0 ? "fit-content" : _e, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _f = _a.title, title = _f === void 0 ? "" : _f, className = _a.className, props = __rest(_a, ["variant", "danger", "disabled", "widthType", "leftIcon", "rightIcon", "title", "className"]);
637
- var buttonClass = clsx(styles$A.button, styles$A[variant], (_b = {},
638
- _b[styles$A.danger] = danger && variant !== "primary",
639
- _b[styles$A.disabled] = disabled,
640
- _b[styles$A.fullWidth] = widthType === "full-width",
641
- _b[styles$A.fitContent] = widthType === "fit-content",
637
+ var buttonClass = clsx(styles$B.button, styles$B[variant], (_b = {},
638
+ _b[styles$B.danger] = danger && variant !== "primary",
639
+ _b[styles$B.disabled] = disabled,
640
+ _b[styles$B.fullWidth] = widthType === "full-width",
641
+ _b[styles$B.fitContent] = widthType === "fit-content",
642
642
  _b), className);
643
643
  return (React__default.createElement("button", __assign({ ref: ref, className: buttonClass, disabled: disabled }, props),
644
644
  leftIcon && leftIcon,
@@ -647,9 +647,9 @@ var PgeButton = React__default.forwardRef(function (_a, ref) {
647
647
  });
648
648
  PgeButton.displayName = "PgeButton";
649
649
 
650
- var css_248z$D = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size: var(--font-size-16);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__label___AWyTG {\r\n font-size: var(--font-size-12);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n\r\n .styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n width: 100%;\r\n height: 58px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n border: 2px dotted var(--primary-color-with-opacity, #005a9280);\r\n border-radius: 16px;\r\n padding: 10px;\r\n margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__inputContainer___tsCfV {\r\n height: 52px;\r\n }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n width: fit-content;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 13px;\r\n gap: 8px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__button___1GicM {\r\n min-width: 91px;\r\n height: 32px;\r\n }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__description___S1vZj {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n }\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n font-size: var(--font-size-16);\r\n font-weight: 500;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n background: var(--btn-up-bg-secondary-color);\r\n color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n background: var(--btn-up-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n background: var(--btn-up-bg-focus-secondary-color);\r\n color: var(--btn-up-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-10);\r\n }\r\n\r\n .styles-module__successText___s1G4K {\r\n font-size: var(--font-size-10);\r\n }\r\n}\r\n";
651
- var styles$z = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
652
- styleInject(css_248z$D);
650
+ var css_248z$E = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size: var(--font-size-16);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__label___AWyTG {\r\n font-size: var(--font-size-12);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n\r\n .styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n width: 100%;\r\n height: 58px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n border: 2px dotted var(--primary-color-with-opacity, #005a9280);\r\n border-radius: 16px;\r\n padding: 10px;\r\n margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__inputContainer___tsCfV {\r\n height: 52px;\r\n }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n width: fit-content;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 13px;\r\n gap: 8px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__button___1GicM {\r\n min-width: 91px;\r\n height: 32px;\r\n }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__description___S1vZj {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n }\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n font-size: var(--font-size-16);\r\n font-weight: 500;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n background: var(--btn-up-bg-secondary-color);\r\n color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n background: var(--btn-up-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n background: var(--btn-up-bg-focus-secondary-color);\r\n color: var(--btn-up-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-10);\r\n }\r\n\r\n .styles-module__successText___s1G4K {\r\n font-size: var(--font-size-10);\r\n }\r\n}\r\n";
651
+ var styles$A = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
652
+ styleInject(css_248z$E);
653
653
 
654
654
  var parseSizeToBytes = function (size) {
655
655
  if (!size)
@@ -673,8 +673,8 @@ var parseSizeToBytes = function (size) {
673
673
  var FileUpload = forwardRef(function (_a, ref) {
674
674
  var _b;
675
675
  var _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.danger, danger = _d === void 0 ? false : _d, fileTypes = _a.fileTypes, onFileSelect = _a.onFileSelect, _e = _a.title, title = _e === void 0 ? React__default.createElement(React__default.Fragment, null, "Upload de Arquivos:") : _e, _f = _a.descricaoLabel, descricaoLabel = _f === void 0 ? "Escolher arquivo" : _f, className = _a.className, _g = _a.errorText, errorText = _g === void 0 ? "" : _g, _h = _a.noSelectedFileText, noSelectedFileText = _h === void 0 ? "Nenhum arquivo selecionado" : _h, _j = _a.helperText, helperText = _j === void 0 ? "" : _j, _k = _a.maxFileSize, maxFileSize = _k === void 0 ? "" : _k; __rest(_a, ["variant", "danger", "fileTypes", "onFileSelect", "title", "descricaoLabel", "className", "errorText", "noSelectedFileText", "helperText", "maxFileSize"]);
676
- var buttonClass = clsx(styles$z.labelUpload, styles$z.button, styles$z[variant], (_b = {},
677
- _b[styles$z.danger] = danger && variant !== "primary",
676
+ var buttonClass = clsx(styles$A.labelUpload, styles$A.button, styles$A[variant], (_b = {},
677
+ _b[styles$A.danger] = danger && variant !== "primary",
678
678
  _b), className);
679
679
  var inputId = useId$1();
680
680
  var helperId = useId$1();
@@ -720,9 +720,9 @@ var FileUpload = forwardRef(function (_a, ref) {
720
720
  },
721
721
  }); });
722
722
  var openFileDialog = function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
723
- return (React__default.createElement("div", { role: "group", "aria-labelledby": "".concat(inputId, "-label"), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), className: styles$z.container },
724
- React__default.createElement("span", { id: "".concat(inputId, "-label"), className: styles$z.label }, title),
725
- React__default.createElement("div", { className: styles$z.inputContainer },
723
+ return (React__default.createElement("div", { role: "group", "aria-labelledby": "".concat(inputId, "-label"), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), className: styles$A.container },
724
+ React__default.createElement("span", { id: "".concat(inputId, "-label"), className: styles$A.label }, title),
725
+ React__default.createElement("div", { className: styles$A.inputContainer },
726
726
  React__default.createElement("button", { type: "button", className: buttonClass, onClick: openFileDialog, onKeyDown: function (e) {
727
727
  if (e.key === "Enter" || e.key === " ") {
728
728
  e.preventDefault();
@@ -731,18 +731,18 @@ var FileUpload = forwardRef(function (_a, ref) {
731
731
  }, "aria-label": "".concat(typeof title === "string" ? title : descricaoLabel, ". Tipos permitidos: ").concat(fileTypes.join(", "), ". Tamanho m\u00E1ximo: ").concat(maxFileSize, ".") },
732
732
  React__default.createElement(IconUploadFile, { "aria-hidden": "true" }),
733
733
  descricaoLabel),
734
- React__default.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$z.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(","), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), "aria-label": "Campo de input para selecionar arquivo", "aria-invalid": !!errorText }),
735
- React__default.createElement("span", { className: styles$z.description }, fileName || noSelectedFileText)),
734
+ React__default.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$A.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(","), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), "aria-label": "Campo de input para selecionar arquivo", "aria-invalid": !!errorText }),
735
+ React__default.createElement("span", { className: styles$A.description }, fileName || noSelectedFileText)),
736
736
  React__default.createElement("span", { id: errorText ? errorId : helperId, role: "alert", "aria-live": "polite", className: errorText
737
- ? styles$z.errorText
737
+ ? styles$A.errorText
738
738
  : fileName
739
- ? styles$z.successText
740
- : styles$z.instructionText }, errorText || helperText)));
739
+ ? styles$A.successText
740
+ : styles$A.instructionText }, errorText || helperText)));
741
741
  });
742
742
 
743
- var css_248z$C = ".styles-module__container___YGeVk {\r\n position: relative;\r\n display: flex;\r\n}\r\n\r\n.styles-module__tooltip___mnnfp {\r\n position: absolute;\r\n width: max-content;\r\n height: fit-content;\r\n max-width: 480px;\r\n border-radius: 8px;\r\n word-wrap: break-word;\r\n background: var(--background-color);\r\n padding: 10px;\r\n border: 1px solid #c3c3c3;\r\n z-index: 1000;\r\n}\r\n\r\n.styles-module__textContent___F6Omr {\r\n font-weight: 400;\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__top-right___KAK6B {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__bottom-right___2qH8T {\r\n top: 100%;\r\n left: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__bottom-left___9jLIE {\r\n top: 100%;\r\n right: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__top-left___wu3BB {\r\n bottom: 100%;\r\n right: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__mobile___jimue {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__container___YGeVk {\r\n position: static;\r\n }\r\n\r\n .styles-module__tooltip___mnnfp {\r\n width: max-content;\r\n max-width: 92vw;\r\n left: 0;\r\n bottom: 90%;\r\n text-align: start;\r\n padding: 10px;\r\n position: absolute;\r\n flex-wrap: wrap;\r\n border-radius: 8px;\r\n }\r\n\r\n .styles-module__textContent___F6Omr {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n";
744
- var styles$y = {"container":"styles-module__container___YGeVk","tooltip":"styles-module__tooltip___mnnfp","textContent":"styles-module__textContent___F6Omr","top-right":"styles-module__top-right___KAK6B","bottom-right":"styles-module__bottom-right___2qH8T","bottom-left":"styles-module__bottom-left___9jLIE","top-left":"styles-module__top-left___wu3BB","mobile":"styles-module__mobile___jimue"};
745
- styleInject(css_248z$C);
743
+ var css_248z$D = ".styles-module__container___YGeVk {\r\n position: relative;\r\n display: flex;\r\n}\r\n\r\n.styles-module__tooltip___mnnfp {\r\n position: absolute;\r\n width: max-content;\r\n height: fit-content;\r\n max-width: 480px;\r\n border-radius: 8px;\r\n word-wrap: break-word;\r\n background: var(--background-color);\r\n padding: 10px;\r\n border: 1px solid #c3c3c3;\r\n z-index: 1000;\r\n}\r\n\r\n.styles-module__textContent___F6Omr {\r\n font-weight: 400;\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__top-right___KAK6B {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__bottom-right___2qH8T {\r\n top: 100%;\r\n left: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__bottom-left___9jLIE {\r\n top: 100%;\r\n right: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__top-left___wu3BB {\r\n bottom: 100%;\r\n right: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__mobile___jimue {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__container___YGeVk {\r\n position: static;\r\n }\r\n\r\n .styles-module__tooltip___mnnfp {\r\n width: max-content;\r\n max-width: 92vw;\r\n left: 0;\r\n bottom: 90%;\r\n text-align: start;\r\n padding: 10px;\r\n position: absolute;\r\n flex-wrap: wrap;\r\n border-radius: 8px;\r\n }\r\n\r\n .styles-module__textContent___F6Omr {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n";
744
+ var styles$z = {"container":"styles-module__container___YGeVk","tooltip":"styles-module__tooltip___mnnfp","textContent":"styles-module__textContent___F6Omr","top-right":"styles-module__top-right___KAK6B","bottom-right":"styles-module__bottom-right___2qH8T","bottom-left":"styles-module__bottom-left___9jLIE","top-left":"styles-module__top-left___wu3BB","mobile":"styles-module__mobile___jimue"};
745
+ styleInject(css_248z$D);
746
746
 
747
747
  var Tooltip$1 = function (_a) {
748
748
  var text = _a.text, children = _a.children, forceVisible = _a.forceVisible;
@@ -800,25 +800,25 @@ var Tooltip$1 = function (_a) {
800
800
  setInternalVisible(function (prev) { return !prev; });
801
801
  }
802
802
  };
803
- return (React__default.createElement("div", { className: styles$y.container, ref: containerRef, onMouseEnter: handleDesktopMouseEnter, onMouseLeave: handleDesktopMouseLeave, onClick: handleClick, onTouchStart: handleMobileTouch, role: "button", "aria-haspopup": "true", "aria-expanded": visible },
803
+ return (React__default.createElement("div", { className: styles$z.container, ref: containerRef, onMouseEnter: handleDesktopMouseEnter, onMouseLeave: handleDesktopMouseLeave, onClick: handleClick, onTouchStart: handleMobileTouch, role: "button", "aria-haspopup": "true", "aria-expanded": visible },
804
804
  children,
805
- visible && (React__default.createElement("div", { ref: tooltipRef, className: "".concat(styles$y.tooltip, " ").concat(styles$y[position]), "aria-hidden": !visible },
806
- React__default.createElement("span", { className: styles$y.textContent }, text)))));
805
+ visible && (React__default.createElement("div", { ref: tooltipRef, className: "".concat(styles$z.tooltip, " ").concat(styles$z[position]), "aria-hidden": !visible },
806
+ React__default.createElement("span", { className: styles$z.textContent }, text)))));
807
807
  };
808
808
 
809
- var css_248z$B = ".textarea-module__inputContainer___lpM5d {\r\n color: var(--color-input);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__label___qDTpX {\r\n color: var(--color-label);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__label___qDTpX {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__labelRequired___bl2ew::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__labelError___f0hpM {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: var(--input-border-radius);\r\n border: var(--input-border);\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__inputWrapperError___0gA5w {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P:focus,\r\n.textarea-module__inputWrapper___WFx7P:focus-visible,\r\n.textarea-module__inputWrapper___WFx7P:focus-within {\r\n border: var(--input-border-focus);\r\n outline: var(--input-outline-focus);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc {\r\n display: flex;\r\n align-items: flex-start;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea {\r\n padding: 8px 0;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n flex: 1;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus, #303030cc);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__inputContent___kdVmc textarea {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__messageContainer___akVKQ {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__messageWrapper___2mdmw {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.textarea-module__counter___zHZ86 {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f {\r\n color: var(--color-input);\r\n cursor: pointer;\r\n width: 100%;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 8px 0;\r\n resize: none;\r\n font-size: var(--font-size-14, 14px);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__styledInput___fPp-f {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea:focus {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:disabled {\r\n background-color: #eeeeee;\r\n border-radius: 8px;\r\n cursor: not-allowed;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f:focus,\r\n.textarea-module__styledInput___fPp-f:focus-visible,\r\n.textarea-module__styledInput___fPp-f:focus-within {\r\n outline: none;\r\n}\r\n\r\n.textarea-module__message___ys-dL {\r\n color: var(--color-label);\r\n margin-left: 8px;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__messageError___ubeLK {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc svg {\r\n padding-left: 8px;\r\n margin-top: 11px;\r\n}\r\n";
810
- var styles$x = {"inputContainer":"textarea-module__inputContainer___lpM5d","label":"textarea-module__label___qDTpX","labelRequired":"textarea-module__labelRequired___bl2ew","labelError":"textarea-module__labelError___f0hpM","inputWrapper":"textarea-module__inputWrapper___WFx7P","inputWrapperError":"textarea-module__inputWrapperError___0gA5w","inputContent":"textarea-module__inputContent___kdVmc","messageContainer":"textarea-module__messageContainer___akVKQ","messageWrapper":"textarea-module__messageWrapper___2mdmw","counter":"textarea-module__counter___zHZ86","styledInput":"textarea-module__styledInput___fPp-f","message":"textarea-module__message___ys-dL","messageError":"textarea-module__messageError___ubeLK"};
811
- styleInject(css_248z$B);
809
+ var css_248z$C = ".textarea-module__inputContainer___lpM5d {\r\n color: var(--color-input);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__label___qDTpX {\r\n color: var(--color-label);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__label___qDTpX {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__labelRequired___bl2ew::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__labelError___f0hpM {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: var(--input-border-radius);\r\n border: var(--input-border);\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__inputWrapperError___0gA5w {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P:focus,\r\n.textarea-module__inputWrapper___WFx7P:focus-visible,\r\n.textarea-module__inputWrapper___WFx7P:focus-within {\r\n border: var(--input-border-focus);\r\n outline: var(--input-outline-focus);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc {\r\n display: flex;\r\n align-items: flex-start;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea {\r\n padding: 8px 0;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n flex: 1;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus, #303030cc);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__inputContent___kdVmc textarea {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__messageContainer___akVKQ {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__messageWrapper___2mdmw {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.textarea-module__counter___zHZ86 {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f {\r\n color: var(--color-input);\r\n cursor: pointer;\r\n width: 100%;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 8px 0;\r\n resize: none;\r\n font-size: var(--font-size-14, 14px);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__styledInput___fPp-f {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea:focus {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:disabled {\r\n background-color: #eeeeee;\r\n border-radius: 8px;\r\n cursor: not-allowed;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f:focus,\r\n.textarea-module__styledInput___fPp-f:focus-visible,\r\n.textarea-module__styledInput___fPp-f:focus-within {\r\n outline: none;\r\n}\r\n\r\n.textarea-module__message___ys-dL {\r\n color: var(--color-label);\r\n margin-left: 8px;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__messageError___ubeLK {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc svg {\r\n padding-left: 8px;\r\n margin-top: 11px;\r\n}\r\n";
810
+ var styles$y = {"inputContainer":"textarea-module__inputContainer___lpM5d","label":"textarea-module__label___qDTpX","labelRequired":"textarea-module__labelRequired___bl2ew","labelError":"textarea-module__labelError___f0hpM","inputWrapper":"textarea-module__inputWrapper___WFx7P","inputWrapperError":"textarea-module__inputWrapperError___0gA5w","inputContent":"textarea-module__inputContent___kdVmc","messageContainer":"textarea-module__messageContainer___akVKQ","messageWrapper":"textarea-module__messageWrapper___2mdmw","counter":"textarea-module__counter___zHZ86","styledInput":"textarea-module__styledInput___fPp-f","message":"textarea-module__message___ys-dL","messageError":"textarea-module__messageError___ubeLK"};
811
+ styleInject(css_248z$C);
812
812
 
813
813
  var TextareaBase = function (_a) {
814
814
  var name = _a.name, label = _a.label, value = _a.value; _a.type; var Icon = _a.Icon, placeholder = _a.placeholder, message = _a.message, textAlign = _a.textAlign, textError = _a.textError, hasError = _a.hasError, rows = _a.rows, hasIcon = _a.hasIcon, required = _a.required, showCounter = _a.showCounter, props = __rest(_a, ["name", "label", "value", "type", "Icon", "placeholder", "message", "textAlign", "textError", "hasError", "rows", "hasIcon", "required", "showCounter"]);
815
815
  var characterCount = (value === null || value === void 0 ? void 0 : value.length) || 0;
816
- return (React__default.createElement("div", { className: styles$x.inputContainer },
817
- label && (React__default.createElement("label", { htmlFor: name, className: "".concat(styles$x.label, " ").concat(required ? styles$x.labelRequired : "") }, label)),
818
- React__default.createElement("div", { className: "".concat(styles$x.inputWrapper, " ").concat(hasError ? styles$x.inputWrapperError : "") },
819
- React__default.createElement("div", { className: styles$x.inputContent },
816
+ return (React__default.createElement("div", { className: styles$y.inputContainer },
817
+ label && (React__default.createElement("label", { htmlFor: name, className: "".concat(styles$y.label, " ").concat(required ? styles$y.labelRequired : "") }, label)),
818
+ React__default.createElement("div", { className: "".concat(styles$y.inputWrapper, " ").concat(hasError ? styles$y.inputWrapperError : "") },
819
+ React__default.createElement("div", { className: styles$y.inputContent },
820
820
  Icon && Icon,
821
- React__default.createElement("textarea", __assign({}, props, { id: name, placeholder: placeholder, value: value, className: styles$x.styledInput, style: {
821
+ React__default.createElement("textarea", __assign({}, props, { id: name, placeholder: placeholder, value: value, className: styles$y.styledInput, style: {
822
822
  textAlign: textAlign,
823
823
  paddingLeft: hasIcon
824
824
  ? textAlign === "start"
@@ -826,35 +826,67 @@ var TextareaBase = function (_a) {
826
826
  : "0"
827
827
  : "8px",
828
828
  }, rows: rows })))),
829
- ((textError && hasError) || (!hasError && message) || showCounter) && (React__default.createElement("div", { className: styles$x.messageContainer },
830
- React__default.createElement("div", { className: styles$x.messageWrapper },
831
- textError && hasError && (React__default.createElement("div", { className: "".concat(styles$x.message, " ").concat(styles$x.messageError) }, textError)),
832
- !hasError && message && (React__default.createElement("div", { className: styles$x.message }, message))),
833
- showCounter && (React__default.createElement("div", { className: "".concat(styles$x.counter, " ").concat(textError && hasError ? styles$x.messageError : "") }, characterCount))))));
829
+ ((textError && hasError) || (!hasError && message) || showCounter) && (React__default.createElement("div", { className: styles$y.messageContainer },
830
+ React__default.createElement("div", { className: styles$y.messageWrapper },
831
+ textError && hasError && (React__default.createElement("div", { className: "".concat(styles$y.message, " ").concat(styles$y.messageError) }, textError)),
832
+ !hasError && message && (React__default.createElement("div", { className: styles$y.message }, message))),
833
+ showCounter && (React__default.createElement("div", { className: "".concat(styles$y.counter, " ").concat(textError && hasError ? styles$y.messageError : "") }, characterCount))))));
834
834
  };
835
835
 
836
- var css_248z$A = ".radioGroup-module__inputContainer___0cHBx {\r\n width: 306px;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioGroup-module__label___Ziyuh {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 16px;\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__labelRequired___q7SOr::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__labelError___Ulm2e {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__inputWrapper___wbpEu {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__inputContent___g2v-v {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioGroup-module__message___FoIYt {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__messageError___5BsQY {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.4rem 0rem;\r\n font-size: 14px;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n font-weight: 400;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__horizontal___J4nzL {\r\n flex-direction: row;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__vertical___t-DLk {\r\n flex-direction: column;\r\n}\r\n\r\n.radioGroup-module__radioLabel___wJDuM {\r\n margin-right: 10px;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputContainer___0cHBx input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n";
837
- var styles$w = {"inputContainer":"radioGroup-module__inputContainer___0cHBx","label":"radioGroup-module__label___Ziyuh","labelRequired":"radioGroup-module__labelRequired___q7SOr","labelError":"radioGroup-module__labelError___Ulm2e","inputWrapper":"radioGroup-module__inputWrapper___wbpEu","inputContent":"radioGroup-module__inputContent___g2v-v","message":"radioGroup-module__message___FoIYt","messageError":"radioGroup-module__messageError___5BsQY","radioGroup":"radioGroup-module__radioGroup___YpgFb","horizontal":"radioGroup-module__horizontal___J4nzL","vertical":"radioGroup-module__vertical___t-DLk","radioLabel":"radioGroup-module__radioLabel___wJDuM","inputWrapperError":"radioGroup-module__inputWrapperError___91QS1"};
838
- styleInject(css_248z$A);
836
+ var css_248z$B = ".radioGroup-module__inputContainer___0cHBx {\r\n width: 306px;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioGroup-module__label___Ziyuh {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 16px;\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__labelRequired___q7SOr::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__labelError___Ulm2e {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__inputWrapper___wbpEu {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__inputContent___g2v-v {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioGroup-module__message___FoIYt {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__messageError___5BsQY {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.4rem 0rem;\r\n font-size: 14px;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n font-weight: 400;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__horizontal___J4nzL {\r\n flex-direction: row;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__vertical___t-DLk {\r\n flex-direction: column;\r\n}\r\n\r\n.radioGroup-module__radioLabel___wJDuM {\r\n margin-right: 10px;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputContainer___0cHBx input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n";
837
+ var styles$x = {"inputContainer":"radioGroup-module__inputContainer___0cHBx","label":"radioGroup-module__label___Ziyuh","labelRequired":"radioGroup-module__labelRequired___q7SOr","labelError":"radioGroup-module__labelError___Ulm2e","inputWrapper":"radioGroup-module__inputWrapper___wbpEu","inputContent":"radioGroup-module__inputContent___g2v-v","message":"radioGroup-module__message___FoIYt","messageError":"radioGroup-module__messageError___5BsQY","radioGroup":"radioGroup-module__radioGroup___YpgFb","horizontal":"radioGroup-module__horizontal___J4nzL","vertical":"radioGroup-module__vertical___t-DLk","radioLabel":"radioGroup-module__radioLabel___wJDuM","inputWrapperError":"radioGroup-module__inputWrapperError___91QS1"};
838
+ styleInject(css_248z$B);
839
839
 
840
840
  var RadioGroupBase = function (_a) {
841
841
  var name = _a.name, label = _a.label, value = _a.value, options = _a.options, message = _a.message, textError = _a.textError, hasError = _a.hasError, orientation = _a.orientation, required = _a.required, disabled = _a.disabled, onInput = _a.onInput, customClass = _a.customClass; __rest(_a, ["name", "label", "value", "options", "message", "textError", "hasError", "orientation", "required", "disabled", "onInput", "customClass"]);
842
842
  var classes = customClass
843
- ? "".concat(styles$w.inputContainer, " ").concat(customClass)
844
- : styles$w.inputContainer;
843
+ ? "".concat(styles$x.inputContainer, " ").concat(customClass)
844
+ : styles$x.inputContainer;
845
845
  return (React__default.createElement("div", { className: classes },
846
- label && (React__default.createElement("label", { htmlFor: name, className: "".concat(styles$w.label, " ").concat(required ? styles$w.labelRequired : "") }, label)),
847
- React__default.createElement("div", { className: "".concat(styles$w.inputWrapper, " ").concat(hasError ? styles$w.inputWrapperError : "") },
848
- React__default.createElement("div", { className: styles$w.inputContent },
846
+ label && (React__default.createElement("label", { htmlFor: name, className: "".concat(styles$x.label, " ").concat(required ? styles$x.labelRequired : "") }, label)),
847
+ React__default.createElement("div", { className: "".concat(styles$x.inputWrapper, " ").concat(hasError ? styles$x.inputWrapperError : "") },
848
+ React__default.createElement("div", { className: styles$x.inputContent },
849
849
  React__default.createElement("div", { className: "".concat(orientation === "vertical"
850
- ? styles$w[orientation]
851
- : styles$w.radioGroup) }, options.map(function (option) { return (React__default.createElement("label", { key: option.value, className: "".concat(styles$w.radioLabel, " ").concat(hasError ? styles$w.labelError : "") },
850
+ ? styles$x[orientation]
851
+ : styles$x.radioGroup) }, options.map(function (option) { return (React__default.createElement("label", { key: option.value, className: "".concat(styles$x.radioLabel, " ").concat(hasError ? styles$x.labelError : "") },
852
852
  React__default.createElement("input", { type: "radio", name: name, value: option.value, checked: value === option.value, onChange: function (event) {
853
853
  onInput(event);
854
854
  }, disabled: disabled }),
855
855
  option.label)); })))),
856
- textError && hasError && (React__default.createElement("p", { className: "".concat(styles$w.message, " ").concat(styles$w.messageError) }, textError)),
857
- !hasError && message && React__default.createElement("p", { className: styles$w.message }, message)));
856
+ textError && hasError && (React__default.createElement("p", { className: "".concat(styles$x.message, " ").concat(styles$x.messageError) }, textError)),
857
+ !hasError && message && React__default.createElement("p", { className: styles$x.message }, message)));
858
+ };
859
+
860
+ var css_248z$A = ".radioButton-module__containerInput___cdZaq {\r\n width: fit-content;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioButton-module__rotulo___TV0t1 {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__rotuloObrigatorio___Zv-yv::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__rotuloErro___8spv2 {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__envoltorioInput___-ufNu {\r\n cursor: pointer;\r\n width: 100%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.radioButton-module__envoltorioInputErro___ZM-dn {\r\n border-color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__conteudoInput___XBbFe {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioButton-module__mensagem___IatBv {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioButton-module__mensagemErro___KXTQD {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__rotuloRadio___v2g1B {\r\n display: flex;\r\n align-items: center;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n cursor: pointer;\r\n width: fit-content;\r\n padding: 0.4rem 0rem;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n transition: border-color 0.3s;\r\n gap: 10px;\r\n}\r\n\r\n.radioButton-module__containerInput___cdZaq input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioButton-module__containerInput___cdZaq input[type=\"radio\" i]:focus-visible {\r\n outline: 2px solid var(--color-primary, #0066cc);\r\n outline-offset: 2px;\r\n border-radius: 50%;\r\n}\r\n\r\n.radioButton-module__envoltorioInputErro___ZM-dn input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__envoltorioInputErro___ZM-dn input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__envoltorioInputErro___ZM-dn input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__containerInput___cdZaq input[type=\"radio\" i]:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n.radioButton-module__rotuloRadio___v2g1B:has(input[type=\"radio\"]:disabled) {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n";
861
+ var styles$w = {"containerInput":"radioButton-module__containerInput___cdZaq","rotulo":"radioButton-module__rotulo___TV0t1","rotuloObrigatorio":"radioButton-module__rotuloObrigatorio___Zv-yv","rotuloErro":"radioButton-module__rotuloErro___8spv2","envoltorioInput":"radioButton-module__envoltorioInput___-ufNu","envoltorioInputErro":"radioButton-module__envoltorioInputErro___ZM-dn","conteudoInput":"radioButton-module__conteudoInput___XBbFe","mensagem":"radioButton-module__mensagem___IatBv","mensagemErro":"radioButton-module__mensagemErro___KXTQD","rotuloRadio":"radioButton-module__rotuloRadio___v2g1B"};
862
+ styleInject(css_248z$A);
863
+
864
+ var RadioButton = function (_a) {
865
+ var name = _a.name, label = _a.label, value = _a.value, _b = _a.checked, checked = _b === void 0 ? false : _b, message = _a.message, textError = _a.textError, _c = _a.hasError, hasError = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onChange = _a.onChange, customClass = _a.customClass, id = _a.id, ariaLabel = _a["aria-label"], ariaDescribedBy = _a["aria-describedby"], props = __rest(_a, ["name", "label", "value", "checked", "message", "textError", "hasError", "required", "disabled", "onChange", "customClass", "id", "aria-label", "aria-describedby"]);
866
+ var generatedId = useId$1();
867
+ var radioId = id || "radio-".concat(generatedId);
868
+ var errorId = "radio-error-".concat(generatedId);
869
+ var messageId = "radio-message-".concat(generatedId);
870
+ var classes = customClass
871
+ ? "".concat(styles$w.containerInput, " ").concat(customClass)
872
+ : styles$w.containerInput;
873
+ var ariaDescribedByValue = [
874
+ hasError && textError ? errorId : null,
875
+ !hasError && message ? messageId : null,
876
+ ariaDescribedBy,
877
+ ]
878
+ .filter(Boolean)
879
+ .join(" ") || undefined;
880
+ return (React__default.createElement("div", { className: classes },
881
+ React__default.createElement("div", { className: "".concat(styles$w.envoltorioInput, " ").concat(hasError ? styles$w.envoltorioInputErro : "") },
882
+ React__default.createElement("div", { className: styles$w.conteudoInput },
883
+ React__default.createElement("label", { htmlFor: radioId, className: "".concat(styles$w.rotuloRadio, " ").concat(hasError ? styles$w.rotuloErro : "") },
884
+ React__default.createElement("input", __assign({ type: "radio", id: radioId, name: name, value: value, checked: checked, onChange: function (event) {
885
+ onChange(event);
886
+ }, disabled: disabled, required: required, "aria-label": ariaLabel || (typeof label === "string" ? label : undefined), "aria-describedby": ariaDescribedByValue, "aria-invalid": hasError, "aria-errormessage": hasError && textError ? errorId : undefined }, props)),
887
+ label && (React__default.createElement("span", { className: "".concat(styles$w.rotulo, " ").concat(required ? styles$w.rotuloObrigatorio : "") }, label))))),
888
+ textError && hasError && (React__default.createElement("p", { id: errorId, className: "".concat(styles$w.mensagem, " ").concat(styles$w.mensagemErro), role: "alert", "aria-live": "polite" }, textError)),
889
+ !hasError && message && (React__default.createElement("p", { id: messageId, className: styles$w.mensagem }, message))));
858
890
  };
859
891
 
860
892
  var css_248z$z = ".header-module__separator_background___lYfCd {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__container___eaqPg {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 72px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n\r\n.header-module__wrapperUserButton___M-CBj {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}";
@@ -23925,7 +23957,7 @@ var Cancel = AlertDialogCancel;
23925
23957
  var Title2 = AlertDialogTitle;
23926
23958
  var Description2 = AlertDialogDescription;
23927
23959
 
23928
- var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n box-shadow:\r\n hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\r\n hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 500px;\r\n max-height: 85vh;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__contentContainer___tiBil {\r\n width: 295px;\r\n }\r\n}\r\n\r\n.styles-module__childrenContainer___BgV1l {\r\n padding: 16px;\r\n background-color: var(--background-color);\r\n border-radius: 0px 0px 20px 20px;\r\n max-height: 500px;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__iconClose___Veq4Y {\r\n color: #fff;\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz:focus-visible {\r\n outline: 2px solid var(--background-color);\r\n outline-offset: 4px;\r\n border-radius: 4px;\r\n}\r\n";
23960
+ var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 500px;\r\n max-height: 85vh;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__contentContainer___tiBil {\r\n width: 295px;\r\n }\r\n}\r\n\r\n.styles-module__childrenContainer___BgV1l {\r\n padding: 16px;\r\n background-color: var(--background-color);\r\n border-radius: 0px 0px 20px 20px;\r\n max-height: 500px;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__iconClose___Veq4Y {\r\n color: #fff;\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz:focus-visible {\r\n outline: 2px solid var(--background-color);\r\n outline-offset: 4px;\r\n border-radius: 4px;\r\n}\r\n";
23929
23961
  var styles$b = {"alertOverlay":"styles-module__alertOverlay___eoTQD","overlayShow":"styles-module__overlayShow___hSH5g","modalHeaderContainer":"styles-module__modalHeaderContainer___zqcC3","modalHeaderText":"styles-module__modalHeaderText___is1Qg","closeBtn":"styles-module__closeBtn___VOQjz","customIcon":"styles-module__customIcon___8Ly4h","contentContainer":"styles-module__contentContainer___tiBil","childrenContainer":"styles-module__childrenContainer___BgV1l","iconClose":"styles-module__iconClose___Veq4Y"};
23930
23962
  styleInject(css_248z$d);
23931
23963
 
@@ -27633,5 +27665,5 @@ function installPrimeReactStyles() {
27633
27665
  require("primereact/resources/primereact.css");
27634
27666
  }
27635
27667
 
27636
- export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox$1 as Checkbox, Chip, CommonDotIcon, DateInput, Dropdown, Fieldset, FileUpload, FloatingMenu, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconCLose, IconCalculate, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDebitoFiscal, IconDelete$1 as IconDelete, IconDotsVertical, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLogout, IconMail, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconRightDirection, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconTwoUsers, IconTwoUsersSearch, IconUpAndDownArror, IconUpArrow, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
27668
+ export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox$1 as Checkbox, Chip, CommonDotIcon, DateInput, Dropdown, Fieldset, FileUpload, FloatingMenu, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconCLose, IconCalculate, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDebitoFiscal, IconDelete$1 as IconDelete, IconDotsVertical, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLogout, IconMail, IconNewTab, IconParcelamento, IconPayment, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconRightDirection, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconTwoUsers, IconTwoUsersSearch, IconUpAndDownArror, IconUpArrow, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, RadioButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, TooltipWithPortal, TreeSelect, installPrimeReactStyles };
27637
27669
  //# sourceMappingURL=index.esm.js.map