@lets-events/react 11.8.1 → 12.1.0

package/dist/index.mjs

@@ -74,124 +74,11 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
-var require_react_is_production_min = __commonJS({
-  "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
-    "use strict";
-    var b = "function" === typeof Symbol && Symbol.for;
-    var c = b ? Symbol.for("react.element") : 60103;
-    var d = b ? Symbol.for("react.portal") : 60106;
-    var e = b ? Symbol.for("react.fragment") : 60107;
-    var f = b ? Symbol.for("react.strict_mode") : 60108;
-    var g = b ? Symbol.for("react.profiler") : 60114;
-    var h = b ? Symbol.for("react.provider") : 60109;
-    var k = b ? Symbol.for("react.context") : 60110;
-    var l = b ? Symbol.for("react.async_mode") : 60111;
-    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
-    var n = b ? Symbol.for("react.forward_ref") : 60112;
-    var p = b ? Symbol.for("react.suspense") : 60113;
-    var q = b ? Symbol.for("react.suspense_list") : 60120;
-    var r = b ? Symbol.for("react.memo") : 60115;
-    var t = b ? Symbol.for("react.lazy") : 60116;
-    var v = b ? Symbol.for("react.block") : 60121;
-    var w = b ? Symbol.for("react.fundamental") : 60117;
-    var x = b ? Symbol.for("react.responder") : 60118;
-    var y = b ? Symbol.for("react.scope") : 60119;
-    function z(a) {
-      if ("object" === typeof a && null !== a) {
-        var u = a.$$typeof;
-        switch (u) {
-          case c:
-            switch (a = a.type, a) {
-              case l:
-              case m:
-              case e:
-              case g:
-              case f:
-              case p:
-                return a;
-              default:
-                switch (a = a && a.$$typeof, a) {
-                  case k:
-                  case n:
-                  case t:
-                  case r:
-                  case h:
-                    return a;
-                  default:
-                    return u;
-                }
-            }
-          case d:
-            return u;
-        }
-      }
-    }
-    function A(a) {
-      return z(a) === m;
-    }
-    exports.AsyncMode = l;
-    exports.ConcurrentMode = m;
-    exports.ContextConsumer = k;
-    exports.ContextProvider = h;
-    exports.Element = c;
-    exports.ForwardRef = n;
-    exports.Fragment = e;
-    exports.Lazy = t;
-    exports.Memo = r;
-    exports.Portal = d;
-    exports.Profiler = g;
-    exports.StrictMode = f;
-    exports.Suspense = p;
-    exports.isAsyncMode = function(a) {
-      return A(a) || z(a) === l;
-    };
-    exports.isConcurrentMode = A;
-    exports.isContextConsumer = function(a) {
-      return z(a) === k;
-    };
-    exports.isContextProvider = function(a) {
-      return z(a) === h;
-    };
-    exports.isElement = function(a) {
-      return "object" === typeof a && null !== a && a.$$typeof === c;
-    };
-    exports.isForwardRef = function(a) {
-      return z(a) === n;
-    };
-    exports.isFragment = function(a) {
-      return z(a) === e;
-    };
-    exports.isLazy = function(a) {
-      return z(a) === t;
-    };
-    exports.isMemo = function(a) {
-      return z(a) === r;
-    };
-    exports.isPortal = function(a) {
-      return z(a) === d;
-    };
-    exports.isProfiler = function(a) {
-      return z(a) === g;
-    };
-    exports.isStrictMode = function(a) {
-      return z(a) === f;
-    };
-    exports.isSuspense = function(a) {
-      return z(a) === p;
-    };
-    exports.isValidElementType = function(a) {
-      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-    };
-    exports.typeOf = z;
-  }
-});
-
 // ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
   "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports) {
     "use strict";
