@lets-events/react 11.8.1 → 12.0.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;
@@ -2735,7 +2566,8 @@ var TextField = React.forwardRef(
       addon,
       textAlign = "left",
       mask,
-      maxLength
+      maxLength,
+      hasError
     } = _b, props = __objRest(_b, [
       "children",
       "isValid",
@@ -2746,7 +2578,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 +2597,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 +2637,7 @@ var TextField = React.forwardRef(
                 {
                   position: "flex-end",
                   name,
-                  color,
+                  color: hasError ? "error" : color,
                   typography,
                   fontWeight,
                   textAlign,
@@ -7964,14 +7804,16 @@ function Calendar(_a) {
     calendarLayout,
     selected,
     setSelected,
-    position = "bottom"
+    position = "bottom",
+    hasError
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
     "calendarLayout",
     "selected",
     "setSelected",
-    "position"
+    "position",
+    "hasError"
   ]);
   const [inputValue, setInputValue] = useState2("");
   const [showContainer, setShowCalendar] = useState2(false);
@@ -8013,6 +7855,7 @@ 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" }) })
           }
         )
@@ -8241,7 +8084,8 @@ var pad = (num) => String(num).padStart(2, "0");
 function TimePicker({
   selected,
   setSelected,
-  position = "bottom"
+  position = "bottom",
+  hasError
 }) {
   const [hours, setHours] = useState3("00");
   const [minutes, setMinutes] = useState3("00");
@@ -8293,6 +8137,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" }) })
           }
         )
@@ -9386,13 +9231,6 @@ 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"
 });
@@ -9407,6 +9245,7 @@ var MultiSelect = React9.forwardRef(
     zIndex = "auto",
     showSelectedValues = true,
     singleSelect = false,
+    selectedOrientation = "column",
     disabled = false
   }, fowardedRef) => {
     var _a;
@@ -9513,30 +9352,42 @@ var MultiSelect = React9.forwardRef(
           }
         )
       ] }),
-      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,
-            {
-              typography: "captionMedium",
-              fontWeight: "regular",
-              color: "dark600",
-              children: labelByValue[value]
-            }
-          )
-        ] });
-      }) }) })
+      selectedValues.length > 0 && showSelectedValues && /* @__PURE__ */ jsx26(Fragment2, { children: /* @__PURE__ */ jsx26(
+        Flex2,
+        {
+          direction: selectedOrientation,
+          gap: 8,
+          align: "center",
+          justify: "start",
+          css: {
+            margin: "8px 0"
+          },
+          children: selectedValues.map((value) => {
+            return /* @__PURE__ */ jsxs14(Flex2, { 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]
+                }
+              )
+            ] });
+          })
+        }
+      ) })
     ] });
   }
 );
@@ -9779,12 +9630,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 +9648,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 +9664,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 +9792,15 @@ var MultiSelectFormField = (_a) => {
   var _b = _a, {
     name,
     label,
-    required
+    required,
+    selectedOrientation = "column",
+    zIndex
   } = _b, rest = __objRest(_b, [
     "name",
     "label",
-    "required"
+    "required",
+    "selectedOrientation",
+    "zIndex"
   ]);
   var _a2;
   const { field, fieldState } = useController2({
@@ -9969,7 +9832,9 @@ var MultiSelectFormField = (_a) => {
         value,
         onValueChange: handleChange,
         ref,
-        color: haveError ? "error" : "default"
+        color: haveError ? "error" : "default",
+        selectedOrientation,
+        zIndex
       }, rest)
     ),
     /* @__PURE__ */ jsx35(ErrorFormMessage, { message: errorMsg })
@@ -10822,6 +10687,878 @@ 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]"
+          );
+          console.log(headerSelect, "headerSelect");
+          if (headerSelect) {
+            const options = headerSelect.querySelectorAll("option");
+            console.log(options, "options");
+            options.forEach((option) => {
+              if (option.value === "1") {
+                option.textContent = "T\xEDtulo 1";
+              } else if (option.value === "2") {
+                option.textContent = "T\xEDtulo 2";
+              } else if (option.value === "") {
+                option.textContent = "Normal";
+              }
+            });
+          }
+        }
+      }, 100);
+    }
+  }, [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
+  } = _b, calendarProps = __objRest(_b, [
+    "name",
+    "label",
+    "required",
+    "validate",
+    "validationErrorMessage",
+    "rules",
+    "onChange"
+  ]);
+  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", 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
+      }, 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", 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 +11583,7 @@ export {
   CNPJFormField,
   CPFFormField,
   Calendar,
+  CalendarFormField,
   Card,
   CardStyled,
   CheckboxGroup,
@@ -10880,6 +11618,8 @@ export {
   RadioGroupFormField,
   RadioGroupStyled,
   RadioItem,
+  RichEditor_default as RichEditor,
+  RichEditorFormField,
   Section,
   SectionStyled,
   SelectFormField,
@@ -10905,6 +11645,7 @@ export {
   TimePickerButtonStyled,
   TimePickerDropdownStyled,
   TimePickerFooterStyled,
+  TimePickerFormField,
   TimePickerStyled,
   TimerPickerContentStyled,
   ToastItem,
@@ -10914,23 +11655,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