@lets-events/react 12.9.3 → 12.10.1

package/dist/index.mjs

@@ -143,7 +143,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment6 = REACT_FRAGMENT_TYPE;
+        var Fragment7 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -202,7 +202,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment6;
+        exports.Fragment = Fragment7;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -1443,6 +1443,7 @@ var ButtonStyled = styled(ButtonRadix, {
   $$buttonBgColor: "$colors$grey50",
   $$buttonBorderColor: "inherit",
   $$buttonOutlinedColor: "inherit",
+  $$buttonToggleBgColor: "transparent",
   fontFamily: "$default",
   letterSpacing: 0,
   border: 0,
@@ -1465,6 +1466,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$brand500",
         $$buttonBorderColor: "$colors$brand600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(0, 78, 210, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$brand600",
           $$buttonBorderColor: "$colors$brand700"
@@ -1484,6 +1486,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$purple500",
         $$buttonBorderColor: "$colors$purple300",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(137, 97, 216, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$purple600",
           $$buttonBorderColor: "$colors$purple700",
@@ -1507,6 +1510,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$error600",
         $$buttonBorderColor: "$colors$error500",
         $$buttonOutlinedColor: " $colors$error500",
+        $$buttonToggleBgColor: "rgba(219, 54, 68, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$error600",
           $$buttonBorderColor: "$colors$error700",
@@ -1527,6 +1531,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$info500",
         $$buttonBorderColor: "$colors$info600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(2, 120, 254, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$info600",
           $$buttonBorderColor: "$colors$info700",
@@ -1547,6 +1552,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$success500",
         $$buttonBorderColor: "$colors$success600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(38, 167, 67, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$success600",
           $$buttonBorderColor: "$colors$success700",
@@ -1567,6 +1573,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$warning500",
         $$buttonBorderColor: "$colors$warning600",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(255, 193, 7, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$warning600",
           $$buttonBorderColor: "$colors$warning700",
@@ -1587,6 +1594,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$neutral600",
         $$buttonBorderColor: "$colors$neutral300",
         $$buttonOutlinedColor: "$$buttonColor",
+        $$buttonToggleBgColor: "rgba(76, 79, 84, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$neutral700",
           $$buttonBgColor: "$colors$neutral100",
@@ -1607,6 +1615,7 @@ var ButtonStyled = styled(ButtonRadix, {
         $$buttonColor: "$colors$neutral50",
         $$buttonBorderColor: "$colors$neutral300",
         $$buttonOutlinedColor: "$colors$neutral50",
+        $$buttonToggleBgColor: "rgba(255, 255, 255, 0.2)",
         "&:hover": {
           $$buttonColor: "$colors$neutral100",
           $$buttonBorderColor: "$colors$neutral300",
@@ -1659,6 +1668,18 @@ var ButtonStyled = styled(ButtonRadix, {
         height: "unset",
         color: "$$buttonColor"
       },
+      toggle: {
+        backgroundColor: "transparent",
+        boxShadow: "none",
+        padding: "$6 $12",
+        border: 0,
+        height: "2rem",
+        color: "$$buttonColor",
+        borderRadius: ".5rem",
+        "&:hover": {
+          backgroundColor: "$$buttonToggleBgColor"
+        }
+      },
       contained: {
         color: "$grey50",
         backgroundColor: "$$buttonColor",
@@ -1684,7 +1705,7 @@ var ButtonStyled = styled(ButtonRadix, {
       menuDropdownItem: {
         backgroundColor: "transparent",
         boxShadow: "none",
-        padding: "0.25rem 0.5rem",
+        padding: "0.5rem 1rem",
         border: 0,
         height: "unset",
         color: "$$buttonColor",
@@ -1694,6 +1715,20 @@ var ButtonStyled = styled(ButtonRadix, {
         "&:hover": {
           backgroundColor: "$dark100"
         }
+      },
+      menuDropdownItemDelete: {
+        backgroundColor: "transparent",
+        boxShadow: "none",
+        padding: "0.5rem 1rem",
+        border: 0,
+        height: "unset",
+        color: "$$buttonColor",
+        width: "100%",
+        borderRadius: 0,
+        whiteSpace: "nowrap",
+        "&:hover": {
+          backgroundColor: "$red100"
+        }
       }
     },
     fontWeight: {
@@ -1702,6 +1737,11 @@ var ButtonStyled = styled(ButtonRadix, {
       semibold: { fontWeight: "$semibold" },
       bold: { fontWeight: "$bold" }
     },
+    textAlign: {
+      center: { textAlign: "center", justifyContent: "center" },
+      left: { textAlign: "left", justifyContent: "flex-start" },
+      right: { textAlign: "right", justifyContent: "flex-end" }
+    },
     outlinedBgColor: {
       neutral: {},
       transparent: {
@@ -1735,6 +1775,7 @@ var ButtonStyled = styled(ButtonRadix, {
     color: "brand",
     size: "medium",
     fontWeight: "medium",
+    textAlign: "center",
     outlinedBgColor: "transparent"
   }
 });
@@ -1864,10 +1905,20 @@ function Flex(_a) {
 
 // src/components/Button/index.tsx
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var getJustifyByTextAlign = (textAlign) => {
+  switch (textAlign) {
+    case "left":
+      return "start";
+    case "right":
+      return "end";
+    default:
+      return "center";
+  }
+};
 function Button(_a) {
   var _b = _a, { asChild, children, loading } = _b, props = __objRest(_b, ["asChild", "children", "loading"]);
   const Component = asChild ? ButtonRadix2 : "button";
-  const { size, disabled } = props;
+  const { size, disabled, textAlign = "center" } = props;
   const spinnerSize = useMemo(() => {
     switch (size) {
       case "small":
@@ -1886,7 +1937,7 @@ function Button(_a) {
     /* @__PURE__ */ jsx4(
       Flex,
       {
-        justify: "center",
+        justify: getJustifyByTextAlign(textAlign),
         align: "center",
         css: { visibility: loading ? "hidden" : void 0 },
         children
@@ -3746,7 +3797,7 @@ var MenuItemsContainerStyled = styled("div", {
   top: "2.125rem",
   zIndex: "999",
   width: "fit-content",
-  minWidth: "5rem",
+  minWidth: "6rem",
   background: "#fff",
   maxWidth: "18.75rem",
   margin: "auto",
@@ -8452,7 +8503,7 @@ var DrawerOverlayStyled = styled("div", {
   top: 0,
   right: 0,
   width: "100vw",
-  height: "100vh",
+  height: "100dvh",
   background: "rgba(0, 0, 0, 0.4)",
   transition: "opacity 200ms ease",
   variants: {
@@ -8471,7 +8522,7 @@ var DrawerWrapper = styled("div", {
   position: "fixed",
   top: 0,
   right: 0,
-  height: "100vh",
+  height: "100dvh",
   overflow: "hidden",
   variants: {
     open: {
@@ -8486,7 +8537,7 @@ var DrawerContainerStyled = styled("div", {
   position: "absolute",
   top: 0,
   right: 0,
-  height: "100vh",
+  height: "100dvh",
   background: "$neutral50",
   display: "flex",
   flexDirection: "column",
@@ -10287,9 +10338,52 @@ var Divider = styled("div", {
   height: "1px"
 });
 
+// src/components/ToggleElement/index.tsx
+import { useState as useState9 } from "react";
+import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+function ToggleElement({
+  children,
+  label,
+  openedLabel,
+  defaultOpen = false,
+  open,
+  hideButtonWhenOpen = true,
+  buttonProps,
+  onOpenChange
+}) {
+  const [internalOpen, setInternalOpen] = useState9(defaultOpen);
+  const isControlled = open !== void 0;
+  const isOpen = isControlled ? open : internalOpen;
+  const handleClick = () => {
+    const nextOpen = !isOpen;
+    if (!isControlled) {
+      setInternalOpen(nextOpen);
+    }
+    onOpenChange == null ? void 0 : onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
+    (!isOpen || !hideButtonWhenOpen) && /* @__PURE__ */ jsxs17(
+      Button,
+      __spreadProps(__spreadValues({
+        type: "button",
+        variant: "toggle",
+        color: "brand",
+        size: "small"
+      }, buttonProps), {
+        onClick: handleClick,
+        children: [
+          !isOpen && /* @__PURE__ */ jsx28(Icon, { name: "plus", size: "md" }),
+          isOpen ? openedLabel != null ? openedLabel : label : label
+        ]
+      })
+    ),
+    isOpen && children
+  ] });
+}
+
 // src/components/Grid.tsx
 import { Grid as GridRadix } from "@radix-ui/themes";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var GridStyled = styled(GridRadix, {
   display: "grid",
   variants: {
@@ -10411,12 +10505,12 @@ var GridStyled = styled(GridRadix, {
 });
 function Grid(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx28(GridStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ jsx29(GridStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Container.tsx
 import { Container as ContainerRadix } from "@radix-ui/themes";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var ContainerStyled = styled(ContainerRadix, {
   variants: {
     size: {
@@ -10446,12 +10540,12 @@ var ContainerStyled = styled(ContainerRadix, {
 });
 function Container(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx29(ContainerStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ jsx30(ContainerStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/Section.tsx
 import { Section as SectionRadix } from "@radix-ui/themes";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var SectionStyled = styled(SectionRadix, {
   variants: {
     size: {
@@ -10475,28 +10569,28 @@ var SectionStyled = styled(SectionRadix, {
 });
 function Section(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx30(SectionStyled, __spreadProps(__spreadValues({}, props), { children }));
+  return /* @__PURE__ */ jsx31(SectionStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/FormFields/subComponents/ErrorFormMessage.tsx
 import { faXmarkCircle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon4 } from "@fortawesome/react-fontawesome";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 var ErrorFormMessage = ({ message: message2 }) => {
   if (!message2) return null;
   if (typeof message2 !== "string") {
     return null;
   }
-  return /* @__PURE__ */ jsxs17(Flex, { justify: "start", align: "center", gap: 6, children: [
-    /* @__PURE__ */ jsx31(FontAwesomeIcon4, { icon: faXmarkCircle, color: colors.error600, size: "1x" }),
-    /* @__PURE__ */ jsx31(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
+  return /* @__PURE__ */ jsxs18(Flex, { justify: "start", align: "center", gap: 6, children: [
+    /* @__PURE__ */ jsx32(FontAwesomeIcon4, { icon: faXmarkCircle, color: colors.error600, size: "1x" }),
+    /* @__PURE__ */ jsx32(Text, { typography: "bodyXS", fontWeight: "medium", color: "error600", children: message2 })
   ] });
 };
 
 // src/components/FormFields/subComponents/FormLabel.tsx
 import { FontAwesomeIcon as FontAwesomeIcon5 } from "@fortawesome/react-fontawesome";
 import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 var FormLabel = ({
   name,
   label,
@@ -10504,8 +10598,8 @@ var FormLabel = ({
   required
 }) => {
   if (!label) return null;
-  return /* @__PURE__ */ jsxs18(Flex, { align: "start", gap: 6, children: [
-    /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs19(Flex, { align: "start", gap: 6, children: [
+    /* @__PURE__ */ jsx33(
       Text,
       {
         typography: "labelMedium",
@@ -10515,13 +10609,13 @@ var FormLabel = ({
         children: label
       }
     ),
-    required && /* @__PURE__ */ jsx32(FontAwesomeIcon5, { icon: faAsterisk, fontSize: "8px", color: "#AD1F2B" })
+    required && /* @__PURE__ */ jsx33(FontAwesomeIcon5, { icon: faAsterisk, fontSize: "8px", color: "#AD1F2B" })
   ] });
 };
 
 // src/components/FormFields/TextAreaFormField.tsx
 import { useFormContext } from "react-hook-form";
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 var TextAreaFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10553,8 +10647,8 @@ var TextAreaFormField = (_a) => {
     required: required ? validationErrorMessage : false,
     validate
   };
-  return /* @__PURE__ */ jsxs19(Flex, { direction: "column", children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs20(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsx34(
       FormLabel,
       {
         name,
@@ -10563,7 +10657,7 @@ var TextAreaFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       TextareaField,
       __spreadProps(__spreadValues(__spreadValues({}, props), register(name, validationRules)), {
         placeholder,
@@ -10573,7 +10667,7 @@ var TextAreaFormField = (_a) => {
         top
       })
     ),
-    /* @__PURE__ */ jsx33(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx34(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -10583,7 +10677,7 @@ import {
 } from "react-hook-form";
 import { useCallback as useCallback3, useMemo as useMemo3 } from "react";
 import { format as format3, unformat as unformat2 } from "@react-input/mask";
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 var TextFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10638,8 +10732,8 @@ var TextFormField = (_a) => {
     if (valueFormatter) value = valueFormatter.unformat(value);
     formChange(value);
   };
-  return /* @__PURE__ */ jsxs20(Flex, { direction: "column", children: [
-    label && /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs21(Flex, { direction: "column", children: [
+    label && /* @__PURE__ */ jsx35(
       FormLabel,
       {
         name,
@@ -10648,7 +10742,7 @@ var TextFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(
       TextField,
       __spreadProps(__spreadValues(__spreadValues({
         mask,
@@ -10659,7 +10753,7 @@ var TextFormField = (_a) => {
         value: formattedValue
       })
     ),
-    /* @__PURE__ */ jsx34(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx35(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -10668,7 +10762,7 @@ import {
   FormProvider,
   useForm
 } from "react-hook-form";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var Form = (_a) => {
   var _b = _a, {
     onSubmit,
@@ -10680,7 +10774,7 @@ var Form = (_a) => {
   const formMethods = useForm(__spreadValues({
     mode: "onTouched"
   }, props));
-  return /* @__PURE__ */ jsx35(FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ jsx35("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
+  return /* @__PURE__ */ jsx36(FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ jsx36("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
     if (typeof children === "function") {
       return children(formMethods);
     }
@@ -10690,7 +10784,7 @@ var Form = (_a) => {
 
 // src/components/FormFields/MultiSelectFormField.tsx
 import { useController as useController2 } from "react-hook-form";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 var MultiSelectFormField = (_a) => {
   var _b = _a, {
     name,
@@ -10721,8 +10815,8 @@ var MultiSelectFormField = (_a) => {
   const handleChange = (v) => {
     onChange(v);
   };
-  return /* @__PURE__ */ jsxs21(Flex, { direction: "column", children: [
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs22(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsx37(
       FormLabel,
       {
         name,
@@ -10731,7 +10825,7 @@ var MultiSelectFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       MultiSelect,
       __spreadValues({
         value,
@@ -10743,7 +10837,7 @@ var MultiSelectFormField = (_a) => {
         maxHeight
       }, rest)
     ),
-    /* @__PURE__ */ jsx36(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx37(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -10761,13 +10855,13 @@ var minMaxLength = (min, max, errorMsg) => (value) => {
 };
 
 // src/components/FormFields/PhoneFormField.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var PhoneFormField = ({
   name,
   label,
   required
 }) => {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     TextFormField,
     {
       name,
@@ -10797,7 +10891,7 @@ var PhoneFormField = ({
 
 // src/components/FormFields/CPFFormField.tsx
 import { useFormContext as useFormContext3, useWatch } from "react-hook-form";
-import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 var isValidCPF = (cpf) => {
   cpf = cpf.replace(/[^\d]+/g, "");
   if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) return false;
@@ -10823,8 +10917,8 @@ var CPFFormField = ({
 }) => {
   const { control, setValue } = useFormContext3();
   const foreigner = useWatch({ name: "foreigner", control });
-  return /* @__PURE__ */ jsxs22(Flex, { direction: "column", children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs23(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsx39(
       TextFormField,
       {
         name,
@@ -10842,7 +10936,7 @@ var CPFFormField = ({
         disabled: foreigner
       }
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       CheckboxGroup,
       {
         value: foreigner ? ["true"] : [],
@@ -10854,14 +10948,14 @@ var CPFFormField = ({
             setValue(name, "");
           }
         },
-        children: /* @__PURE__ */ jsx38(CheckboxItem, { value: "true", children: foreignerLabel })
+        children: /* @__PURE__ */ jsx39(CheckboxItem, { value: "true", children: foreignerLabel })
       }
     )
   ] });
 };
 
 // src/components/FormFields/CNPJFormField.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var matchesNonDigit = new RegExp(/\D+/g);
 var getWeights = (size, start, end) => {
   const weights = [];
@@ -10910,7 +11004,7 @@ var CNPJFormField = ({
   placeholder,
   validationErrorMessage
 }) => {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     TextFormField,
     {
       name,
@@ -10931,7 +11025,7 @@ var CNPJFormField = ({
 };
 
 // src/components/FormFields/BirthDateFormField.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var isValidDate = (day, month, year) => {
   const date = new Date(year, month - 1, day);
   return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
@@ -10968,7 +11062,7 @@ var BirthDateFormField = ({
   language
 }) => {
   const inputPlaceholder = placeholder || (language === "pt-BR" ? "DD/MM/AAAA" : "MM/DD/YYYY");
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     TextFormField,
     {
       name,
@@ -10989,7 +11083,7 @@ var BirthDateFormField = ({
 };
 
 // src/components/FormFields/IdentityDocumentNumberFormField.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var IdentityDocumentNumberFormField = ({
   name,
   label,
@@ -10997,7 +11091,7 @@ var IdentityDocumentNumberFormField = ({
   placeholder,
   validationErrorMessage
 }) => {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     TextFormField,
     {
       name,
@@ -11026,7 +11120,7 @@ function getNestedValue(obj, path) {
 }
 
 // src/components/FormFields/SelectFormField.tsx
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 var SelectFormField = ({
   name,
   label,
@@ -11050,8 +11144,8 @@ var SelectFormField = ({
   const validationRules = __spreadValues({
     required: required ? validationErrorMessage : false
   }, validation);
-  return /* @__PURE__ */ jsxs23(Flex, { direction: "column", children: [
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs24(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsx43(
       FormLabel,
       {
         name,
@@ -11060,7 +11154,7 @@ var SelectFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43(
       Controller,
       {
         control,
@@ -11069,7 +11163,7 @@ var SelectFormField = ({
         defaultValue: defaultValue || "",
         render: ({ field: { value, onChange } }) => {
           const selectedOption = options.find((opt) => opt.value === value);
-          return /* @__PURE__ */ jsxs23(
+          return /* @__PURE__ */ jsxs24(
             DropdownMenu2,
             {
               placeholder: (selectedOption == null ? void 0 : selectedOption.label) || placeholder,
@@ -11077,7 +11171,7 @@ var SelectFormField = ({
               typography: "labelLarge",
               color: haveError ? "error" : "default",
               children: [
-                options.map((option, index) => /* @__PURE__ */ jsx42(
+                options.map((option, index) => /* @__PURE__ */ jsx43(
                   DropdownMenuItem,
                   {
                     value: option.value,
@@ -11088,7 +11182,7 @@ var SelectFormField = ({
                   },
                   `${option.value}${index}`
                 )),
-                showMoreButton && showMoreButtonOnClick && /* @__PURE__ */ jsx42(
+                showMoreButton && showMoreButtonOnClick && /* @__PURE__ */ jsx43(
                   Button,
                   {
                     variant: "menuDropdownItem",
@@ -11106,7 +11200,7 @@ var SelectFormField = ({
         }
       }
     ),
-    /* @__PURE__ */ jsx42(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx43(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
@@ -11139,7 +11233,7 @@ function useCountries(language = "pt-BR") {
 }
 
 // src/components/FormFields/AddressFormFields/CountryFormField.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function CountryFormField({
   name,
   label,
@@ -11147,7 +11241,7 @@ function CountryFormField({
   language = "pt-BR"
 }) {
   const countries2 = useCountries(language);
-  return /* @__PURE__ */ jsx43(Flex, { direction: "column", children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(Flex, { direction: "column", children: /* @__PURE__ */ jsx44(
     SelectFormField,
     {
       label,
@@ -11160,7 +11254,7 @@ function CountryFormField({
 }
 
 // src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var PostalCodeFormField = ({
   name,
   label,
@@ -11169,7 +11263,7 @@ var PostalCodeFormField = ({
   validationErrorMessage,
   onChange
 }) => {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     TextFormField,
     {
       name,
@@ -11222,14 +11316,14 @@ var brazilianStates = [
 ];
 
 // src/components/FormFields/AddressFormFields/StateFormField.tsx
-import { Fragment as Fragment3, jsx as jsx45 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx46 } from "react/jsx-runtime";
 function StateFormField({
   name,
   label,
   required,
   isBrazil
 }) {
-  return /* @__PURE__ */ jsx45(Fragment3, { children: isBrazil ? /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(Fragment4, { children: isBrazil ? /* @__PURE__ */ jsx46(
     SelectFormField,
     {
       name,
@@ -11237,13 +11331,13 @@ function StateFormField({
       required,
       label
     }
-  ) : /* @__PURE__ */ jsx45(TextFormField, { name, required, label }) });
+  ) : /* @__PURE__ */ jsx46(TextFormField, { name, required, label }) });
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useEffect as useEffect8, useState as useState10 } from "react";
 import { useFormContext as useFormContext5, Controller as Controller2 } from "react-hook-form";
-import { Fragment as Fragment4, jsx as jsx46 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx47 } from "react/jsx-runtime";
 function CityFormField({
   name,
   label,
@@ -11254,8 +11348,8 @@ function CityFormField({
 }) {
   const { control, watch } = useFormContext5();
   const selectedState = watch(stateName);
-  const [cities, setCities] = useState9([]);
-  const [loading, setLoading] = useState9(false);
+  const [cities, setCities] = useState10([]);
+  const [loading, setLoading] = useState10(false);
   useEffect8(() => {
     if (!isBrazil) {
       setCities([]);
@@ -11295,13 +11389,13 @@ function CityFormField({
     }
     fetchCities();
   }, [selectedState, isBrazil]);
-  return /* @__PURE__ */ jsx46(Fragment4, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(Fragment5, { children: isBrazil && cities.length > 0 ? /* @__PURE__ */ jsx47(
     Controller2,
     {
       name,
       control,
       rules: { required },
-      render: ({ field }) => /* @__PURE__ */ jsx46(
+      render: ({ field }) => /* @__PURE__ */ jsx47(
         SelectFormField,
         __spreadProps(__spreadValues({
           label,
@@ -11315,7 +11409,7 @@ function CityFormField({
         })
       )
     }
-  ) : /* @__PURE__ */ jsx46(
+  ) : /* @__PURE__ */ jsx47(
     TextFormField,
     {
       name,
@@ -11327,7 +11421,7 @@ function CityFormField({
 }
 
 // src/components/FormFields/AddressFormFields/index.tsx
-import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
 function getNestedValue2(obj, path) {
   return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
 }
@@ -11377,8 +11471,8 @@ function AddressFormFields({
       console.error("Erro ao buscar CEP");
     });
   };
-  return /* @__PURE__ */ jsxs24(AddressContainerStyled, { layout, children: [
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs25(AddressContainerStyled, { layout, children: [
+    /* @__PURE__ */ jsx48(
       FormLabel,
       {
         name,
@@ -11387,7 +11481,7 @@ function AddressFormFields({
         haveError
       }
     ),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48(
       CountryFormField,
       {
         name: `${name}.country`,
@@ -11396,7 +11490,7 @@ function AddressFormFields({
         language: "pt-BR"
       }
     ),
-    isBrazil ? /* @__PURE__ */ jsx47(
+    isBrazil ? /* @__PURE__ */ jsx48(
       PostalCodeFormField,
       {
         name: `${name}.zip_code`,
@@ -11406,7 +11500,7 @@ function AddressFormFields({
         validationErrorMessage: "CEP inv\xE1lido",
         onChange: handleCEPChange
       }
-    ) : /* @__PURE__ */ jsx47(
+    ) : /* @__PURE__ */ jsx48(
       TextFormField,
       {
         name: `${name}.zip_code`,
@@ -11414,7 +11508,7 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48(
       StateFormField,
       {
         name: `${name}.state`,
@@ -11423,7 +11517,7 @@ function AddressFormFields({
         isBrazil
       }
     ),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48(
       CityFormField,
       {
         name: `${name}.city`,
@@ -11433,8 +11527,8 @@ function AddressFormFields({
         isBrazil
       }
     ),
-    /* @__PURE__ */ jsx47(TextFormField, { name: `${name}.street`, label: "Rua", required }),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48(TextFormField, { name: `${name}.street`, label: "Rua", required }),
+    /* @__PURE__ */ jsx48(
       TextFormField,
       {
         name: `${name}.number`,
@@ -11442,7 +11536,7 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48(
       TextFormField,
       {
         name: `${name}.neighborhood`,
@@ -11450,13 +11544,13 @@ function AddressFormFields({
         required
       }
     ),
-    /* @__PURE__ */ jsx47(TextFormField, { name: `${name}.complement`, label: "Complemento" })
+    /* @__PURE__ */ jsx48(TextFormField, { name: `${name}.complement`, label: "Complemento" })
   ] });
 }
 
 // src/components/FormFields/RadioGroupFormField.tsx
 import { Controller as Controller3, useFormContext as useFormContext7 } from "react-hook-form";
-import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 var RadioGroupFormField = ({
   name,
   label,
@@ -11478,8 +11572,8 @@ var RadioGroupFormField = ({
   const validationRules = {
     required: required ? validationErrorMessage : false
   };
-  return /* @__PURE__ */ jsxs25(Flex, { direction: "column", children: [
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs26(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsx49(
       FormLabel,
       {
         name,
@@ -11488,14 +11582,14 @@ var RadioGroupFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx49(
       Controller3,
       {
         name,
         control,
         defaultValue: defaultValue || "",
         rules: validationRules,
-        render: ({ field: { value, onChange } }) => /* @__PURE__ */ jsx48(
+        render: ({ field: { value, onChange } }) => /* @__PURE__ */ jsx49(
           RadioGroup,
           {
             value,
@@ -11503,18 +11597,18 @@ var RadioGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: /* @__PURE__ */ jsx48(Flex, { direction: "column", children: options.map((option) => /* @__PURE__ */ jsx48(RadioItem, { value: option.value, children: /* @__PURE__ */ jsx48(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
+            children: /* @__PURE__ */ jsx49(Flex, { direction: "column", children: options.map((option) => /* @__PURE__ */ jsx49(RadioItem, { value: option.value, children: /* @__PURE__ */ jsx49(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx48(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx49(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/CheckboxGroupFormField.tsx
 import { Controller as Controller4, useFormContext as useFormContext8 } from "react-hook-form";
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
 var CheckboxGroupFormField = ({
   name,
   label,
@@ -11537,8 +11631,8 @@ var CheckboxGroupFormField = ({
     required: required ? validationErrorMessage : false,
     validate: required ? (value) => (value == null ? void 0 : value.length) > 0 || validationErrorMessage : void 0
   };
-  return /* @__PURE__ */ jsxs26(Flex, { direction: "column", children: [
-    /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs27(Flex, { direction: "column", children: [
+    /* @__PURE__ */ jsx50(
       FormLabel,
       {
         name,
@@ -11547,14 +11641,14 @@ var CheckboxGroupFormField = ({
         haveError
       }
     ),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       Controller4,
       {
         name,
         control,
         rules: validationRules,
         defaultValue,
-        render: ({ field }) => /* @__PURE__ */ jsx49(
+        render: ({ field }) => /* @__PURE__ */ jsx50(
           CheckboxGroup,
           {
             name,
@@ -11563,7 +11657,7 @@ var CheckboxGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: options.map((option) => /* @__PURE__ */ jsx49(
+            children: options.map((option) => /* @__PURE__ */ jsx50(
               CheckboxItem,
               {
                 value: option.value,
@@ -11576,13 +11670,13 @@ var CheckboxGroupFormField = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx49(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx50(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/SwitchFormField.tsx
 import { useFormContext as useFormContext9, Controller as Controller5 } from "react-hook-form";
-import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
 var SwitchFormField = ({
   name,
   label,
@@ -11596,15 +11690,15 @@ var SwitchFormField = ({
   if (watch) {
     watchForm(name);
   }
-  return /* @__PURE__ */ jsxs27(Flex, { justify: "between", style: { margin: "1rem 0" }, children: [
-    /* @__PURE__ */ jsx50(Text, { typography: "labelMedium", fontWeight: "regular", children: label }),
-    /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs28(Flex, { justify: "between", style: { margin: "1rem 0" }, children: [
+    /* @__PURE__ */ jsx51(Text, { typography: "labelMedium", fontWeight: "regular", children: label }),
+    /* @__PURE__ */ jsx51(
       Controller5,
       {
         control,
         name,
         defaultValue,
-        render: ({ field }) => /* @__PURE__ */ jsx50(
+        render: ({ field }) => /* @__PURE__ */ jsx51(
           Switch,
           {
             checked: field.value,
@@ -11617,14 +11711,14 @@ var SwitchFormField = ({
 };
 
 // src/components/FormFields/EmailFormField.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var EmailFormField = ({
   name,
   label,
   required,
   placeholder
 }) => {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     TextFormField,
     {
       name,
@@ -11641,10 +11735,10 @@ var EmailFormField = ({
 import { useController as useController3 } from "react-hook-form";
 
 // src/components/RichEditor/RichEditor.tsx
-import { useEffect as useEffect10, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState12 } from "react";
 
 // src/components/RichEditor/QuillComponent.tsx
-import { useState as useState10, useRef as useRef9, useEffect as useEffect9, useCallback as useCallback4 } from "react";
+import { useState as useState11, useRef as useRef9, useEffect as useEffect9, useCallback as useCallback4 } from "react";
 import { useQuill } from "react-quilljs";
 
 // src/utils/uploadService.ts
@@ -12701,7 +12795,7 @@ var QuillEditor = styled("div", {
 });
 
 // src/components/RichEditor/QuillComponent.tsx
-import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
 var QuillComponent = ({
   value = "",
   onChange,
@@ -12714,10 +12808,10 @@ var QuillComponent = ({
   onCharacterCountChange,
   maxLength
 }) => {
-  const [showVideoModal, setShowVideoModal] = useState10(false);
-  const [videoUrl, setVideoUrl] = useState10("");
-  const [showLinkModal, setShowLinkModal] = useState10(false);
-  const [linkUrl, setLinkUrl] = useState10("");
+  const [showVideoModal, setShowVideoModal] = useState11(false);
+  const [videoUrl, setVideoUrl] = useState11("");
+  const [showLinkModal, setShowLinkModal] = useState11(false);
+  const [linkUrl, setLinkUrl] = useState11("");
   const videoModalRef = useRef9(null);
   const linkModalRef = useRef9(null);
   const { addToast, removeToast } = useToast();
@@ -12972,9 +13066,9 @@ var QuillComponent = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [showVideoModal, showLinkModal, handleVideoCancel, handleLinkCancel]);
-  return /* @__PURE__ */ jsx52(QuillContainer, { className, children: /* @__PURE__ */ jsxs28(QuillEditor, { children: [
-    /* @__PURE__ */ jsx52("div", { ref: quillRef }),
-    showVideoModal && /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(QuillContainer, { className, children: /* @__PURE__ */ jsxs29(QuillEditor, { children: [
+    /* @__PURE__ */ jsx53("div", { ref: quillRef }),
+    showVideoModal && /* @__PURE__ */ jsx53(
       "div",
       {
         ref: videoModalRef,
@@ -12991,15 +13085,15 @@ var QuillComponent = ({
           zIndex: 1e3,
           width: "fit-content"
         },
-        children: /* @__PURE__ */ jsxs28(Flex, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ jsx52(
+        children: /* @__PURE__ */ jsxs29(Flex, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsx53(
             Text,
             {
               style: { fontSize: "14px", fontWeight: "500", color: "#333" },
               children: "V\xEDdeo:"
             }
           ),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             "input",
             {
               type: "text",
@@ -13023,7 +13117,7 @@ var QuillComponent = ({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             "button",
             {
               onClick: handleVideoSubmit,
@@ -13044,7 +13138,7 @@ var QuillComponent = ({
         ] })
       }
     ),
-    showLinkModal && /* @__PURE__ */ jsx52(
+    showLinkModal && /* @__PURE__ */ jsx53(
       "div",
       {
         ref: linkModalRef,
@@ -13061,15 +13155,15 @@ var QuillComponent = ({
           zIndex: 1e3,
           width: "fit-content"
         },
-        children: /* @__PURE__ */ jsxs28(Flex, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ jsx52(
+        children: /* @__PURE__ */ jsxs29(Flex, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsx53(
             Text,
             {
               style: { fontSize: "14px", fontWeight: "500", color: "#333" },
               children: "Link:"
             }
           ),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             "input",
             {
               type: "text",
@@ -13094,7 +13188,7 @@ var QuillComponent = ({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             "button",
             {
               onClick: handleLinkSubmit,
@@ -13120,21 +13214,21 @@ var QuillComponent = ({
 var QuillComponent_default = QuillComponent;
 
 // src/components/RichEditor/RichEditor.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var RichEditor = (props) => {
-  const [isClient, setIsClient] = useState11(false);
+  const [isClient, setIsClient] = useState12(false);
   useEffect10(() => {
     setIsClient(typeof window !== "undefined");
   }, []);
   if (!isClient) return null;
-  return /* @__PURE__ */ jsx53("div", { children: /* @__PURE__ */ jsx53(ToastProvider, { children: /* @__PURE__ */ jsx53(QuillComponent_default, __spreadValues({}, props)) }) });
+  return /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54(ToastProvider, { children: /* @__PURE__ */ jsx54(QuillComponent_default, __spreadValues({}, props)) }) });
 };
 var RichEditor_default = RichEditor;
 
 // src/components/RichEditor/RichTextPresenter.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var RichTextPresenter = ({ richText }) => {
-  return /* @__PURE__ */ jsx54(QuillEditor, { children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(QuillEditor, { children: /* @__PURE__ */ jsx55(
     "div",
     {
       className: "ql-editor",
@@ -13145,8 +13239,8 @@ var RichTextPresenter = ({ richText }) => {
 var RichTextPresenter_default = RichTextPresenter;
 
 // src/components/FormFields/RichEditorFormField.tsx
-import { useState as useState12 } from "react";
-import { Fragment as Fragment5, jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { Fragment as Fragment6, jsx as jsx56, jsxs as jsxs30 } from "react/jsx-runtime";
 var RichEditorFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13180,7 +13274,7 @@ var RichEditorFormField = (_a) => {
     },
     defaultValue: ""
   });
-  const [caracterQuantity, setCaracterQuantity] = useState12(maxLength);
+  const [caracterQuantity, setCaracterQuantity] = useState13(maxLength);
   const handleCharacterCountChange = (count) => {
     if (maxLength !== void 0) {
       setCaracterQuantity(Math.max(0, maxLength - count));
@@ -13189,9 +13283,9 @@ var RichEditorFormField = (_a) => {
   const fieldError = fieldState.error;
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
-  return /* @__PURE__ */ jsxs29(Flex, { direction: "column", children: [
-    maxLength ? /* @__PURE__ */ jsxs29(Flex, { direction: "row", justify: "between", children: [
-      label && /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs30(Flex, { direction: "column", children: [
+    maxLength ? /* @__PURE__ */ jsxs30(Flex, { direction: "row", justify: "between", children: [
+      label && /* @__PURE__ */ jsx56(
         FormLabel,
         {
           name,
@@ -13200,8 +13294,8 @@ var RichEditorFormField = (_a) => {
           haveError
         }
       ),
-      /* @__PURE__ */ jsx55(Badge, { color: "grey", size: "xs", children: caracterQuantity })
-    ] }) : /* @__PURE__ */ jsx55(Fragment5, { children: label && /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56(Badge, { color: "grey", size: "xs", children: caracterQuantity })
+    ] }) : /* @__PURE__ */ jsx56(Fragment6, { children: label && /* @__PURE__ */ jsx56(
       FormLabel,
       {
         name,
@@ -13210,7 +13304,7 @@ var RichEditorFormField = (_a) => {
         haveError
       }
     ) }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56(
       RichEditor_default,
       __spreadProps(__spreadValues({}, props), {
         value: field.value,
@@ -13222,14 +13316,14 @@ var RichEditorFormField = (_a) => {
         simpleVersion
       })
     ),
-    /* @__PURE__ */ jsx55(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx56(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 jsx56, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
 var CalendarFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13280,8 +13374,8 @@ var CalendarFormField = (_a) => {
   const handleCalendarChange = (date) => {
     setSelected(date);
   };
-  return /* @__PURE__ */ jsxs30(Flex, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs31(Flex, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ jsx57(
       FormLabel,
       {
         name,
@@ -13290,7 +13384,7 @@ var CalendarFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(
       Calendar,
       __spreadValues({
         selected,
@@ -13304,14 +13398,14 @@ var CalendarFormField = (_a) => {
         maxYearsFromNow
       }, calendarProps)
     ),
-    /* @__PURE__ */ jsx56(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx57(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/DoubleCalendarFormField.tsx
 import { useCallback as useCallback6 } from "react";
 import { useController as useController5 } from "react-hook-form";
-import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
 var DoubleCalendarFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13362,9 +13456,9 @@ var DoubleCalendarFormField = (_a) => {
   const handleCalendarChange = (range) => {
     setSelected(range);
   };
-  return /* @__PURE__ */ jsxs31(Flex, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ jsx57(FormLabel, { name, label, required, haveError }),
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs32(Flex, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ jsx58(FormLabel, { name, label, required, haveError }),
+    /* @__PURE__ */ jsx58(
       DoubleCalendar,
       __spreadValues({
         selected,
@@ -13379,14 +13473,14 @@ var DoubleCalendarFormField = (_a) => {
         maxDate
       }, calendarProps)
     ),
-    /* @__PURE__ */ jsx57(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx58(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/TimePickerFormField.tsx
 import { useController as useController6 } from "react-hook-form";
 import { useCallback as useCallback7 } from "react";
-import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
 var TimePickerFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13429,8 +13523,8 @@ var TimePickerFormField = (_a) => {
   const handleTimePickerChange = (time) => {
     setSelected(time);
   };
-  return /* @__PURE__ */ jsxs32(Flex, { direction: "column", style: { flex: "1" }, children: [
-    label && /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs33(Flex, { direction: "column", style: { flex: "1" }, children: [
+    label && /* @__PURE__ */ jsx59(
       FormLabel,
       {
         name,
@@ -13439,7 +13533,7 @@ var TimePickerFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       TimePicker,
       __spreadValues({
         selected,
@@ -13450,14 +13544,14 @@ var TimePickerFormField = (_a) => {
         hasError: haveError
       }, timePickerProps)
     ),
-    /* @__PURE__ */ jsx58(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx59(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/components/FormFields/DateAndTimeFormField.tsx
 import { useController as useController7 } from "react-hook-form";
-import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo4, useState as useState13 } from "react";
-import { jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo4, useState as useState14 } from "react";
+import { jsx as jsx60, jsxs as jsxs34 } from "react/jsx-runtime";
 var DateAndTimeFormField = (_a) => {
   var _b = _a, {
     name,
@@ -13544,8 +13638,8 @@ var DateAndTimeFormField = (_a) => {
       return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
     }
   }, [isoValue]);
-  const [draftDate, setDraftDate] = useState13(selectedDateFromIso);
-  const [draftTime, setDraftTime] = useState13(selectedTimeFromIso);
+  const [draftDate, setDraftDate] = useState14(selectedDateFromIso);
+  const [draftTime, setDraftTime] = useState14(selectedTimeFromIso);
   useEffect11(() => {
     setDraftDate(selectedDateFromIso);
     setDraftTime(selectedTimeFromIso);
@@ -13571,8 +13665,8 @@ var DateAndTimeFormField = (_a) => {
     setDraftTime(time);
     combineDateTime(draftDate, time);
   };
-  return /* @__PURE__ */ jsxs33(Flex, { direction: "column", children: [
-    label && /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs34(Flex, { direction: "column", children: [
+    label && /* @__PURE__ */ jsx60(
       FormLabel,
       {
         name,
@@ -13581,14 +13675,14 @@ var DateAndTimeFormField = (_a) => {
         haveError
       }
     ),
-    /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsxs34(
       Flex,
       {
         gap: 12,
         align: "start",
         style: disabled ? { position: "relative" } : void 0,
         children: [
-          /* @__PURE__ */ jsx59(Flex, { direction: "column", children: /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx60(Flex, { direction: "column", children: /* @__PURE__ */ jsx60(
             Calendar,
             __spreadValues({
               selected: draftDate,
@@ -13603,7 +13697,7 @@ var DateAndTimeFormField = (_a) => {
               disabled
             }, props)
           ) }),
-          /* @__PURE__ */ jsx59(Flex, { direction: "column", children: /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx60(Flex, { direction: "column", children: /* @__PURE__ */ jsx60(
             TimePicker,
             __spreadValues({
               selected: draftTime,
@@ -13615,7 +13709,7 @@ var DateAndTimeFormField = (_a) => {
               hasError: haveError
             }, props)
           ) }),
-          disabled && /* @__PURE__ */ jsx59(
+          disabled && /* @__PURE__ */ jsx60(
             "div",
             {
               "aria-hidden": true,
@@ -13632,16 +13726,16 @@ var DateAndTimeFormField = (_a) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx59(ErrorFormMessage, { message: errorMsg })
+    /* @__PURE__ */ jsx60(ErrorFormMessage, { message: errorMsg })
   ] });
 };
 
 // src/hooks/useImageUpload.ts
-import { useState as useState14, useCallback as useCallback9 } from "react";
+import { useState as useState15, useCallback as useCallback9 } from "react";
 var useImageUpload = (options) => {
-  const [isUploading, setIsUploading] = useState14(false);
-  const [progress, setProgress] = useState14(null);
-  const [error, setError] = useState14(null);
+  const [isUploading, setIsUploading] = useState15(false);
+  const [progress, setProgress] = useState15(null);
+  const [error, setError] = useState15(null);
   const {
     onSuccess,
     onError,
@@ -13833,6 +13927,7 @@ export {
   TimerPickerContentStyled,
   ToastItem,
   ToastProvider,
+  ToggleElement,
   Tooltip,
   TooltipContent,
   TooltipProvider,