@lets-events/react 12.0.0 → 12.1.0

package/dist/index.js

@@ -1796,6 +1796,7 @@ var ButtonStyled = styled(import_themes2.Button, {
         color: "$$buttonColor",
         width: "100%",
         borderRadius: 0,
+        whiteSpace: "nowrap",
         "&:hover": {
           backgroundColor: "$dark100"
         }
@@ -3769,10 +3770,24 @@ var import_react5 = require("react");
 function useOnClickOutside(ref, handler) {
   (0, import_react5.useEffect)(() => {
     const listener = (event) => {
-      if (!ref.current || ref.current.contains(event.target)) {
+      if (!(ref == null ? void 0 : ref.current) || !event.target) {
         return;
       }
-      handler();
+      const target = event.target;
+      const currentTarget = event.currentTarget;
+      if (ref.current.contains(target) || ref.current.contains(currentTarget)) {
+        return;
+      }
+      if (target.tagName === "HTML" || target.tagName === "BODY") {
+        const elementAtPoint = document.elementFromPoint(
+          event.clientX,
+          event.clientY
+        );
+        if (elementAtPoint && ref.current.contains(elementAtPoint)) {
+          return;
+        }
+      }
+      handler(event);
     };
     document.addEventListener("mousedown", listener);
     document.addEventListener("touchstart", listener);
@@ -7698,7 +7713,17 @@ var CalendarStyled = styled("div", {
   lineHeight: "$base",
   fontSize: "$14",
   borderRadius: "$sm",
-  position: "relative"
+  position: "relative",
+  width: "fit-content",
+  variants: {
+    expand: {
+      true: {
+        width: "100%",
+        flex: "1",
+        display: "flex"
+      }
+    }
+  }
 });
 var CalendarButtonStyled = styled("button", {
   backgroundColor: "transparent",
@@ -7707,25 +7732,52 @@ var CalendarButtonStyled = styled("button", {
   padding: "0",
   cursor: "pointer",
   "> div > div": {
-    paddingLeft: "1rem",
-    "input": {
+    paddingLeft: "0",
+    input: {
       textAlign: "right"
     }
+  },
+  variants: {
+    expand: {
+      true: {
+        flex: "1",
+        display: "flex",
+        maxWidth: "100%"
+      }
+    }
   }
 });
 var CalendarContentStyled = styled("div", {
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$14",
-  width: "100%",
   maxWidth: "fit-content",
   border: "1px solid $neutral300",
   borderRadius: "$sm",
   boxShadow: "0px 2px 8px 0px $shadow50",
   position: "absolute",
-  left: "0",
   backgroundColor: "$neutral50",
-  zIndex: "999999"
+  zIndex: "999999",
+  variants: {
+    position: {
+      top: {
+        bottom: "110%",
+        left: "0"
+      },
+      bottom: {
+        top: "110%",
+        left: "0"
+      },
+      "top-right": {
+        bottom: "110%",
+        right: "0"
+      },
+      "bottom-right": {
+        top: "110%",
+        right: "0"
+      }
+    }
+  }
 });
 var CalendarFooterStyled = styled("div", {
   borderTop: "2px solid $neutral100",
@@ -7742,7 +7794,7 @@ var DayPickerWrapperStyled = styled("div", {
     color: "$dark500"
   },
   ".rdp-root": {
-    padding: "$16"
+    padding: "$8"
   },
   ".rdp-today .rdp-day_button": {
     color: "$brand500",
@@ -7914,7 +7966,9 @@ function Calendar(_a) {
     selected,
     setSelected,
     position = "bottom",
-    hasError
+    hasError,
+    expand,
+    allowPastDates = false
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
@@ -7922,7 +7976,9 @@ function Calendar(_a) {
     "selected",
     "setSelected",
     "position",
-    "hasError"
+    "hasError",
+    "expand",
+    "allowPastDates"
   ]);
   const [inputValue, setInputValue] = (0, import_react7.useState)("");
   const [showContainer, setShowCalendar] = (0, import_react7.useState)(false);
@@ -7944,15 +8000,20 @@ function Calendar(_a) {
     setInputValue(masked);
     const parsed = parse(masked, "dd/MM/yyyy", /* @__PURE__ */ new Date());
     if (isValid(parsed)) {
+      if (!allowPastDates && parsed < today) {
+        console.warn("Datas passadas n\xE3o s\xE3o permitidas:", masked);
+        return;
+      }
       setSelected(parsed);
     } else {
       console.warn("Data inv\xE1lida inserida no input:", masked);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(CalendarStyled, __spreadProps(__spreadValues({}, props), { ref: dropdownRef, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(CalendarStyled, __spreadProps(__spreadValues({}, props), { expand, ref: dropdownRef, children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       CalendarButtonStyled,
       {
+        expand,
         type: "button",
         onClick: () => setShowCalendar((prev) => !prev),
         children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -7970,42 +8031,36 @@ function Calendar(_a) {
         )
       }
     ),
-    showContainer && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      CalendarContentStyled,
-      {
-        style: position === "top" ? { bottom: "110%" } : { top: "110%" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DayPickerWrapperStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            import_react_day_picker.DayPicker,
-            {
-              mode: "single",
-              captionLayout: calendarLayout,
-              selected,
-              onSelect: setSelected,
-              required: true,
-              locale: ptBR,
-              disabled: { before: today },
-              startMonth: today,
-              endMonth: maxDate
-            }
-          ) }) }),
-          action && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CalendarFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            Button,
-            {
-              variant: "text",
-              color: "brand",
-              type: "button",
-              onClick: () => {
-                setShowCalendar(false);
-              },
-              size: "medium",
-              fontWeight: "medium",
-              children: actionText != null ? actionText : "Aplicar"
-            }
-          ) })
-        ]
-      }
-    )
+    showContainer && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(CalendarContentStyled, { position, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DayPickerWrapperStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        import_react_day_picker.DayPicker,
+        {
+          mode: "single",
+          captionLayout: calendarLayout,
+          selected,
+          onSelect: setSelected,
+          required: true,
+          locale: ptBR,
+          disabled: allowPastDates ? void 0 : { before: today },
+          startMonth: allowPastDates ? void 0 : today,
+          endMonth: maxDate
+        }
+      ) }) }),
+      action && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CalendarFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        Button,
+        {
+          variant: "text",
+          color: "brand",
+          type: "button",
+          onClick: () => {
+            setShowCalendar(false);
+          },
+          size: "medium",
+          fontWeight: "medium",
+          children: actionText != null ? actionText : "Aplicar"
+        }
+      ) })
+    ] })
   ] })) });
 }
 