-    if (process.env.NODE_ENV !== "production") {
+    if (true) {
       (function() {
         "use strict";
         var hasSymbol = typeof Symbol === "function" && Symbol.for;
@@ -346,8 +233,8 @@ var require_react_is_development = __commonJS({
 var require_react_is = __commonJS({
   "../../node_modules/prop-types/node_modules/react-is/index.js"(exports, module) {
     "use strict";
-    if (process.env.NODE_ENV === "production") {
-      module.exports = require_react_is_production_min();
+    if (false) {
+      module.exports = null;
     } else {
       module.exports = require_react_is_development();
     }
@@ -447,7 +334,7 @@ var require_checkPropTypes = __commonJS({
     "use strict";
     var printWarning = function() {
     };
-    if (process.env.NODE_ENV !== "production") {
+    if (true) {
       ReactPropTypesSecret = require_ReactPropTypesSecret();
       loggedTypeFailures = {};
       has = require_has();
@@ -466,7 +353,7 @@ var require_checkPropTypes = __commonJS({
     var loggedTypeFailures;
     var has;
     function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
-      if (process.env.NODE_ENV !== "production") {
+      if (true) {
         for (var typeSpecName in typeSpecs) {
           if (has(typeSpecs, typeSpecName)) {
             var error;
@@ -499,7 +386,7 @@ var require_checkPropTypes = __commonJS({
       }
     }
     checkPropTypes.resetWarningCache = function() {
-      if (process.env.NODE_ENV !== "production") {
+      if (true) {
         loggedTypeFailures = {};
       }
     };
@@ -518,7 +405,7 @@ var require_factoryWithTypeCheckers = __commonJS({
     var checkPropTypes = require_checkPropTypes();
     var printWarning = function() {
     };
-    if (process.env.NODE_ENV !== "production") {
+    if (true) {
       printWarning = function(text) {
         var message2 = "Warning: " + text;
         if (typeof console !== "undefined") {
@@ -578,7 +465,7 @@ var require_factoryWithTypeCheckers = __commonJS({
       }
       PropTypeError.prototype = Error.prototype;
       function createChainableTypeChecker(validate) {
-        if (process.env.NODE_ENV !== "production") {
+        if (true) {
           var manualPropTypeCallCache = {};
           var manualPropTypeWarningCount = 0;
         }
@@ -592,7 +479,7 @@ var require_factoryWithTypeCheckers = __commonJS({
               );
               err.name = "Invariant Violation";
               throw err;
-            } else if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
+            } else if (typeof console !== "undefined") {
               var cacheKey = componentName + ":" + propName;
               if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
               manualPropTypeWarningCount < 3) {
@@ -693,7 +580,7 @@ var require_factoryWithTypeCheckers = __commonJS({
       }
       function createEnumTypeChecker(expectedValues) {
         if (!Array.isArray(expectedValues)) {
-          if (process.env.NODE_ENV !== "production") {
+          if (true) {
             if (arguments.length > 1) {
               printWarning(
                 "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
@@ -746,7 +633,7 @@ var require_factoryWithTypeCheckers = __commonJS({
       }
       function createUnionTypeChecker(arrayOfTypeCheckers) {
         if (!Array.isArray(arrayOfTypeCheckers)) {
-          process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
+          true ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
           return emptyFunctionThatReturnsNull;
         }
         for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
@@ -950,72 +837,16 @@ var require_factoryWithTypeCheckers = __commonJS({
   }
 });
 
-// ../../node_modules/prop-types/factoryWithThrowingShims.js
-var require_factoryWithThrowingShims = __commonJS({
-  "../../node_modules/prop-types/factoryWithThrowingShims.js"(exports, module) {
-    "use strict";
-    var ReactPropTypesSecret = require_ReactPropTypesSecret();
-    function emptyFunction() {
-    }
-    function emptyFunctionWithReset() {
-    }
-    emptyFunctionWithReset.resetWarningCache = emptyFunction;
-    module.exports = function() {
-      function shim(props, propName, componentName, location, propFullName, secret) {
-        if (secret === ReactPropTypesSecret) {
-          return;
-        }
-        var err = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        err.name = "Invariant Violation";
-        throw err;
-      }
-      ;
-      shim.isRequired = shim;
-      function getShim() {
-        return shim;
-      }
-      ;
-      var ReactPropTypes = {
-        array: shim,
-        bigint: shim,
-        bool: shim,
-        func: shim,
-        number: shim,
-        object: shim,
-        string: shim,
-        symbol: shim,
-        any: shim,
-        arrayOf: getShim,
-        element: shim,
-        elementType: shim,
-        instanceOf: getShim,
-        node: shim,
-        objectOf: getShim,
-        oneOf: getShim,
-        oneOfType: getShim,
-        shape: getShim,
-        exact: getShim,
-        checkPropTypes: emptyFunctionWithReset,
-        resetWarningCache: emptyFunction
-      };
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-  }
-});
-
 // ../../node_modules/prop-types/index.js
 var require_prop_types = __commonJS({
   "../../node_modules/prop-types/index.js"(exports, module) {
     "use strict";
-    if (process.env.NODE_ENV !== "production") {
+    if (true) {
       ReactIs = require_react_is();
       throwOnDirectAccess = true;
       module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
     } else {
-      module.exports = require_factoryWithThrowingShims()();
+      module.exports = null();
     }
     var ReactIs;
     var throwOnDirectAccess;
@@ -1852,6 +1683,7 @@ var ButtonStyled = styled(ButtonRadix, {
         color: "$$buttonColor",
         width: "100%",
         borderRadius: 0,
+        whiteSpace: "nowrap",
         "&:hover": {
           backgroundColor: "$dark100"
         }
@@ -2735,7 +2567,8 @@ var TextField = React.forwardRef(
       addon,
       textAlign = "left",
       mask,
-      maxLength
+      maxLength,
+      hasError
     } = _b, props = __objRest(_b, [
       "children",
       "isValid",
@@ -2746,7 +2579,8 @@ var TextField = React.forwardRef(
       "addon",
       "textAlign",
       "mask",
-      "maxLength"
+      "maxLength",
+      "hasError"
     ]);
     const maskRef = mask ? useMask(mask) : void 0;
     const inputRef = React.useRef(null);
@@ -2764,11 +2598,18 @@ var TextField = React.forwardRef(
     };
     return /* @__PURE__ */ jsxs(Flex2, { direction: "column", css: { width: "100%", position: "relative" }, children: [
       /* @__PURE__ */ jsxs(Flex2, { gap: "0", css: { width: "100%" }, children: [
-        !!addon && /* @__PURE__ */ jsx7(InputAddon, { color, typography: "labelSmall", children: addon }),
+        !!addon && /* @__PURE__ */ jsx7(
+          InputAddon,
+          {
+            color: hasError ? "error" : color,
+            typography: "labelSmall",
+            children: addon
+          }
+        ),
         /* @__PURE__ */ jsxs(
           TextFieldStyled,
           __spreadProps(__spreadValues({
-            color,
+            color: hasError ? "error" : color || "default",
             isValid: isValid2,
             name,
             typography,
@@ -2797,7 +2638,7 @@ var TextField = React.forwardRef(
                 {
                   position: "flex-end",
                   name,
-                  color,
+                  color: hasError ? "error" : color,
                   typography,
                   fontWeight,
                   textAlign,
@@ -3820,10 +3661,24 @@ import { useEffect as useEffect2 } from "react";
 function useOnClickOutside(ref, handler) {
   useEffect2(() => {
     const listener = (event) => {
-      if (!ref.current || ref.current.contains(event.target)) {
+      if (!(ref == null ? void 0 : ref.current) || !event.target) {
+        return;
+      }
+      const target = event.target;
+      const currentTarget = event.currentTarget;
+      if (ref.current.contains(target) || ref.current.contains(currentTarget)) {
         return;
       }
-      handler();
+      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);
@@ -7749,7 +7604,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",
@@ -7758,25 +7623,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",
@@ -7793,7 +7685,7 @@ var DayPickerWrapperStyled = styled("div", {
     color: "$dark500"
   },
   ".rdp-root": {
-    padding: "$16"
+    padding: "$8"
   },
   ".rdp-today .rdp-day_button": {
     color: "$brand500",
@@ -7964,14 +7856,20 @@ function Calendar(_a) {
     calendarLayout,
     selected,
     setSelected,
-    position = "bottom"
+    position = "bottom",
+    hasError,
+    expand,
+    allowPastDates = false
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
     "calendarLayout",
     "selected",
     "setSelected",
-    "position"
+    "position",
+    "hasError",
+    "expand",
+    "allowPastDates"
   ]);
   const [inputValue, setInputValue] = useState2("");
   const [showContainer, setShowCalendar] = useState2(false);
@@ -7993,15 +7891,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__ */ jsx15("div", { children: /* @__PURE__ */ jsxs6(CalendarStyled, __spreadProps(__spreadValues({}, props), { ref: dropdownRef, children: [
+  return /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsxs6(CalendarStyled, __spreadProps(__spreadValues({}, props), { expand, ref: dropdownRef, children: [
     /* @__PURE__ */ jsx15(
       CalendarButtonStyled,
       {
+        expand,
         type: "button",
         onClick: () => setShowCalendar((prev) => !prev),
         children: /* @__PURE__ */ jsx15(
@@ -8013,47 +7916,42 @@ function Calendar(_a) {
             onChange: handleInputChange,
             inputMode: "numeric",
             textAlign: "right",
+            color: hasError ? "error" : "default",
             children: /* @__PURE__ */ jsx15(TextFieldSlot, { children: /* @__PURE__ */ jsx15(Icon_default, { name: "calendar", size: "xl" }) })
           }
         )
       }
     ),
-    showContainer && /* @__PURE__ */ jsxs6(
-      CalendarContentStyled,
-      {
-        style: position === "top" ? { bottom: "110%" } : { top: "110%" },
-        children: [
-          /* @__PURE__ */ jsx15(Box, { children: /* @__PURE__ */ jsx15(DayPickerWrapperStyled, { children: /* @__PURE__ */ jsx15(
-            DayPicker,
-            {
-              mode: "single",
-              captionLayout: calendarLayout,
-              selected,
-              onSelect: setSelected,
-              required: true,
-              locale: ptBR,
-              disabled: { before: today },
-              startMonth: today,
-              endMonth: maxDate
-            }
-          ) }) }),
-          action && /* @__PURE__ */ jsx15(CalendarFooterStyled, { children: /* @__PURE__ */ jsx15(
-            Button,
-            {
-              variant: "text",
-              color: "brand",
-              type: "button",
-              onClick: () => {
-                setShowCalendar(false);
-              },
-              size: "medium",
-              fontWeight: "medium",
-              children: actionText != null ? actionText : "Aplicar"
-            }
-          ) })
-        ]
-      }
-    )
+    showContainer && /* @__PURE__ */ jsxs6(CalendarContentStyled, { position, children: [
+      /* @__PURE__ */ jsx15(Box, { children: /* @__PURE__ */ jsx15(DayPickerWrapperStyled, { children: /* @__PURE__ */ jsx15(
+        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__ */ jsx15(CalendarFooterStyled, { children: /* @__PURE__ */ jsx15(
+        Button,
+        {
+          variant: "text",
+          color: "brand",
+          type: "button",
+          onClick: () => {
+            setShowCalendar(false);
+          },
+          size: "medium",
+          fontWeight: "medium",
+          children: actionText != null ? actionText : "Aplicar"
+        }
+      ) })
+    ] })
   ] })) });
 }
 
@@ -8116,8 +8014,45 @@ function Drawer({
 }) {
   if (!isOpen) return null;
   const drawerContainerRef = useRef4(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__ */ jsx16(DrawerOverlayStyled, { children: /* @__PURE__ */ jsxs7(
     DrawerContainerStyled,
@@ -8146,18 +8081,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",
@@ -8227,21 +8168,30 @@ 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");
 function TimePicker({
   selected,
   setSelected,
-  position = "bottom"
+  position = "bottom",
+  hasError,
+  expand = false
 }) {
   const [hours, setHours] = useState3("00");
   const [minutes, setMinutes] = useState3("00");
@@ -8278,12 +8228,13 @@ function TimePicker({
     },
     [hours, minutes]
   );
-  return /* @__PURE__ */ jsxs8(TimePickerStyled, { ref: dropdownRef, children: [
+  return /* @__PURE__ */ jsxs8(TimePickerStyled, { ref: dropdownRef, expand, children: [
     /* @__PURE__ */ jsx17(
       TimePickerButtonStyled,
       {
         type: "button",
         onClick: () => setIsOpen((prev) => !prev),
+        expand,
         children: /* @__PURE__ */ jsx17(
           TextField,
           {
@@ -8293,6 +8244,7 @@ function TimePicker({
             placeholder: "00:00",
             typography: "labelSmall",
             fontWeight: "regular",
+            color: hasError ? "error" : "default",
             children: /* @__PURE__ */ jsx17(TextFieldSlot, { children: /* @__PURE__ */ jsx17(Icon_default, { name: "clock", size: "xl" }) })
           }
         )
@@ -8301,7 +8253,7 @@ function TimePicker({
     isOpen && /* @__PURE__ */ jsxs8(
       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__ */ jsxs8(TimerPickerContentStyled, { children: [
             ["hours", "minutes"].map((unit) => /* @__PURE__ */ jsxs8(
@@ -9326,6 +9278,7 @@ function Tooltip({
 }
 
 // src/components/MultiSelect.tsx
+import React9, { useCallback as useCallback2, useRef as useRef7, useState as useState6 } from "react";
 import { DropdownMenu as DropdownMenu3, Theme as Theme3 } from "@radix-ui/themes";
 import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
 import {
@@ -9333,8 +9286,7 @@ import {
   faChevronUp as faChevronUp2,
   faSquareXmark
 } from "@fortawesome/free-solid-svg-icons";
-import { useCallback as useCallback2, useMemo, useRef as useRef7, useState as useState6 } from "react";
-import React9 from "react";
+import { useMemo } from "react";
 import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var StyledContent = styled(DropdownMenu3.Content, {
   backgroundColor: "$dark50",
@@ -9342,7 +9294,10 @@ var StyledContent = styled(DropdownMenu3.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",
@@ -9354,6 +9309,7 @@ var StyledTrigger = styled("div", {
   padding: "$6 $14",
   boxSizing: "border-box",
   gap: "4px",
+  width: "100%",
   variants: {
     color: {
       default: {
@@ -9386,16 +9342,41 @@ var itemStyle = {
   }
 };
 var StyledItem2 = styled("div", __spreadValues({}, itemStyle));
-var BadgeWrapper = styled("div", {
-  flex: "1",
-  display: "flex",
-  gap: "4px",
-  marginTop: "8px",
-  flexDirection: "column"
-});
 var BadgeCloseBtn = styled("div", {
   cursor: "pointer"
 });
+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 = React9.forwardRef(
   ({
     placeholder,
@@ -9407,9 +9388,10 @@ var MultiSelect = React9.forwardRef(
     zIndex = "auto",
     showSelectedValues = true,
     singleSelect = false,
-    disabled = false
+    selectedOrientation = "column",
+    disabled = false,
+    maxHeight
   }, fowardedRef) => {
-    var _a;
     const [isOpen, setIsOpen] = useState6(false);
     const triggerRef = useRef7(null);
     const labelByValue = useMemo(() => {
@@ -9426,7 +9408,6 @@ var MultiSelect = React9.forwardRef(
       },
       [selectedValues, onValueChange]
     );
-    const menuWidth = (_a = triggerRef.current) == null ? void 0 : _a.offsetWidth;
     const text = useMemo(() => {
       if (selectedValues.length > 0 && singleSelect) {
         const value = selectedValues[0];
@@ -9438,67 +9419,60 @@ var MultiSelect = React9.forwardRef(
       onValueChange == null ? void 0 : onValueChange([v]);
       setIsOpen(false);
     };
+    const handleToggle = useCallback2(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled) return;
+        setIsOpen((prev) => !prev);
+      },
+      [disabled]
+    );
     return /* @__PURE__ */ jsxs14(Theme3, { children: [
-      /* @__PURE__ */ jsxs14(DropdownMenu3.Root, { open: isOpen, onOpenChange: () => setIsOpen(false), children: [
-        /* @__PURE__ */ jsx26(
-          DropdownMenu3.Trigger,
+      /* @__PURE__ */ jsxs14(DropdownMenu3.Root, { children: [
+        /* @__PURE__ */ jsx26(DropdownMenu3.Trigger, { children: /* @__PURE__ */ jsxs14(
+          StyledTrigger,
           {
-            onClick: () => {
-              if (disabled) return;
-              setIsOpen(true);
-            },
-            children: /* @__PURE__ */ jsxs14(
-              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__ */ jsx26(
-                    Text,
-                    {
-                      typography: "labelMedium",
-                      css: {
-                        flex: 1,
-                        overflow: "hidden",
-                        whiteSpace: "nowrap",
-                        textOverflow: "ellipsis"
-                      },
-                      color: disabled ? "dark400" : void 0,
-                      children: text
-                    }
-                  ),
-                  /* @__PURE__ */ jsx26(
-                    FontAwesomeIcon3,
-                    {
-                      icon: isOpen ? faChevronUp2 : faChevronDown2,
-                      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__ */ jsx26(
+                StyledText,
+                {
+                  typography: "labelMedium",
+                  color: disabled ? "dark400" : void 0,
+                  children: text
+                }
+              ),
+              /* @__PURE__ */ jsx26(
+                FontAwesomeIcon3,
+                {
+                  icon: isOpen ? faChevronUp2 : faChevronDown2,
+                  size: "sm",
+                  color: disabled ? colors.dark400 : colors.dark600
+                }
+              )
+            ]
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsx26(
           StyledContent,
           {
             css: {
-              width: menuWidth ? menuWidth + "px" : width,
-              zIndex
+              width: "100%",
+              zIndex: zIndex === "auto" ? 999999 : zIndex
             },
             children: !singleSelect ? /* @__PURE__ */ jsx26(
               CheckboxGroup,
@@ -9507,36 +9481,71 @@ var MultiSelect = React9.forwardRef(
                 onValueChange: (v) => {
                   onValueChange == null ? void 0 : onValueChange(v);
                 },
-                children: /* @__PURE__ */ jsx26(Flex2, { direction: "column", gap: 8, children: options.map(({ value, label }, i) => /* @__PURE__ */ jsx26(CheckboxItem, { value, css: itemStyle, children: /* @__PURE__ */ jsx26(Text, { typography: "labelSmall", children: label }) }, i)) })
+                children: /* @__PURE__ */ jsx26(
+                  StyledFlexWithMaxHeight,
+                  {
+                    direction: "column",
+                    gap: 8,
+                    hasMaxHeight: !!maxHeight,
+                    style: maxHeight ? { maxHeight } : void 0,
+                    children: options.map(({ value, label }, i) => /* @__PURE__ */ jsx26(CheckboxItem, { value, css: itemStyle, children: /* @__PURE__ */ jsx26(Text, { typography: "labelSmall", children: label }) }, i))
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx26(
+              StyledFlexWithMaxHeight,
+              {
+                direction: "column",
+                gap: 8,
+                hasMaxHeight: !!maxHeight,
+                style: maxHeight ? { maxHeight } : void 0,
+                children: options.map(({ value, label }, i) => /* @__PURE__ */ jsx26(StyledItem2, { onClick: () => handleItemClick(value), children: /* @__PURE__ */ jsx26(Text, { typography: "labelSmall", children: label }) }, i))
               }
-            ) : /* @__PURE__ */ jsx26(Flex2, { direction: "column", gap: 8, children: options.map(({ value, label }, i) => /* @__PURE__ */ jsx26(StyledItem2, { onClick: () => handleItemClick(value), children: /* @__PURE__ */ jsx26(Text, { typography: "labelSmall", children: label }) }, i)) })
+            )
           }
         )
       ] }),
-      selectedValues.length > 0 && showSelectedValues && /* @__PURE__ */ jsx26(Fragment2, { children: /* @__PURE__ */ jsx26(BadgeWrapper, { children: selectedValues.map((value) => {
-        return /* @__PURE__ */ jsxs14(Flex2, { gap: 4, children: [
-          /* @__PURE__ */ jsx26(
-            BadgeCloseBtn,
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                handleRemove(value);
-              },
-              role: "button",
-              children: /* @__PURE__ */ jsx26(FontAwesomeIcon3, { icon: faSquareXmark, size: "sm" })
-            }
-          ),
-          /* @__PURE__ */ jsx26(
-            Text,
+      selectedValues.length > 0 && showSelectedValues && /* @__PURE__ */ jsx26(Fragment2, { children: /* @__PURE__ */ jsx26(
+        Flex2,
+        {
+          direction: selectedOrientation,
+          gap: 8,
+          align: selectedOrientation === "column" ? "start" : "center",
+          justify: "start",
+          css: { margin: "8px 0" },
+          children: selectedValues.map((value) => /* @__PURE__ */ jsxs14(
+            Flex2,
             {
-              typography: "captionMedium",
-              fontWeight: "regular",
-              color: "dark600",
-              children: labelByValue[value]
-            }
-          )
-        ] });
-      }) }) })
+              gap: 4,
+              align: "center",
+              css: { flexWrap: "wrap" },
+              children: [
+                /* @__PURE__ */ jsx26(
+                  BadgeCloseBtn,
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handleRemove(value);
+                    },
+                    role: "button",
+                    children: /* @__PURE__ */ jsx26(FontAwesomeIcon3, { icon: faSquareXmark, size: "sm" })
+                  }
+                ),
+                /* @__PURE__ */ jsx26(
+                  Text,
+                  {
+                    typography: "captionMedium",
+                    fontWeight: "regular",
+                    color: "dark600",
+                    children: labelByValue[value]
+                  }
+                )
+              ]
+            },
+            value
+          ))
+        }
+      ) })
     ] });
   }
 );
@@ -9779,12 +9788,16 @@ var TextAreaFormField = (_a) => {
     name,
     label,
     required,
-    placeholder
+    placeholder,
+    validate,
+    validationErrorMessage = "Este campo \xE9 obrigat\xF3rio."
   } = _b, props = __objRest(_b, [
     "name",
     "label",
     "required",
-    "placeholder"
+    "placeholder",
+    "validate",
+    "validationErrorMessage"
   ]);
   var _a2;
   const {
@@ -9793,6 +9806,10 @@ var TextAreaFormField = (_a) => {
   } = useFormContext();
   const haveError = !!errors[name];
   const errorMsg = (_a2 = errors[name]) == null ? void 0 : _a2.message;
+  const validationRules = {
+    required: required ? validationErrorMessage : false,
+    validate
+  };
   return /* @__PURE__ */ jsxs17(Flex2, { direction: "column", children: [
     /* @__PURE__ */ jsx32(
       FormLabel,
@@ -9805,7 +9822,7 @@ var TextAreaFormField = (_a) => {
     ),
     /* @__PURE__ */ jsx32(
       TextareaField,
-      __spreadProps(__spreadValues(__spreadValues({}, props), register(name, { required })), {
+      __spreadProps(__spreadValues(__spreadValues({}, props), register(name, validationRules)), {
         placeholder,
         color: haveError ? "error" : "default",
         "aria-labelledby": `${name}-label`
@@ -9933,11 +9950,17 @@ var MultiSelectFormField = (_a) => {
   var _b = _a, {
     name,
     label,
-    required
+    required,
+    selectedOrientation = "column",
+    zIndex,
+    maxHeight
   } = _b, rest = __objRest(_b, [
     "name",
     "label",
-    "required"
+    "required",
+    "selectedOrientation",
+    "zIndex",
+    "maxHeight"
   ]);
   var _a2;
   const { field, fieldState } = useController2({
@@ -9969,7 +9992,10 @@ var MultiSelectFormField = (_a) => {
         value,
         onValueChange: handleChange,
         ref,
-        color: haveError ? "error" : "default"
+        color: haveError ? "error" : "default",
+        selectedOrientation,
+        zIndex,
+        maxHeight
       }, rest)
     ),
     /* @__PURE__ */ jsx35(ErrorFormMessage, { message: errorMsg })
@@ -10219,10 +10245,6 @@ var BirthDateFormField = ({
 
 // src/components/FormFields/IdentityDocumentNumberFormField.tsx
 import { jsx as jsx40 } from "react/jsx-runtime";
-var isValidRG = (rg) => {
-  const cleaned = rg.replace(/[^\d]/g, "");
-  return /^\d{9}$/.test(cleaned);
-};
 var IdentityDocumentNumberFormField = ({
   name,
   label,
@@ -10242,9 +10264,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;
       }
     }
   );
@@ -10822,6 +10846,879 @@ var EmailFormField = ({
     }
   );
 };
+
+// src/components/FormFields/RichEditorFormField.tsx
+import { useController as useController3 } from "react-hook-form";
+
+// src/components/RichEditor/QuillComponent.tsx
+import { useState as useState8, useRef as useRef8, useEffect as useEffect5, useCallback as useCallback4 } from "react";
+import { useQuill } from "react-quilljs";
+import "quill/dist/quill.snow.css";
+
+// src/utils/uploadService.ts
+var generateUniqueFilename = (originalName) => {
+  const timestamp = Date.now().toString(36);
+  const random = Math.random().toString(36).substring(2, 8);
+  const extension = originalName.split(".").pop();
+  return `${timestamp}_${random}.${extension}`;
+};
+var UploadService = class {
+  static getPresignedUrl(filename, contentType, config2) {
+    return __async(this, null, function* () {
+      var _a;
+      const apiUrl = config2.apiUrl;
+      const presignedUrlEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.presignedUrl;
+      const bucket = config2.s3Bucket;
+      try {
+        const response = yield fetch(`${apiUrl}${presignedUrlEndpoint}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            filename,
+            contentType,
+            bucket
+          })
+        });
+        if (!response.ok) {
+          throw new Error("Falha ao gerar URL de upload");
+        }
+        const data = yield response.json();
+        return data.presignedUrl;
+      } catch (error) {
+        console.error("Erro ao gerar URL pr\xE9-assinada:", error);
+        throw new Error("Falha ao gerar URL de upload");
+      }
+    });
+  }
+  static uploadToS3(file, config2, onProgress) {
+    return __async(this, null, function* () {
+      try {
+        const uniqueFilename = generateUniqueFilename(file.name);
+        const blob = new Blob([file], { type: file.type });
+        const s3Url = `${config2.s3Url}/${uniqueFilename}`;
+        return new Promise((resolve, reject) => {
+          const xhr = new XMLHttpRequest();
+          xhr.upload.addEventListener("progress", (event) => {
+            if (event.lengthComputable) {
+              const percentComplete = Math.round(
+                event.loaded / event.total * 100
+              );
+              onProgress == null ? void 0 : onProgress({
+                amount: percentComplete,
+                message: `Fazendo upload... ${percentComplete}%`
+              });
+            }
+          });
+          xhr.addEventListener("load", () => {
+            if (xhr.status === 200) {
+              resolve({
+                url: s3Url,
+                filename: uniqueFilename,
+                size: file.size,
+                type: file.type
+              });
+            } else {
+              reject(new Error(`Upload falhou com status: ${xhr.status}`));
+            }
+          });
+          xhr.addEventListener("error", () => {
+            reject(new Error("Erro de rede durante upload"));
+          });
+          xhr.open("PUT", s3Url);
+          xhr.setRequestHeader("Content-Type", file.type);
+          xhr.send(blob);
+        });
+      } catch (error) {
+        console.error("Erro no upload:", error);
+        throw error;
+      }
+    });
+  }
+  static uploadViaAPI(file, config2, onProgress) {
+    return __async(this, null, function* () {
+      try {
+        const formData = new FormData();
+        formData.append("file", file);
+        const bucket = config2.s3Bucket;
+        formData.append("bucket", bucket);
+        const xhr = new XMLHttpRequest();
+        return new Promise((resolve, reject) => {
+          var _a;
+          xhr.upload.addEventListener("progress", (event) => {
+            if (event.lengthComputable) {
+              const percentComplete = Math.round(
+                event.loaded / event.total * 100
+              );
+              onProgress == null ? void 0 : onProgress({
+                amount: percentComplete,
+                message: `Fazendo upload... ${percentComplete}%`
+              });
+            }
+          });
+          xhr.addEventListener("load", () => {
+            if (xhr.status === 200) {
+              try {
+                const response = JSON.parse(xhr.responseText);
+                resolve({
+                  url: response.url,
+                  filename: response.filename,
+                  size: file.size,
+                  type: file.type
+                });
+              } catch (error) {
+                reject(new Error("Resposta inv\xE1lida do servidor"));
+              }
+            } else {
+              reject(new Error(`Upload falhou com status: ${xhr.status}`));
+            }
+          });
+          xhr.addEventListener("error", () => {
+            reject(new Error("Erro de rede durante upload"));
+          });
+          const apiUrl = config2.apiUrl;
+          const uploadEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.upload;
+          xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
+          xhr.send(formData);
+        });
+      } catch (error) {
+        console.error("Erro no upload via API:", error);
+        throw error;
+      }
+    });
+  }
+};
+
+// src/components/RichEditor/styledComponents.ts
+var QuillContainer = styled("div", {
+  display: "flex",
+  flexDirection: "column"
+});
+var QuillEditor = styled("div", {
+  "& .ql-editor": {
+    minHeight: "200px",
+    padding: "$12",
+    fontSize: "$14",
+    lineHeight: "$base",
+    fontFamily: "$default",
+    color: "$neutral900",
+    backgroundColor: "$white",
+    border: "none",
+    outline: "none",
+    cursor: "text",
+    caretColor: "$primary500",
+    "&:focus": {
+      borderColor: "$primary500",
+      boxShadow: "0 0 0 1px $primary500"
+    },
+    "& p": {
+      margin: "0 0 $8 0"
+    },
+    "& p:last-child": {
+      marginBottom: 0
+    },
+    "& .ql-cursor": {
+      borderLeft: "2px solid $primary500"
+    }
+  },
+  "& .ql-toolbar": {
+    backgroundColor: "$grey100",
+    border: "1px solid $neutral300",
+    borderBottom: "none",
+    borderTopLeftRadius: "$sm",
+    borderTopRightRadius: "$sm",
+    padding: "$8 $12"
+  },
+  "& .ql-container": {
+    border: "1px solid $neutral300",
+    borderTop: "none",
+    borderBottomLeftRadius: "$sm",
+    borderBottomRightRadius: "$sm",
+    fontFamily: "$default"
+  },
+  "& .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before": {
+    content: "T\xEDtulo 1"
+  },
+  "& .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before": {
+    content: "T\xEDtulo 2"
+  }
+});
+
+// src/components/RichEditor/QuillComponent.tsx
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+var QuillComponent = ({
+  value = "",
+  onChange,
+  placeholder = "Digite seu texto aqui...",
+  disabled = false,
+  className,
+  uploadConfig
+}) => {
+  const [showVideoModal, setShowVideoModal] = useState8(false);
+  const [videoUrl, setVideoUrl] = useState8("");
+  const [showLinkModal, setShowLinkModal] = useState8(false);
+  const [linkUrl, setLinkUrl] = useState8("");
+  const videoModalRef = useRef8(null);
+  const linkModalRef = useRef8(null);
+  const { addToast, removeToast } = useToast();
+  const modules = {
+    toolbar: [
+      [{ header: [1, 2, false] }],
+      ["bold", "italic", "underline", "strike"],
+      [{ color: [] }, { background: [] }],
+      [{ align: [] }],
+      [{ list: "ordered" }, { list: "bullet" }],
+      ["link", "image", "video"]
+    ],
+    clipboard: {
+      matchVisual: false
+    }
+  };
+  const formats = [
+    "header",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "color",
+    "background",
+    "align",
+    "list",
+    "link",
+    "image",
+    "video"
+  ];
+  const { quill, quillRef } = useQuill({
+    theme: "snow",
+    modules,
+    formats,
+    placeholder,
+    readOnly: disabled
+  });
+  const handleImageUpload = useCallback4(
+    (file) => __async(null, null, function* () {
+      if (disabled || !quill || !uploadConfig) return;
+      try {
+        addToast({
+          type: "info",
+          message: "Carregando imagem...",
+          duration: 2e3
+        });
+        const uploadedFile = yield UploadService.uploadToS3(file, uploadConfig);
+        removeToast("info");
+        addToast({
+          type: "success",
+          message: "Imagem adicionada com sucesso!"
+        });
+        const selection = quill.getSelection();
+        const index = selection ? selection.index : quill.getLength();
+        quill.insertEmbed(index, "image", uploadedFile.url);
+        quill.setSelection(index + 1, 0);
+      } catch (error) {
+        console.error("Erro no upload:", error);
+        addToast({
+          type: "error",
+          message: "Erro no upload: N\xE3o foi poss\xEDvel enviar a imagem. Tente novamente."
+        });
+      }
+    }),
+    [disabled, quill, addToast, removeToast, uploadConfig]
+  );
+  useEffect5(() => {
+    if (quill && value) {
+      const currentContent = quill.root.innerHTML;
+      if (currentContent !== value) {
+        const selection = quill.getSelection();
+        quill.clipboard.dangerouslyPasteHTML(value);
+        if (selection) {
+          quill.setSelection(selection.index, selection.length);
+        } else {
+          quill.setSelection(quill.getLength(), 0);
+        }
+      }
+    }
+  }, [quill, value]);
+  useEffect5(() => {
+    if (quill) {
+      quill.on("text-change", (delta, oldDelta, source) => {
+        if (source === "user") {
+          const html = quill.root.innerHTML;
+          onChange == null ? void 0 : onChange(html);
+        }
+      });
+      const toolbar = quill.getModule("toolbar");
+      if (toolbar) {
+        toolbar.addHandler("link", () => setShowLinkModal(true));
+        toolbar.addHandler("video", () => setShowVideoModal(true));
+        toolbar.addHandler("image", () => {
+          const input = document.createElement("input");
+          input.setAttribute("type", "file");
+          input.setAttribute("accept", "image/*");
+          input.click();
+          input.onchange = () => __async(null, null, function* () {
+            var _a;
+            const file = (_a = input.files) == null ? void 0 : _a[0];
+            if (file) {
+              yield handleImageUpload(file);
+            }
+          });
+        });
+      }
+      setTimeout(() => {
+        var _a, _b;
+        const toolbarElement = (_b = (_a = quillRef.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
+        if (toolbarElement) {
+          const headerSelect = toolbarElement.querySelector(
+            "select[data-value]"
+          );
+          if (headerSelect) {
+            const options = headerSelect.querySelectorAll("option");
+            options.forEach((option) => {
+              if (option.value === "1") {
+                option.textContent = "T\xEDtulo 1";
+              } else if (option.value === "2") {
+                option.textContent = "T\xEDtulo 2";
+              } else if (option.value === "") {
+                option.textContent = "Normal";
+              }
+            });
+          }
+        }
+      }, 2e3);
+    }
+  }, [quill, onChange, handleImageUpload]);
+  useEffect5(() => {
+    if (quill) {
+      quill.enable(!disabled);
+      if (!disabled) {
+        if (quill.getLength() <= 1) {
+          quill.focus();
+          quill.setSelection(0, 0);
+        }
+      }
+    }
+  }, [quill, disabled]);
+  const handleLinkCancel = useCallback4(() => {
+    setLinkUrl("");
+    setShowLinkModal(false);
+  }, []);
+  const handleLinkSubmit = useCallback4(() => {
+    if (!linkUrl.trim() || !quill) return;
+    const url = linkUrl.trim();
+    const selection = quill.getSelection();
+    if (selection && selection.length > 0) {
+      quill.format("link", url);
+    } else {
+      const index = quill.getLength();
+      quill.insertText(index, url, "link", url);
+      quill.setSelection(index + url.length, 0);
+    }
+    setLinkUrl("");
+    setShowLinkModal(false);
+  }, [linkUrl, quill]);
+  const handleVideoCancel = useCallback4(() => {
+    setVideoUrl("");
+    setShowVideoModal(false);
+  }, []);
+  const handleVideoSubmit = useCallback4(() => {
+    var _a, _b;
+    if (!videoUrl.trim() || !quill) return;
+    let processedUrl = videoUrl.trim();
+    if (processedUrl.includes("youtube.com/watch")) {
+      const videoId = (_a = processedUrl.match(/[?&]v=([^&]+)/)) == null ? void 0 : _a[1];
+      if (videoId) {
+        processedUrl = `https://www.youtube.com/embed/${videoId}`;
+      }
+    } else if (processedUrl.includes("youtu.be/")) {
+      const videoId = (_b = processedUrl.split("youtu.be/")[1]) == null ? void 0 : _b.split("?")[0];
+      if (videoId) {
+        processedUrl = `https://www.youtube.com/embed/${videoId}`;
+      }
+    }
+    const videoHTML = `
+      <iframe 
+        src="${processedUrl}"
+        style="max-width:100%; height:315px; border:0;"
+        title="Video player" 
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+        allowfullscreen>
+      </iframe>
+      <br/>
+    `;
+    const selection = quill.getSelection();
+    const insertIndex = selection ? selection.index : quill.getLength();
+    quill.clipboard.dangerouslyPasteHTML(insertIndex, videoHTML);
+    quill.setSelection(insertIndex + 1, 0);
+    setVideoUrl("");
+    setShowVideoModal(false);
+  }, [videoUrl, quill]);
+  useEffect5(() => {
+    const handleClickOutside = (event) => {
+      if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
+        handleVideoCancel();
+      }
+      if (showLinkModal && linkModalRef.current && !linkModalRef.current.contains(event.target)) {
+        handleLinkCancel();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [showVideoModal, showLinkModal, handleVideoCancel, handleLinkCancel]);
+  return /* @__PURE__ */ jsx50(QuillContainer, { className, children: /* @__PURE__ */ jsxs25(QuillEditor, { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx50("div", { ref: quillRef }),
+    showVideoModal && /* @__PURE__ */ jsx50(
+      "div",
+      {
+        ref: videoModalRef,
+        style: {
+          position: "absolute",
+          top: "20px",
+          left: "20px",
+          right: "20px",
+          backgroundColor: "white",
+          border: "1px solid #e0e0e0",
+          borderRadius: "4px",
+          padding: "12px",
+          boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+          zIndex: 1e3,
+          width: "fit-content"
+        },
+        children: /* @__PURE__ */ jsxs25(Flex2, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsx50(
+            Text,
+            {
+              style: { fontSize: "14px", fontWeight: "500", color: "#333" },
+              children: "V\xEDdeo:"
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            "input",
+            {
+              type: "text",
+              value: videoUrl,
+              onChange: (e) => setVideoUrl(e.target.value),
+              placeholder: "Embed URL",
+              style: {
+                padding: "8px 12px",
+                border: "1px solid #d0d0d0",
+                borderRadius: "4px",
+                fontSize: "14px",
+                backgroundColor: "#f8f8f8"
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  handleVideoSubmit();
+                } else if (e.key === "Escape") {
+                  handleVideoCancel();
+                }
+              },
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            "button",
+            {
+              onClick: handleVideoSubmit,
+              disabled: !videoUrl.trim(),
+              style: {
+                padding: "8px 16px",
+                backgroundColor: "#007bff",
+                color: "white",
+                border: "none",
+                borderRadius: "4px",
+                fontSize: "14px",
+                cursor: videoUrl.trim() ? "pointer" : "not-allowed",
+                opacity: videoUrl.trim() ? 1 : 0.6
+              },
+              children: "Ok"
+            }
+          )
+        ] })
+      }
+    ),
+    showLinkModal && /* @__PURE__ */ jsx50(
+      "div",
+      {
+        ref: linkModalRef,
+        style: {
+          position: "absolute",
+          top: "20px",
+          left: "20px",
+          right: "20px",
+          backgroundColor: "white",
+          border: "1px solid #e0e0e0",
+          borderRadius: "4px",
+          padding: "12px",
+          boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+          zIndex: 1e3,
+          width: "fit-content"
+        },
+        children: /* @__PURE__ */ jsxs25(Flex2, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsx50(
+            Text,
+            {
+              style: { fontSize: "14px", fontWeight: "500", color: "#333" },
+              children: "Link:"
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            "input",
+            {
+              type: "text",
+              value: linkUrl,
+              onChange: (e) => setLinkUrl(e.target.value),
+              placeholder: "URL do link",
+              style: {
+                padding: "8px 12px",
+                border: "1px solid #d0d0d0",
+                borderRadius: "4px",
+                fontSize: "14px",
+                backgroundColor: "#f8f8f8",
+                width: "300px"
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  handleLinkSubmit();
+                } else if (e.key === "Escape") {
+                  handleLinkCancel();
+                }
+              },
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            "button",
+            {
+              onClick: handleLinkSubmit,
+              disabled: !linkUrl.trim(),
+              style: {
+                padding: "8px 16px",
+                backgroundColor: "#007bff",
+                color: "white",
+                border: "none",
+                borderRadius: "4px",
+                fontSize: "14px",
+                cursor: linkUrl.trim() ? "pointer" : "not-allowed",
+                opacity: linkUrl.trim() ? 1 : 0.6
+              },
+              children: "Ok"
+            }
+          )
+        ] })
+      }
+    )
+  ] }) });
+};
+var QuillComponent_default = QuillComponent;
+
+// src/components/RichEditor/RichEditor.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+var RichEditor = (props) => {
+  return /* @__PURE__ */ jsx51("div", { children: /* @__PURE__ */ jsx51(ToastProvider, { children: /* @__PURE__ */ jsx51(QuillComponent_default, __spreadValues({}, props)) }) });
+};
+var RichEditor_default = RichEditor;
+
+// src/components/FormFields/RichEditorFormField.tsx
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
+var RichEditorFormField = (_a) => {
+  var _b = _a, {
+    name,
+    label,
+    required,
+    validate,
+    validationErrorMessage = "Este campo \xE9 obrigat\xF3rio."
+  } = _b, props = __objRest(_b, [
+    "name",
+    "label",
+    "required",
+    "validate",
+    "validationErrorMessage"
+  ]);
+  const { field, fieldState } = useController3({
+    name,
+    rules: {
+      required: required ? validationErrorMessage : false,
+      validate: (value) => {
+        var _a2;
+        if (value === void 0 || value === null || !required && value.trim() === "")
+          return true;
+        return (_a2 = validate == null ? void 0 : validate(value)) != null ? _a2 : true;
+      }
+    },
+    defaultValue: ""
+  });
+  const fieldError = fieldState.error;
+  const haveError = !!fieldError;
+  const errorMsg = fieldError == null ? void 0 : fieldError.message;
+  return /* @__PURE__ */ jsxs26(Flex2, { direction: "column", children: [
+    label && /* @__PURE__ */ jsx52(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ jsx52(
+      RichEditor_default,
+      __spreadProps(__spreadValues({}, props), {
+        value: field.value,
+        onChange: field.onChange,
+        "aria-labelledby": `${name}-label`
+      })
+    ),
+    /* @__PURE__ */ jsx52(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/components/FormFields/CalendarFormField.tsx
+import { useController as useController4 } from "react-hook-form";
+import { useCallback as useCallback5 } from "react";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+var CalendarFormField = (_a) => {
+  var _b = _a, {
+    name,
+    label,
+    required,
+    validate,
+    validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+    rules,
+    onChange,
+    allowPastDates
+  } = _b, calendarProps = __objRest(_b, [
+    "name",
+    "label",
+    "required",
+    "validate",
+    "validationErrorMessage",
+    "rules",
+    "onChange",
+    "allowPastDates"
+  ]);
+  const handleValidate = useCallback5(
+    (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 } = useController4({
+    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 = (date) => {
+    setSelected(date);
+  };
+  return /* @__PURE__ */ jsxs27(Flex2, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ jsx53(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ jsx53(
+      Calendar,
+      __spreadValues({
+        selected,
+        setSelected: (value) => {
+          const date = typeof value === "function" ? value(selected) : value;
+          handleCalendarChange(date);
+        },
+        hasError: haveError,
+        allowPastDates
+      }, calendarProps)
+    ),
+    /* @__PURE__ */ jsx53(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/components/FormFields/TimePickerFormField.tsx
+import { useController as useController5 } from "react-hook-form";
+import { useCallback as useCallback6 } from "react";
+import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+var TimePickerFormField = (_a) => {
+  var _b = _a, {
+    name,
+    label,
+    required,
+    validate,
+    validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
+    rules
+  } = _b, timePickerProps = __objRest(_b, [
+    "name",
+    "label",
+    "required",
+    "validate",
+    "validationErrorMessage",
+    "rules"
+  ]);
+  const handleValidate = useCallback6(
+    (value) => {
+      var _a2;
+      if (value === void 0 || value === null || value === "") {
+        if (required) return validationErrorMessage;
+        return true;
+      }
+      return (_a2 = validate == null ? void 0 : validate(value)) != null ? _a2 : true;
+    },
+    [validate, required, validationErrorMessage]
+  );
+  const { field, fieldState } = useController5({
+    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 handleTimePickerChange = (time) => {
+    setSelected(time);
+  };
+  return /* @__PURE__ */ jsxs28(Flex2, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ jsx54(
+      FormLabel,
+      {
+        name,
+        label,
+        required,
+        haveError
+      }
+    ),
+    /* @__PURE__ */ jsx54(
+      TimePicker,
+      __spreadValues({
+        selected,
+        setSelected: (value) => {
+          const time = typeof value === "function" ? value(selected) : value;
+          handleTimePickerChange(time);
+        },
+        hasError: haveError
+      }, timePickerProps)
+    ),
+    /* @__PURE__ */ jsx54(ErrorFormMessage, { message: errorMsg })
+  ] });
+};
+
+// src/hooks/useImageUpload.ts
+import { useState as useState9, useCallback as useCallback7 } from "react";
+var useImageUpload = (options) => {
+  const [isUploading, setIsUploading] = useState9(false);
+  const [progress, setProgress] = useState9(null);
+  const [error, setError] = useState9(null);
+  const {
+    onSuccess,
+    onError,
+    onProgress,
+    maxFileSize = 5 * 1024 * 1024,
+    // 5MB default
+    allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"],
+    uploadConfig
+  } = options;
+  const validateFile = useCallback7(
+    (file) => {
+      if (!allowedTypes.includes(file.type)) {
+        const errorMsg = "Tipo de arquivo n\xE3o suportado";
+        setError(errorMsg);
+        onError == null ? void 0 : onError(errorMsg);
+        return false;
+      }
+      if (file.size > maxFileSize) {
+        const errorMsg = `Arquivo muito grande. M\xE1ximo: ${(maxFileSize / 1024 / 1024).toFixed(1)}MB`;
+        setError(errorMsg);
+        onError == null ? void 0 : onError(errorMsg);
+        return false;
+      }
+      return true;
+    },
+    [allowedTypes, maxFileSize, onError]
+  );
+  const uploadFile = useCallback7(
+    (file) => __async(null, null, function* () {
+      if (!validateFile(file)) {
+        return null;
+      }
+      setIsUploading(true);
+      setError(null);
+      setProgress(null);
+      try {
+        const uploadedFile = yield UploadService.uploadToS3(
+          file,
+          uploadConfig,
+          (progress2) => {
+            setProgress(progress2);
+            onProgress == null ? void 0 : onProgress(progress2);
+          }
+        );
+        setIsUploading(false);
+        setProgress(null);
+        onSuccess == null ? void 0 : onSuccess(uploadedFile);
+        return uploadedFile;
+      } catch (error2) {
+        console.error("Erro no upload S3:", error2);
+        try {
+          setProgress({
+            amount: 0,
+            message: "Tentando m\xE9todo alternativo..."
+          });
+          const uploadedFile = yield UploadService.uploadViaAPI(
+            file,
+            uploadConfig,
+            (progress2) => {
+              setProgress(progress2);
+              onProgress == null ? void 0 : onProgress(progress2);
+            }
+          );
+          setIsUploading(false);
+          setProgress(null);
+          onSuccess == null ? void 0 : onSuccess(uploadedFile);
+          return uploadedFile;
+        } catch (fallbackError) {
+          console.error("Erro no fallback:", fallbackError);
+          const errorMsg = "Falha no upload da imagem. Tente novamente.";
+          setError(errorMsg);
+          setIsUploading(false);
+          setProgress(null);
+          onError == null ? void 0 : onError(errorMsg);
+          return null;
+        }
+      }
+    }),
+    [validateFile, onSuccess, onError, onProgress]
+  );
+  const reset = useCallback7(() => {
+    setIsUploading(false);
+    setProgress(null);
+    setError(null);
+  }, []);
+  return {
+    uploadFile,
+    isUploading,
+    progress,
+    error,
+    reset
+  };
+};
 export {
   AddressFormFields,
   Alert,
@@ -10846,6 +11743,7 @@ export {
   CNPJFormField,
   CPFFormField,
   Calendar,
+  CalendarFormField,
   Card,
   CardStyled,
   CheckboxGroup,
@@ -10880,6 +11778,8 @@ export {
   RadioGroupFormField,
   RadioGroupStyled,
   RadioItem,
+  RichEditor_default as RichEditor,
+  RichEditorFormField,
   Section,
   SectionStyled,
   SelectFormField,
@@ -10905,6 +11805,7 @@ export {
   TimePickerButtonStyled,
   TimePickerDropdownStyled,
   TimePickerFooterStyled,
+  TimePickerFormField,
   TimePickerStyled,
   TimerPickerContentStyled,
   ToastItem,
@@ -10914,23 +11815,15 @@ export {
   TooltipProvider,
   TooltipRoot,
   TooltipTrigger,
+  UploadService,
   isValidCNPJ,
   maskFormat,
   maskUnformat,
+  useImageUpload,
   useToast
 };
 /*! Bundled license information:
 
-react-is/cjs/react-is.production.min.js:
-  (** @license React v16.13.1
-   * react-is.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
 react-is/cjs/react-is.development.js:
   (** @license React v16.13.1
    * react-is.development.js