@lets-events/react 12.11.0 → 12.11.1

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.11.0 build
+> @lets-events/react@12.11.1 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -10,12 +10,12 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist/index.js 436.07 KB
-CJS ⚡️ Build success in 515ms
-ESM dist/index.mjs 420.00 KB
-ESM ⚡️ Build success in 517ms
+CJS dist/index.js 437.94 KB
+CJS ⚡️ Build success in 305ms
+ESM dist/index.mjs 421.87 KB
+ESM ⚡️ Build success in 305ms
 DTS Build start
-DTS ⚡️ Build success in 9810ms
-DTS dist/index.d.mts 411.04 KB
-DTS dist/index.d.ts  411.04 KB
+DTS ⚡️ Build success in 6455ms
+DTS dist/index.d.mts 411.09 KB
+DTS dist/index.d.ts  411.09 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 12.11.1
+
+### Patch Changes
+
+- Modal title, tooltip mobile
+
 ## 12.11.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -12952,8 +12952,9 @@ interface TooltipProps {
     content: react.ReactNode;
     delayDuration?: number;
     side?: "top" | "right" | "bottom" | "left";
+    supportMobileTap?: boolean;
 }
-declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, content, delayDuration, side, supportMobileTap, }: TooltipProps): react_jsx_runtime.JSX.Element;
 
 declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
     display?: "flex" | "inline-flex" | undefined;

package/dist/index.d.ts

@@ -12952,8 +12952,9 @@ interface TooltipProps {
     content: react.ReactNode;
     delayDuration?: number;
     side?: "top" | "right" | "bottom" | "left";
+    supportMobileTap?: boolean;
 }
-declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, content, delayDuration, side, supportMobileTap, }: TooltipProps): react_jsx_runtime.JSX.Element;
 
 declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
     display?: "flex" | "inline-flex" | undefined;

package/dist/index.js

