@lets-events/react 12.3.9 → 12.4.1

package/dist/index.js

@@ -896,6 +896,8 @@ __export(index_exports, {
   ContainerStyled: () => ContainerStyled,
   CountryFormField: () => CountryFormField,
   Divider: () => Divider,
+  DoubleCalendar: () => DoubleCalendar,
+  DoubleCalendarFormField: () => DoubleCalendarFormField,
   Drawer: () => Drawer,
   DropdownMenu: () => DropdownMenu2,
   DropdownMenuItem: () => DropdownMenuItem,
@@ -7858,7 +7860,8 @@ var CalendarFooterStyled = styled("div", {
   borderTop: "2px solid $neutral100",
   padding: "$4 $16",
   display: "flex",
-  justifyContent: "center",
+  gap: "1rem",
+  justifyContent: "flex-end",
   alignItems: "center",
   height: "3rem"
 });
@@ -7869,7 +7872,7 @@ var DayPickerWrapperStyled = styled("div", {
     color: "$dark500"
   },
   ".rdp-root": {
-    padding: "$8"
+    padding: "0 $8"
   },
   ".rdp-today .rdp-day_button": {
     color: "$brand500",
@@ -7879,8 +7882,8 @@ var DayPickerWrapperStyled = styled("div", {
     color: "$dark400"
   },
   ".rdp-day_button": {
-    height: "32px",
-    width: "32px",
+    height: "28px",
+    width: "28px",
     borderRadius: "$sm",
     fontSize: "$14",
     color: "$text",
@@ -7898,9 +7901,10 @@ var DayPickerWrapperStyled = styled("div", {
     borderColor: "transparent"
   },
   ".rdp-nav": {
+    position: "absolute",
+    width: "98%",
     display: "flex",
-    justifyContent: "space-between",
-    width: "100%"
+    justifyContent: "space-between"
   },
   ".rdp-nav .rdp-chevron": {
     display: "none"
@@ -7936,8 +7940,15 @@ var DayPickerWrapperStyled = styled("div", {
     backgroundColor: "transparent",
     cursor: "pointer"
   },
+  ".rdp-months": {
+    display: "flex",
+    columnGap: "$16",
+    alignItems: "flex-start",
+    paddingTop: "$12"
+  },
   ".rdp-month": {
-    marginTop: "-24px"
+    marginTop: "0",
+    paddingTop: "$6"
   },
   ".rdp-month_caption": {
     display: "flex",
@@ -8141,8 +8152,138 @@ function Calendar(_a) {
   ] })) });
 }
 
-// src/components/Drawer/index.tsx
+// src/components/DoubleCalendar/index.tsx
 var import_react9 = require("react");
+var import_react_day_picker2 = require("react-day-picker");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function DoubleCalendar(_a) {
+  var _b = _a, {
+    action,
+    actionText,
+    calendarLayout,
+    selected,
+    setSelected,
+    position = "bottom",
+    hasError,
+    expand,
+    allowPastDates = false,
+    maxYearsFromNow = 20
+  } = _b, props = __objRest(_b, [
+    "action",
+    "actionText",
+    "calendarLayout",
+    "selected",
+    "setSelected",
+    "position",
+    "hasError",
+    "expand",
+    "allowPastDates",
+    "maxYearsFromNow"
+  ]);
+  const [startValue, setStartValue] = (0, import_react9.useState)("");
+  const [endValue, setEndValue] = (0, import_react9.useState)("");
+  const [showContainer, setShowCalendar] = (0, import_react9.useState)(false);
+  const initialSelectedRef = (0, import_react9.useRef)(void 0);
+  const dropdownRef = (0, import_react9.useRef)(null);
+  useOnClickOutside(dropdownRef, () => {
+    setShowCalendar(false);
+  });
+  const today = /* @__PURE__ */ new Date();
+  const maxDate = addYears(today, maxYearsFromNow);
+  (0, import_react9.useEffect)(() => {
+    if (selected && selected.from) {
+      setStartValue(format2(selected.from, "dd/MM/yyyy"));
+    } else {
+      setStartValue("");
+    }
+    if (selected && selected.to) {
+      setEndValue(format2(selected.to, "dd/MM/yyyy"));
+    } else {
+      setEndValue("");
+    }
+  }, [selected]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CalendarStyled, __spreadProps(__spreadValues({}, props), { expand, ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      CalendarButtonStyled,
+      {
+        expand,
+        type: "button",
+        onClick: () => setShowCalendar((prev) => {
+          const next = !prev;
+          if (!prev) initialSelectedRef.current = selected;
+          return next;
+        }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { display: "flex", gap: "8px", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          TextField,
+          {
+            placeholder: "00/00/0000 - 00/00/0000",
+            type: "text",
+            value: `${startValue || "00/00/0000"} - ${endValue || "00/00/0000"}`,
+            readOnly: true,
+            inputMode: "numeric",
+            textAlign: "right",
+            color: hasError ? "error" : "default",
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextFieldSlot, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon_default, { name: "calendar", size: "xl" }) })
+          }
+        ) })
+      }
+    ),
+    showContainer && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CalendarContentStyled, { position, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DayPickerWrapperStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_react_day_picker2.DayPicker,
+        {
+          mode: "range",
+          numberOfMonths: 2,
+          captionLayout: calendarLayout,
+          selected,
+          onSelect: setSelected,
+          required: true,
+          locale: ptBR,
+          disabled: allowPastDates ? void 0 : { before: today },
+          fromMonth: allowPastDates ? void 0 : today,
+          toMonth: maxDate
+        }
+      ) }) }),
+      action && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CalendarFooterStyled, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { textAlign: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: `${(selected == null ? void 0 : selected.from) ? format2(selected.from, "dd/MM/yyyy") : "00/00/0000"} \u2014 ${(selected == null ? void 0 : selected.to) ? format2(selected.to, "dd/MM/yyyy") : "00/00/0000"}` }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          Button,
+          {
+            style: { margin: "0 0.5rem" },
+            variant: "text",
+            color: "neutral",
+            type: "button",
+            onClick: () => {
+              setSelected(initialSelectedRef.current);
+              setShowCalendar(false);
+            },
+            size: "medium",
+            fontWeight: "regular",
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          Button,
+          {
+            style: { margin: "0 0.5rem" },
+            variant: "text",
+            color: "brand",
+            type: "button",
+            onClick: () => {
+              setShowCalendar(false);
+            },
+            size: "medium",
+            fontWeight: "medium",
+            children: actionText != null ? actionText : "Aplicar"
+          }
+        )
+      ] })
+    ] })
+  ] })) });
+}
+
+// src/components/Drawer/index.tsx
+var import_react10 = require("react");
 
 // src/components/Drawer/styledComponents.ts
 var DrawerOverlayStyled = styled("div", {
@@ -8237,7 +8378,7 @@ var GoBackButtonStyled = styled("button", {
 });
 
 // src/components/Drawer/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Drawer({
   isOpen,
   onClose,
@@ -8249,7 +8390,7 @@ function Drawer({
   goBackAction,
   zIndex = 1e3
 }) {
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (isOpen) {
       const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden";
@@ -8263,8 +8404,8 @@ function Drawer({
       document.body.style.paddingRight = "";
     };
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       DrawerOverlayStyled,
       {
         css: {
@@ -8274,15 +8415,16 @@ function Drawer({
         open: isOpen
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       DrawerWrapper,
       {
         css: {
           zIndex: zIndex + 1,
-          width: width != null ? width : "34.25rem"
+          width: width != null ? width : "34.25rem",
+          maxWidth: "100%"
         },
         open: isOpen,
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           DrawerContainerStyled,
           {
             open: isOpen,
@@ -8290,12 +8432,12 @@ function Drawer({
               backgroundColor: colors[backgroundColor != null ? backgroundColor : "neutral50"]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DrawerHeaderDiv, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Flex2, { gap: 8, align: "center", children: [
-                  goBackIcon && goBackIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GoBackButtonStyled, { type: "button", onClick: goBackAction, children: goBackIcon }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerHeaderTitle, { children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DrawerHeaderDiv, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Flex2, { gap: 8, align: "center", children: [
+                  goBackIcon && goBackIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(GoBackButtonStyled, { type: "button", onClick: goBackAction, children: goBackIcon }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerHeaderTitle, { children: title })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerHeaderCloseButton, { onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon_default, { size: "xl", color: "$dark600", name: "xmark" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerHeaderCloseButton, { onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon_default, { size: "xl", color: "$dark600", name: "xmark" }) })
               ] }),
               isOpen ? children : null
             ]
@@ -8307,8 +8449,8 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-var import_react10 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var TimePickerStyled = styled("div", {
   position: "relative",
   width: "fit-content",
@@ -8430,14 +8572,14 @@ function TimePicker({
   hasError,
   expand = false
 }) {
-  const [hours, setHours] = (0, import_react10.useState)("00");
-  const [minutes, setMinutes] = (0, import_react10.useState)("00");
-  const [rawHours, setRawHours] = (0, import_react10.useState)("00");
-  const [rawMinutes, setRawMinutes] = (0, import_react10.useState)("00");
-  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
-  const dropdownRef = (0, import_react10.useRef)(null);
+  const [hours, setHours] = (0, import_react11.useState)("00");
+  const [minutes, setMinutes] = (0, import_react11.useState)("00");
+  const [rawHours, setRawHours] = (0, import_react11.useState)("00");
+  const [rawMinutes, setRawMinutes] = (0, import_react11.useState)("00");
+  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
+  const dropdownRef = (0, import_react11.useRef)(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
-  const handleIncrement = (0, import_react10.useCallback)(
+  const handleIncrement = (0, import_react11.useCallback)(
     (type) => {
       if (type === "hours") {
         const next = (parseInt(hours) + 1) % 24;
@@ -8451,7 +8593,7 @@ function TimePicker({
     },
     [hours, minutes]
   );
-  const handleDecrement = (0, import_react10.useCallback)(
+  const handleDecrement = (0, import_react11.useCallback)(
     (type) => {
       if (type === "hours") {
         const prev = (parseInt(hours) - 1 + 24) % 24;
@@ -8465,14 +8607,14 @@ function TimePicker({
     },
     [hours, minutes]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TimePickerStyled, { ref: dropdownRef, expand, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(TimePickerStyled, { ref: dropdownRef, expand, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       TimePickerButtonStyled,
       {
         type: "button",
         onClick: () => setIsOpen((prev) => !prev),
         expand,
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           TextField,
           {
             value: selected,
@@ -8482,18 +8624,18 @@ function TimePicker({
             typography: "labelSmall",
             fontWeight: "regular",
             color: hasError ? "error" : "default",
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextFieldSlot, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon_default, { name: "clock", size: "xl" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextFieldSlot, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon_default, { name: "clock", size: "xl" }) })
           }
         )
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       TimePickerDropdownStyled,
       {
         style: position === "top" ? { bottom: "110%", left: "0" } : position === "top-right" ? { bottom: "110%", right: "0" } : position === "bottom-right" ? { top: "110%", right: "0" } : { top: "110%", left: "0" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TimerPickerContentStyled, { children: [
-            ["hours", "minutes"].map((unit) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(TimerPickerContentStyled, { children: [
+            ["hours", "minutes"].map((unit) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               Box,
               {
                 style: {
@@ -8502,13 +8644,13 @@ function TimePicker({
                   flexDirection: "column"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     TimePickerIconButton,
                     {
                       type: "button",
                       variant: "text",
                       onClick: () => handleIncrement(unit),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -8517,14 +8659,14 @@ function TimePicker({
                           viewBox: "0 0 32 32",
                           fill: "none",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                               "path",
                               {
                                 d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
                                 fill: "white"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                               "path",
                               {
                                 d: "M16.7063 12.2937C16.3157 11.9031 15.6813 11.9031 15.2907 12.2937L10.2907 17.2937C9.9001 17.6843 9.9001 18.3187 10.2907 18.7093C10.6813 19.1 11.3157 19.1 11.7063 18.7093L16.0001 14.4156L20.2938 18.7062C20.6845 19.0968 21.3188 19.0968 21.7095 18.7062C22.1001 18.3156 22.1001 17.6812 21.7095 17.2906L16.7095 12.2906L16.7063 12.2937Z",
@@ -8536,7 +8678,7 @@ function TimePicker({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     InputStyled,
                     {
                       inputMode: "numeric",
@@ -8574,13 +8716,13 @@ function TimePicker({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     TimePickerIconButton,
                     {
                       type: "button",
                       variant: "text",
                       onClick: () => handleDecrement(unit),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -8589,14 +8731,14 @@ function TimePicker({
                           viewBox: "0 0 32 32",
                           fill: "none",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                               "path",
                               {
                                 d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
                                 fill: "white"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                               "path",
                               {
                                 d: "M15.2937 19.7063C15.6843 20.0969 16.3187 20.0969 16.7093 19.7063L21.7093 14.7063C22.0999 14.3157 22.0999 13.6813 21.7093 13.2907C21.3187 12.9 20.6843 12.9 20.2937 13.2907L15.9999 17.5844L11.7062 13.2938C11.3155 12.9032 10.6812 12.9032 10.2905 13.2938C9.8999 13.6844 9.8999 14.3188 10.2905 14.7094L15.2905 19.7094L15.2937 19.7063Z",
@@ -8612,9 +8754,9 @@ function TimePicker({
               },
               unit
             )),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text, { children: ":" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { children: ":" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TimePickerFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TimePickerFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Button,
             {
               type: "button",
@@ -8637,7 +8779,7 @@ function TimePicker({
 
 // src/components/Alert.tsx
 var import_themes13 = require("@radix-ui/themes");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var AlertDialogSimpleStyled = styled(import_themes13.AlertDialog.Content, {
   fontFamily: "$default",
   lineHeight: "$base",
@@ -8751,19 +8893,19 @@ function Alert(_a) {
     "completAlert",
     "simpleAlert"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    simpleAlert && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_themes13.AlertDialog.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.AlertDialog.Trigger, { children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogSimpleStyled, __spreadProps(__spreadValues({}, props), { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogDescriptionStyled, { children: simpleAlert.description }),
-        simpleAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "text", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon_default, { name: "close" }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    simpleAlert && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes13.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_themes13.AlertDialog.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes13.AlertDialog.Trigger, { children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogSimpleStyled, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogDescriptionStyled, { children: simpleAlert.description }),
+        simpleAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes13.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "text", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "close" }) }) })
       ] })) })
     ] }) }),
-    completAlert && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_themes13.AlertDialog.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.AlertDialog.Trigger, { children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogCompleteStyled, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogRowStyled, { className: "le-alert-dialog-row", children: [
-          color === "success" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    completAlert && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes13.Theme, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_themes13.AlertDialog.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes13.AlertDialog.Trigger, { children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogCompleteStyled, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogRowStyled, { className: "le-alert-dialog-row", children: [
+          color === "success" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "svg",
             {
               width: "56",
@@ -8772,18 +8914,18 @@ function Alert(_a) {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("g", { clipPath: "url(#clip0_1428_9995)", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("g", { clipPath: "url(#clip0_1428_9995)", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "path",
                   {
                     d: "M28 56C35.4261 56 42.548 53.05 47.799 47.799C53.05 42.548 56 35.4261 56 28C56 20.5739 53.05 13.452 47.799 8.20101C42.548 2.94999 35.4261 0 28 0C20.5739 0 13.452 2.94999 8.20101 8.20101C2.94999 13.452 0 20.5739 0 28C0 35.4261 2.94999 42.548 8.20101 47.799C13.452 53.05 20.5739 56 28 56ZM40.3594 22.8594L26.3594 36.8594C25.3312 37.8875 23.6688 37.8875 22.6516 36.8594L15.6516 29.8594C14.6234 28.8312 14.6234 27.1688 15.6516 26.1516C16.6797 25.1344 18.3422 25.1234 19.3594 26.1516L24.5 31.2922L36.6406 19.1406C37.6688 18.1125 39.3312 18.1125 40.3484 19.1406C41.3656 20.1688 41.3766 21.8312 40.3484 22.8484L40.3594 22.8594Z",
                     fill: "#1E8535"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("clipPath", { id: "clip0_1428_9995", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "56", height: "56", fill: "white" }) }) })
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("clipPath", { id: "clip0_1428_9995", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { width: "56", height: "56", fill: "white" }) }) })
               ]
             }
           ),
-          color === "error" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          color === "error" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "svg",
             {
               width: "56",
@@ -8792,18 +8934,18 @@ function Alert(_a) {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("g", { clipPath: "url(#clip0_1428_10022)", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("g", { clipPath: "url(#clip0_1428_10022)", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "path",
                   {
                     d: "M28 56C35.4261 56 42.548 53.05 47.799 47.799C53.05 42.548 56 35.4261 56 28C56 20.5739 53.05 13.452 47.799 8.20101C42.548 2.94999 35.4261 0 28 0C20.5739 0 13.452 2.94999 8.20101 8.20101C2.94999 13.452 0 20.5739 0 28C0 35.4261 2.94999 42.548 8.20101 47.799C13.452 53.05 20.5739 56 28 56ZM19.1406 19.1406C20.1687 18.1125 21.8312 18.1125 22.8484 19.1406L27.9891 24.2812L33.1297 19.1406C34.1578 18.1125 35.8203 18.1125 36.8375 19.1406C37.8547 20.1687 37.8656 21.8312 36.8375 22.8484L31.6969 27.9891L36.8375 33.1297C37.8656 34.1578 37.8656 35.8203 36.8375 36.8375C35.8094 37.8547 34.1469 37.8656 33.1297 36.8375L27.9891 31.6969L22.8484 36.8375C21.8203 37.8656 20.1578 37.8656 19.1406 36.8375C18.1234 35.8094 18.1125 34.1469 19.1406 33.1297L24.2812 27.9891L19.1406 22.8484C18.1125 21.8203 18.1125 20.1578 19.1406 19.1406Z",
                     fill: "#AD1F2B"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("clipPath", { id: "clip0_1428_10022", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "56", height: "56", fill: "white" }) }) })
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("clipPath", { id: "clip0_1428_10022", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { width: "56", height: "56", fill: "white" }) }) })
               ]
             }
           ),
-          color === "warning" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          color === "warning" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "svg",
             {
               width: "56",
@@ -8812,18 +8954,18 @@ function Alert(_a) {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("g", { clipPath: "url(#clip0_1428_10038)", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("g", { clipPath: "url(#clip0_1428_10038)", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "path",
                   {
                     d: "M28 56C35.4261 56 42.548 53.05 47.799 47.799C53.05 42.548 56 35.4261 56 28C56 20.5739 53.05 13.452 47.799 8.20101C42.548 2.94999 35.4261 0 28 0C20.5739 0 13.452 2.94999 8.20101 8.20101C2.94999 13.452 0 20.5739 0 28C0 35.4261 2.94999 42.548 8.20101 47.799C13.452 53.05 20.5739 56 28 56ZM28 14C29.4547 14 30.625 15.1703 30.625 16.625V28.875C30.625 30.3297 29.4547 31.5 28 31.5C26.5453 31.5 25.375 30.3297 25.375 28.875V16.625C25.375 15.1703 26.5453 14 28 14ZM24.5 38.5C24.5 37.5717 24.8687 36.6815 25.5251 36.0251C26.1815 35.3688 27.0717 35 28 35C28.9283 35 29.8185 35.3688 30.4749 36.0251C31.1313 36.6815 31.5 37.5717 31.5 38.5C31.5 39.4283 31.1313 40.3185 30.4749 40.9749C29.8185 41.6312 28.9283 42 28 42C27.0717 42 26.1815 41.6312 25.5251 40.9749C24.8687 40.3185 24.5 39.4283 24.5 38.5Z",
                     fill: "#CC9A06"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("clipPath", { id: "clip0_1428_10038", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "56", height: "56", fill: "white" }) }) })
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("clipPath", { id: "clip0_1428_10038", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { width: "56", height: "56", fill: "white" }) }) })
               ]
             }
           ),
-          color === "info" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          color === "info" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "svg",
             {
               width: "40",
@@ -8832,35 +8974,35 @@ function Alert(_a) {
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("g", { clipPath: "url(#clip0_1645_46)", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("g", { clipPath: "url(#clip0_1645_46)", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "path",
                   {
                     d: "M20 40C25.3043 40 30.3914 37.8929 34.1421 34.1421C37.8929 30.3914 40 25.3043 40 20C40 14.6957 37.8929 9.60859 34.1421 5.85786C30.3914 2.10714 25.3043 0 20 0C14.6957 0 9.60859 2.10714 5.85786 5.85786C2.10714 9.60859 0 14.6957 0 20C0 25.3043 2.10714 30.3914 5.85786 34.1421C9.60859 37.8929 14.6957 40 20 40ZM20 10C21.0391 10 21.875 10.8359 21.875 11.875V20.625C21.875 21.6641 21.0391 22.5 20 22.5C18.9609 22.5 18.125 21.6641 18.125 20.625V11.875C18.125 10.8359 18.9609 10 20 10ZM17.5 27.5C17.5 26.837 17.7634 26.2011 18.2322 25.7322C18.7011 25.2634 19.337 25 20 25C20.663 25 21.2989 25.2634 21.7678 25.7322C22.2366 26.2011 22.5 26.837 22.5 27.5C22.5 28.163 22.2366 28.7989 21.7678 29.2678C21.2989 29.7366 20.663 30 20 30C19.337 30 18.7011 29.7366 18.2322 29.2678C17.7634 28.7989 17.5 28.163 17.5 27.5Z",
                     fill: "#9FB6C7"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("clipPath", { id: "clip0_1645_46", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "40", height: "40", fill: "white" }) }) })
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("clipPath", { id: "clip0_1645_46", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { width: "40", height: "40", fill: "white" }) }) })
               ]
             }
           ),
-          completAlert.title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogTitleStyled, { children: completAlert.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogDescriptionStyled, { children: [
-            completAlert.subtitle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          completAlert.title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogTitleStyled, { children: completAlert.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogDescriptionStyled, { children: [
+            completAlert.subtitle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Text,
               {
                 css: {
                   fontSize: "$16"
                 },
                 asChild: true,
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { children: completAlert.subtitle })
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { children: completAlert.subtitle })
               }
             ),
             completAlert.description
           ] })
         ] }),
-        completAlert.onAction || completAlert.cancel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialoghrStyled, {}) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogRowStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Flex2, { gap: "10", justify: "end", width: "100%", children: [
-          completAlert.onAction && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.AlertDialog.Action, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        completAlert.onAction || completAlert.cancel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialoghrStyled, {}) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogRowStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Flex2, { gap: "10", justify: "end", width: "100%", children: [
+          completAlert.onAction && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes13.AlertDialog.Action, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Button,
             {
               variant: "contained",
@@ -8868,7 +9010,7 @@ function Alert(_a) {
               children: completAlert.actionText || "Salvar"
             }
           ) }),
-          completAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "outlined", color: "neutral", children: completAlert.cancelText || "Cancelar" }) })
+          completAlert.cancel && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes13.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "outlined", color: "neutral", children: completAlert.cancelText || "Cancelar" }) })
         ] }) })
       ] })
     ] }) })
@@ -8877,7 +9019,7 @@ function Alert(_a) {
 
 // src/components/Switch.tsx
 var import_themes14 = require("@radix-ui/themes");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var SwitchStyled = styled(import_themes14.Switch, {
   all: "unset",
   borderRadius: "$full",
@@ -8971,13 +9113,13 @@ var SwitchStyled = styled(import_themes14.Switch, {
   }
 });
 function Switch(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SwitchStyled, __spreadValues({ color: "brand", defaultChecked: true }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SwitchStyled, __spreadValues({ color: "brand", defaultChecked: true }, props));
 }
 
 // src/components/Step.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_themes15 = require("@radix-ui/themes");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var StepStyled = styled("div", {
   fontFamily: "$default",
   color: "$gray100",
@@ -9050,7 +9192,7 @@ var StepListStyled = styled(import_themes15.Tabs.List, {
 });
 function Step(_a) {
   var _b = _a, { children, defaultValue } = _b, props = __objRest(_b, ["children", "defaultValue"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes15.Tabs.Root, { defaultValue: String(defaultValue), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepStyled, __spreadProps(__spreadValues({}, props), { children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes15.Tabs.Root, { defaultValue: String(defaultValue), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StepStyled, __spreadProps(__spreadValues({}, props), { children })) });
 }
 function StepTrigger(_a) {
   var _b = _a, {
@@ -9063,7 +9205,7 @@ function StepTrigger(_a) {
     "currentStep"
   ]);
   const isActiveOrPrevious = currentStep !== void 0 && value <= currentStep;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     StepTriggerStyled,
     __spreadProps(__spreadValues({
       "data-filled": isActiveOrPrevious,
@@ -9081,7 +9223,7 @@ function StepContent(_a) {
     "value",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes15.Tabs.Content, __spreadProps(__spreadValues({ value: String(value) }, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes15.Tabs.Content, __spreadProps(__spreadValues({ value: String(value) }, props), { children }));
 }
 function StepList(_a) {
   var _b = _a, {
@@ -9091,9 +9233,9 @@ function StepList(_a) {
     "children",
     "currentStep"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react11.default.Children.map(children, (child) => {
-    if (import_react11.default.isValidElement(child) && child.type === StepTrigger) {
-      return import_react11.default.cloneElement(child, { currentStep });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react12.default.Children.map(children, (child) => {
+    if (import_react12.default.isValidElement(child) && child.type === StepTrigger) {
+      return import_react12.default.cloneElement(child, { currentStep });
     }
     return child;
   }) }));
@@ -9104,12 +9246,12 @@ function StepWrapper(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes15.Box, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes15.Box, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Card.tsx
 var import_themes16 = require("@radix-ui/themes");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var CardStyled = styled(import_themes16.Card, {
   borderRadius: "$2xl",
   border: "1px solid $dark100",
@@ -9159,7 +9301,7 @@ function Card(_a) {
     "padding",
     "radius"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     CardStyled,
     __spreadProps(__spreadValues({}, props), {
       css: __spreadValues({ padding, borderRadius: radius }, props.css),
@@ -9170,8 +9312,8 @@ function Card(_a) {
 
 // src/components/TextareaField.tsx
 var import_themes17 = require("@radix-ui/themes");
-var import_react12 = __toESM(require("react"));
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react13 = __toESM(require("react"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var TextareaFieldStyle = styled(import_themes17.TextArea, {
   display: "flex",
   flex: 1,
@@ -9235,11 +9377,11 @@ var TextareaLimitIndicator = styled("div", {
     padding: "$4"
   }
 });
-var TextareaField = import_react12.default.forwardRef((_a, forwardedRef) => {
-  var _b = _a, { maxLength, color } = _b, props = __objRest(_b, ["maxLength", "color"]);
-  const inputRef = (0, import_react12.useRef)(null);
-  const [remaining, setRemaining] = (0, import_react12.useState)(maxLength);
-  (0, import_react12.useEffect)(() => {
+var TextareaField = import_react13.default.forwardRef((_a, forwardedRef) => {
+  var _b = _a, { maxLength, color, simpleLayout = false } = _b, props = __objRest(_b, ["maxLength", "color", "simpleLayout"]);
+  const inputRef = (0, import_react13.useRef)(null);
+  const [remaining, setRemaining] = (0, import_react13.useState)(maxLength);
+  (0, import_react13.useEffect)(() => {
     var _a2;
     if (maxLength && inputRef.current) {
       setRemaining(maxLength - ((_a2 = inputRef.current.value.length) != null ? _a2 : 0));
@@ -9252,34 +9394,37 @@ var TextareaField = import_react12.default.forwardRef((_a, forwardedRef) => {
     }
     (_a2 = props.onInput) == null ? void 0 : _a2.call(props, e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TextareaContainer, { color, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      TextareaFieldStyle,
-      __spreadValues({
-        rows: 4,
-        ref: (r) => {
-          if (!r) return;
-          inputRef.current = r;
-          if (forwardedRef) {
-            if (typeof forwardedRef === "function") forwardedRef(r);
-            else forwardedRef.current = r;
-          }
-        },
-        onInput: handleInput,
-        maxLength
-      }, props)
-    ),
-    maxLength && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextareaLimitIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { typography: "badgeMedium", children: remaining }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Flex2, { direction: "column", align: "end", style: { position: "relative" }, children: [
+    maxLength && simpleLayout && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { size: "sm", color: "grey", style: { position: "absolute", right: 0, top: "-1.75rem" }, children: remaining }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TextareaContainer, { color, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        TextareaFieldStyle,
+        __spreadValues({
+          rows: 4,
+          ref: (r) => {
+            if (!r) return;
+            inputRef.current = r;
+            if (forwardedRef) {
+              if (typeof forwardedRef === "function") forwardedRef(r);
+              else forwardedRef.current = r;
+            }
+          },
+          onInput: handleInput,
+          maxLength
+        }, props)
+      ),
+      maxLength && !simpleLayout && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextareaLimitIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { typography: "badgeMedium", children: remaining }) })
+    ] })
   ] });
 });
 
 // src/components/Toast/components/ToastItem.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/components/Toast/styles/index.ts
-var import_react13 = require("@stitches/react");
+var import_react14 = require("@stitches/react");
 var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
-var slideIn = (0, import_react13.keyframes)({
+var slideIn = (0, import_react14.keyframes)({
   from: {
     transform: "translateX(calc(100% + 25px))",
     opacity: 0
@@ -9289,7 +9434,7 @@ var slideIn = (0, import_react13.keyframes)({
     opacity: 1
   }
 });
-var slideOut = (0, import_react13.keyframes)({
+var slideOut = (0, import_react14.keyframes)({
   from: {
     transform: "translateX(0)",
     opacity: 1
@@ -9299,7 +9444,7 @@ var slideOut = (0, import_react13.keyframes)({
     opacity: 0
   }
 });
-var swipeOut = (0, import_react13.keyframes)({
+var swipeOut = (0, import_react14.keyframes)({
   from: {
     transform: "translateX(var(--radix-toast-swipe-end-x))",
     opacity: 1
@@ -9400,19 +9545,19 @@ var ToastClose = styled(ToastPrimitive.Close, {
 });
 
 // src/components/Toast/components/ToastItem.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function ToastItem({
   toast,
   onRemove
 }) {
-  const [open, setOpen] = (0, import_react14.useState)(true);
+  const [open, setOpen] = (0, import_react15.useState)(true);
   const handleOpenChange = (open2) => {
     setOpen(open2);
     if (!open2) {
       onRemove(toast.id);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     ToastRoot,
     {
       type: toast.type,
@@ -9420,26 +9565,26 @@ function ToastItem({
       open,
       onOpenChange: handleOpenChange,
       children: [
-        (toast == null ? void 0 : toast.icon) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon_default, { name: toast.icon, size: "xl" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { typography: "bodyS", fontWeight: "medium", children: toast.message }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ToastClose, { "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon_default, { name: "xmark", size: "md" }) })
+        (toast == null ? void 0 : toast.icon) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon_default, { name: toast.icon, size: "xl" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text, { typography: "bodyS", fontWeight: "medium", children: toast.message }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastClose, { "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon_default, { name: "xmark", size: "md" }) })
       ]
     }
   );
 }
 
 // src/components/Toast/components/ToastProvider.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var ToastContext = (0, import_react15.createContext)(null);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ToastContext = (0, import_react16.createContext)(null);
 function ToastProvider({
   children,
   defaultDuration = 5e3,
   maxToasts = 5,
   swipeDirection = "right"
 }) {
-  const [toasts, setToasts] = (0, import_react15.useState)([]);
+  const [toasts, setToasts] = (0, import_react16.useState)([]);
   const addToast = (toastData) => {
     const id = Math.random().toString(36).substr(2, 9);
     const newToast = __spreadProps(__spreadValues({
@@ -9467,17 +9612,17 @@ function ToastProvider({
     removeToast,
     removeAllToasts
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ToastPrimitive2.Provider, { swipeDirection, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ToastPrimitive2.Provider, { swipeDirection, children: [
     children,
-    toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastItem, { toast, onRemove: removeToast }, toast.id)),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastViewport, {})
+    toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ToastItem, { toast, onRemove: removeToast }, toast.id)),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ToastViewport, {})
   ] }) });
 }
 
 // src/components/Toast/hooks/useToast.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 var useToast = () => {
-  const context = (0, import_react16.useContext)(ToastContext);
+  const context = (0, import_react17.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast deve ser usado dentro de um ToastProvider");
   }
@@ -9486,7 +9631,7 @@ var useToast = () => {
 
 // src/components/Tooltip/index.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
@@ -9525,21 +9670,21 @@ function Tooltip({
   delayDuration = 200,
   side = "top"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TooltipRoot, { delayDuration, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TooltipContent, { side, sideOffset: 5, children: [
-      typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text, { typography: "tooltip", children: content }) : content,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipArrow, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipRoot, { delayDuration, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipContent, { side, sideOffset: 5, children: [
+      typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "tooltip", children: content }) : content,
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipArrow, {})
     ] })
   ] }) });
 }
 
 // src/components/MultiSelect/index.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_themes19 = require("@radix-ui/themes");
 var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/components/MultiSelect/styledComponents.ts
 var import_themes18 = require("@radix-ui/themes");
@@ -9688,8 +9833,8 @@ var ButtonSelectAllStyled = styled("button", {
 });
 
 // src/components/MultiSelect/index.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var MultiSelect = import_react17.default.forwardRef(
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var MultiSelect = import_react18.default.forwardRef(
   ({
     placeholder,
     value: selectedValues = [],
@@ -9707,24 +9852,24 @@ var MultiSelect = import_react17.default.forwardRef(
     selectedAllText,
     selectedScroll = false
   }, fowardedRef) => {
-    const [isOpen, setIsOpen] = (0, import_react17.useState)(false);
-    const triggerRef = (0, import_react17.useRef)(null);
-    const [allOptionsSelected, setAllOptionsSelected] = (0, import_react17.useState)(false);
-    const labelByValue = (0, import_react18.useMemo)(() => {
+    const [isOpen, setIsOpen] = (0, import_react18.useState)(false);
+    const triggerRef = (0, import_react18.useRef)(null);
+    const [allOptionsSelected, setAllOptionsSelected] = (0, import_react18.useState)(false);
+    const labelByValue = (0, import_react19.useMemo)(() => {
       return options.reduce((prev, curr) => {
         return __spreadProps(__spreadValues({}, prev), {
           [curr.value]: curr.label
         });
       }, {});
     }, [options]);
-    const handleRemove = (0, import_react17.useCallback)(
+    const handleRemove = (0, import_react18.useCallback)(
       (value) => {
         const newValue = selectedValues.filter((v) => v !== value);
         onValueChange == null ? void 0 : onValueChange(newValue);
       },
       [selectedValues, onValueChange]
     );
-    const handleSelectAll = (0, import_react17.useCallback)(
+    const handleSelectAll = (0, import_react18.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -9739,7 +9884,7 @@ var MultiSelect = import_react17.default.forwardRef(
       },
       [selectedValues, options, onValueChange]
     );
-    const text = (0, import_react18.useMemo)(() => {
+    const text = (0, import_react19.useMemo)(() => {
       if (selectedValues.length > 0 && singleSelect) {
         const value = selectedValues[0];
         return labelByValue[value];
@@ -9750,7 +9895,7 @@ var MultiSelect = import_react17.default.forwardRef(
       onValueChange == null ? void 0 : onValueChange([v]);
       setIsOpen(false);
     };
-    const handleToggle = (0, import_react17.useCallback)(
+    const handleToggle = (0, import_react18.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -9759,9 +9904,9 @@ var MultiSelect = import_react17.default.forwardRef(
       },
       [disabled]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes19.Theme, { style: width !== "100%" ? { width } : void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes19.DropdownMenu.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes19.DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes19.Theme, { style: width !== "100%" ? { width } : void 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes19.DropdownMenu.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes19.DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           StyledTrigger,
           {
             ref: (r) => {
@@ -9777,7 +9922,7 @@ var MultiSelect = import_react17.default.forwardRef(
             style: width !== "100%" ? { width } : void 0,
             onClick: handleToggle,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 StyledText,
                 {
                   typography: "labelMedium",
@@ -9785,7 +9930,7 @@ var MultiSelect = import_react17.default.forwardRef(
                   children: text
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 import_react_fontawesome3.FontAwesomeIcon,
                 {
                   icon: isOpen ? import_free_solid_svg_icons3.faChevronUp : import_free_solid_svg_icons3.faChevronDown,
@@ -9796,14 +9941,14 @@ var MultiSelect = import_react17.default.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           StyledContent,
           {
             css: {
               width: "100%",
               zIndex: zIndex === "auto" ? 999999 : zIndex
             },
-            children: !singleSelect ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            children: !singleSelect ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               CheckboxGroup,
               {
                 value: selectedValues,
@@ -9813,7 +9958,7 @@ var MultiSelect = import_react17.default.forwardRef(
                     setAllOptionsSelected(false);
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                   StyledFlexWithMaxHeight,
                   {
                     direction: "column",
@@ -9821,7 +9966,7 @@ var MultiSelect = import_react17.default.forwardRef(
                     hasMaxHeight: !!maxHeight,
                     style: maxHeight ? { maxHeight } : void 0,
                     children: [
-                      selectedAllOptions && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                      selectedAllOptions && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                         ButtonSelectAllStyled,
                         {
                           css: itemStyle,
@@ -9830,30 +9975,30 @@ var MultiSelect = import_react17.default.forwardRef(
                           },
                           type: "button",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: allOptionsSelected ? "checked" : "" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "labelSmall", children: selectedAllText ? selectedAllText : "Selecionar Todos" })
+                            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: allOptionsSelected ? "checked" : "" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { typography: "labelSmall", children: selectedAllText ? selectedAllText : "Selecionar Todos" })
                           ]
                         }
                       ),
-                      options.map(({ value, label }, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckboxItem, { value, css: itemStyle, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "labelSmall", children: label }) }, i))
+                      options.map(({ value, label }, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckboxItem, { value, css: itemStyle, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { typography: "labelSmall", children: label }) }, i))
                     ]
                   }
                 )
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               StyledFlexWithMaxHeight,
               {
                 direction: "column",
                 gap: 8,
                 hasMaxHeight: !!maxHeight,
                 style: maxHeight ? { maxHeight } : void 0,
-                children: options.map(({ value, label }, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StyledItem2, { onClick: () => handleItemClick(value), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "labelSmall", children: label }) }, i))
+                children: options.map(({ value, label }, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledItem2, { onClick: () => handleItemClick(value), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { typography: "labelSmall", children: label }) }, i))
               }
             )
           }
         )
       ] }),
-      selectedValues.length > 0 && showSelectedValues && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      selectedValues.length > 0 && showSelectedValues && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         StyledFlexSelectedItems,
         {
           direction: selectedOrientation,
@@ -9861,14 +10006,14 @@ var MultiSelect = import_react17.default.forwardRef(
           align: selectedOrientation === "column" ? "start" : "center",
           justify: "start",
           css: __spreadValues({}, selectedScroll && { maxHeight: maxHeight || "400px" }),
-          children: selectedValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          children: selectedValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             Flex2,
             {
               gap: 4,
               align: "center",
               css: { flexWrap: "wrap" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   CloseBtnStyled,
                   {
                     onClick: (e) => {
@@ -9876,10 +10021,10 @@ var MultiSelect = import_react17.default.forwardRef(
                       handleRemove(value);
                     },
                     type: "button",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_fontawesome3.FontAwesomeIcon, { icon: import_free_solid_svg_icons3.faSquareXmark, size: "sm" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_fontawesome3.FontAwesomeIcon, { icon: import_free_solid_svg_icons3.faSquareXmark, size: "sm" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   Text,
                   {
                     typography: "captionMedium",
@@ -9907,7 +10052,7 @@ var Divider = styled("div", {
 
 // src/components/Grid.tsx
 var import_themes20 = require("@radix-ui/themes");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var GridStyled = styled(import_themes20.Grid, {
   display: "grid",
   variants: {
@@ -10029,12 +10174,12 @@ var GridStyled = styled(import_themes20.Grid, {
 });
 function Grid(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GridStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(GridStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Container.tsx
 var import_themes21 = require("@radix-ui/themes");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var ContainerStyled = styled(import_themes21.Container, {
   variants: {
     size: {
@@ -10064,12 +10209,12 @@ var ContainerStyled = styled(import_themes21.Container, {
 });
 function Container(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ContainerStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ContainerStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Section.tsx
 var import_themes22 = require("@radix-ui/themes");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SectionStyled = styled(import_themes22.Section, {
   variants: {
     size: {
@@ -10093,26 +10238,26 @@ var SectionStyled = styled(import_themes22.Section, {
 });
 function Section(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SectionStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SectionStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/FormFields/subComponents/ErrorFormMessage.tsx
 var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var ErrorFormMessage = ({ message: message2 }) => {
   if (!message2) return null;
   if (typeof message2 !== "string") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Flex2, { justify: "start", align: "center", gap: 6, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_fontawesome4.FontAwesomeIcon, { icon: import_free_solid_svg_icons4.faXmarkCircle, color: colors.error600, size: "1x" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Flex2, { justify: "start", align: "center", gap: 6, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_fontawesome4.FontAwesomeIcon, { icon: import_free_solid_svg_icons4.faXmarkCircle, color: colors.error600, size: "1x" }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
   ] });
 };
 
 // src/components/FormFields/subComponents/FormLabel.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var FormLabel = ({
   name,
   label,
@@ -10120,7 +10265,7 @@ var FormLabel = ({
   required
 }) => {
   if (!label) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     Text,
     {
       typography: "labelMedium",
@@ -10129,7 +10274,7 @@ var FormLabel = ({
       id: `${name}-label`,
       children: [
         label,
-        !required && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text, { color: "dark500", children: " (opcional)" })
+        !required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text, { color: "dark500", children: " (opcional)" })
       ]
     }
   );
@@ -10137,7 +10282,7 @@ var FormLabel = ({
 
 // src/components/FormFields/TextAreaFormField.tsx
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var TextAreaFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10145,14 +10290,16 @@ var TextAreaFormField = (_a) => {
     required,
     placeholder,
     validate,
-    validationErrorMessage = "Este campo \xE9 obrigat\xF3rio."
+    validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+    simpleLayout = false
   } = _b, props = __objRest(_b, [
     "name",
     "label",
     "required",
     "placeholder",
     "validate",
-    "validationErrorMessage"
+    "validationErrorMessage",
+    "simpleLayout"
   ]);
   var _a2;
   const {
@@ -10165,8 +10312,8 @@ var TextAreaFormField = (_a) => {
     required: required ? validationErrorMessage : false,
     validate
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       FormLabel,
       {
         name,
@@ -10175,23 +10322,24 @@ var TextAreaFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       TextareaField,
       __spreadProps(__spreadValues(__spreadValues({}, props), register(name, validationRules)), {
         placeholder,
         color: haveError ? "error" : "default",
+        simpleLayout,
         "aria-labelledby": `${name}-label`
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/TextFormField.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_mask2 = require("@react-input/mask");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var TextFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10212,7 +10360,7 @@ var TextFormField = (_a) => {
     "onChange",
     "valueFormatter"
   ]);
-  const handleValidate = (0, import_react19.useCallback)(
+  const handleValidate = (0, import_react20.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || !required && value.trim() === "")
@@ -10234,7 +10382,7 @@ var TextFormField = (_a) => {
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
   const { value: formValue, onChange: formChange } = field;
-  const formattedValue = (0, import_react19.useMemo)(() => {
+  const formattedValue = (0, import_react20.useMemo)(() => {
     let value = formValue;
     if (valueFormatter) value = valueFormatter.format(value);
     if (mask) value = (0, import_mask2.format)(value != null ? value : "", mask);
@@ -10246,8 +10394,8 @@ var TextFormField = (_a) => {
     if (valueFormatter) value = valueFormatter.unformat(value);
     formChange(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Flex2, { direction: "column", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Flex2, { direction: "column", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       FormLabel,
       {
         name,
@@ -10256,7 +10404,7 @@ var TextFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       TextField,
       __spreadProps(__spreadValues(__spreadValues({
         mask,
@@ -10267,13 +10415,13 @@ var TextFormField = (_a) => {
         value: formattedValue
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/Form.tsx
 var import_react_hook_form3 = require("react-hook-form");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Form = (_a) => {
   var _b = _a, {
     onSubmit,
@@ -10285,7 +10433,7 @@ var Form = (_a) => {
   const formMethods = (0, import_react_hook_form3.useForm)(__spreadValues({
     mode: "onTouched"
   }, props));
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
     if (typeof children === "function") {
       return children(formMethods);
     }
@@ -10295,7 +10443,7 @@ var Form = (_a) => {
 
 // src/components/FormFields/MultiSelectFormField.tsx
 var import_react_hook_form4 = require("react-hook-form");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var MultiSelectFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10326,8 +10474,8 @@ var MultiSelectFormField = (_a) => {
   const handleChange = (v) => {
     onChange(v);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       FormLabel,
       {
         name,
@@ -10336,7 +10484,7 @@ var MultiSelectFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       MultiSelect,
       __spreadValues({
         value,
@@ -10348,7 +10496,7 @@ var MultiSelectFormField = (_a) => {
         maxHeight
       }, rest)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -10366,13 +10514,13 @@ var minMaxLength = (min, max, errorMsg) => (value) => {
 };
 
 // src/components/FormFields/PhoneFormField.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var PhoneFormField = ({
   name,
   label,
   required
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     TextFormField,
     {
       name,
@@ -10402,7 +10550,7 @@ var PhoneFormField = ({
 
 // src/components/FormFields/CPFFormField.tsx
 var import_react_hook_form5 = require("react-hook-form");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var isValidCPF = (cpf) => {
   cpf = cpf.replace(/[^\d]+/g, "");
   if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) return false;
@@ -10428,8 +10576,8 @@ var CPFFormField = ({
 }) => {
   const { control, setValue } = (0, import_react_hook_form5.useFormContext)();
   const foreigner = (0, import_react_hook_form5.useWatch)({ name: "foreigner", control });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       TextFormField,
       {
         name,
@@ -10447,7 +10595,7 @@ var CPFFormField = ({
         disabled: foreigner
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       CheckboxGroup,
       {
         value: foreigner ? ["true"] : [],
@@ -10459,14 +10607,14 @@ var CPFFormField = ({
             setValue(name, "");
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CheckboxItem, { value: "true", children: foreignerLabel })
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CheckboxItem, { value: "true", children: foreignerLabel })
       }
     )
   ] });
 };
 
 // src/components/FormFields/CNPJFormField.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var matchesNonDigit = new RegExp(/\D+/g);
 var getWeights = (size, start, end) => {
   const weights = [];
@@ -10515,7 +10663,7 @@ var CNPJFormField = ({
   placeholder,
   validationErrorMessage
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     TextFormField,
     {
       name,
@@ -10536,7 +10684,7 @@ var CNPJFormField = ({
 };
 
 // src/components/FormFields/BirthDateFormField.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var isValidDate = (day, month, year) => {
   const date = new Date(year, month - 1, day);
   return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
@@ -10573,7 +10721,7 @@ var BirthDateFormField = ({
   language
 }) => {
   const inputPlaceholder = placeholder || (language === "pt-BR" ? "DD/MM/AAAA" : "MM/DD/YYYY");
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     TextFormField,
     {
       name,
@@ -10594,7 +10742,7 @@ var BirthDateFormField = ({
 };
 
 // src/components/FormFields/IdentityDocumentNumberFormField.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var IdentityDocumentNumberFormField = ({
   name,
   label,
@@ -10602,7 +10750,7 @@ var IdentityDocumentNumberFormField = ({
   placeholder,
   validationErrorMessage
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     TextFormField,
     {
       name,
@@ -10631,7 +10779,7 @@ function getNestedValue(obj, path) {
 }
 
 // src/components/FormFields/SelectFormField.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var SelectFormField = ({
   name,
   label,
@@ -10652,8 +10800,8 @@ var SelectFormField = ({
   const validationRules = __spreadValues({
     required: required ? validationErrorMessage : false
   }, validation);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       FormLabel,
       {
         name,
@@ -10662,7 +10810,7 @@ var SelectFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       import_react_hook_form6.Controller,
       {
         control,
@@ -10671,14 +10819,14 @@ var SelectFormField = ({
         defaultValue: defaultValue || "",
         render: ({ field: { value, onChange } }) => {
           const selectedOption = options.find((opt) => opt.value === value);
-          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             DropdownMenu2,
             {
               placeholder: (selectedOption == null ? void 0 : selectedOption.label) || placeholder,
               fontWeight: "regular",
               typography: "labelLarge",
               color: haveError ? "error" : "default",
-              children: options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              children: options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 DropdownMenuItem,
                 {
                   value: option.value,
@@ -10694,7 +10842,7 @@ var SelectFormField = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -10727,7 +10875,7 @@ function useCountries(language = "pt-BR") {
 }
 
 // src/components/FormFields/AddressFormFields/CountryFormField.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function CountryFormField({
   name,
   label,
@@ -10735,7 +10883,7 @@ function CountryFormField({
   language = "pt-BR"
 }) {
   const countries2 = useCountries(language);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Flex2, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Flex2, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     SelectFormField,
     {
       label,
@@ -10748,7 +10896,7 @@ function CountryFormField({
 }
 
 // src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var PostalCodeFormField = ({
   name,
   label,
@@ -10757,7 +10905,7 @@ var PostalCodeFormField = ({
   validationErrorMessage,
   onChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     TextFormField,
     {
       name,
@@ -10810,14 +10958,14 @@ var brazilianStates = [
 ];
 
 // src/components/FormFields/AddressFormFields/StateFormField.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function StateFormField({
   name,
   label,
   required,
   isBrazil
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     SelectFormField,
     {
       name,
@@ -10825,13 +10973,13 @@ function StateFormField({
       required,
       label
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TextFormField, { name, required, label }) });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TextFormField, { name, required, label }) });
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_react_hook_form7 = require("react-hook-form");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function CityFormField({
   name,
   label,
@@ -10842,9 +10990,9 @@ function CityFormField({
 }) {
   const { control, watch } = (0, import_react_hook_form7.useFormContext)();
   const selectedState = watch(stateName);
-  const [cities, setCities] = (0, import_react20.useState)([]);
-  const [loading, setLoading] = (0, import_react20.useState)(false);
-  (0, import_react20.useEffect)(() => {
+  const [cities, setCities] = (0, import_react21.useState)([]);
+  const [loading, setLoading] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
     if (!isBrazil) {
       setCities([]);
       return;
@@ -10883,13 +11031,13 @@ function CityFormField({
     }
     fetchCities();
   }, [selectedState, isBrazil]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_react_hook_form7.Controller,
     {
       name,
       control,
       rules: { required },
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         SelectFormField,
         __spreadProps(__spreadValues({
           label,
@@ -10903,7 +11051,7 @@ function CityFormField({
         })
       )
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     TextFormField,
     {
       name,
@@ -10915,7 +11063,7 @@ function CityFormField({
 }
 
 // src/components/FormFields/AddressFormFields/index.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function getNestedValue2(obj, path) {
   return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
 }
@@ -10965,8 +11113,8 @@ function AddressFormFields({
       console.error("Erro ao buscar CEP");
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AddressContainerStyled, { layout, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AddressContainerStyled, { layout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       FormLabel,
       {
         name,
@@ -10975,7 +11123,7 @@ function AddressFormFields({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       CountryFormField,
       {
         name: `${name}.country`,
@@ -10984,7 +11132,7 @@ function AddressFormFields({
         language: "pt-BR"
       }
     ),
-    isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    isBrazil ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       PostalCodeFormField,
       {
         name: `${name}.zip_code`,
@@ -10994,7 +11142,7 @@ function AddressFormFields({
         validationErrorMessage: "CEP inv\xE1lido",
         onChange: handleCEPChange
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       TextFormField,
       {
         name: `${name}.zip_code`,
@@ -11002,7 +11150,7 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       StateFormField,
       {
         name: `${name}.state`,
@@ -11011,7 +11159,7 @@ function AddressFormFields({
         isBrazil
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       CityFormField,
       {
         name: `${name}.city`,
@@ -11021,8 +11169,8 @@ function AddressFormFields({
         isBrazil
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TextFormField, { name: `${name}.street`, label: "Rua", required }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TextFormField, { name: `${name}.street`, label: "Rua", required }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       TextFormField,
       {
         name: `${name}.number`,
@@ -11030,7 +11178,7 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       TextFormField,
       {
         name: `${name}.neighborhood`,
@@ -11038,13 +11186,13 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TextFormField, { name: `${name}.complement`, label: "Complemento" })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TextFormField, { name: `${name}.complement`, label: "Complemento" })
   ] });
 }
 
 // src/components/FormFields/RadioGroupFormField.tsx
 var import_react_hook_form9 = require("react-hook-form");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var RadioGroupFormField = ({
   name,
   label,
@@ -11066,8 +11214,8 @@ var RadioGroupFormField = ({
   const validationRules = {
     required: required ? validationErrorMessage : false
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       FormLabel,
       {
         name,
@@ -11076,14 +11224,14 @@ var RadioGroupFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       import_react_hook_form9.Controller,
       {
         name,
         control,
         defaultValue: defaultValue || "",
         rules: validationRules,
-        render: ({ field: { value, onChange } }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        render: ({ field: { value, onChange } }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           RadioGroup,
           {
             value,
@@ -11091,21 +11239,21 @@ var RadioGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RadioItem, { value: option.value }),
+            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RadioItem, { value: option.value }),
               option.label
             ] }, option.value))
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/CheckboxGroupFormField.tsx
 var import_react_hook_form10 = require("react-hook-form");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var CheckboxGroupFormField = ({
   name,
   label,
@@ -11128,8 +11276,8 @@ var CheckboxGroupFormField = ({
     required: required ? validationErrorMessage : false,
     validate: required ? (value) => (value == null ? void 0 : value.length) > 0 || validationErrorMessage : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Flex2, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Flex2, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       FormLabel,
       {
         name,
@@ -11138,14 +11286,14 @@ var CheckboxGroupFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       import_react_hook_form10.Controller,
       {
         name,
         control,
         rules: validationRules,
         defaultValue,
-        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           CheckboxGroup,
           {
             name,
@@ -11154,7 +11302,7 @@ var CheckboxGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               CheckboxItem,
               {
                 value: option.value,
@@ -11167,13 +11315,13 @@ var CheckboxGroupFormField = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/SwitchFormField.tsx
 var import_react_hook_form11 = require("react-hook-form");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SwitchFormField = ({
   name,
   label,
@@ -11187,15 +11335,15 @@ var SwitchFormField = ({
   if (watch) {
     watchForm(name);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Flex2, { justify: "between", style: { margin: "1rem 0" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text, { typography: "labelMedium", fontWeight: "regular", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Flex2, { justify: "between", style: { margin: "1rem 0" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { typography: "labelMedium", fontWeight: "regular", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       import_react_hook_form11.Controller,
       {
         control,
         name,
         defaultValue,
-        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Switch,
           {
             checked: field.value,
@@ -11208,14 +11356,14 @@ var SwitchFormField = ({
 };
 
 // src/components/FormFields/EmailFormField.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var EmailFormField = ({
   name,
   label,
   required,
   placeholder
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     TextFormField,
     {
       name,
@@ -11232,10 +11380,10 @@ var EmailFormField = ({
 var import_react_hook_form12 = require("react-hook-form");
 
 // src/components/RichEditor/RichEditor.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/RichEditor/QuillComponent.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_react_quilljs = require("react-quilljs");
 
 // src/utils/uploadService.ts
@@ -12291,7 +12439,7 @@ var QuillEditor = styled("div", {
 });
 
 // src/components/RichEditor/QuillComponent.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var QuillComponent = ({
   value = "",
   onChange,
@@ -12304,12 +12452,12 @@ var QuillComponent = ({
   onCharacterCountChange,
   maxLength
 }) => {
-  const [showVideoModal, setShowVideoModal] = (0, import_react21.useState)(false);
-  const [videoUrl, setVideoUrl] = (0, import_react21.useState)("");
-  const [showLinkModal, setShowLinkModal] = (0, import_react21.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react21.useState)("");
-  const videoModalRef = (0, import_react21.useRef)(null);
-  const linkModalRef = (0, import_react21.useRef)(null);
+  const [showVideoModal, setShowVideoModal] = (0, import_react22.useState)(false);
+  const [videoUrl, setVideoUrl] = (0, import_react22.useState)("");
+  const [showLinkModal, setShowLinkModal] = (0, import_react22.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react22.useState)("");
+  const videoModalRef = (0, import_react22.useRef)(null);
+  const linkModalRef = (0, import_react22.useRef)(null);
   const { addToast, removeToast } = useToast();
   const formatHTML = (html) => {
     const parser = new DOMParser();
@@ -12373,7 +12521,7 @@ var QuillComponent = ({
     placeholder,
     readOnly: disabled
   });
-  const handleImageUpload = (0, import_react21.useCallback)(
+  const handleImageUpload = (0, import_react22.useCallback)(
     (file) => __async(null, null, function* () {
       if (disabled || !quill || !uploadConfig) return;
       try {
@@ -12405,7 +12553,7 @@ var QuillComponent = ({
     }),
     [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (quill && value) {
       const currentContent = quill.root.innerHTML;
       if (currentContent !== value) {
@@ -12419,7 +12567,7 @@ var QuillComponent = ({
       }
     }
   }, [quill, value]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (quill) {
       quill.on("text-change", (delta, oldDelta, source) => {
         if (source === "user") {
@@ -12474,7 +12622,7 @@ var QuillComponent = ({
       }, 2e3);
     }
   }, [quill, onChange, handleImageUpload, onCharacterCountChange]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (quill) {
       quill.enable(!disabled);
       if (!disabled) {
@@ -12485,11 +12633,11 @@ var QuillComponent = ({
       }
     }
   }, [quill, disabled]);
-  const handleLinkCancel = (0, import_react21.useCallback)(() => {
+  const handleLinkCancel = (0, import_react22.useCallback)(() => {
     setLinkUrl("");
     setShowLinkModal(false);
   }, []);
-  const handleLinkSubmit = (0, import_react21.useCallback)(() => {
+  const handleLinkSubmit = (0, import_react22.useCallback)(() => {
     if (!linkUrl.trim() || !quill) return;
     const url = linkUrl.trim();
     const selection = quill.getSelection();
@@ -12504,11 +12652,11 @@ var QuillComponent = ({
     setLinkUrl("");
     setShowLinkModal(false);
   }, [linkUrl, quill]);
-  const handleVideoCancel = (0, import_react21.useCallback)(() => {
+  const handleVideoCancel = (0, import_react22.useCallback)(() => {
     setVideoUrl("");
     setShowVideoModal(false);
   }, []);
-  const handleVideoSubmit = (0, import_react21.useCallback)(() => {
+  const handleVideoSubmit = (0, import_react22.useCallback)(() => {
     var _a, _b;
     if (!videoUrl.trim() || !quill) return;
     let processedUrl = videoUrl.trim();
@@ -12541,7 +12689,7 @@ var QuillComponent = ({
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
         handleVideoCancel();
@@ -12553,9 +12701,9 @@ var QuillComponent = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [showVideoModal, showLinkModal, handleVideoCancel, handleLinkCancel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(QuillEditor, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref: quillRef }),
-    showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(QuillEditor, { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref: quillRef }),
+    showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         ref: videoModalRef,
@@ -12572,15 +12720,15 @@ var QuillComponent = ({
           zIndex: 1e3,
           width: "fit-content"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Flex2, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Flex2, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             Text,
             {
               style: { fontSize: "14px", fontWeight: "500", color: "#333" },
               children: "V\xEDdeo:"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "input",
             {
               type: "text",
@@ -12604,7 +12752,7 @@ var QuillComponent = ({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "button",
             {
               onClick: handleVideoSubmit,
@@ -12625,7 +12773,7 @@ var QuillComponent = ({
         ] })
       }
     ),
-    showLinkModal && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    showLinkModal && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         ref: linkModalRef,
@@ -12642,15 +12790,15 @@ var QuillComponent = ({
           zIndex: 1e3,
           width: "fit-content"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Flex2, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Flex2, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             Text,
             {
               style: { fontSize: "14px", fontWeight: "500", color: "#333" },
               children: "Link:"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "input",
             {
               type: "text",
@@ -12675,7 +12823,7 @@ var QuillComponent = ({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "button",
             {
               onClick: handleLinkSubmit,
@@ -12701,20 +12849,20 @@ var QuillComponent = ({
 var QuillComponent_default = QuillComponent;
 
 // src/components/RichEditor/RichEditor.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var RichEditor = (props) => {
-  const [isClient, setIsClient] = (0, import_react22.useState)(false);
-  (0, import_react22.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react23.useState)(false);
+  (0, import_react23.useEffect)(() => {
     setIsClient(typeof window !== "undefined");
   }, []);
   if (!isClient) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuillComponent_default, __spreadValues({}, props)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(QuillComponent_default, __spreadValues({}, props)) }) });
 };
 var RichEditor_default = RichEditor;
 
 // src/components/FormFields/RichEditorFormField.tsx
-var import_react23 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_react24 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var RichEditorFormField = (_a) => {
   var _b = _a, {
     name,
@@ -12748,7 +12896,7 @@ var RichEditorFormField = (_a) => {
     },
     defaultValue: ""
   });
-  const [caracterQuantity, setCaracterQuantity] = (0, import_react23.useState)(maxLength);
+  const [caracterQuantity, setCaracterQuantity] = (0, import_react24.useState)(maxLength);
   const handleCharacterCountChange = (count) => {
     if (maxLength !== void 0) {
       setCaracterQuantity(Math.max(0, maxLength - count));
@@ -12757,9 +12905,9 @@ var RichEditorFormField = (_a) => {
   const fieldError = fieldState.error;
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Flex2, { direction: "column", children: [
-    maxLength ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Flex2, { direction: "row", justify: "between", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Flex2, { direction: "column", children: [
+    maxLength ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Flex2, { direction: "row", justify: "between", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         FormLabel,
         {
           name,
@@ -12768,8 +12916,8 @@ var RichEditorFormField = (_a) => {
           haveError
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Badge, { color: "grey", size: "xs", children: caracterQuantity })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Badge, { color: "grey", size: "xs", children: caracterQuantity })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       FormLabel,
       {
         name,
@@ -12778,7 +12926,7 @@ var RichEditorFormField = (_a) => {
         haveError
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       RichEditor_default,
       __spreadProps(__spreadValues({}, props), {
         value: field.value,
@@ -12790,14 +12938,14 @@ var RichEditorFormField = (_a) => {
         simpleVersion
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/CalendarFormField.tsx
 var import_react_hook_form13 = require("react-hook-form");
-var import_react24 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var CalendarFormField = (_a) => {
   var _b = _a, {
     name,
@@ -12820,7 +12968,7 @@ var CalendarFormField = (_a) => {
     "allowPastDates",
     "maxYearsFromNow"
   ]);
-  const handleValidate = (0, import_react24.useCallback)(
+  const handleValidate = (0, import_react25.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null) {
@@ -12846,8 +12994,8 @@ var CalendarFormField = (_a) => {
   const handleCalendarChange = (date) => {
     setSelected(date);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Flex2, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Flex2, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       FormLabel,
       {
         name,
@@ -12856,7 +13004,7 @@ var CalendarFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       Calendar,
       __spreadValues({
         selected,
@@ -12869,14 +13017,83 @@ var CalendarFormField = (_a) => {
         maxYearsFromNow
       }, calendarProps)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
-// src/components/FormFields/TimePickerFormField.tsx
+// src/components/FormFields/DoubleCalendarFormField.tsx
+var import_react26 = require("react");
 var import_react_hook_form14 = require("react-hook-form");
-var import_react25 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var DoubleCalendarFormField = (_a) => {
+  var _b = _a, {
+    name,
+    label,
+    required,
+    validate,
+    validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+    rules,
+    allowPastDates,
+    maxYearsFromNow = 20
+  } = _b, calendarProps = __objRest(_b, [
+    "name",
+    "label",
+    "required",
+    "validate",
+    "validationErrorMessage",
+    "rules",
+    "allowPastDates",
+    "maxYearsFromNow"
+  ]);
+  const handleValidate = (0, import_react26.useCallback)(
+    (value) => {
+      var _a2;
+      if (value === void 0 || value === null) {
+        if (required) return validationErrorMessage;
+        return true;
+      }
+      return (_a2 = validate == null ? void 0 : validate(value)) != null ? _a2 : true;
+    },
+    [validate, required, validationErrorMessage]
+  );
+  const { field, fieldState } = (0, import_react_hook_form14.useController)({
+    name,
+    rules: __spreadValues({
+      required: required ? validationErrorMessage : false,
+      validate: handleValidate
+    }, rules),
+    defaultValue: void 0
+  });
+  const fieldError = fieldState.error;
+  const haveError = !!fieldError;
+  const errorMsg = fieldError == null ? void 0 : fieldError.message;
+  const { value: selected, onChange: setSelected } = field;
+  const handleCalendarChange = (range) => {
+    setSelected(range);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Flex2, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FormLabel, { name, label, required, haveError }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      DoubleCalendar,
+      __spreadValues({
+        selected,
+        setSelected: (value) => {
+          const newValue = typeof value === "function" ? value(selected) : value;
+          handleCalendarChange(newValue);
+        },
+        hasError: haveError,
+        allowPastDates,
+        maxYearsFromNow
+      }, calendarProps)
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/components/FormFields/TimePickerFormField.tsx
+var import_react_hook_form15 = require("react-hook-form");
+var import_react27 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var TimePickerFormField = (_a) => {
   var _b = _a, {
     name,
@@ -12893,7 +13110,7 @@ var TimePickerFormField = (_a) => {
     "validationErrorMessage",
     "rules"
   ]);
-  const handleValidate = (0, import_react25.useCallback)(
+  const handleValidate = (0, import_react27.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || value === "") {
@@ -12904,7 +13121,7 @@ var TimePickerFormField = (_a) => {
     },
     [validate, required, validationErrorMessage]
   );
-  const { field, fieldState } = (0, import_react_hook_form14.useController)({
+  const { field, fieldState } = (0, import_react_hook_form15.useController)({
     name,
     rules: __spreadValues({
       required: required ? validationErrorMessage : false,
@@ -12919,8 +13136,8 @@ var TimePickerFormField = (_a) => {
   const handleTimePickerChange = (time) => {
     setSelected(time);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Flex2, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Flex2, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       FormLabel,
       {
         name,
@@ -12929,7 +13146,7 @@ var TimePickerFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       TimePicker,
       __spreadValues({
         selected,
@@ -12940,16 +13157,16 @@ var TimePickerFormField = (_a) => {
         hasError: haveError
       }, timePickerProps)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/hooks/useImageUpload.ts
-var import_react26 = require("react");
+var import_react28 = require("react");
 var useImageUpload = (options) => {
-  const [isUploading, setIsUploading] = (0, import_react26.useState)(false);
-  const [progress, setProgress] = (0, import_react26.useState)(null);
-  const [error, setError] = (0, import_react26.useState)(null);
+  const [isUploading, setIsUploading] = (0, import_react28.useState)(false);
+  const [progress, setProgress] = (0, import_react28.useState)(null);
+  const [error, setError] = (0, import_react28.useState)(null);
   const {
     onSuccess,
     onError,
@@ -12959,7 +13176,7 @@ var useImageUpload = (options) => {
     allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"],
     uploadConfig
   } = options;
-  const validateFile = (0, import_react26.useCallback)(
+  const validateFile = (0, import_react28.useCallback)(
     (file) => {
       if (!allowedTypes.includes(file.type)) {
         const errorMsg = "Tipo de arquivo n\xE3o suportado";
@@ -12977,7 +13194,7 @@ var useImageUpload = (options) => {
     },
     [allowedTypes, maxFileSize, onError]
   );
-  const uploadFile = (0, import_react26.useCallback)(
+  const uploadFile = (0, import_react28.useCallback)(
     (file) => __async(null, null, function* () {
       if (!validateFile(file)) {
         return null;
@@ -13030,7 +13247,7 @@ var useImageUpload = (options) => {
     }),
     [validateFile, onSuccess, onError, onProgress]
   );
-  const reset = (0, import_react26.useCallback)(() => {
+  const reset = (0, import_react28.useCallback)(() => {
     setIsUploading(false);
     setProgress(null);
     setError(null);
@@ -13079,6 +13296,8 @@ var useImageUpload = (options) => {
   ContainerStyled,
   CountryFormField,
   Divider,
+  DoubleCalendar,
+  DoubleCalendarFormField,
   Drawer,
   DropdownMenu,
   DropdownMenuItem,