pge-front-common 14.1.33 → 14.1.35

package/lib/components/InputDate/InputDate.stories.d.ts

@@ -4,6 +4,17 @@ declare const meta: Meta<typeof DateInput>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Required: Story;
 export declare const WithError: Story;
 export declare const Disabled: Story;
 export declare const WithRestrictionMessage: Story;
+export declare const MultipleSelection: Story;
+export declare const RangeSelection: Story;
+export declare const Inline: Story;
+export declare const InlineMultiple: Story;
+export declare const InlineRange: Story;
+export declare const WithPreSelectedDate: Story;
+export declare const WithEnabledDates: Story;
+export declare const WithViewMonth: Story;
+export declare const WithViewYear: Story;
+export declare const AllScenarios: Story;

package/lib/components/InputDate/index.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 import "primereact/resources/primereact.css";
 import "primereact/resources/themes/lara-light-cyan/theme.css";
 import { InputBaseProps } from "./index.type";
-declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, }: InputBaseProps) => React.JSX.Element;
+declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, inline, selectionMode, enabledDates, view, dateFormat, }: InputBaseProps) => React.JSX.Element;
 export { DateInput };

package/lib/components/InputDate/index.type.d.ts

@@ -8,8 +8,13 @@ export interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
     inputRef?: unknown;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     isError?: boolean;
-    valueDate?: Date | null;
+    valueDate?: Date | Date[] | string | null;
     disabled?: boolean;
     isInvalid?: boolean;
     required?: boolean | false;
+    inline?: boolean | false;
+    selectionMode?: "single" | "multiple" | "range";
+    enabledDates?: Date[] | null;
+    view?: "date" | "month" | "year";
+    dateFormat?: string | "dd/mm/yy";
 }

package/lib/components/MultiSelect/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { SelectMultProps } from "./index.types";
-declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, }: SelectMultProps) => React.JSX.Element;
+declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, maxMenuHeight, }: SelectMultProps) => React.JSX.Element;
 export default SelectMult;

package/lib/components/MultiSelect/index.types.d.ts

@@ -18,6 +18,7 @@ export interface SelectMultProps {
     isSearchable?: boolean;
     isClearable?: boolean;
     isCheckedAll?: boolean;
+    maxMenuHeight?: number;
 }
 export type OptionsProps = {
     label: string;

package/lib/components/MultiSelect/multiselect.stories.d.ts

@@ -6,3 +6,4 @@ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<imp
 export declare const MultiError: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
 export declare const MultiSelect: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
 export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
+export declare const CustomMenuHeight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;

package/lib/components/MultiSelect/selectColourStyles.d.ts

@@ -1,4 +1,4 @@
-declare const selectColourStyles: (width?: number, isInvalid?: boolean) => {
+declare const selectColourStyles: (width?: number, isInvalid?: boolean, maxMenuHeight?: number) => {
     control: (styles: any) => any;
     menu: () => {
         padding: string;

package/lib/components/Select/index.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { SelectDefaultProps } from "./index.types";
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, }: SelectDefaultProps) => React.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, }: SelectDefaultProps) => React.JSX.Element;
 export default SelectDefault;

package/lib/components/Select/index.types.d.ts

@@ -16,6 +16,7 @@ export interface SelectDefaultProps {
     control?: Control<any>;
     formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
     isClearable?: boolean;
+    maxMenuHeight?: number;
 }
 export type OptionsProps = {
     label: string;

package/lib/components/Select/select.stories.d.ts

@@ -7,3 +7,4 @@ export declare const DisabledSelect: import("@storybook/core/csf").AnnotatedStor
 export declare const OptionDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
 export declare const ErrorState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
 export declare const WithFormatOptionLabel: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
+export declare const CustomMenuHeight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;

package/lib/index.d.ts

@@ -539,13 +539,14 @@ interface SelectMultProps {
     isSearchable?: boolean;
     isClearable?: boolean;
     isCheckedAll?: boolean;
+    maxMenuHeight?: number;
 }
 type OptionsProps$2 = {
     label: string;
     value: string;
 };
 
-declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, }: SelectMultProps) => React__default.JSX.Element;
+declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, maxMenuHeight, }: SelectMultProps) => React__default.JSX.Element;
 
 interface SelectDefaultProps$1 {
     name: string;
@@ -668,13 +669,18 @@ interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
     inputRef?: unknown;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     isError?: boolean;
-    valueDate?: Date | null;
+    valueDate?: Date | Date[] | string | null;
     disabled?: boolean;
     isInvalid?: boolean;
     required?: boolean | false;
+    inline?: boolean | false;
+    selectionMode?: "single" | "multiple" | "range";
+    enabledDates?: Date[] | null;
+    view?: "date" | "month" | "year";
+    dateFormat?: string | "dd/mm/yy";
 }
 
-declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, }: InputBaseProps) => React__default.JSX.Element;
+declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, inline, selectionMode, enabledDates, view, dateFormat, }: InputBaseProps) => React__default.JSX.Element;
 
 interface SelectDefaultProps {
     name: string;
@@ -692,6 +698,7 @@ interface SelectDefaultProps {
     control?: Control<any>;
     formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
     isClearable?: boolean;
+    maxMenuHeight?: number;
 }
 type OptionsProps = {
     label: string;
@@ -699,7 +706,7 @@ type OptionsProps = {
     isDisabled?: boolean;
 };
 
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, }: SelectDefaultProps) => React$1.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, }: SelectDefaultProps) => React$1.JSX.Element;
 
 interface ModalProps$1 {
     isModalOpen: boolean;

package/lib/index.esm.js

@@ -393,9 +393,9 @@ var IconUploadFile = function (props) {
     var clipA = "clip0-".concat(id);
     var clipB = "clip1-".concat(id);
     return (React__default.createElement("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
-        React__default.createElement("g", { "clip-path": "url(#".concat(clipA, ")") },
-            React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)", fill: "none", "fill-opacity": "0.01" }),
-            React__default.createElement("g", { "clip-path": "url(#".concat(clipB, ")") },
+        React__default.createElement("g", { clipPath: "url(#".concat(clipA, ")") },
+            React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)", fill: "none", fillOpacity: "0.01" }),
+            React__default.createElement("g", { clipPath: "url(#".concat(clipB, ")") },
                 React__default.createElement("path", { d: "M0.5 10.3992C0.632608 10.3992 0.759785 10.4519 0.853553 10.5456C0.947322 10.6394 1 10.7666 1 10.8992V13.3992C1 13.6644 1.10536 13.9188 1.29289 14.1063C1.48043 14.2938 1.73478 14.3992 2 14.3992H14C14.2652 14.3992 14.5196 14.2938 14.7071 14.1063C14.8946 13.9188 15 13.6644 15 13.3992V10.8992C15 10.7666 15.0527 10.6394 15.1464 10.5456C15.2402 10.4519 15.3674 10.3992 15.5 10.3992C15.6326 10.3992 15.7598 10.4519 15.8536 10.5456C15.9473 10.6394 16 10.7666 16 10.8992V13.3992C16 13.9296 15.7893 14.4383 15.4142 14.8134C15.0391 15.1885 14.5304 15.3992 14 15.3992H2C1.46957 15.3992 0.960859 15.1885 0.585786 14.8134C0.210714 14.4383 0 13.9296 0 13.3992V10.8992C0 10.7666 0.0526784 10.6394 0.146447 10.5456C0.240215 10.4519 0.367392 10.3992 0.5 10.3992Z", fill: "currentColor" }),
                 React__default.createElement("path", { d: "M7.646 1.64518C7.69245 1.59862 7.74762 1.56168 7.80837 1.53647C7.86911 1.51127 7.93423 1.49829 8 1.49829C8.06577 1.49829 8.13089 1.51127 8.19163 1.53647C8.25238 1.56168 8.30755 1.59862 8.354 1.64518L11.354 4.64518C11.4479 4.73907 11.5006 4.86641 11.5006 4.99918C11.5006 5.13196 11.4479 5.2593 11.354 5.35318C11.2601 5.44707 11.1328 5.49982 11 5.49982C10.8672 5.49982 10.7399 5.44707 10.646 5.35318L8.5 3.20618V11.9992C8.5 12.1318 8.44732 12.259 8.35355 12.3527C8.25979 12.4465 8.13261 12.4992 8 12.4992C7.86739 12.4992 7.74021 12.4465 7.64645 12.3527C7.55268 12.259 7.5 12.1318 7.5 11.9992V3.20618L5.354 5.35318C5.30751 5.39967 5.25232 5.43655 5.19158 5.46171C5.13084 5.48687 5.06574 5.49982 5 5.49982C4.93426 5.49982 4.86916 5.48687 4.80842 5.46171C4.74768 5.43655 4.69249 5.39967 4.646 5.35318C4.59951 5.3067 4.56264 5.25151 4.53748 5.19077C4.51232 5.13003 4.49937 5.06493 4.49937 4.99918C4.49937 4.93344 4.51232 4.86834 4.53748 4.8076C4.56264 4.74686 4.59951 4.69167 4.646 4.64518L7.646 1.64518Z", fill: "currentColor" }))),
         React__default.createElement("defs", null,
@@ -8380,7 +8380,7 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 var AsyncSelect$1 = AsyncSelect;
 
-var css_248z$k = ".styles-module__flex___sYumE {\r\n  display: flex;\r\n}\r\n\r\n.styles-module__selectContainer___Q9aTK label {\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  color: #303030;\r\n  width: 100%;\r\n  font-weight: 700;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  font-family: var(--font-open-sans-regular);\r\n  margin-bottom: 8px;\r\n  display: block;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V label {\r\n  color: #30303099 !important;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk {\r\n  width: 100%;\r\n  height: 48px;\r\n  max-height: 48px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  border: 1px solid #cfcfcffc;\r\n  border-radius: 8px;\r\n  background-color: var(--background-color);\r\n  padding: 14px 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V .styles-module__buttonSelect___m3mZk {\r\n  background-color: var(--input-disabled-bg-color) !important;\r\n  color: var(--color-secondary) !important;\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz,\r\n.styles-module__buttonSelect___m3mZk:focus {\r\n  /* border: 1px solid var(--color-information);\r\n  outline: solid var(--color-focus-outline) 1.5px; */\r\n\r\n  color: var(--input-placeholder-focus);\r\n  outline: none;\r\n  border: 1px solid var(--information-color);\r\n  box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover {\r\n  background-color: #005a9214;\r\n}\r\n\r\n.styles-module__buttonSelectIcon___bLyj7 {\r\n  width: 20px;\r\n  height: 20px;\r\n  margin-right: 8px;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover svg {\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz svg {\r\n  color: var(--information-color);\r\n}\r\n\r\n.styles-module__buttonSelectAction___4Lg-L {\r\n  display: flex;\r\n  gap: 4px;\r\n  height: 20px;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module__iconChefron___U4x1- {\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectError___lLMCP {\r\n  border: 1px solid var(--color-danger);\r\n  box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__selectOption___IGq-X {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 14px;\r\n  color: var(--input-placeholder-focus);\r\n  font-weight: 700;\r\n  font-family: var(--font-open-sans-regular);\r\n}\r\n\r\n.styles-module__placeholder___HYCsC {\r\n  color: var(--input-placeholder-color);\r\n  font-weight: 700;\r\n}\r\n\r\n.styles-module__isRequired___NzEUO::after {\r\n  content: \" *\";\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__search___Vjtlj {\r\n  display: flex;\r\n  border: 1px solid #cfcfcffc;\r\n  border-radius: 8px;\r\n  padding: 5px;\r\n  margin-bottom: 8px;\r\n  height: 37px;\r\n}\r\n\r\n.styles-module__search___Vjtlj input {\r\n  width: 100%;\r\n  border-radius: 0.375rem;\r\n  font-size: 14px;\r\n  outline: none;\r\n  transition: border-color 0.3s;\r\n  border: none;\r\n}\r\n\r\n.styles-module__search___Vjtlj svg {\r\n  margin-right: 8px;\r\n  color: #cfcfcffc;\r\n  margin-top: 5px;\r\n  margin-left: 5px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II {\r\n  width: 98%;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 4px 8px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II label {\r\n  cursor: pointer;\r\n  padding-left: 8px;\r\n  width: 100%;\r\n  font-size: 14px;\r\n  color: #424242;\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__selectAll___KL-II input[type=\"checkbox\" i] {\r\n  background-color: initial;\r\n  cursor: pointer;\r\n  appearance: auto;\r\n  box-sizing: border-box;\r\n  padding: initial;\r\n  border: initial;\r\n  transform: scale(1.25);\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X {\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n  gap: 10px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X:hover {\r\n  background-color: #005a921a;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X input[type=\"checkbox\" i] {\r\n  background-color: initial;\r\n  cursor: pointer;\r\n  appearance: auto;\r\n  box-sizing: border-box;\r\n  padding: initial;\r\n  border: initial;\r\n  transform: scale(1.25);\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X label {\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  color: #424242;\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__selectOptionCheckedSelected___w6Zr- {\r\n  background-color: #005a921a;\r\n}\r\n\r\n.styles-module__totalSelected___kBJZ0 {\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.styles-module__selectedItem___Sbb4T {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background-color: #f0f0f0;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  margin-right: 4px;\r\n  font-size: 14px;\r\n}\r\n\r\n.styles-module__excluir___WTjQd {\r\n  cursor: pointer;\r\n  z-index: 2;\r\n  margin-top: 2px;\r\n}\r\n\r\n.styles-module__separator___06tCE {\r\n  align-self: stretch;\r\n  width: 1px;\r\n  background-color: hsl(0, 0%, 80%);\r\n  box-sizing: border-box;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.styles-module__message___k0oeC {\r\n  font-size: 11px;\r\n  color: #303030d9;\r\n  font-weight: 700;\r\n  line-height: 16px;\r\n  padding: 4px 8px;\r\n}\r\n\r\n.styles-module__messageError___hRIme {\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__iconCheck___GS3XH {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n";
+var css_248z$k = ".styles-module__flex___sYumE {\r\n  display: flex;\r\n}\r\n\r\n.styles-module__selectContainer___Q9aTK {\r\n  position: relative;\r\n  z-index: 1000;\r\n}\r\n\r\n.styles-module__selectContainer___Q9aTK label {\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  color: #303030;\r\n  width: 100%;\r\n  font-weight: 700;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  font-family: var(--font-open-sans-regular);\r\n  margin-bottom: 8px;\r\n  display: block;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V label {\r\n  color: #30303099 !important;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk {\r\n  width: 100%;\r\n  height: 48px;\r\n  max-height: 48px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  border: 1px solid #cfcfcffc;\r\n  border-radius: 8px;\r\n  background-color: var(--background-color);\r\n  padding: 14px 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V .styles-module__buttonSelect___m3mZk {\r\n  background-color: var(--input-disabled-bg-color) !important;\r\n  color: var(--color-secondary) !important;\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz,\r\n.styles-module__buttonSelect___m3mZk:focus {\r\n  /* border: 1px solid var(--color-information);\r\n  outline: solid var(--color-focus-outline) 1.5px; */\r\n\r\n  color: var(--input-placeholder-focus);\r\n  outline: none;\r\n  border: 1px solid var(--information-color);\r\n  box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover {\r\n  background-color: #005a9214;\r\n}\r\n\r\n.styles-module__buttonSelectIcon___bLyj7 {\r\n  width: 20px;\r\n  height: 20px;\r\n  margin-right: 8px;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover svg {\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz svg {\r\n  color: var(--information-color);\r\n}\r\n\r\n.styles-module__buttonSelectAction___4Lg-L {\r\n  display: flex;\r\n  gap: 4px;\r\n  height: 20px;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module__iconChefron___U4x1- {\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectError___lLMCP {\r\n  border: 1px solid var(--color-danger);\r\n  box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__selectOption___IGq-X {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 14px;\r\n  color: var(--input-placeholder-focus);\r\n  font-weight: 700;\r\n  font-family: var(--font-open-sans-regular);\r\n}\r\n\r\n.styles-module__placeholder___HYCsC {\r\n  color: var(--input-placeholder-color);\r\n  font-weight: 700;\r\n}\r\n\r\n.styles-module__isRequired___NzEUO::after {\r\n  content: \" *\";\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__search___Vjtlj {\r\n  display: flex;\r\n  border: 1px solid #cfcfcffc;\r\n  border-radius: 8px;\r\n  padding: 5px;\r\n  margin-bottom: 8px;\r\n  height: 37px;\r\n}\r\n\r\n.styles-module__search___Vjtlj input {\r\n  width: 100%;\r\n  border-radius: 0.375rem;\r\n  font-size: 14px;\r\n  outline: none;\r\n  transition: border-color 0.3s;\r\n  border: none;\r\n}\r\n\r\n.styles-module__search___Vjtlj svg {\r\n  margin-right: 8px;\r\n  color: #cfcfcffc;\r\n  margin-top: 5px;\r\n  margin-left: 5px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II {\r\n  width: 98%;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 4px 8px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II label {\r\n  cursor: pointer;\r\n  padding-left: 8px;\r\n  width: 100%;\r\n  font-size: 14px;\r\n  color: #424242;\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__selectAll___KL-II input[type=\"checkbox\" i] {\r\n  background-color: initial;\r\n  cursor: pointer;\r\n  appearance: auto;\r\n  box-sizing: border-box;\r\n  padding: initial;\r\n  border: initial;\r\n  transform: scale(1.25);\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X {\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n  gap: 10px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X:hover {\r\n  background-color: #005a921a;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X input[type=\"checkbox\" i] {\r\n  background-color: initial;\r\n  cursor: pointer;\r\n  appearance: auto;\r\n  box-sizing: border-box;\r\n  padding: initial;\r\n  border: initial;\r\n  transform: scale(1.25);\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X label {\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  color: #424242;\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__selectOptionCheckedSelected___w6Zr- {\r\n  background-color: #005a921a;\r\n}\r\n\r\n.styles-module__totalSelected___kBJZ0 {\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.styles-module__selectedItem___Sbb4T {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background-color: #f0f0f0;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  margin-right: 4px;\r\n  font-size: 14px;\r\n}\r\n\r\n.styles-module__excluir___WTjQd {\r\n  cursor: pointer;\r\n  z-index: 2;\r\n  margin-top: 2px;\r\n}\r\n\r\n.styles-module__separator___06tCE {\r\n  align-self: stretch;\r\n  width: 1px;\r\n  background-color: hsl(0, 0%, 80%);\r\n  box-sizing: border-box;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.styles-module__message___k0oeC {\r\n  font-size: 11px;\r\n  color: #303030d9;\r\n  font-weight: 700;\r\n  line-height: 16px;\r\n  padding: 4px 8px;\r\n}\r\n\r\n.styles-module__messageError___hRIme {\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__iconCheck___GS3XH {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n";
 var styles$j = {"flex":"styles-module__flex___sYumE","selectContainer":"styles-module__selectContainer___Q9aTK","selectContainerDisabled":"styles-module__selectContainerDisabled___-fS2V","buttonSelect":"styles-module__buttonSelect___m3mZk","buttonSelectFocus":"styles-module__buttonSelectFocus___rOddz","buttonSelectIcon":"styles-module__buttonSelectIcon___bLyj7","buttonSelectAction":"styles-module__buttonSelectAction___4Lg-L","iconChefron":"styles-module__iconChefron___U4x1-","buttonSelectError":"styles-module__buttonSelectError___lLMCP","selectOption":"styles-module__selectOption___IGq-X","placeholder":"styles-module__placeholder___HYCsC","isRequired":"styles-module__isRequired___NzEUO","search":"styles-module__search___Vjtlj","selectAll":"styles-module__selectAll___KL-II","selectOptionChecked":"styles-module__selectOptionChecked___m7r-X","selectOptionCheckedSelected":"styles-module__selectOptionCheckedSelected___w6Zr-","totalSelected":"styles-module__totalSelected___kBJZ0","selectedItem":"styles-module__selectedItem___Sbb4T","excluir":"styles-module__excluir___WTjQd","separator":"styles-module__separator___06tCE","message":"styles-module__message___k0oeC","messageError":"styles-module__messageError___hRIme","iconCheck":"styles-module__iconCheck___GS3XH"};
 styleInject(css_248z$k);
 
@@ -8527,7 +8527,7 @@ function areObjectsEqual(obj1, obj2) {
     });
 }
 
-var selectColourStyles$2 = function (width, isInvalid) { return ({
+var selectColourStyles$2 = function (width, isInvalid, maxMenuHeight) { return ({
     control: function (styles) { return (__assign(__assign({}, styles), { backgroundColor: "white", alignItems: "center", cursor: "default", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", maxHeight: "48px", outline: "0 !important", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : "hsl(0, 0%, 90%)", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid ? "0px 0px 0px 2px #DC354580" : "0px hsl(0, 0%, 96%)" })); },
     menu: function () { return ({
         padding: "8px 11px",
@@ -8544,19 +8544,19 @@ var selectColourStyles$2 = function (width, isInvalid) { return ({
                     ? "transparent !important"
                     : "white !important" }));
     },
-    menuList: function (styles) { return (__assign(__assign({}, styles), { overflowX: "hidden" })); },
+    menuList: function (styles) { return (__assign(__assign({}, styles), { overflowX: "hidden", maxHeight: maxMenuHeight ? "".concat(maxMenuHeight, "px") : "300px" })); },
 }); };
 
 var SelectMult = function (_a) {
-    var _b = _a.name, name = _b === void 0 ? "states[]" : _b, optionsSelect = _a.optionsSelect, value = _a.value, placeholder = _a.placeholder, label = _a.label, handleChange = _a.handleChange, isMulti = _a.isMulti, disabled = _a.disabled, fetchOptions = _a.fetchOptions, required = _a.required, textError = _a.textError, hasError = _a.hasError, message = _a.message, Icon = _a.Icon, isSearchable = _a.isSearchable, isClearable = _a.isClearable, isCheckedAll = _a.isCheckedAll;
-    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
-    var _d = useState([]), selecionados = _d[0], setSelecionados = _d[1];
-    var _e = useState(""), inputValue = _e[0], setInputValue = _e[1];
-    var _f = useState(""), labelSelected = _f[0], setLabelSelected = _f[1];
+    var _b = _a.name, name = _b === void 0 ? "states[]" : _b, optionsSelect = _a.optionsSelect, value = _a.value, placeholder = _a.placeholder, label = _a.label, handleChange = _a.handleChange, isMulti = _a.isMulti, disabled = _a.disabled, fetchOptions = _a.fetchOptions, required = _a.required, textError = _a.textError, hasError = _a.hasError, message = _a.message, Icon = _a.Icon, isSearchable = _a.isSearchable, isClearable = _a.isClearable, isCheckedAll = _a.isCheckedAll, _c = _a.maxMenuHeight, maxMenuHeight = _c === void 0 ? 200 : _c;
+    var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
+    var _e = useState([]), selecionados = _e[0], setSelecionados = _e[1];
+    var _f = useState(""), inputValue = _f[0], setInputValue = _f[1];
+    var _g = useState(""), labelSelected = _g[0], setLabelSelected = _g[1];
     var noOptionsMessage = "Não há opções disponíveis";
     var buttonRef = useRef(null);
     var itemsRef = useRef(null);
-    var _g = useState(240), dropdownWidth = _g[0], setDropdownWidth = _g[1];
+    var _h = useState(240), dropdownWidth = _h[0], setDropdownWidth = _h[1];
     var handleInputChange = function (newValue, actionMeta) {
         if (actionMeta.action !== "set-value") {
             setInputValue(newValue);
@@ -8623,13 +8623,13 @@ var SelectMult = function (_a) {
                             }, title: "Excluir todos os itens selecionados", className: styles$j.excluir },
                             React__default.createElement(IconDelete, null)),
                         React__default.createElement(IconSeparator, null))),
-                    !disabled && (React__default.createElement(IconTriangleRecall, { className: styles$j.iconChefron })))) }, fetchOptions ? (React__default.createElement(AsyncSelect$1, { name: "name", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, placeholder: placeholder, styles: selectColourStyles$2(dropdownWidth, hasError), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, className: styles$j.selectElement, isSearchable: true, components: {
+                    !disabled && (React__default.createElement(IconTriangleRecall, { className: styles$j.iconChefron })))) }, fetchOptions ? (React__default.createElement(AsyncSelect$1, { name: "name", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, placeholder: placeholder, styles: selectColourStyles$2(dropdownWidth, hasError, maxMenuHeight), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, className: styles$j.selectElement, isSearchable: true, components: {
                 Control: function () { return null; },
                 Option: Option,
                 MenuList: MenuList,
             }, cacheOptions: true, defaultOptions: optionsSelect, loadingMessage: function () {
                 return "".concat(inputValue.length >= 3 ? "Carregando..." : noOptionsMessage);
-            }, loadOptions: fetchOptions, escapeClearsValue: isCheckedAll, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") })) : (React__default.createElement(StateManagedSelect$1, { name: "name2", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, options: optionsSelect, styles: selectColourStyles$2(dropdownWidth), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, components: {
+            }, loadOptions: fetchOptions, escapeClearsValue: isCheckedAll, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") })) : (React__default.createElement(StateManagedSelect$1, { name: "name2", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, options: optionsSelect, styles: selectColourStyles$2(dropdownWidth, hasError, maxMenuHeight), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, components: {
                 Control: function () { return null; },
                 Option: Option,
                 MenuList: MenuList,
@@ -8816,7 +8816,7 @@ styleInject(css_248z$f);
 
 var TableComponent = function (_a) {
     var _b;
-    var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _c = _a.noRecordsMessage, noRecordsMessage = _c === void 0 ? "Nenhum registro encontrado" : _c, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon, iconColumnName = _a.iconColumnName, setBorderTable = _a.setBorderTable, _d = _a.hasBottomRounded, hasBottomRounded = _d === void 0 ? true : _d, renderHeaderCell = _a.renderHeaderCell, _e = _a.textAlignment, textAlignment = _e === void 0 ? "center" : _e, getRowClassName = _a.getRowClassName;
+    var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell; _a.onActionClick; var _c = _a.noRecordsMessage, noRecordsMessage = _c === void 0 ? "Nenhum registro encontrado" : _c, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon, iconColumnName = _a.iconColumnName, setBorderTable = _a.setBorderTable, _d = _a.hasBottomRounded, hasBottomRounded = _d === void 0 ? true : _d, renderHeaderCell = _a.renderHeaderCell, _e = _a.textAlignment, textAlignment = _e === void 0 ? "center" : _e, getRowClassName = _a.getRowClassName;
     var handleSort = function (uid) {
         if (onSort)
             onSort(uid);
@@ -8828,10 +8828,10 @@ var TableComponent = function (_a) {
         return renderCell(item, column.uid);
     };
     var handleRenderHeaderCell = function (columnName, isSortable, columnIcon) {
-        return (renderHeaderCell === null || renderHeaderCell === void 0 ? void 0 : renderHeaderCell(columnName, isSortable, columnIcon)) || (React__default.createElement(React__default.Fragment, null,
+        return ((renderHeaderCell === null || renderHeaderCell === void 0 ? void 0 : renderHeaderCell(columnName, isSortable, columnIcon)) || (React__default.createElement(React__default.Fragment, null,
             columnName,
             " ",
-            columnIcon && columnIcon));
+            columnIcon && columnIcon)));
     };
     return (React__default.createElement("div", { className: clsx(styles$f.tableResponsive, (_b = {},
             _b[styles$f.tableResponse__setBorderRadius] = setBorderTable,
@@ -8850,10 +8850,10 @@ var TableComponent = function (_a) {
             React__default.createElement("tbody", { className: styles$f.tbody }, data.length > 0 ? (data.map(function (item, index) { return (React__default.createElement("tr", { key: item.id || index, className: clsx(index % 2 === 0 ? styles$f.rowWhite : styles$f.rowGray, getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(item, index)) },
                 columns.map(function (column) { return (React__default.createElement("td", { key: item.id + column.uid, className: "".concat(styles$f.td, " ").concat(styles$f[textAlignment]) }, renderColumnCell(item, column))); }),
                 hasIcon && (React__default.createElement("td", { className: "".concat(styles$f.actionCell, " ").concat(styles$f[textAlignment]) }, renderActionIconCell(item))))); })) : (React__default.createElement("tr", null,
-                React__default.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles$f.noRecords }, noRecordsMessage)))))));
+                React__default.createElement("td", { colSpan: columns.length + (hasIcon ? 1 : 0), className: styles$f.noRecords }, noRecordsMessage)))))));
 };
 
-var css_248z$e = ".styles-module__textInput___gaz7I {\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: 13px;\r\n  border: 1px solid var(--color-border);\r\n  color: var(--color-dark-gray);\r\n  outline: none;\r\n  transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n  width: 100%;\r\n  color: var(--color-input);\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__inputContainer___fmTYP input {\r\n  border-top-left-radius: 8px;\r\n  border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\r\n  border-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\r\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\r\n.styles-module__inputContainer___fmTYP input:disabled {\r\n  background-color: #eeeeee !important;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input::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__inputContainer___fmTYP .p-inputtext {\r\n  border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n  line-height: 22px;\r\n  border-color: var(--color-border);\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\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___4ewKH::after {\r\n  content: \" *\";\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\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___wWffN {\r\n  color: var(--color-label);\r\n  line-height: 24px;\r\n  font-size: 16px;\r\n  bottom: 5px;\r\n  font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n  background: var(--background-color-table-primary);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n  color: var(--color-gray-medium);\r\n  outline: none;\r\n  border: 1px solid var(--color-primary);\r\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n  font-weight: bold;\r\n  color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n  border: 1px solid var(--alert-color);\r\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n  position: relative;\r\n  width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n  border-color: var(--color-primary);\r\n  box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n  background-color: var(--light-grey-color);\r\n  border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n  font-weight: 587;\r\n  color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\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___-UY3m.styles-module__error___Uy-55 {\r\n  top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n  width: 24px;\r\n  height: 24px;\r\n  color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n  color: var(--alert-color);\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\r\n.styles-module__iconWrapperLeft___mzyII {\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___-s-pG {\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__inputwrapper___4UacS {\r\n  height: 48px;\r\n  padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G:focus-within {\r\n  border: 1px solid #1a95b0;\r\n  box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n  width: 100%;\r\n  height: 48px;\r\n  padding: 14px 8px;\r\n  border: none;  \r\n  border-radius: 0;  \r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--color-border);\r\n}\r\n\r\n.styles-module__calendarError___UUWT4 {\r\n  border: 1px solid #CB0A0A;\r\n  box-shadow: 0 0 0 2px rgba(203,10,10,0.5);\r\n}\r\n\r\n.styles-module__calendarFocus___B899c {\r\n  border: 1px solid #1a95b0;\r\n  box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n  width: 100%;\r\n  height: 48px;\r\n  padding: 14px 8px;\r\n  border: none;\r\n  border-radius: 0;\r\n}\r\n\r\n.p-calendar .p-inputtext,\r\n.p-calendar .p-button-icon-only {\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n}\r\n";
+var css_248z$e = ".styles-module__textInput___gaz7I {\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: 13px;\r\n  border: 1px solid var(--color-border);\r\n  color: var(--color-dark-gray);\r\n  outline: none;\r\n  transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n  width: 100%;\r\n  color: var(--color-input);\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__inputContainer___fmTYP input {\r\n  border-top-left-radius: 8px;\r\n  border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\r\n  border-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\r\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\r\n.styles-module__inputContainer___fmTYP input:disabled {\r\n  background-color: #eeeeee !important;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input::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__inputContainer___fmTYP .p-inputtext {\r\n  border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n  line-height: 22px;\r\n  border-color: var(--color-border);\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\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___4ewKH::after {\r\n  content: \" *\";\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\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___wWffN {\r\n  color: var(--color-label);\r\n  line-height: 24px;\r\n  font-size: 16px;\r\n  bottom: 5px;\r\n  font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n  background: var(--background-color-table-primary);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n  color: var(--color-gray-medium);\r\n  outline: none;\r\n  border: 1px solid var(--color-primary);\r\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n  font-weight: bold;\r\n  color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n  border: 1px solid var(--alert-color);\r\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n  position: relative;\r\n  width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n  border-color: var(--color-primary);\r\n  box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n  background-color: var(--light-grey-color);\r\n  border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n  font-weight: 587;\r\n  color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\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___-UY3m.styles-module__error___Uy-55 {\r\n  top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n  width: 24px;\r\n  height: 24px;\r\n  color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n  color: var(--alert-color);\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\r\n.styles-module__iconWrapperLeft___mzyII {\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___-s-pG {\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__inputwrapper___4UacS {\r\n  height: 48px;\r\n  padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G:focus-within {\r\n  border: 1px solid #1a95b0;\r\n  box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n  width: 100%;\r\n  height: 48px;\r\n  padding: 14px 8px;\r\n  border: none;\r\n  border-radius: 0;\r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--color-border);\r\n}\r\n\r\n.styles-module__calendarError___UUWT4 {\r\n  border: 1px solid #cb0a0a;\r\n  box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\r\n}\r\n\r\n.styles-module__calendarFocus___B899c {\r\n  border: 1px solid #1a95b0;\r\n  box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n  width: 100%;\r\n  height: 48px;\r\n  padding: 14px 8px;\r\n  border: none;\r\n  border-radius: 0;\r\n}\r\n\r\n.p-calendar .p-inputtext,\r\n.p-calendar .p-button-icon-only {\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.p-highlight {\r\n  background-color: #005a921a;\r\n  color: #005a92;\r\n}\r\n";
 var styles$e = {"textInput":"styles-module__textInput___gaz7I","inputContainer":"styles-module__inputContainer___fmTYP","iconWrapper":"styles-module__iconWrapper___H3Icv","labelRequired":"styles-module__labelRequired___4ewKH","titleLabel":"styles-module__titleLabel___6M8ua","labelInput":"styles-module__labelInput___wWffN","textInputDanger":"styles-module__textInputDanger___YqaWP","password-input-container":"styles-module__password-input-container___o0AsP","inputTextPswUser":"styles-module__inputTextPswUser___0xWHh","buttonTextPswUser":"styles-module__buttonTextPswUser___-UY3m","error":"styles-module__error___Uy-55","iconEye":"styles-module__iconEye___MiJMN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","iconWrapperLeft":"styles-module__iconWrapperLeft___mzyII","iconWrapperRight":"styles-module__iconWrapperRight___-s-pG","inputwrapper":"styles-module__inputwrapper___4UacS","buttonDisplay":"styles-module__buttonDisplay___tNJLk","errorRequired":"styles-module__errorRequired___YsP4q","calendarWrapper":"styles-module__calendarWrapper___Txz5G","textCalendar":"styles-module__textCalendar___0ZZB-","calendarError":"styles-module__calendarError___UUWT4","calendarFocus":"styles-module__calendarFocus___B899c"};
 styleInject(css_248z$e);
 
@@ -21093,16 +21093,26 @@ addLocale("pt", {
     dayNamesShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
 });
 var DateInput = function (_a) {
-    var restrictionMessage = _a.restrictionMessage, label = _a.label, onChange = _a.onChange, isError = _a.isError, valueDate = _a.valueDate, disabled = _a.disabled, placeholder = _a.placeholder, required = _a.required;
+    var restrictionMessage = _a.restrictionMessage, label = _a.label, onChange = _a.onChange, isError = _a.isError, valueDate = _a.valueDate, disabled = _a.disabled, placeholder = _a.placeholder, required = _a.required, _b = _a.inline, inline = _b === void 0 ? false : _b, _c = _a.selectionMode, selectionMode = _c === void 0 ? "single" : _c, enabledDates = _a.enabledDates, _d = _a.view, view = _d === void 0 ? "date" : _d, _e = _a.dateFormat, dateFormat = _e === void 0 ? "dd/mm/yy" : _e;
     var calendarRef = useRef(null);
-    var _b = useState(false), panelOpen = _b[0], setPanelOpen = _b[1];
+    var _f = useState(false), panelOpen = _f[0], setPanelOpen = _f[1];
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var handleDateChange = function (e) {
         var newDate = e.value;
         if (onChange) {
+            var value = "";
+            if (newDate && !Array.isArray(newDate) && newDate instanceof Date) {
+                value = newDate.toISOString().split("T")[0];
+            }
+            else if (newDate && Array.isArray(newDate) && newDate.length > 0) {
+                var validDates = newDate.filter(function (date) { return date instanceof Date; });
+                if (validDates.length > 0) {
+                    value = newDate;
+                }
+            }
             onChange({
                 target: {
-                    value: newDate ? newDate.toISOString().split("T")[0] : "",
+                    value: value,
                 },
             });
         }
@@ -21178,12 +21188,12 @@ var DateInput = function (_a) {
     return (React__default.createElement("div", { className: styles$e.inputContainer },
         React__default.createElement("label", { htmlFor: label, className: "".concat(styles$e.labelInput, " ").concat(required ? styles$e.labelRequired : "") }, label),
         React__default.createElement("div", { className: styles$e.inputContent },
-            React__default.createElement(Calendar, { ref: calendarRef, invalid: isError, id: "buttondisplay", locale: "pt", disabled: disabled, inputId: label, className: "\n            ".concat(styles$e.calendarWrapper, "\n            ").concat(isError ? styles$e.calendarError : "", "\n            ").concat(panelOpen ? styles$e.calendarFocus : "", "\n          "), inputClassName: "".concat(styles$e.textCalendar, " ").concat(isError ? styles$e.buttoInvalid : ""), dateFormat: "dd/mm/yy", onChange: handleDateChange, showIcon: true, value: valueDate, placeholder: placeholder, onShow: function () { return setPanelOpen(true); }, onHide: function () { return setPanelOpen(false); }, icon: function () { return (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React__default.createElement("path", { d: "M1.85183 20C1.35183 20 0.918194 19.8347 0.550916 19.5042C0.183639 19.1736 0 18.7833 0 18.3333V3.33333C0 2.88333 0.183639 2.49305 0.550916 2.1625C0.918194 1.83193 1.35183 1.66665 1.85183 1.66665H3.42592V0H5.37036V1.66665H14.6296V0H16.5741V1.66665H18.1482C18.6482 1.66665 19.0818 1.83193 19.4491 2.1625C19.8164 2.49305 20 2.88333 20 3.33333V18.3333C20 18.7833 19.8164 19.1736 19.4491 19.5042C19.0818 19.8347 18.6482 20 18.1482 20H1.85183ZM1.85183 18.3333H18.1482V7.83333H1.85183V18.3333ZM1.85183 6.16668H18.1482V3.33333H1.85183V6.16668ZM10 12C9.68519 12 9.4213 11.9042 9.20833 11.7125C8.99537 11.5208 8.88889 11.2833 8.88889 11C8.88889 10.7167 8.99537 10.4792 9.20833 10.2875C9.4213 10.0958 9.68519 10 10 10C10.3148 10 10.5787 10.0958 10.7917 10.2875C11.0046 10.4792 11.1111 10.7167 11.1111 11C11.1111 11.2833 11.0046 11.5208 10.7917 11.7125C10.5787 11.9042 10.3148 12 10 12ZM5.55556 12C5.24074 12 4.97685 11.9042 4.76389 11.7125C4.55093 11.5208 4.44444 11.2833 4.44444 11C4.44444 10.7167 4.55093 10.4792 4.76389 10.2875C4.97685 10.0958 5.24074 10 5.55556 10C5.87037 10 6.13426 10.0958 6.34722 10.2875C6.56019 10.4792 6.66667 10.7167 6.66667 11C6.66667 11.2833 6.56019 11.5208 6.34722 11.7125C6.13426 11.9042 5.87037 12 5.55556 12ZM14.4444 12C14.1296 12 13.8657 11.9042 13.6528 11.7125C13.4398 11.5208 13.3333 11.2833 13.3333 11C13.3333 10.7167 13.4398 10.4792 13.6528 10.2875C13.8657 10.0958 14.1296 10 14.4444 10C14.7593 10 15.0231 10.0958 15.2361 10.2875C15.4491 10.4792 15.5556 10.7167 15.5556 11C15.5556 11.2833 15.4491 11.5208 15.2361 11.7125C15.0231 11.9042 14.7593 12 14.4444 12ZM10 16C9.68519 16 9.4213 15.9042 9.20833 15.7125C8.99537 15.5208 8.88889 15.2833 8.88889 15C8.88889 14.7167 8.99537 14.4792 9.20833 14.2875C9.4213 14.0958 9.68519 14 10 14C10.3148 14 10.5787 14.0958 10.7917 14.2875C11.0046 14.4792 11.1111 14.7167 11.1111 15C11.1111 15.2833 11.0046 15.5208 10.7917 15.7125C10.5787 15.9042 10.3148 16 10 16ZM5.55556 16C5.24074 16 4.97685 15.9042 4.76389 15.7125C4.55093 15.5208 4.44444 15.2833 4.44444 15C4.44444 14.7167 4.55093 14.4792 4.76389 14.2875C4.97685 14.0958 5.24074 14 5.55556 14C5.87037 14 6.13426 14.0958 6.34722 14.2875C6.56019 14.4792 6.66667 14.7167 6.66667 15C6.66667 15.2833 6.56019 15.5208 6.34722 15.7125C6.13426 15.9042 5.87037 16 5.55556 16ZM14.4444 16C14.1296 16 13.8657 15.9042 13.6528 15.7125C13.4398 15.5208 13.3333 15.2833 13.3333 15C13.3333 14.7167 13.4398 14.4792 13.6528 14.2875C13.8657 14.0958 14.1296 14 14.4444 14C14.7593 14 15.0231 14.0958 15.2361 14.2875C15.4491 14.4792 15.5556 14.7167 15.5556 15C15.5556 15.2833 15.4491 15.5208 15.2361 15.7125C15.0231 15.9042 14.7593 16 14.4444 16Z", fill: "#303030", "fill-opacity": "0.7" }))); } })),
+            React__default.createElement(Calendar, { ref: calendarRef, invalid: isError, id: "buttondisplay", locale: "pt", disabled: disabled, inputId: label, className: "\n            ".concat(styles$e.calendarWrapper, "\n            ").concat(isError ? styles$e.calendarError : "", "\n            ").concat(panelOpen ? styles$e.calendarFocus : "", "\n          "), inputClassName: "".concat(styles$e.textCalendar, " ").concat(isError ? styles$e.buttoInvalid : ""), dateFormat: dateFormat, onChange: handleDateChange, showIcon: true, value: valueDate, placeholder: placeholder, onShow: function () { return setPanelOpen(true); }, onHide: function () { return setPanelOpen(false); }, inline: inline, selectionMode: selectionMode, enabledDates: enabledDates, view: view, icon: function () { return (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React__default.createElement("path", { d: "M1.85183 20C1.35183 20 0.918194 19.8347 0.550916 19.5042C0.183639 19.1736 0 18.7833 0 18.3333V3.33333C0 2.88333 0.183639 2.49305 0.550916 2.1625C0.918194 1.83193 1.35183 1.66665 1.85183 1.66665H3.42592V0H5.37036V1.66665H14.6296V0H16.5741V1.66665H18.1482C18.6482 1.66665 19.0818 1.83193 19.4491 2.1625C19.8164 2.49305 20 2.88333 20 3.33333V18.3333C20 18.7833 19.8164 19.1736 19.4491 19.5042C19.0818 19.8347 18.6482 20 18.1482 20H1.85183ZM1.85183 18.3333H18.1482V7.83333H1.85183V18.3333ZM1.85183 6.16668H18.1482V3.33333H1.85183V6.16668ZM10 12C9.68519 12 9.4213 11.9042 9.20833 11.7125C8.99537 11.5208 8.88889 11.2833 8.88889 11C8.88889 10.7167 8.99537 10.4792 9.20833 10.2875C9.4213 10.0958 9.68519 10 10 10C10.3148 10 10.5787 10.0958 10.7917 10.2875C11.0046 10.4792 11.1111 10.7167 11.1111 11C11.1111 11.2833 11.0046 11.5208 10.7917 11.7125C10.5787 11.9042 10.3148 12 10 12ZM5.55556 12C5.24074 12 4.97685 11.9042 4.76389 11.7125C4.55093 11.5208 4.44444 11.2833 4.44444 11C4.44444 10.7167 4.55093 10.4792 4.76389 10.2875C4.97685 10.0958 5.24074 10 5.55556 10C5.87037 10 6.13426 10.0958 6.34722 10.2875C6.56019 10.4792 6.66667 10.7167 6.66667 11C6.66667 11.2833 6.56019 11.5208 6.34722 11.7125C6.13426 11.9042 5.87037 12 5.55556 12ZM14.4444 12C14.1296 12 13.8657 11.9042 13.6528 11.7125C13.4398 11.5208 13.3333 11.2833 13.3333 11C13.3333 10.7167 13.4398 10.4792 13.6528 10.2875C13.8657 10.0958 14.1296 10 14.4444 10C14.7593 10 15.0231 10.0958 15.2361 10.2875C15.4491 10.4792 15.5556 10.7167 15.5556 11C15.5556 11.2833 15.4491 11.5208 15.2361 11.7125C15.0231 11.9042 14.7593 12 14.4444 12ZM10 16C9.68519 16 9.4213 15.9042 9.20833 15.7125C8.99537 15.5208 8.88889 15.2833 8.88889 15C8.88889 14.7167 8.99537 14.4792 9.20833 14.2875C9.4213 14.0958 9.68519 14 10 14C10.3148 14 10.5787 14.0958 10.7917 14.2875C11.0046 14.4792 11.1111 14.7167 11.1111 15C11.1111 15.2833 11.0046 15.5208 10.7917 15.7125C10.5787 15.9042 10.3148 16 10 16ZM5.55556 16C5.24074 16 4.97685 15.9042 4.76389 15.7125C4.55093 15.5208 4.44444 15.2833 4.44444 15C4.44444 14.7167 4.55093 14.4792 4.76389 14.2875C4.97685 14.0958 5.24074 14 5.55556 14C5.87037 14 6.13426 14.0958 6.34722 14.2875C6.56019 14.4792 6.66667 14.7167 6.66667 15C6.66667 15.2833 6.56019 15.5208 6.34722 15.7125C6.13426 15.9042 5.87037 16 5.55556 16ZM14.4444 16C14.1296 16 13.8657 15.9042 13.6528 15.7125C13.4398 15.5208 13.3333 15.2833 13.3333 15C13.3333 14.7167 13.4398 14.4792 13.6528 14.2875C13.8657 14.0958 14.1296 14 14.4444 14C14.7593 14 15.0231 14.0958 15.2361 14.2875C15.4491 14.4792 15.5556 14.7167 15.5556 15C15.5556 15.2833 15.4491 15.5208 15.2361 15.7125C15.0231 15.9042 14.7593 16 14.4444 16Z", fill: "#303030", fillOpacity: "0.7" }))); } })),
         restrictionMessage && (React__default.createElement("div", { className: styles$e.restrictionMessage }, restrictionMessage))));
 };
 
-var css_248z$b = ".styles-module__selectContainer___TecDY {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .styles-module__selectContainer___TecDY label {\r\n    font-size: var(--font-size-12);\r\n  }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n  margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__formatOptionLabel___xBV8v {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}";
+var css_248z$b = ".styles-module__selectContainer___TecDY {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  position: relative;\r\n  z-index: 1000;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .styles-module__selectContainer___TecDY label {\r\n    font-size: var(--font-size-12);\r\n  }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n  margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__formatOptionLabel___xBV8v {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n";
 var styles$9 = {"selectContainer":"styles-module__selectContainer___TecDY","errorText":"styles-module__errorText___kXCnM","errorRequired":"styles-module__errorRequired___SEaAS","contentIcon":"styles-module__contentIcon___hPEpA","iconChefron":"styles-module__iconChefron___B2-9-","formatOptionLabel":"styles-module__formatOptionLabel___xBV8v"};
 styleInject(css_248z$b);
 
@@ -21649,7 +21659,7 @@ function useController(props) {
     };
 }
 
-var selectColourStyles = function (isInvalid, isMobile) { return ({
+var selectColourStyles = function (isInvalid, isMobile, maxMenuHeight) { return ({
     control: function (styles, _a) {
         var isFocused = _a.isFocused, isDisabled = _a.isDisabled;
         return (__assign(__assign({}, styles), { alignItems: "center", cursor: "pointer", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", outline: "0", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : isFocused ? "#1a95b0" : "#cfcfcffc", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid
@@ -21657,7 +21667,9 @@ var selectColourStyles = function (isInvalid, isMobile) { return ({
                 : isFocused
                     ? "0px 0px 0px 2px #0091ea80"
                     : "0px hsl(0, 0%, 96%)", backgroundColor: isDisabled ? "var(--input-disabled-bg-color)" : "white", ":hover": {
-                backgroundColor: isDisabled ? "var(--input-disabled-bg-color)" : "#005a9214",
+                backgroundColor: isDisabled
+                    ? "var(--input-disabled-bg-color)"
+                    : "#005a9214",
             } }));
     },
     option: function (styles, _a) {
@@ -21680,9 +21692,10 @@ var selectColourStyles = function (isInvalid, isMobile) { return ({
         var hasValue = _a.hasValue;
         return (__assign(__assign({}, styles), { display: hasValue ? "block" : "none" }));
     },
+    menuList: function (styles) { return (__assign(__assign({}, styles), { maxHeight: maxMenuHeight ? "".concat(maxMenuHeight, "px") : "300px" })); },
 }); };
 var SelectDefault = function (_a) {
-    var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange, formatOptionLabel = _a.formatOptionLabel, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d;
+    var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange, formatOptionLabel = _a.formatOptionLabel, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d, maxMenuHeight = _a.maxMenuHeight;
     var _e = useController({ name: name, control: control }), _f = _e.field; _f.onChange; _f.value; var rest = __rest(_f, ["onChange", "value"]), error = _e.fieldState.error;
     var _g = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _g[0], setIsMobile = _g[1];
     var CustomDropdownIndicator = function () {
@@ -21706,7 +21719,7 @@ var SelectDefault = function (_a) {
                     if (inputValue) {
                         handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
                     }
-                }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
+                }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile, maxMenuHeight), isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
         error && React.createElement("span", { className: styles$9.errorText }, error.message)));
 };
 
@@ -23860,7 +23873,7 @@ var ModalUI = function (_a) {
                 React__default.createElement(Description2, { className: styles$8.childrenContainer }, children)))));
 };
 
-var css_248z$9 = "@keyframes styles-module__fadeIn___09YGY {\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__modalOverlay___zIq-T {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n  overflow-y: hidden;\r\n  animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n  z-index: 10000;\r\n  background: white;\r\n  border-radius: 16px;\r\n  position: relative;\r\n  margin: auto;\r\n  max-width: fit-content;\r\n  width: 100%;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .styles-module__modal___4vuMK {\r\n    width: 95%;\r\n    max-width: 95vw;\r\n  }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n  display: flex;\r\n  text-align: justify;\r\n  background-color: var(--modal-header-bg-color);\r\n  color: rgba(255, 255, 255, 0.96);\r\n  border-top-left-radius: 16px;\r\n  border-top-right-radius: 16px;\r\n  padding: 1rem 1.5rem;\r\n  justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 0 1 auto;\r\n  font-family: Open Sans;\r\n  font-weight: 700;\r\n  font-size: 20px;\r\n  line-height: 100%;\r\n  letter-spacing: 0px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n  opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n  margin: 16px 16px 16px 16px;\r\n  max-height: 500px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 1rem;\r\n  padding: 0 16px 16px;\r\n  justify-content: flex-end;\r\n  border-bottom-left-radius: 16px;\r\n  border-bottom-right-radius: 16px;\r\n}\r\n";
+var css_248z$9 = "@keyframes styles-module__fadeIn___09YGY {\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__modalOverlay___zIq-T {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n  overflow-y: hidden;\r\n  animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n  z-index: 10000;\r\n  background: white;\r\n  border-radius: 16px;\r\n  position: relative;\r\n  margin: auto;\r\n  max-width: fit-content;\r\n  width: 100%;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .styles-module__modal___4vuMK {\r\n    width: 95%;\r\n    max-width: 95vw;\r\n  }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n  display: flex;\r\n  text-align: justify;\r\n  background-color: var(--modal-header-bg-color);\r\n  color: rgba(255, 255, 255, 0.96);\r\n  border-top-left-radius: 16px;\r\n  border-top-right-radius: 16px;\r\n  padding: 1rem 1.5rem;\r\n  justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 0 1 auto;\r\n  font-family: Open Sans;\r\n  font-weight: 700;\r\n  font-size: 20px;\r\n  line-height: 100%;\r\n  letter-spacing: 0px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n  opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n  margin: 16px 16px 16px 16px;\r\n  max-height: 500px;\r\n  overflow: visible;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 1rem;\r\n  padding: 0 16px 16px;\r\n  justify-content: flex-end;\r\n  border-bottom-left-radius: 16px;\r\n  border-bottom-right-radius: 16px;\r\n}\r\n";
 var style = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
 styleInject(css_248z$9);
 
@@ -24235,7 +24248,7 @@ var Chip = React__default.forwardRef(function (_a, ref) {
 });
 Chip.displayName = "Chip";
 
-var css_248z$1 = ".styles-module__anchorButton___--an4 {\r\n  background: transparent;\r\n  border: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__menuContainer___yHaTV {\r\n  position: absolute;\r\n  z-index: 3000;\r\n  border: 1px solid var(--color-border);\r\n  border-radius: 10px;\r\n  padding: 10px;\r\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n    0 4px 6px -4px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__menuContent___MVxcu {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 92vw;\r\n  max-height: 70vh;\r\n  overflow: hidden;\r\n}\r\n";
+var css_248z$1 = ".styles-module__anchorButton___--an4 {\r\n  background: transparent;\r\n  border: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__menuContainer___yHaTV {\r\n  position: absolute;\r\n  z-index: 3000;\r\n  border: 1px solid var(--color-border);\r\n  border-radius: 10px;\r\n  padding: 10px;\r\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n    0 4px 6px -4px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__menuContent___MVxcu {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 92vw;\r\n  max-height: 70vh;\r\n  overflow: hidden;\r\n}\r\n";
 var styles = {"anchorButton":"styles-module__anchorButton___--an4","menuContainer":"styles-module__menuContainer___yHaTV","menuContent":"styles-module__menuContent___MVxcu"};
 styleInject(css_248z$1);
 
@@ -24244,7 +24257,9 @@ var FloatingMenu = function (_a) {
     var anchor = _a.anchor, anchorContent = _a.anchorContent, isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, className = _a.className, style = _a.style;
     var containerRef = useRef(null);
     var internalAnchorRef = useRef(null);
-    var _b = useState({}), computedStyle = _b[0], setComputedStyle = _b[1];
+    var _b = useState({
+        visibility: "hidden",
+    }), computedStyle = _b[0], setComputedStyle = _b[1];
     var _c = useState(false), isMobile = _c[0], setIsMobile = _c[1];
     var _d = useState(false), internalOpen = _d[0], setInternalOpen = _d[1];
     var menuId = useMemo(function () { return "floating-menu-".concat(Math.random().toString(36).slice(2, 9)); }, []);
@@ -24258,7 +24273,7 @@ var FloatingMenu = function (_a) {
     }, []);
     var resolvedOpen = typeof isOpen === "boolean" ? isOpen : internalOpen;
     var resolvedAnchor = anchor || internalAnchorRef.current;
-    useEffect(function () {
+    useLayoutEffect(function () {
         if (!resolvedOpen || !resolvedAnchor || !containerRef.current)
             return;
         var updatePosition = function () {
@@ -24327,6 +24342,7 @@ var FloatingMenu = function (_a) {
                 width: isMobile ? "auto" : undefined,
                 maxHeight: isMobile ? vh * 0.7 : undefined,
                 overflow: isMobile ? "auto" : undefined,
+                visibility: "visible",
             };
             setComputedStyle(computed);
         };