@@ -426,7 +426,7 @@ var require_factoryWithTypeCheckers = __commonJS({
     function emptyFunctionThatReturnsNull() {
       return null;
     }
-    module2.exports = function(isValidElement, throwOnDirectAccess) {
+    module2.exports = function(isValidElement2, throwOnDirectAccess) {
       var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
       var FAUX_ITERATOR_SYMBOL = "@@iterator";
       function getIteratorFn(maybeIterable) {
@@ -554,7 +554,7 @@ var require_factoryWithTypeCheckers = __commonJS({
       function createElementTypeChecker() {
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
-          if (!isValidElement(propValue)) {
+          if (!isValidElement2(propValue)) {
             var propType = getPropType(propValue);
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
           }
@@ -742,7 +742,7 @@ var require_factoryWithTypeCheckers = __commonJS({
             if (Array.isArray(propValue)) {
               return propValue.every(isNode);
             }
-            if (propValue === null || isValidElement(propValue)) {
+            if (propValue === null || isValidElement2(propValue)) {
               return true;
             }
             var iteratorFn = getIteratorFn(propValue);
@@ -3877,7 +3877,8 @@ var ModalTitleStyled = styled(import_radix_ui.Dialog.Title, {
   fontSize: "$18",
   fontWeight: "medium",
   fontStyle: "normal",
-  textTransform: "uppercase"
+  textTransform: "uppercase",
+  width: "calc(100% - 48px)"
 });
 function Modal(_a) {
   var _b = _a, {
@@ -10049,7 +10050,26 @@ var useToast = () => {
 };
 
 // src/components/Tooltip/index.tsx
+var React10 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+
+// src/hooks/useHasHover.ts
+var import_react18 = require("react");
+function useHasHover() {
+  const [hasHover, setHasHover] = (0, import_react18.useState)(true);
+  (0, import_react18.useEffect)(() => {
+    const media = window.matchMedia("(hover: hover)");
+    setHasHover(media.matches);
+    const listener = (event) => {
+      setHasHover(event.matches);
+    };
+    media.addEventListener("change", listener);
+    return () => media.removeEventListener("change", listener);
+  }, []);
+  return hasHover;
+}
+
+// src/components/Tooltip/index.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = TooltipPrimitive.Root;
@@ -10083,35 +10103,78 @@ var TooltipContent = styled(TooltipPrimitive.Content, {
 var TooltipArrow = styled(TooltipPrimitive.Arrow, {
   fill: "$dark800"
 });
+function mergeTouchTriggerProps(child, onToggle) {
+  return React10.cloneElement(child, {
+    onClick: (event) => {
+      var _a, _b;
+      (_b = (_a = child.props).onClick) == null ? void 0 : _b.call(_a, event);
+      if (!event.defaultPrevented) {
+        onToggle();
+      }
+    }
+  });
+}
 function Tooltip({
   children,
   content,
   delayDuration = 200,
-  side = "top"
+  side = "top",
+  supportMobileTap = true
 }) {
-  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", color: "grey50", children: content }) : content,
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipArrow, {})
-    ] })
-  ] }) });
+  const hasHover = useHasHover();
+  const [open, setOpen] = React10.useState(false);
+  const isTouchToggleRef = React10.useRef(false);
+  const useTouchBehavior = supportMobileTap && !hasHover;
+  const handleTouchOpenChange = React10.useCallback((nextOpen) => {
+    if (isTouchToggleRef.current) {
+      isTouchToggleRef.current = false;
+      return;
+    }
+    setOpen(nextOpen);
+  }, []);
+  const triggerChild = React10.useMemo(() => {
+    if (!useTouchBehavior || !React10.isValidElement(children)) {
+      return children;
+    }
+    return mergeTouchTriggerProps(
+      children,
+      () => {
+        isTouchToggleRef.current = true;
+        setOpen((prev) => !prev);
+      }
+    );
+  }, [children, useTouchBehavior]);
+  const tooltipContent = typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "tooltip", color: "grey50", children: content }) : content;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    TooltipRoot,
+    __spreadProps(__spreadValues({
+      delayDuration: useTouchBehavior ? 0 : delayDuration
+    }, useTouchBehavior ? { open, onOpenChange: handleTouchOpenChange } : {}), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipTrigger, { asChild: true, children: triggerChild }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipContent, { side, sideOffset: 5, children: [
+          tooltipContent,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipArrow, {})
+        ] })
+      ]
+    })
+  ) });
 }
 
 // src/components/MultiSelect/index.tsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __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_react20 = require("react");
+var import_react21 = require("react");
 
 // src/hooks/useMediaQuery.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react18.useState)(
