@lets-events/react 11.7.9 → 11.8.0

package/dist/index.js

@@ -262,7 +262,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment4 = REACT_FRAGMENT_TYPE;
+        var Fragment5 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -321,7 +321,7 @@ var require_react_is_development = __commonJS({
         exports2.ContextProvider = ContextProvider;
         exports2.Element = Element;
         exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment4;
+        exports2.Fragment = Fragment5;
         exports2.Lazy = Lazy;
         exports2.Memo = Memo;
         exports2.Portal = Portal;
@@ -3884,6 +3884,9 @@ function Modal(_a) {
   ] }));
 }
 
+// src/components/MenuDropdown/index.tsx
+var import_react6 = require("react");
+
 // src/components/MenuDropdown/styledComponents.ts
 var MenuDropdownContainerStyled = styled("div", {
   position: "relative",
@@ -3915,22 +3918,6 @@ var MenuItemsContainerStyled = styled("div", {
   height: "fit-content"
 });
 
-// src/components/MenuDropdown/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function MenuDropdown({
-  children,
-  isOpen,
-  setIsOpen
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(MenuDropdownContainerStyled, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TriggerButtonStyled, { onClick: () => setIsOpen(!isOpen), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon_default, { name: "ellipsis", size: "xl", color: "#FFFFFF" }) }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MenuItemsContainerStyled, { children })
-  ] });
-}
-
-// src/components/Calendar/index.tsx
-var import_react6 = require("react");
-
 // src/hooks/useOnClickOutside.tsx
 var import_react5 = require("react");
 function useOnClickOutside(ref, handler) {
@@ -3950,7 +3937,25 @@ function useOnClickOutside(ref, handler) {
   }, [ref, handler]);
 }
 
+// src/components/MenuDropdown/index.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function MenuDropdown({
+  children,
+  isOpen,
+  setIsOpen
+}) {
+  const dropdownItemsContainerRef = (0, import_react6.useRef)(null);
+  useOnClickOutside(dropdownItemsContainerRef, () => {
+    setIsOpen(false);
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(MenuDropdownContainerStyled, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TriggerButtonStyled, { onClick: () => setIsOpen(!isOpen), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon_default, { name: "ellipsis", size: "xl", color: "#FFFFFF" }) }),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MenuItemsContainerStyled, { ref: dropdownItemsContainerRef, children })
+  ] });
+}
+
 // src/components/Calendar/index.tsx
+var import_react7 = require("react");
 var import_react_day_picker = require("react-day-picker");
 
 // ../../node_modules/date-fns/locale/_lib/buildFormatLongFn.js
@@ -8071,15 +8076,15 @@ function Calendar(_a) {
     "setSelected",
     "position"
   ]);
-  const [inputValue, setInputValue] = (0, import_react6.useState)("");
-  const [showContainer, setShowCalendar] = (0, import_react6.useState)(false);
-  const dropdownRef = (0, import_react6.useRef)(null);
+  const [inputValue, setInputValue] = (0, import_react7.useState)("");
+  const [showContainer, setShowCalendar] = (0, import_react7.useState)(false);
+  const dropdownRef = (0, import_react7.useRef)(null);
   useOnClickOutside(dropdownRef, () => {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
   const maxDate = addYears(today, 20);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (selected) {
       setInputValue(format2(selected, "dd/MM/yyyy"));
     } else {
@@ -8155,6 +8160,9 @@ function Calendar(_a) {
   ] })) });
 }
 