@@ -8068,8 +8123,45 @@ function Drawer({
 }) {
   if (!isOpen) return null;
   const drawerContainerRef = (0, import_react8.useRef)(null);
-  useOnClickOutside(drawerContainerRef, () => {
-    onClose();
+  useOnClickOutside(drawerContainerRef, (event) => {
+    var _a;
+    if (!event || !drawerContainerRef.current) {
+      return;
+    }
+    let target = event.target;
+    if (target.tagName === "HTML" || target.tagName === "BODY") {
+      if (event instanceof MouseEvent) {
+        const actualElement = document.elementFromPoint(
+          event.clientX,
+          event.clientY
+        );
+        if (actualElement) {
+          target = actualElement;
+        }
+      }
+    }
+    let currentElement = target;
+    let hierarchy = [];
+    while (currentElement && currentElement !== document.body) {
+      hierarchy.push({
+        tagName: currentElement.tagName,
+        className: currentElement.className,
+        id: currentElement.id,
+        attributes: Array.from(currentElement.attributes || []).map((attr) => ({
+          name: attr.name,
+          value: attr.value
+        }))
+      });
+      currentElement = currentElement.parentElement;
+    }
+    if ((_a = drawerContainerRef.current) == null ? void 0 : _a.contains(target)) {
+      return;
+    }
+    const isDropdownOpen = target.closest("[data-radix-popper-content-wrapper]") || target.closest('[role="dialog"]') || target.closest('[data-state="open"]') || target.closest("[data-radix-dropdown-menu-content]") || target.closest("[data-radix-dropdown-menu-root]") || target.closest("[data-radix-dropdown-menu-trigger]") || target.closest("[data-radix-dropdown-menu-portal]") || target.closest("[data-radix-dropdown-menu-item]") || target.closest("[data-radix-dropdown-menu-checkbox-item]") || target.closest("[data-radix-dropdown-menu-radio-item]") || target.closest("[data-radix-dropdown-menu-separator]") || target.closest("[data-radix-dropdown-menu-label]") || target.closest("[data-radix-dropdown-menu-group]") || target.closest("[data-radix-dropdown-menu-sub]") || target.closest("[data-radix-dropdown-menu-sub-trigger]") || target.closest("[data-radix-dropdown-menu-sub-content]") || target.closest("[data-radix-dropdown-menu-radio-group]");
+    const shouldPreventClose = isDropdownOpen || target.closest("[data-radix-dropdown-menu-root]") || target.closest("[data-radix-dropdown-menu-trigger]") || target.closest("[data-radix-dropdown-menu-content]") || target.closest("[data-radix-dropdown-menu-portal]") || target.closest("[data-radix-dropdown-menu-item]") || target.closest("[data-radix-dropdown-menu-checkbox-item]") || target.closest("[data-radix-dropdown-menu-radio-item]") || target.closest("[data-radix-dropdown-menu-separator]") || target.closest("[data-radix-dropdown-menu-label]") || target.closest("[data-radix-dropdown-menu-group]") || target.closest("[data-radix-dropdown-menu-sub]") || target.closest("[data-radix-dropdown-menu-sub-trigger]") || target.closest("[data-radix-dropdown-menu-sub-content]") || target.closest("[data-radix-dropdown-menu-radio-group]");
+    if (!shouldPreventClose) {
+      onClose();
+    }
   });
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerOverlayStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     DrawerContainerStyled,
@@ -8098,18 +8190,24 @@ var TimePickerStyled = styled("div", {
   fontFamily: "$default",
   lineHeight: "$base",
   fontSize: "$14",
-  maxWidth: "200px",
   borderRadius: "$sm",
   "> div > div": {
-    paddingLeft: "1rem",
     input: {
       textAlign: "right"
     }
+  },
+  variants: {
+    expand: {
+      true: {
+        width: "100%",
+        flex: "1",
+        display: "flex"
+      }
+    }
   }
 });
 var TimePickerDropdownStyled = styled("div", {
   position: "absolute",
-  left: 0,
   zIndex: 10,
   width: "100%",
   maxWidth: "8.875rem",
@@ -8179,14 +8277,21 @@ var InputStyled = styled("input", {
 var TimePickerButtonStyled = styled("button", {
   backgroundColor: "transparent",
   border: "none",
-  maxWidth: "200px",
   padding: "0",
   cursor: "pointer",
   "> div > div": {
-    paddingLeft: "1rem",
     input: {
       textAlign: "right"
     }
+  },
+  variants: {
+    expand: {
+      true: {
+        flex: "1",
+        display: "flex",
+        maxWidth: "100%"
+      }
+    }
   }
 });
 var pad = (num) => String(num).padStart(2, "0");
@@ -8194,7 +8299,8 @@ function TimePicker({
   selected,
   setSelected,
   position = "bottom",
-  hasError
+  hasError,
+  expand = false
 }) {
   const [hours, setHours] = (0, import_react9.useState)("00");
   const [minutes, setMinutes] = (0, import_react9.useState)("00");
@@ -8231,12 +8337,13 @@ function TimePicker({
     },
     [hours, minutes]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TimePickerStyled, { ref: dropdownRef, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TimePickerStyled, { ref: dropdownRef, expand, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       TimePickerButtonStyled,
       {
         type: "button",
         onClick: () => setIsOpen((prev) => !prev),
+        expand,
         children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           TextField,
           {
@@ -8255,7 +8362,7 @@ function TimePicker({
     isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       TimePickerDropdownStyled,
       {
-        style: position === "top" ? { bottom: "110%" } : { top: "110%" },
+        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)(
@@ -9280,11 +9387,11 @@ function Tooltip({
 }
 
 // src/components/MultiSelect.tsx
+var import_react16 = __toESM(require("react"));
 var import_themes18 = 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_react16 = require("react");
-var import_react17 = __toESM(require("react"));
+var import_react17 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var StyledContent = styled(import_themes18.DropdownMenu.Content, {
   backgroundColor: "$dark50",
@@ -9292,7 +9399,10 @@ var StyledContent = styled(import_themes18.DropdownMenu.Content, {
   padding: "$8 0",
   boxShadow: "0px 2px 4px 0px #23354329, 0px 4px 4px 0px #23354314",
   boxSizing: "border-box",
-  border: "1px solid $dark300"
+  border: "1px solid $dark300",
+  zIndex: 999999,
+  minWidth: "var(--radix-dropdown-menu-trigger-width)",
+  maxWidth: "var(--radix-dropdown-menu-trigger-width)"
 });
 var StyledTrigger = styled("div", {
   minHeight: "40px",
@@ -9304,6 +9414,7 @@ var StyledTrigger = styled("div", {
   padding: "$6 $14",
   boxSizing: "border-box",
   gap: "4px",
+  width: "100%",
   variants: {
     color: {
       default: {
@@ -9339,7 +9450,39 @@ var StyledItem2 = styled("div", __spreadValues({}, itemStyle));
 var BadgeCloseBtn = styled("div", {
   cursor: "pointer"
 });
-var MultiSelect = import_react17.default.forwardRef(
+var StyledFlexWithMaxHeight = styled(Flex2, {
+  variants: {
+    hasMaxHeight: {
+      true: {
+        overflowY: "auto",
+        "&::-webkit-scrollbar": {
+          width: "4px"
+        },
+        "&::-webkit-scrollbar-track": {
+          backgroundColor: "$dark100",
+          borderRadius: "2px"
+        },
+        "&::-webkit-scrollbar-thumb": {
+          backgroundColor: "$dark300",
+          borderRadius: "2px",
+          "&:hover": {
+            backgroundColor: "$dark400"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    hasMaxHeight: false
+  }
+});
+var StyledText = styled(Text, {
+  flex: 1,
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis"
+});
+var MultiSelect = import_react16.default.forwardRef(
   ({
     placeholder,
     value: selectedValues = [],
@@ -9351,12 +9494,12 @@ var MultiSelect = import_react17.default.forwardRef(
     showSelectedValues = true,
     singleSelect = false,
     selectedOrientation = "column",
-    disabled = false
+    disabled = false,
+    maxHeight
   }, fowardedRef) => {
-    var _a;
     const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
     const triggerRef = (0, import_react16.useRef)(null);
-    const labelByValue = (0, import_react16.useMemo)(() => {
+    const labelByValue = (0, import_react17.useMemo)(() => {
       return options.reduce((prev, curr) => {
         return __spreadProps(__spreadValues({}, prev), {
           [curr.value]: curr.label
@@ -9370,8 +9513,7 @@ var MultiSelect = import_react17.default.forwardRef(
       },
       [selectedValues, onValueChange]
     );
-    const menuWidth = (_a = triggerRef.current) == null ? void 0 : _a.offsetWidth;
-    const text = (0, import_react16.useMemo)(() => {
+    const text = (0, import_react17.useMemo)(() => {
       if (selectedValues.length > 0 && singleSelect) {
         const value = selectedValues[0];
         return labelByValue[value];
@@ -9382,67 +9524,60 @@ var MultiSelect = import_react17.default.forwardRef(
       onValueChange == null ? void 0 : onValueChange([v]);
       setIsOpen(false);
     };
+    const handleToggle = (0, import_react16.useCallback)(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled) return;
+        setIsOpen((prev) => !prev);
+      },
+      [disabled]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.Theme, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.DropdownMenu.Root, { open: isOpen, onOpenChange: () => setIsOpen(false), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_themes18.DropdownMenu.Trigger,
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes18.DropdownMenu.Root, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes18.DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          StyledTrigger,
           {
-            onClick: () => {
-              if (disabled) return;
-              setIsOpen(true);
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-              StyledTrigger,
-              {
-                css: {
-                  width
-                },
-                ref: (r) => {
-                  if (!r) return;
-                  triggerRef.current = r;
-                  if (fowardedRef) {
-                    if (typeof fowardedRef === "function") fowardedRef(r);
-                    else {
-                      fowardedRef.current = r;
-                    }
-                  }
-                },
-                color,
-                disabled,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                    Text,
-                    {
-                      typography: "labelMedium",
-                      css: {
-                        flex: 1,
-                        overflow: "hidden",
-                        whiteSpace: "nowrap",
-                        textOverflow: "ellipsis"
-                      },
-                      color: disabled ? "dark400" : void 0,
-                      children: text
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                    import_react_fontawesome3.FontAwesomeIcon,
-                    {
-                      icon: isOpen ? import_free_solid_svg_icons3.faChevronUp : import_free_solid_svg_icons3.faChevronDown,
-                      size: "sm",
-                      color: disabled ? colors.dark400 : colors.dark600
-                    }
-                  )
-                ]
+            ref: (r) => {
+              if (!r) return;
+              triggerRef.current = r;
+              if (fowardedRef) {
+                if (typeof fowardedRef === "function") fowardedRef(r);
+                else {
+                  fowardedRef.current = r;
+                }
               }
-            )
+            },
+            color,
+            disabled,
+            style: width !== "100%" ? { width } : void 0,
+            onClick: handleToggle,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                StyledText,
+                {
+                  typography: "labelMedium",
+                  color: disabled ? "dark400" : void 0,
+                  children: text
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_react_fontawesome3.FontAwesomeIcon,
+                {
+                  icon: isOpen ? import_free_solid_svg_icons3.faChevronUp : import_free_solid_svg_icons3.faChevronDown,
+                  size: "sm",
+                  color: disabled ? colors.dark400 : colors.dark600
+                }
+              )
+            ]
           }
-        ),
+        ) }),
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           StyledContent,
           {
             css: {
-              width: menuWidth ? menuWidth + "px" : width,
-              zIndex
+              width: "100%",
+              zIndex: zIndex === "auto" ? 999999 : zIndex
             },
             children: !singleSelect ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               CheckboxGroup,
@@ -9451,9 +9586,27 @@ var MultiSelect = import_react17.default.forwardRef(
                 onValueChange: (v) => {
                   onValueChange == null ? void 0 : onValueChange(v);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Flex2, { direction: "column", gap: 8, children: 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)) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime26.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)(CheckboxItem, { value, css: itemStyle, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "labelSmall", children: label }) }, i))
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime26.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))
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Flex2, { direction: "column", gap: 8, 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)) })
+            )
           }
         )
       ] }),
@@ -9462,35 +9615,40 @@ var MultiSelect = import_react17.default.forwardRef(
         {
           direction: selectedOrientation,
           gap: 8,
-          align: "center",
+          align: selectedOrientation === "column" ? "start" : "center",
           justify: "start",
-          css: {
-            margin: "8px 0"
-          },
-          children: selectedValues.map((value) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Flex2, { gap: 4, align: "center", css: { flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                BadgeCloseBtn,
-                {
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleRemove(value);
-                  },
-                  role: "button",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_fontawesome3.FontAwesomeIcon, { icon: import_free_solid_svg_icons3.faSquareXmark, size: "sm" })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                Text,
-                {
-                  typography: "captionMedium",
-                  fontWeight: "regular",
-                  color: "dark600",
-                  children: labelByValue[value]
-                }
-              )
-            ] });
-          })
+          css: { margin: "8px 0" },
+          children: selectedValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            Flex2,
+            {
+              gap: 4,
+              align: "center",
+              css: { flexWrap: "wrap" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  BadgeCloseBtn,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleRemove(value);
+                    },
+                    role: "button",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_fontawesome3.FontAwesomeIcon, { icon: import_free_solid_svg_icons3.faSquareXmark, size: "sm" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  Text,
+                  {
+                    typography: "captionMedium",
+                    fontWeight: "regular",
+                    color: "dark600",
+                    children: labelByValue[value]
+                  }
+                )
+              ]
+            },
+            value
+          ))
         }
       ) })
     ] });
@@ -9894,13 +10052,15 @@ var MultiSelectFormField = (_a) => {
     label,
     required,
     selectedOrientation = "column",
-    zIndex
+    zIndex,
+    maxHeight
   } = _b, rest = __objRest(_b, [
     "name",
     "label",
     "required",
     "selectedOrientation",
-    "zIndex"
+    "zIndex",
+    "maxHeight"
   ]);
   var _a2;
   const { field, fieldState } = (0, import_react_hook_form4.useController)({
@@ -9934,7 +10094,8 @@ var MultiSelectFormField = (_a) => {
         ref,
         color: haveError ? "error" : "default",
         selectedOrientation,
-        zIndex
+        zIndex,
+        maxHeight
       }, rest)
     ),
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ErrorFormMessage, { message: errorMsg })
@@ -10184,10 +10345,6 @@ var BirthDateFormField = ({
 
 // src/components/FormFields/IdentityDocumentNumberFormField.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var isValidRG = (rg) => {
-  const cleaned = rg.replace(/[^\d]/g, "");
-  return /^\d{9}$/.test(cleaned);
-};
 var IdentityDocumentNumberFormField = ({
   name,
   label,
@@ -10207,9 +10364,11 @@ var IdentityDocumentNumberFormField = ({
         replacement: { _: /[0-9]/ }
       },
       validate: (value) => {
-        const isEmpty = value.replace(/[^\d]/g, "").length === 0;
+        const cleaned = value.replace(/[^\d]/g, "");
+        const isEmpty = cleaned.length === 0;
         if (!required && isEmpty) return true;
-        return isValidRG(value) || validationErrorMessage;
+        if (cleaned.length >= 3) return true;
+        return validationErrorMessage;
       }
     }
   );
@@ -11113,10 +11272,8 @@ var QuillComponent = ({
           const headerSelect = toolbarElement.querySelector(
             "select[data-value]"
           );
-          console.log(headerSelect, "headerSelect");
           if (headerSelect) {
             const options = headerSelect.querySelectorAll("option");
-            console.log(options, "options");
             options.forEach((option) => {
               if (option.value === "1") {
                 option.textContent = "T\xEDtulo 1";
@@ -11128,7 +11285,7 @@ var QuillComponent = ({
             });
           }
         }
-      }, 100);
+      }, 2e3);
     }
   }, [quill, onChange, handleImageUpload]);
   (0, import_react20.useEffect)(() => {
@@ -11428,7 +11585,8 @@ var CalendarFormField = (_a) => {
     validate,
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
-    onChange
+    onChange,
+    allowPastDates
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -11436,7 +11594,8 @@ var CalendarFormField = (_a) => {
     "validate",
     "validationErrorMessage",
     "rules",
-    "onChange"
+    "onChange",
+    "allowPastDates"
   ]);
   const handleValidate = (0, import_react21.useCallback)(
     (value) => {
@@ -11464,7 +11623,7 @@ var CalendarFormField = (_a) => {
   const handleCalendarChange = (date) => {
     setSelected(date);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Flex2, { direction: "column", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Flex2, { direction: "column", style: { flex: "1" }, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       FormLabel,
       {
@@ -11482,7 +11641,8 @@ var CalendarFormField = (_a) => {
           const date = typeof value === "function" ? value(selected) : value;
           handleCalendarChange(date);
         },
-        hasError: haveError
+        hasError: haveError,
+        allowPastDates
       }, calendarProps)
     ),
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorFormMessage, { message: errorMsg })
@@ -11535,7 +11695,7 @@ var TimePickerFormField = (_a) => {
   const handleTimePickerChange = (time) => {
     setSelected(time);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Flex2, { direction: "column", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Flex2, { direction: "column", style: { flex: "1" }, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       FormLabel,
       {