+  const [matches, setMatches] = (0, import_react19.useState)(
     () => typeof window !== "undefined" ? window.matchMedia(query).matches : false
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const media = window.matchMedia(query);
     const listener = (event) => setMatches(event.matches);
     setMatches(media.matches);
@@ -10285,7 +10348,7 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 var MOBILE_MODAL_MAX_HEIGHT = "90vh";
 var MOBILE_MODAL_HEADER_OFFSET = "65px";
 var MOBILE_BREAKPOINT = "(max-width: 840px)";
-var MultiSelect = import_react19.default.forwardRef(
+var MultiSelect = import_react20.default.forwardRef(
   ({
     placeholder,
     value: selectedValues = [],
@@ -10308,12 +10371,12 @@ var MultiSelect = import_react19.default.forwardRef(
     showMoreButtonOnClick,
     helperTextAfterField = ""
   }, fowardedRef) => {
-    const [isOpen, setIsOpen] = (0, import_react19.useState)(false);
-    const triggerRef = (0, import_react19.useRef)(null);
-    const [allOptionsSelected, setAllOptionsSelected] = (0, import_react19.useState)(false);
+    const [isOpen, setIsOpen] = (0, import_react20.useState)(false);
+    const triggerRef = (0, import_react20.useRef)(null);
+    const [allOptionsSelected, setAllOptionsSelected] = (0, import_react20.useState)(false);
     const isMobile = useMediaQuery(MOBILE_BREAKPOINT);
     const hasSections = !!(optionsBySection == null ? void 0 : optionsBySection.length);
-    const resolvedOptions = (0, import_react20.useMemo)(() => {
+    const resolvedOptions = (0, import_react21.useMemo)(() => {
       if (hasSections) {
         return optionsBySection.reduce(
           (acc, section) => acc.concat(section.options),
@@ -10322,21 +10385,21 @@ var MultiSelect = import_react19.default.forwardRef(
       }
       return options;
     }, [hasSections, options, optionsBySection]);
-    const labelByValue = (0, import_react20.useMemo)(() => {
+    const labelByValue = (0, import_react21.useMemo)(() => {
       return resolvedOptions.reduce((prev, curr) => {
         return __spreadProps(__spreadValues({}, prev), {
           [curr.value]: curr.label
         });
       }, {});
     }, [resolvedOptions]);
-    const handleRemove = (0, import_react19.useCallback)(
+    const handleRemove = (0, import_react20.useCallback)(
       (value) => {
         const newValue = selectedValues.filter((v) => v !== value);
         onValueChange == null ? void 0 : onValueChange(newValue);
       },
       [selectedValues, onValueChange]
     );
-    const handleSelectAll = (0, import_react19.useCallback)(
+    const handleSelectAll = (0, import_react20.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -10351,7 +10414,7 @@ var MultiSelect = import_react19.default.forwardRef(
       },
       [selectedValues, resolvedOptions, onValueChange]
     );
-    const text = (0, import_react20.useMemo)(() => {
+    const text = (0, import_react21.useMemo)(() => {
       if (selectedValues.length > 0 && singleSelect) {
         const value = selectedValues[0];
         return labelByValue[value];
@@ -10362,7 +10425,7 @@ var MultiSelect = import_react19.default.forwardRef(
       onValueChange == null ? void 0 : onValueChange([v]);
       setIsOpen(false);
     };
-    const handleToggle = (0, import_react19.useCallback)(
+    const handleToggle = (0, import_react20.useCallback)(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -10441,7 +10504,7 @@ var MultiSelect = import_react19.default.forwardRef(
     );
     const renderCheckboxOptions = () => {
       if (hasSections) {
-        return optionsBySection.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react19.default.Fragment, { children: [
+        return optionsBySection.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react20.default.Fragment, { children: [
           sectionIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledSectionDivider, {}),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledSectionTitle, { typography: "labelSmall", fontWeight: "semibold", color: "dark600", children: section.name }),
           section.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 }) }, `${section.name}-${i}`))
@@ -10451,7 +10514,7 @@ var MultiSelect = import_react19.default.forwardRef(
     };
     const renderSingleSelectOptions = () => {
       if (hasSections) {
-        return optionsBySection.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react19.default.Fragment, { children: [
+        return optionsBySection.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react20.default.Fragment, { children: [
           sectionIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledSectionDivider, {}),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledSectionTitle, { typography: "labelSmall", fontWeight: "semibold", color: "dark600", children: section.name }),
           section.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 }) }, `${section.name}-${i}`))
@@ -10616,7 +10679,7 @@ var Divider = styled("div", {
 });
 
 // src/components/ToggleElement/index.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function ToggleElement({
   children,
@@ -10628,7 +10691,7 @@ function ToggleElement({
   buttonProps,
   onOpenChange
 }) {
-  const [internalOpen, setInternalOpen] = (0, import_react21.useState)(defaultOpen);
+  const [internalOpen, setInternalOpen] = (0, import_react22.useState)(defaultOpen);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
   const handleClick = () => {
@@ -10950,7 +11013,7 @@ var TextAreaFormField = (_a) => {
 
 // src/components/FormFields/TextFormField.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_mask2 = require("@react-input/mask");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var TextFormField = (_a) => {
@@ -10973,7 +11036,7 @@ var TextFormField = (_a) => {
     "onChange",
     "valueFormatter"
   ]);
-  const handleValidate = (0, import_react22.useCallback)(
+  const handleValidate = (0, import_react23.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || !required && value.trim() === "")
@@ -10995,7 +11058,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_react22.useMemo)(() => {
+  const formattedValue = (0, import_react23.useMemo)(() => {
     let value = formValue;
     if (valueFormatter) value = valueFormatter.format(value);
     if (mask) value = (0, import_mask2.format)(value != null ? value : "", mask);
@@ -11607,7 +11670,7 @@ function StateFormField({
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_react_hook_form7 = require("react-hook-form");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function CityFormField({
@@ -11620,9 +11683,9 @@ function CityFormField({
 }) {
   const { control, watch } = (0, import_react_hook_form7.useFormContext)();
   const selectedState = watch(stateName);
-  const [cities, setCities] = (0, import_react23.useState)([]);
-  const [loading, setLoading] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const [cities, setCities] = (0, import_react24.useState)([]);
+  const [loading, setLoading] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     if (!isBrazil) {
       setCities([]);
       return;
@@ -12008,10 +12071,10 @@ var EmailFormField = ({
 var import_react_hook_form12 = require("react-hook-form");
 
 // src/components/RichEditor/RichEditor.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/components/RichEditor/QuillComponent.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_react_quilljs = require("react-quilljs");
 
 // src/utils/uploadService.ts
@@ -13214,12 +13277,12 @@ var QuillComponent = ({
   onCharacterCountChange,
   maxLength
 }) => {
-  const [showVideoModal, setShowVideoModal] = (0, import_react24.useState)(false);
-  const [videoUrl, setVideoUrl] = (0, import_react24.useState)("");
-  const [showLinkModal, setShowLinkModal] = (0, import_react24.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react24.useState)("");
-  const videoModalRef = (0, import_react24.useRef)(null);
-  const linkModalRef = (0, import_react24.useRef)(null);
+  const [showVideoModal, setShowVideoModal] = (0, import_react25.useState)(false);
+  const [videoUrl, setVideoUrl] = (0, import_react25.useState)("");
+  const [showLinkModal, setShowLinkModal] = (0, import_react25.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react25.useState)("");
+  const videoModalRef = (0, import_react25.useRef)(null);
+  const linkModalRef = (0, import_react25.useRef)(null);
   const { addToast, removeToast } = useToast();
   const formatHTML = (html) => {
     const parser = new DOMParser();
@@ -13238,7 +13301,7 @@ var QuillComponent = ({
     placeholder,
     readOnly: disabled
   });
-  const handleImageUpload = (0, import_react24.useCallback)(
+  const handleImageUpload = (0, import_react25.useCallback)(
     (file) => __async(null, null, function* () {
       if (disabled || !quill || !uploadConfig) return;
       try {
@@ -13270,7 +13333,7 @@ var QuillComponent = ({
     }),
     [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!quill) return;
     if (value !== void 0 && value !== null) {
       const currentContent = quill.root.innerHTML;
@@ -13286,7 +13349,7 @@ var QuillComponent = ({
     }
     onCharacterCountChange == null ? void 0 : onCharacterCountChange(quill.getText().trim().length);
   }, [quill, value, onCharacterCountChange]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (quill) {
       quill.on("text-change", (delta, oldDelta, source) => {
         if (source === "user") {
@@ -13347,7 +13410,7 @@ var QuillComponent = ({
       }, 2e3);
     }
   }, [quill, onChange, handleImageUpload, onCharacterCountChange, formats]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (quill) {
       quill.enable(!disabled);
       if (!disabled) {
@@ -13358,11 +13421,11 @@ var QuillComponent = ({
       }
     }
   }, [quill, disabled]);
-  const handleLinkCancel = (0, import_react24.useCallback)(() => {
+  const handleLinkCancel = (0, import_react25.useCallback)(() => {
     setLinkUrl("");
     setShowLinkModal(false);
   }, []);
-  const handleLinkSubmit = (0, import_react24.useCallback)(() => {
+  const handleLinkSubmit = (0, import_react25.useCallback)(() => {
     if (!linkUrl.trim() || !quill) return;
     const url = linkUrl.trim();
     const selection = quill.getSelection();
@@ -13377,11 +13440,11 @@ var QuillComponent = ({
     setLinkUrl("");
     setShowLinkModal(false);
   }, [linkUrl, quill]);
-  const handleVideoCancel = (0, import_react24.useCallback)(() => {
+  const handleVideoCancel = (0, import_react25.useCallback)(() => {
     setVideoUrl("");
     setShowVideoModal(false);
   }, []);
-  const handleVideoSubmit = (0, import_react24.useCallback)(() => {
+  const handleVideoSubmit = (0, import_react25.useCallback)(() => {
     var _a, _b;
     if (!videoUrl.trim() || !quill) return;
     let processedUrl = videoUrl.trim();
@@ -13414,7 +13477,7 @@ var QuillComponent = ({
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
         handleVideoCancel();
@@ -13576,8 +13639,8 @@ var QuillComponent_default = QuillComponent;
 // src/components/RichEditor/RichEditor.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var RichEditor = (props) => {
-  const [isClient, setIsClient] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     setIsClient(typeof window !== "undefined");
   }, []);
   if (!isClient) return null;
@@ -13599,7 +13662,7 @@ var RichTextPresenter = ({ richText }) => {
 var RichTextPresenter_default = RichTextPresenter;
 
 // src/components/FormFields/RichEditorFormField.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var getPlainTextLengthFromHtml = (html) => {
   var _a, _b;
@@ -13648,7 +13711,7 @@ var RichEditorFormField = (_a) => {
       }
     }
   });
-  const [caracterQuantity, setCaracterQuantity] = (0, import_react26.useState)(
+  const [caracterQuantity, setCaracterQuantity] = (0, import_react27.useState)(
     () => getRemainingCharacters(maxLength, field.value)
   );
   const handleCharacterCountChange = (count) => {
@@ -13656,7 +13719,7 @@ var RichEditorFormField = (_a) => {
       setCaracterQuantity(Math.max(0, maxLength - count));
     }
   };
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     setCaracterQuantity(getRemainingCharacters(maxLength, field.value));
   }, [field.value, maxLength]);
   const fieldError = fieldState.error;
@@ -13702,7 +13765,7 @@ var RichEditorFormField = (_a) => {
 
 // src/components/FormFields/CalendarFormField.tsx
 var import_react_hook_form13 = require("react-hook-form");
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var CalendarFormField = (_a) => {
   var _b = _a, {
@@ -13728,7 +13791,7 @@ var CalendarFormField = (_a) => {
     "maxYearsFromNow",
     "maxDate"
   ]);
-  const handleValidate = (0, import_react27.useCallback)(
+  const handleValidate = (0, import_react28.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null) {
@@ -13783,7 +13846,7 @@ var CalendarFormField = (_a) => {
 };
 
 // src/components/FormFields/DoubleCalendarFormField.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_react_hook_form14 = require("react-hook-form");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var DoubleCalendarFormField = (_a) => {
@@ -13810,7 +13873,7 @@ var DoubleCalendarFormField = (_a) => {
     "maxDate",
     "disabled"
   ]);
-  const handleValidate = (0, import_react28.useCallback)(
+  const handleValidate = (0, import_react29.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null) {
@@ -13859,7 +13922,7 @@ var DoubleCalendarFormField = (_a) => {
 
 // src/components/FormFields/TimePickerFormField.tsx
 var import_react_hook_form15 = require("react-hook-form");
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var TimePickerFormField = (_a) => {
   var _b = _a, {
@@ -13877,7 +13940,7 @@ var TimePickerFormField = (_a) => {
     "validationErrorMessage",
     "rules"
   ]);
-  const handleValidate = (0, import_react29.useCallback)(
+  const handleValidate = (0, import_react30.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || value === "") {
@@ -13930,7 +13993,7 @@ var TimePickerFormField = (_a) => {
 
 // src/components/FormFields/DateAndTimeFormField.tsx
 var import_react_hook_form16 = require("react-hook-form");
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var DateAndTimeFormField = (_a) => {
   var _b = _a, {
@@ -13959,7 +14022,7 @@ var DateAndTimeFormField = (_a) => {
     "maxDate"
   ]);
   const { addToast } = useToast();
-  const handleDisabledClick = (0, import_react30.useCallback)(
+  const handleDisabledClick = (0, import_react31.useCallback)(
     (event) => {
       if (!disabled) return;
       event.preventDefault();
@@ -13972,7 +14035,7 @@ var DateAndTimeFormField = (_a) => {
     },
     [addToast, disabled, disabledInfo]
   );
-  const handleDisabledMouseDown = (0, import_react30.useCallback)(
+  const handleDisabledMouseDown = (0, import_react31.useCallback)(
     (event) => {
       if (!disabled) return;
       event.preventDefault();
@@ -13980,7 +14043,7 @@ var DateAndTimeFormField = (_a) => {
     },
     [disabled]
   );
-  const handleValidate = (0, import_react30.useCallback)(
+  const handleValidate = (0, import_react31.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || value === "") {
@@ -14003,7 +14066,7 @@ var DateAndTimeFormField = (_a) => {
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
   const { value: isoValue, onChange: setIsoValue } = field;
-  const { selectedDateFromIso, selectedTimeFromIso } = (0, import_react30.useMemo)(() => {
+  const { selectedDateFromIso, selectedTimeFromIso } = (0, import_react31.useMemo)(() => {
     if (!isoValue) return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
     try {
       const date = new Date(isoValue);
@@ -14018,13 +14081,13 @@ var DateAndTimeFormField = (_a) => {
       return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
     }
   }, [isoValue]);
-  const [draftDate, setDraftDate] = (0, import_react30.useState)(selectedDateFromIso);
-  const [draftTime, setDraftTime] = (0, import_react30.useState)(selectedTimeFromIso);
-  (0, import_react30.useEffect)(() => {
+  const [draftDate, setDraftDate] = (0, import_react31.useState)(selectedDateFromIso);
+  const [draftTime, setDraftTime] = (0, import_react31.useState)(selectedTimeFromIso);
+  (0, import_react31.useEffect)(() => {
     setDraftDate(selectedDateFromIso);
     setDraftTime(selectedTimeFromIso);
   }, [selectedDateFromIso, selectedTimeFromIso]);
-  const combineDateTime = (0, import_react30.useCallback)(
+  const combineDateTime = (0, import_react31.useCallback)(
     (date, time) => {
       if (!date) {
         setIsoValue("");
@@ -14111,11 +14174,11 @@ var DateAndTimeFormField = (_a) => {
 };
 
 // src/hooks/useImageUpload.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 var useImageUpload = (options) => {
-  const [isUploading, setIsUploading] = (0, import_react31.useState)(false);
-  const [progress, setProgress] = (0, import_react31.useState)(null);
-  const [error, setError] = (0, import_react31.useState)(null);
+  const [isUploading, setIsUploading] = (0, import_react32.useState)(false);
+  const [progress, setProgress] = (0, import_react32.useState)(null);
+  const [error, setError] = (0, import_react32.useState)(null);
   const {
     onSuccess,
     onError,
@@ -14125,7 +14188,7 @@ var useImageUpload = (options) => {
     allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"],
     uploadConfig
   } = options;
-  const validateFile = (0, import_react31.useCallback)(
+  const validateFile = (0, import_react32.useCallback)(
     (file) => {
       if (!allowedTypes.includes(file.type)) {
         const errorMsg = "Tipo de arquivo n\xE3o suportado";
@@ -14143,7 +14206,7 @@ var useImageUpload = (options) => {
     },
     [allowedTypes, maxFileSize, onError]
   );
-  const uploadFile = (0, import_react31.useCallback)(
+  const uploadFile = (0, import_react32.useCallback)(
     (file) => __async(null, null, function* () {
       if (!validateFile(file)) {
         return null;
@@ -14196,7 +14259,7 @@ var useImageUpload = (options) => {
     }),
     [validateFile, onSuccess, onError, onProgress]
   );
-  const reset = (0, import_react31.useCallback)(() => {
+  const reset = (0, import_react32.useCallback)(() => {
     setIsUploading(false);
     setProgress(null);
     setError(null);