+// src/components/Drawer/index.tsx
+var import_react8 = require("react");
+
 // src/components/Drawer/styledComponents.ts
 var DrawerOverlayStyled = styled("div", {
   position: "fixed",
@@ -8210,9 +8218,14 @@ function Drawer({
   children
 }) {
   if (!isOpen) return null;
+  const drawerContainerRef = (0, import_react8.useRef)(null);
+  useOnClickOutside(drawerContainerRef, () => {
+    onClose();
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerOverlayStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     DrawerContainerStyled,
     {
+      ref: drawerContainerRef,
       style: {
         width: width != null ? width : "34.25rem",
         backgroundColor: colors[backgroundColor != null ? backgroundColor : "neutral50"]
@@ -8229,7 +8242,7 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8333,14 +8346,14 @@ function TimePicker({
   setSelected,
   position = "bottom"
 }) {
-  const [hours, setHours] = (0, import_react7.useState)("00");
-  const [minutes, setMinutes] = (0, import_react7.useState)("00");
-  const [rawHours, setRawHours] = (0, import_react7.useState)("00");
-  const [rawMinutes, setRawMinutes] = (0, import_react7.useState)("00");
-  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
-  const dropdownRef = (0, import_react7.useRef)(null);
+  const [hours, setHours] = (0, import_react9.useState)("00");
+  const [minutes, setMinutes] = (0, import_react9.useState)("00");
+  const [rawHours, setRawHours] = (0, import_react9.useState)("00");
+  const [rawMinutes, setRawMinutes] = (0, import_react9.useState)("00");
+  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
+  const dropdownRef = (0, import_react9.useRef)(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
-  const handleIncrement = (0, import_react7.useCallback)(
+  const handleIncrement = (0, import_react9.useCallback)(
     (type) => {
       if (type === "hours") {
         const next = (parseInt(hours) + 1) % 24;
@@ -8354,7 +8367,7 @@ function TimePicker({
     },
     [hours, minutes]
   );
-  const handleDecrement = (0, import_react7.useCallback)(
+  const handleDecrement = (0, import_react9.useCallback)(
     (type) => {
       if (type === "hours") {
         const prev = (parseInt(hours) - 1 + 24) % 24;
@@ -8876,7 +8889,7 @@ function Switch(props) {
 }
 
 // src/components/Step.tsx
-var import_react8 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_themes15 = require("@radix-ui/themes");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var StepStyled = styled("div", {
@@ -8992,9 +9005,9 @@ function StepList(_a) {
     "children",
     "currentStep"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react8.default.Children.map(children, (child) => {
-    if (import_react8.default.isValidElement(child) && child.type === StepTrigger) {
-      return import_react8.default.cloneElement(child, { currentStep });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react10.default.Children.map(children, (child) => {
+    if (import_react10.default.isValidElement(child) && child.type === StepTrigger) {
+      return import_react10.default.cloneElement(child, { currentStep });
     }
     return child;
   }) }));
@@ -9051,7 +9064,7 @@ function Card(_a) {
 
 // src/components/TextareaField.tsx
 var import_themes17 = require("@radix-ui/themes");
-var import_react9 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TextareaFieldStyle = styled(import_themes17.TextArea, {
   display: "flex",
@@ -9116,10 +9129,10 @@ var TextareaLimitIndicator = styled("div", {
     padding: "$4"
   }
 });
-var TextareaField = import_react9.default.forwardRef((_a, fowardedRef) => {
+var TextareaField = import_react11.default.forwardRef((_a, fowardedRef) => {
   var _b = _a, { maxLength, color } = _b, props = __objRest(_b, ["maxLength", "color"]);
-  const inputRef = (0, import_react9.useRef)(null);
-  const badgeRef = (0, import_react9.useRef)(null);
+  const inputRef = (0, import_react11.useRef)(null);
+  const badgeRef = (0, import_react11.useRef)(null);
   const updateCharCountBadge = () => {
     var _a2, _b2;
     if (!maxLength || !badgeRef.current) return;
@@ -9155,12 +9168,12 @@ var TextareaField = import_react9.default.forwardRef((_a, fowardedRef) => {
 });
 
 // src/components/Toast/components/ToastItem.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 
 // src/components/Toast/styles/index.ts
-var import_react10 = require("@stitches/react");
+var import_react12 = require("@stitches/react");
 var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
-var slideIn = (0, import_react10.keyframes)({
+var slideIn = (0, import_react12.keyframes)({
   from: {
     transform: "translateX(calc(100% + 25px))",
     opacity: 0
@@ -9170,7 +9183,7 @@ var slideIn = (0, import_react10.keyframes)({
     opacity: 1
   }
 });
-var slideOut = (0, import_react10.keyframes)({
+var slideOut = (0, import_react12.keyframes)({
   from: {
     transform: "translateX(0)",
     opacity: 1
@@ -9180,7 +9193,7 @@ var slideOut = (0, import_react10.keyframes)({
     opacity: 0
   }
 });
-var swipeOut = (0, import_react10.keyframes)({
+var swipeOut = (0, import_react12.keyframes)({
   from: {
     transform: "translateX(var(--radix-toast-swipe-end-x))",
     opacity: 1
@@ -9286,7 +9299,7 @@ function ToastItem({
   toast,
   onRemove
 }) {
-  const [open, setOpen] = (0, import_react11.useState)(true);
+  const [open, setOpen] = (0, import_react13.useState)(true);
   const handleOpenChange = (open2) => {
     setOpen(open2);
     if (!open2) {
@@ -9310,17 +9323,17 @@ function ToastItem({
 }
 
 // src/components/Toast/components/ToastProvider.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var ToastContext = (0, import_react12.createContext)(null);
+var ToastContext = (0, import_react14.createContext)(null);
 function ToastProvider({
   children,
   defaultDuration = 5e3,
   maxToasts = 5,
   swipeDirection = "right"
 }) {
-  const [toasts, setToasts] = (0, import_react12.useState)([]);
+  const [toasts, setToasts] = (0, import_react14.useState)([]);
   const addToast = (toastData) => {
     const id = Math.random().toString(36).substr(2, 9);
     const newToast = __spreadProps(__spreadValues({
@@ -9356,9 +9369,9 @@ function ToastProvider({
 }
 
 // src/components/Toast/hooks/useToast.ts
-var import_react13 = require("react");
+var import_react15 = require("react");
 var useToast = () => {
-  const context = (0, import_react13.useContext)(ToastContext);
+  const context = (0, import_react15.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast deve ser usado dentro de um ToastProvider");
   }
@@ -9419,8 +9432,8 @@ function Tooltip({
 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_react14 = require("react");
-var import_react15 = __toESM(require("react"));
+var import_react16 = require("react");
+var import_react17 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var StyledContent = styled(import_themes18.DropdownMenu.Content, {
   backgroundColor: "$dark50",
@@ -9460,31 +9473,23 @@ var itemStyle = {
   boxSizing: "border-box",
   backgroundColor: "$dark50",
   display: "block",
+  cursor: "pointer",
   "&:hover": {
     backgroundColor: "$dark100"
   }
 };
+var StyledItem2 = styled("div", __spreadValues({}, itemStyle));
 var BadgeWrapper = styled("div", {
   flex: "1",
   display: "flex",
-  justifyContent: "start",
-  flexWrap: "wrap",
-  gap: "4px"
+  gap: "4px",
+  marginTop: "8px",
+  flexDirection: "column"
 });
 var BadgeCloseBtn = styled("div", {
-  borderRadius: "100%",
-  width: "16px",
-  height: "16px",
-  minWidth: "16px",
-  minHeight: "16px",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  "&:hover": {
-    backgroundColor: "$dark600"
-  }
+  cursor: "pointer"
 });
-var MultiSelect = import_react15.default.forwardRef(
+var MultiSelect = import_react17.default.forwardRef(
   ({
     placeholder,
     value: selectedValues = [],
@@ -9492,19 +9497,21 @@ var MultiSelect = import_react15.default.forwardRef(
     options,
     color,
     width = "100%",
-    zIndex = "auto"
+    zIndex = "auto",
+    showSelectedValues = true,
+    singleSelect = false
   }, fowardedRef) => {
     var _a;
-    const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
-    const triggerRef = (0, import_react14.useRef)(null);
-    const labelByValue = (0, import_react14.useMemo)(() => {
+    const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
+    const triggerRef = (0, import_react16.useRef)(null);
+    const labelByValue = (0, import_react16.useMemo)(() => {
       return options.reduce((prev, curr) => {
         return __spreadProps(__spreadValues({}, prev), {
           [curr.value]: curr.label
         });
       }, {});
     }, [options]);
-    const handleRemove = (0, import_react14.useCallback)(
+    const handleRemove = (0, import_react16.useCallback)(
       (value) => {
         const newValue = selectedValues.filter((v) => v !== value);
         onValueChange == null ? void 0 : onValueChange(newValue);
@@ -9512,72 +9519,106 @@ var MultiSelect = import_react15.default.forwardRef(
       [selectedValues, onValueChange]
     );
     const menuWidth = (_a = triggerRef.current) == null ? void 0 : _a.offsetWidth;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(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, { onClick: () => 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;
+    const text = (0, import_react16.useMemo)(() => {
+      if (selectedValues.length > 0 && singleSelect) {
+        const value = selectedValues[0];
+        return labelByValue[value];
+      }
+      return placeholder != null ? placeholder : "Selecione";
+    }, [selectedValues, placeholder, singleSelect]);
+    const handleItemClick = (v) => {
+      onValueChange == null ? void 0 : onValueChange([v]);
+      setIsOpen(false);
+    };
+    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, { onClick: () => 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,
-          children: [
-            selectedValues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "labelMedium", css: { flex: 1 }, children: placeholder != null ? placeholder : "Selecione" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(BadgeWrapper, { children: selectedValues.map((value) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Badge, { size: "sm", color: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Flex2, { justify: "between", align: "center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "badgeSmall", color: "dark100", children: labelByValue[value] }),
-                /* @__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.faX, size: "xs" })
-                  }
-                )
-              ] }) }, value);
-            }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_react_fontawesome3.FontAwesomeIcon,
+            },
+            color,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                Text,
+                {
+                  typography: "labelMedium",
+                  css: {
+                    flex: 1,
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis"
+                  },
+                  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: colors.dark600
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          StyledContent,
+          {
+            css: {
+              width: menuWidth ? menuWidth + "px" : width,
+              zIndex
+            },
+            children: !singleSelect ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              CheckboxGroup,
               {
-                icon: isOpen ? import_free_solid_svg_icons3.faChevronUp : import_free_solid_svg_icons3.faChevronDown,
-                size: "sm",
-                color: colors.dark600
+                value: selectedValues,
+                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)) })
               }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        StyledContent,
-        {
-          css: {
-            width: menuWidth ? menuWidth + "px" : width,
-            zIndex
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            CheckboxGroup,
+            ) : /* @__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)) })
+          }
+        )
+      ] }),
+      selectedValues.length > 0 && showSelectedValues && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(BadgeWrapper, { children: selectedValues.map((value) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Flex2, { gap: 4, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            BadgeCloseBtn,
             {
-              value: selectedValues,
-              onValueChange: (v) => {
-                onValueChange == null ? void 0 : onValueChange(v);
+              onClick: (e) => {
+                e.stopPropagation();
+                handleRemove(value);
               },
-              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)) })
+              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]
             }
           )
-        }
-      )
-    ] }) });
+        ] });
+      }) }) })
+    ] });
   }
 );
 
@@ -9857,7 +9898,7 @@ var TextAreaFormField = (_a) => {
 
 // src/components/FormFields/TextFormField.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_react16 = require("react");
+var import_react18 = require("react");
 var import_mask2 = require("@react-input/mask");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var TextFormField = (_a) => {
@@ -9880,7 +9921,7 @@ var TextFormField = (_a) => {
     "onChange",
     "valueFormatter"
   ]);
-  const handleValidate = (0, import_react16.useCallback)(
+  const handleValidate = (0, import_react18.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || !required && value.trim() === "")
@@ -9902,7 +9943,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_react16.useMemo)(() => {
+  const formattedValue = (0, import_react18.useMemo)(() => {
     let value = formValue;
     if (valueFormatter) value = valueFormatter.format(value);
     if (mask) value = (0, import_mask2.format)(value != null ? value : "", mask);
@@ -10495,7 +10536,7 @@ function StateFormField({
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 var import_react_hook_form7 = require("react-hook-form");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function CityFormField({
@@ -10508,9 +10549,9 @@ function CityFormField({
 }) {
   const { control, watch } = (0, import_react_hook_form7.useFormContext)();
   const selectedState = watch(stateName);
-  const [cities, setCities] = (0, import_react17.useState)([]);
-  const [loading, setLoading] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const [cities, setCities] = (0, import_react19.useState)([]);
+  const [loading, setLoading] = (0, import_react19.useState)(false);
+  (0, import_react19.useEffect)(() => {
     if (!isBrazil) {
       setCities([]);
       return;